diff --git a/.well-known/package.json b/.well-known/package.json
index 88d9b4a6..c33054c6 100644
--- a/.well-known/package.json
+++ b/.well-known/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@ryanatkn/moss",
-  "version": "0.18.1",
+  "version": "0.18.2",
   "description": "CSS framework",
   "motto": "magical organic stylesheets",
   "glyph": "🌿",
diff --git a/.well-known/src.json b/.well-known/src.json
index f62a895a..d7cd44d5 100644
--- a/.well-known/src.json
+++ b/.well-known/src.json
@@ -1,6 +1,6 @@
 {
   "name": "@ryanatkn/moss",
-  "version": "0.18.1",
+  "version": "0.18.2",
   "modules": {
     "./package.json": {
       "path": "package.json",
diff --git a/_app/immutable/chunks/entry.Ds7rg7Hp.js b/_app/immutable/chunks/entry.Ds7rg7Hp.js
index 3efc6da1..0e465c6c 100644
--- a/_app/immutable/chunks/entry.Ds7rg7Hp.js
+++ b/_app/immutable/chunks/entry.Ds7rg7Hp.js
@@ -1,3 +1,3 @@
-import{v as ut,a as dt}from"./environment.DKdlppWi.js";import{$ as le,aD as ht,ao as pt}from"./runtime.DQGBAbm5.js";new URL("sveltekit-internal://");function gt(e,n){return e==="/"||n==="ignore"?e:n==="never"?e.endsWith("/")?e.slice(0,-1):e:n==="always"&&!e.endsWith("/")?e+"/":e}function mt(e){return e.split("%25").map(decodeURI).join("%25")}function _t(e){for(const n in e)e[n]=decodeURIComponent(e[n]);return e}function fe({href:e}){return e.split("#")[0]}const yt=["href","pathname","search","toString","toJSON"];function wt(e,n,t){const r=new URL(e);Object.defineProperty(r,"searchParams",{value:new Proxy(r.searchParams,{get(a,o){if(o==="get"||o==="getAll"||o==="has")return s=>(t(s),a[o](s));n();const i=Reflect.get(a,o);return typeof i=="function"?i.bind(a):i}}),enumerable:!0,configurable:!0});for(const a of yt)Object.defineProperty(r,a,{get(){return n(),e[a]},enumerable:!0,configurable:!0});return r}const vt="/__data.json",bt=".html__data.json";function At(e){return e.endsWith(".html")?e.replace(/\.html$/,bt):e.replace(/\/$/,"")+vt}function Et(...e){let n=5381;for(const t of e)if(typeof t=="string"){let r=t.length;for(;r;)n=n*33^t.charCodeAt(--r)}else if(ArrayBuffer.isView(t)){const r=new Uint8Array(t.buffer,t.byteOffset,t.byteLength);let a=r.length;for(;a;)n=n*33^r[--a]}else throw new TypeError("value must be a string or TypedArray");return(n>>>0).toString(36)}function St(e){const n=atob(e),t=new Uint8Array(n.length);for(let r=0;r<n.length;r++)t[r]=n.charCodeAt(r);return t.buffer}const Fe=window.fetch;window.fetch=(e,n)=>((e instanceof Request?e.method:(n==null?void 0:n.method)||"GET")!=="GET"&&q.delete(me(e)),Fe(e,n));const q=new Map;function kt(e,n){const t=me(e,n),r=document.querySelector(t);if(r!=null&&r.textContent){let{body:a,...o}=JSON.parse(r.textContent);const i=r.getAttribute("data-ttl");return i&&q.set(t,{body:a,init:o,ttl:1e3*Number(i)}),r.getAttribute("data-b64")!==null&&(a=St(a)),Promise.resolve(new Response(a,o))}return window.fetch(e,n)}function Rt(e,n,t){if(q.size>0){const r=me(e,t),a=q.get(r);if(a){if(performance.now()<a.ttl&&["default","force-cache","only-if-cached",void 0].includes(t==null?void 0:t.cache))return new Response(a.body,a.init);q.delete(r)}}return window.fetch(n,t)}function me(e,n){let r=`script[data-sveltekit-fetched][data-url=${JSON.stringify(e instanceof Request?e.url:e)}]`;if(n!=null&&n.headers||n!=null&&n.body){const a=[];n.headers&&a.push([...new Headers(n.headers)].join(",")),n.body&&(typeof n.body=="string"||ArrayBuffer.isView(n.body))&&a.push(n.body),r+=`[data-hash="${Et(...a)}"]`}return r}const It=/^(\[)?(\.\.\.)?(\w+)(?:=(\w+))?(\])?$/;function Tt(e){const n=[];return{pattern:e==="/"?/^\/$/:new RegExp(`^${Pt(e).map(r=>{const a=/^\[\.\.\.(\w+)(?:=(\w+))?\]$/.exec(r);if(a)return n.push({name:a[1],matcher:a[2],optional:!1,rest:!0,chained:!0}),"(?:/(.*))?";const o=/^\[\[(\w+)(?:=(\w+))?\]\]$/.exec(r);if(o)return n.push({name:o[1],matcher:o[2],optional:!0,rest:!1,chained:!0}),"(?:/([^/]+))?";if(!r)return;const i=r.split(/\[(.+?)\](?!\])/);return"/"+i.map((c,l)=>{if(l%2){if(c.startsWith("x+"))return ue(String.fromCharCode(parseInt(c.slice(2),16)));if(c.startsWith("u+"))return ue(String.fromCharCode(...c.slice(2).split("-").map(f=>parseInt(f,16))));const d=It.exec(c),[,h,g,u,m]=d;return n.push({name:u,matcher:m,optional:!!h,rest:!!g,chained:g?l===1&&i[0]==="":!1}),g?"(.*?)":h?"([^/]*)?":"([^/]+?)"}return ue(c)}).join("")}).join("")}/?$`),params:n}}function Lt(e){return!/^\([^)]+\)$/.test(e)}function Pt(e){return e.slice(1).split("/").filter(Lt)}function Ut(e,n,t){const r={},a=e.slice(1),o=a.filter(s=>s!==void 0);let i=0;for(let s=0;s<n.length;s+=1){const c=n[s];let l=a[s-i];if(c.chained&&c.rest&&i&&(l=a.slice(s-i,s+1).filter(d=>d).join("/"),i=0),l===void 0){c.rest&&(r[c.name]="");continue}if(!c.matcher||t[c.matcher](l)){r[c.name]=l;const d=n[s+1],h=a[s+1];d&&!d.rest&&d.optional&&h&&c.chained&&(i=0),!d&&!h&&Object.keys(r).length===o.length&&(i=0);continue}if(c.optional&&c.chained){i++;continue}return}if(!i)return r}function ue(e){return e.normalize().replace(/[[\]]/g,"\\$&").replace(/%/g,"%25").replace(/\//g,"%2[Ff]").replace(/\?/g,"%3[Ff]").replace(/#/g,"%23").replace(/[.*+?^${}()|\\]/g,"\\$&")}function xt({nodes:e,server_loads:n,dictionary:t,matchers:r}){const a=new Set(n);return Object.entries(t).map(([s,[c,l,d]])=>{const{pattern:h,params:g}=Tt(s),u={id:s,exec:m=>{const f=h.exec(m);if(f)return Ut(f,g,r)},errors:[1,...d||[]].map(m=>e[m]),layouts:[0,...l||[]].map(i),leaf:o(c)};return u.errors.length=u.layouts.length=Math.max(u.errors.length,u.layouts.length),u});function o(s){const c=s<0;return c&&(s=~s),[c,e[s]]}function i(s){return s===void 0?s:[a.has(s),e[s]]}}function Be(e,n=JSON.parse){try{return n(sessionStorage[e])}catch{}}function Le(e,n,t=JSON.stringify){const r=t(n);try{sessionStorage[e]=r}catch{}}const O=[];function _e(e,n=le){let t=null;const r=new Set;function a(s){if(ht(e,s)&&(e=s,t)){const c=!O.length;for(const l of r)l[1](),O.push(l,e);if(c){for(let l=0;l<O.length;l+=2)O[l][0](O[l+1]);O.length=0}}}function o(s){a(s(e))}function i(s,c=le){const l=[s,c];return r.add(l),r.size===1&&(t=n(a,o)||le),s(e),()=>{r.delete(l),r.size===0&&t&&(t(),t=null)}}return{set:a,update:o,subscribe:i}}var $e;const L=(($e=globalThis.__sveltekit_1w0ddo5                       )==null?void 0:$e.base)??"";var Ve;const Nt=((Ve=globalThis.__sveltekit_1w0ddo5                       )==null?void 0:Ve.assets)??L,qe="sveltekit:snapshot",He="sveltekit:scroll",Ge="sveltekit:states",Ot="sveltekit:pageurl",D="sveltekit:history",G="sveltekit:navigation",J={tap:1,hover:2,viewport:3,eager:4,off:-1,false:-1},Y=location.origin;function Ke(e){if(e instanceof URL)return e;let n=document.baseURI;if(!n){const t=document.getElementsByTagName("base");n=t.length?t[0].href:document.URL}return new URL(e,n)}function ye(){return{x:pageXOffset,y:pageYOffset}}function C(e,n){return e.getAttribute(`data-sveltekit-${n}`)}const Pe={...J,"":J.hover};function Me(e){let n=e.assignedSlot??e.parentNode;return(n==null?void 0:n.nodeType)===11&&(n=n.host),n}function Ye(e,n){for(;e&&e!==n;){if(e.nodeName.toUpperCase()==="A"&&e.hasAttribute("href"))return e;e=Me(e)}}function he(e,n){let t;try{t=new URL(e instanceof SVGAElement?e.href.baseVal:e.href,document.baseURI)}catch{}const r=e instanceof SVGAElement?e.target.baseVal:e.target,a=!t||!!r||re(t,n)||(e.getAttribute("rel")||"").split(/\s+/).includes("external"),o=(t==null?void 0:t.origin)===Y&&e.hasAttribute("download");return{url:t,external:a,target:r,download:o}}function W(e){let n=null,t=null,r=null,a=null,o=null,i=null,s=e;for(;s&&s!==document.documentElement;)r===null&&(r=C(s,"preload-code")),a===null&&(a=C(s,"preload-data")),n===null&&(n=C(s,"keepfocus")),t===null&&(t=C(s,"noscroll")),o===null&&(o=C(s,"reload")),i===null&&(i=C(s,"replacestate")),s=Me(s);function c(l){switch(l){case"":case"true":return!0;case"off":case"false":return!1;default:return}}return{preload_code:Pe[r??"off"],preload_data:Pe[a??"off"],keepfocus:c(n),noscroll:c(t),reload:c(o),replace_state:c(i)}}function Ue(e){const n=_e(e);let t=!0;function r(){t=!0,n.update(i=>i)}function a(i){t=!1,n.set(i)}function o(i){let s;return n.subscribe(c=>{(s===void 0||t&&c!==s)&&i(s=c)})}return{notify:r,set:a,subscribe:o}}function Ct(){const{set:e,subscribe:n}=_e(!1);let t;async function r(){clearTimeout(t);try{const a=await fetch(`${Nt}/_app/version.json`,{headers:{pragma:"no-cache","cache-control":"no-cache"}});if(!a.ok)return!1;const i=(await a.json()).version!==ut;return i&&(e(!0),clearTimeout(t)),i}catch{return!1}}return{subscribe:n,check:r}}function re(e,n){return e.origin!==Y||!e.pathname.startsWith(n)}function xe(e){const n=Dt(e),t=new ArrayBuffer(n.length),r=new DataView(t);for(let a=0;a<t.byteLength;a++)r.setUint8(a,n.charCodeAt(a));return t}const jt="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";function Dt(e){e.length%4===0&&(e=e.replace(/==?$/,""));let n="",t=0,r=0;for(let a=0;a<e.length;a++)t<<=6,t|=jt.indexOf(e[a]),r+=6,r===24&&(n+=String.fromCharCode((t&16711680)>>16),n+=String.fromCharCode((t&65280)>>8),n+=String.fromCharCode(t&255),t=r=0);return r===12?(t>>=4,n+=String.fromCharCode(t)):r===18&&(t>>=2,n+=String.fromCharCode((t&65280)>>8),n+=String.fromCharCode(t&255)),n}const $t=-1,Vt=-2,Ft=-3,Bt=-4,qt=-5,Ht=-6;function Gt(e,n){if(typeof e=="number")return a(e,!0);if(!Array.isArray(e)||e.length===0)throw new Error("Invalid input");const t=e,r=Array(t.length);function a(o,i=!1){if(o===$t)return;if(o===Ft)return NaN;if(o===Bt)return 1/0;if(o===qt)return-1/0;if(o===Ht)return-0;if(i)throw new Error("Invalid input");if(o in r)return r[o];const s=t[o];if(!s||typeof s!="object")r[o]=s;else if(Array.isArray(s))if(typeof s[0]=="string"){const c=s[0],l=n==null?void 0:n[c];if(l)return r[o]=l(a(s[1]));switch(c){case"Date":r[o]=new Date(s[1]);break;case"Set":const d=new Set;r[o]=d;for(let u=1;u<s.length;u+=1)d.add(a(s[u]));break;case"Map":const h=new Map;r[o]=h;for(let u=1;u<s.length;u+=2)h.set(a(s[u]),a(s[u+1]));break;case"RegExp":r[o]=new RegExp(s[1],s[2]);break;case"Object":r[o]=Object(s[1]);break;case"BigInt":r[o]=BigInt(s[1]);break;case"null":const g=Object.create(null);r[o]=g;for(let u=1;u<s.length;u+=2)g[s[u]]=a(s[u+1]);break;case"Int8Array":case"Uint8Array":case"Uint8ClampedArray":case"Int16Array":case"Uint16Array":case"Int32Array":case"Uint32Array":case"Float32Array":case"Float64Array":case"BigInt64Array":case"BigUint64Array":{const u=globalThis[c],m=s[1],f=xe(m),_=new u(f);r[o]=_;break}case"ArrayBuffer":{const u=s[1],m=xe(u);r[o]=m;break}default:throw new Error(`Unknown type ${c}`)}}else{const c=new Array(s.length);r[o]=c;for(let l=0;l<s.length;l+=1){const d=s[l];d!==Vt&&(c[l]=a(d))}}else{const c={};r[o]=c;for(const l in s){const d=s[l];c[l]=a(d)}}return r[o]}return a(0)}const ze=new Set(["load","prerender","csr","ssr","trailingSlash","config"]);[...ze];const Kt=new Set([...ze]);[...Kt];function Mt(e){return e.filter(n=>n!=null)}class ae{constructor(n,t){this.status=n,typeof t=="string"?this.body={message:t}:t?this.body=t:this.body={message:`Error: ${n}`}}toString(){return JSON.stringify(this.body)}}class Je{constructor(n,t){this.status=n,this.location=t}}class we extends Error{constructor(n,t,r){super(r),this.status=n,this.text=t}}const Yt="x-sveltekit-invalidated",zt="x-sveltekit-trailing-slash";function X(e){return e instanceof ae||e instanceof we?e.status:500}function Jt(e){return e instanceof we?e.text:"Internal Error"}const N=Be(He)??{},K=Be(qe)??{},U={url:Ue({}),page:Ue({}),navigating:_e(null),updated:Ct()};function ve(e){N[e]=ye()}function Wt(e,n){let t=e+1;for(;N[t];)delete N[t],t+=1;for(t=n+1;K[t];)delete K[t],t+=1}function V(e){return location.href=e.href,new Promise(()=>{})}function Ne(){}let oe,pe,Z,P,ge,F;const We=[],Q=[];let R=null;const Xe=[],Ze=[];let j=[],y={branch:[],error:null,url:null},be=!1,ee=!1,Oe=!0,M=!1,B=!1,Qe=!1,Ae=!1,Ee,S,T,I,te;const H=new Set;async function fn(e,n,t){var a,o;document.URL!==location.href&&(location.href=location.href),F=e,oe=xt(e),P=document.documentElement,ge=n,pe=e.nodes[0],Z=e.nodes[1],pe(),Z(),S=(a=history.state)==null?void 0:a[D],T=(o=history.state)==null?void 0:o[G],S||(S=T=Date.now(),history.replaceState({...history.state,[D]:S,[G]:T},""));const r=N[S];r&&(history.scrollRestoration="manual",scrollTo(r.x,r.y)),t?await on(ge,t):rn(location.href,{replaceState:!0}),an()}function Xt(){We.length=0,Ae=!1}function et(e){Q.some(n=>n==null?void 0:n.snapshot)&&(K[e]=Q.map(n=>{var t;return(t=n==null?void 0:n.snapshot)==null?void 0:t.capture()}))}function tt(e){var n;(n=K[e])==null||n.forEach((t,r)=>{var a,o;(o=(a=Q[r])==null?void 0:a.snapshot)==null||o.restore(t)})}function Ce(){ve(S),Le(He,N),et(T),Le(qe,K)}async function nt(e,n,t,r){return z({type:"goto",url:Ke(e),keepfocus:n.keepFocus,noscroll:n.noScroll,replace_state:n.replaceState,state:n.state,redirect_count:t,nav_token:r,accept:()=>{n.invalidateAll&&(Ae=!0)}})}async function Zt(e){if(e.id!==(R==null?void 0:R.id)){const n={};H.add(n),R={id:e.id,token:n,promise:at({...e,preload:n}).then(t=>(H.delete(n),t.type==="loaded"&&t.state.error&&(R=null),t))}}return R.promise}async function de(e){const n=oe.find(t=>t.exec(ot(e)));n&&await Promise.all([...n.layouts,n.leaf].map(t=>t==null?void 0:t[1]()))}function rt(e,n,t){var o;y=e.state;const r=document.querySelector("style[data-sveltekit]");r&&r.remove(),I=e.props.page,Ee=new F.root({target:n,props:{...e.props,stores:U,components:Q},hydrate:t,sync:!1}),tt(T);const a={from:null,to:{params:y.params,route:{id:((o=y.route)==null?void 0:o.id)??null},url:new URL(location.href)},willUnload:!1,type:"enter",complete:Promise.resolve()};j.forEach(i=>i(a)),ee=!0}function ne({url:e,params:n,branch:t,status:r,error:a,route:o,form:i}){let s="never";if(L&&(e.pathname===L||e.pathname===L+"/"))s="always";else for(const u of t)(u==null?void 0:u.slash)!==void 0&&(s=u.slash);e.pathname=gt(e.pathname,s),e.search=e.search;const c={type:"loaded",state:{url:e,params:n,branch:t,error:a,route:o},props:{constructors:Mt(t).map(u=>u.node.component),page:I}};i!==void 0&&(c.props.form=i);let l={},d=!I,h=0;for(let u=0;u<Math.max(t.length,y.branch.length);u+=1){const m=t[u],f=y.branch[u];(m==null?void 0:m.data)!==(f==null?void 0:f.data)&&(d=!0),m&&(l={...l,...m.data},d&&(c.props[`data_${h}`]=l),h+=1)}return(!y.url||e.href!==y.url.href||y.error!==a||i!==void 0&&i!==I.form||d)&&(c.props.page={error:a,params:n,route:{id:(o==null?void 0:o.id)??null},state:{},status:r,url:new URL(e),form:i??null,data:d?l:I.data}),c}async function Se({loader:e,parent:n,url:t,params:r,route:a,server_data_node:o}){var d,h,g;let i=null,s=!0;const c={dependencies:new Set,params:new Set,parent:!1,route:!1,url:!1,search_params:new Set},l=await e();if((d=l.universal)!=null&&d.load){let u=function(...f){for(const _ of f){const{href:b}=new URL(_,t);c.dependencies.add(b)}};const m={route:new Proxy(a,{get:(f,_)=>(s&&(c.route=!0),f[_])}),params:new Proxy(r,{get:(f,_)=>(s&&c.params.add(_),f[_])}),data:(o==null?void 0:o.data)??null,url:wt(t,()=>{s&&(c.url=!0)},f=>{s&&c.search_params.add(f)}),async fetch(f,_){let b;f instanceof Request?(b=f.url,_={body:f.method==="GET"||f.method==="HEAD"?void 0:await f.blob(),cache:f.cache,credentials:f.credentials,headers:f.headers,integrity:f.integrity,keepalive:f.keepalive,method:f.method,mode:f.mode,redirect:f.redirect,referrer:f.referrer,referrerPolicy:f.referrerPolicy,signal:f.signal,..._}):b=f;const k=new URL(b,t);return s&&u(k.href),k.origin===t.origin&&(b=k.href.slice(t.origin.length)),ee?Rt(b,k.href,_):kt(b,_)},setHeaders:()=>{},depends:u,parent(){return s&&(c.parent=!0),n()},untrack(f){s=!1;try{return f()}finally{s=!0}}};i=await l.universal.load.call(null,m)??null}return{node:l,loader:e,server:o,universal:(h=l.universal)!=null&&h.load?{type:"data",data:i,uses:c}:null,data:i??(o==null?void 0:o.data)??null,slash:((g=l.universal)==null?void 0:g.trailingSlash)??(o==null?void 0:o.slash)}}function je(e,n,t,r,a,o){if(Ae)return!0;if(!a)return!1;if(a.parent&&e||a.route&&n||a.url&&t)return!0;for(const i of a.search_params)if(r.has(i))return!0;for(const i of a.params)if(o[i]!==y.params[i])return!0;for(const i of a.dependencies)if(We.some(s=>s(new URL(i))))return!0;return!1}function ke(e,n){return(e==null?void 0:e.type)==="data"?e:(e==null?void 0:e.type)==="skip"?n??null:null}function Qt(e,n){if(!e)return new Set(n.searchParams.keys());const t=new Set([...e.searchParams.keys(),...n.searchParams.keys()]);for(const r of t){const a=e.searchParams.getAll(r),o=n.searchParams.getAll(r);a.every(i=>o.includes(i))&&o.every(i=>a.includes(i))&&t.delete(r)}return t}function De({error:e,url:n,route:t,params:r}){return{type:"loaded",state:{error:e,url:n,route:t,params:r,branch:[]},props:{page:I,constructors:[]}}}async function at({id:e,invalidating:n,url:t,params:r,route:a,preload:o}){if((R==null?void 0:R.id)===e)return H.delete(R.token),R.promise;const{errors:i,layouts:s,leaf:c}=a,l=[...s,c];i.forEach(p=>p==null?void 0:p().catch(()=>{})),l.forEach(p=>p==null?void 0:p[1]().catch(()=>{}));let d=null;const h=y.url?e!==y.url.pathname+y.url.search:!1,g=y.route?a.id!==y.route.id:!1,u=Qt(y.url,t);let m=!1;const f=l.map((p,v)=>{var x;const A=y.branch[v],E=!!(p!=null&&p[0])&&((A==null?void 0:A.loader)!==p[1]||je(m,g,h,u,(x=A.server)==null?void 0:x.uses,r));return E&&(m=!0),E});if(f.some(Boolean)){try{d=await ct(t,f)}catch(p){const v=await $(p,{url:t,params:r,route:{id:e}});return H.has(o)?De({error:v,url:t,params:r,route:a}):se({status:X(p),error:v,url:t,route:a})}if(d.type==="redirect")return d}const _=d==null?void 0:d.nodes;let b=!1;const k=l.map(async(p,v)=>{var ie;if(!p)return;const A=y.branch[v],E=_==null?void 0:_[v];if((!E||E.type==="skip")&&p[1]===(A==null?void 0:A.loader)&&!je(b,g,h,u,(ie=A.universal)==null?void 0:ie.uses,r))return A;if(b=!0,(E==null?void 0:E.type)==="error")throw E;return Se({loader:p[1],url:t,params:r,route:a,parent:async()=>{var Te;const Ie={};for(let ce=0;ce<v;ce+=1)Object.assign(Ie,(Te=await k[ce])==null?void 0:Te.data);return Ie},server_data_node:ke(E===void 0&&p[0]?{type:"skip"}:E??null,p[0]?A==null?void 0:A.server:void 0)})});for(const p of k)p.catch(()=>{});const w=[];for(let p=0;p<l.length;p+=1)if(l[p])try{w.push(await k[p])}catch(v){if(v instanceof Je)return{type:"redirect",location:v.location};if(H.has(o))return De({error:await $(v,{params:r,url:t,route:{id:a.id}}),url:t,params:r,route:a});let A=X(v),E;if(_!=null&&_.includes(v))A=v.status??A,E=v.error;else if(v instanceof ae)E=v.body;else{if(await U.updated.check())return await V(t);E=await $(v,{params:r,url:t,route:{id:a.id}})}const x=await en(p,w,i);return x?ne({url:t,params:r,branch:w.slice(0,x.idx).concat(x.node),status:A,error:E,route:a}):await it(t,{id:a.id},E,A)}else w.push(void 0);return ne({url:t,params:r,branch:w,status:200,error:null,route:a,form:n?void 0:null})}async function en(e,n,t){for(;e--;)if(t[e]){let r=e;for(;!n[r];)r-=1;try{return{idx:r+1,node:{node:await t[e](),loader:t[e],data:{},server:null,universal:null}}}catch{continue}}}async function se({status:e,error:n,url:t,route:r}){const a={};let o=null;if(F.server_loads[0]===0)try{const l=await ct(t,[!0]);if(l.type!=="data"||l.nodes[0]&&l.nodes[0].type!=="data")throw 0;o=l.nodes[0]??null}catch{(t.origin!==Y||t.pathname!==location.pathname||be)&&await V(t)}const s=await Se({loader:pe,url:t,params:a,route:r,parent:()=>Promise.resolve({}),server_data_node:ke(o)}),c={node:await Z(),loader:Z,universal:null,server:null,data:null};return ne({url:t,params:a,branch:[s,c],status:e,error:n,route:null})}function Re(e,n){if(!e||re(e,L))return;let t;try{t=F.hooks.reroute({url:new URL(e)})??e.pathname}catch{return}const r=ot(t);for(const a of oe){const o=a.exec(r);if(o)return{id:e.pathname+e.search,invalidating:n,route:a,params:_t(o),url:e}}}function ot(e){return mt(e.slice(L.length)||"/")}function st({url:e,type:n,intent:t,delta:r}){let a=!1;const o=ft(y,t,e,n);r!==void 0&&(o.navigation.delta=r);const i={...o.navigation,cancel:()=>{a=!0,o.reject(new Error("navigation cancelled"))}};return M||Xe.forEach(s=>s(i)),a?null:o}async function z({type:e,url:n,popped:t,keepfocus:r,noscroll:a,replace_state:o,state:i={},redirect_count:s=0,nav_token:c={},accept:l=Ne,block:d=Ne}){const h=Re(n,!1),g=st({url:n,type:e,delta:t==null?void 0:t.delta,intent:h});if(!g){d();return}const u=S,m=T;l(),M=!0,ee&&U.navigating.set(g.navigation),te=c;let f=h&&await at(h);if(!f){if(re(n,L))return await V(n);f=await it(n,{id:null},await $(new we(404,"Not Found",`Not found: ${n.pathname}`),{url:n,params:{},route:{id:null}}),404)}if(n=(h==null?void 0:h.url)||n,te!==c)return g.reject(new Error("navigation aborted")),!1;if(f.type==="redirect")if(s>=20)f=await se({status:500,error:await $(new Error("Redirect loop"),{url:n,params:{},route:{id:null}}),url:n,route:{id:null}});else return nt(new URL(f.location,n).href,{},s+1,c),!1;else f.props.page.status>=400&&await U.updated.check()&&await V(n);if(Xt(),ve(u),et(m),f.props.page.url.pathname!==n.pathname&&(n.pathname=f.props.page.url.pathname),i=t?t.state:i,!t){const w=o?0:1,p={[D]:S+=w,[G]:T+=w,[Ge]:i};(o?history.replaceState:history.pushState).call(history,p,"",n),o||Wt(S,T)}if(R=null,f.props.page.state=i,ee){y=f.state,f.props.page&&(f.props.page.url=n);const w=(await Promise.all(Ze.map(p=>p(g.navigation)))).filter(p=>typeof p=="function");if(w.length>0){let p=function(){j=j.filter(v=>!w.includes(v))};w.push(p),j.push(...w)}Ee.$set(f.props),Qe=!0}else rt(f,ge,!1);const{activeElement:_}=document;await pt();const b=t?t.scroll:a?ye():null;if(Oe){const w=n.hash&&document.getElementById(decodeURIComponent(n.hash.slice(1)));b?scrollTo(b.x,b.y):w?w.scrollIntoView():scrollTo(0,0)}const k=document.activeElement!==_&&document.activeElement!==document.body;!r&&!k&&sn(),Oe=!0,f.props.page&&(I=f.props.page),M=!1,e==="popstate"&&tt(T),g.fulfil(void 0),j.forEach(w=>w(g.navigation)),U.navigating.set(null)}async function it(e,n,t,r){return e.origin===Y&&e.pathname===location.pathname&&!be?await se({status:r,error:t,url:e,route:n}):await V(e)}function tn(){let e;P.addEventListener("mousemove",o=>{const i=o.target;clearTimeout(e),e=setTimeout(()=>{r(i,2)},20)});function n(o){r(o.composedPath()[0],1)}P.addEventListener("mousedown",n),P.addEventListener("touchstart",n,{passive:!0});const t=new IntersectionObserver(o=>{for(const i of o)i.isIntersecting&&(de(i.target.href),t.unobserve(i.target))},{threshold:0});function r(o,i){const s=Ye(o,P);if(!s)return;const{url:c,external:l,download:d}=he(s,L);if(l||d)return;const h=W(s);if(!h.reload)if(i<=h.preload_data){const g=Re(c,!1);g&&Zt(g)}else i<=h.preload_code&&de(c.pathname)}function a(){t.disconnect();for(const o of P.querySelectorAll("a")){const{url:i,external:s,download:c}=he(o,L);if(s||c)continue;const l=W(o);l.reload||(l.preload_code===J.viewport&&t.observe(o),l.preload_code===J.eager&&de(i.pathname))}}j.push(a),a()}function $(e,n){if(e instanceof ae)return e.body;const t=X(e),r=Jt(e);return F.hooks.handleError({error:e,event:n,status:t,message:r})??{message:r}}function nn(e,n){dt(()=>(e.push(n),()=>{const t=e.indexOf(n);e.splice(t,1)}))}function un(e){nn(Ze,e)}function rn(e,n={}){return e=Ke(e),e.origin!==Y?Promise.reject(new Error("goto: invalid URL")):nt(e,n,0)}function an(){var n;history.scrollRestoration="manual",addEventListener("beforeunload",t=>{let r=!1;if(Ce(),!M){const a=ft(y,void 0,null,"leave"),o={...a.navigation,cancel:()=>{r=!0,a.reject(new Error("navigation cancelled"))}};Xe.forEach(i=>i(o))}r?(t.preventDefault(),t.returnValue=""):history.scrollRestoration="auto"}),addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"&&Ce()}),(n=navigator.connection)!=null&&n.saveData||tn(),P.addEventListener("click",async t=>{var g;if(t.button||t.which!==1||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||t.defaultPrevented)return;const r=Ye(t.composedPath()[0],P);if(!r)return;const{url:a,external:o,target:i,download:s}=he(r,L);if(!a)return;if(i==="_parent"||i==="_top"){if(window.parent!==window)return}else if(i&&i!=="_self")return;const c=W(r);if(!(r instanceof SVGAElement)&&a.protocol!==location.protocol&&!(a.protocol==="https:"||a.protocol==="http:")||s)return;if(o||c.reload){st({url:a,type:"link"})?M=!0:t.preventDefault();return}const[d,h]=a.href.split("#");if(h!==void 0&&d===fe(location)){const[,u]=y.url.href.split("#");if(u===h){t.preventDefault(),h===""||h==="top"&&r.ownerDocument.getElementById("top")===null?window.scrollTo({top:0}):(g=r.ownerDocument.getElementById(h))==null||g.scrollIntoView();return}if(B=!0,ve(S),e(a),!c.replace_state)return;B=!1}t.preventDefault(),await new Promise(u=>{requestAnimationFrame(()=>{setTimeout(u,0)}),setTimeout(u,100)}),z({type:"link",url:a,keepfocus:c.keepfocus,noscroll:c.noscroll,replace_state:c.replace_state??a.href===location.href})}),P.addEventListener("submit",t=>{if(t.defaultPrevented)return;const r=HTMLFormElement.prototype.cloneNode.call(t.target),a=t.submitter;if(((a==null?void 0:a.formTarget)||r.target)==="_blank"||((a==null?void 0:a.formMethod)||r.method)!=="get")return;const s=new URL((a==null?void 0:a.hasAttribute("formaction"))&&(a==null?void 0:a.formAction)||r.action);if(re(s,L))return;const c=t.target,l=W(c);if(l.reload)return;t.preventDefault(),t.stopPropagation();const d=new FormData(c),h=a==null?void 0:a.getAttribute("name");h&&d.append(h,(a==null?void 0:a.getAttribute("value"))??""),s.search=new URLSearchParams(d).toString(),z({type:"form",url:s,keepfocus:l.keepfocus,noscroll:l.noscroll,replace_state:l.replace_state??s.href===location.href})}),addEventListener("popstate",async t=>{var r;if((r=t.state)!=null&&r[D]){const a=t.state[D];if(te={},a===S)return;const o=N[a],i=t.state[Ge]??{},s=new URL(t.state[Ot]??location.href),c=t.state[G],l=fe(location)===fe(y.url);if(c===T&&(Qe||l)){e(s),N[S]=ye(),o&&scrollTo(o.x,o.y),i!==I.state&&(I={...I,state:i},Ee.$set({page:I})),S=a;return}const h=a-S;await z({type:"popstate",url:s,popped:{state:i,scroll:o,delta:h},accept:()=>{S=a,T=c},block:()=>{history.go(-h)},nav_token:te})}else if(!B){const a=new URL(location.href);e(a)}}),addEventListener("hashchange",()=>{B&&(B=!1,history.replaceState({...history.state,[D]:++S,[G]:T},"",location.href))});for(const t of document.querySelectorAll("link"))t.rel==="icon"&&(t.href=t.href);addEventListener("pageshow",t=>{t.persisted&&U.navigating.set(null)});function e(t){y.url=t,U.page.set({...I,url:t}),U.page.notify()}}async function on(e,{status:n=200,error:t,node_ids:r,params:a,route:o,data:i,form:s}){be=!0;const c=new URL(location.href);({params:a={},route:o={id:null}}=Re(c,!1)||{});let l;try{const d=r.map(async(u,m)=>{const f=i[m];return f!=null&&f.uses&&(f.uses=lt(f.uses)),Se({loader:F.nodes[u],url:c,params:a,route:o,parent:async()=>{const _={};for(let b=0;b<m;b+=1)Object.assign(_,(await d[b]).data);return _},server_data_node:ke(f)})}),h=await Promise.all(d),g=oe.find(({id:u})=>u===o.id);if(g){const u=g.layouts;for(let m=0;m<u.length;m++)u[m]||h.splice(m,0,void 0)}l=ne({url:c,params:a,branch:h,status:n,error:t,form:s,route:g??null})}catch(d){if(d instanceof Je){await V(new URL(d.location,location.href));return}l=await se({status:X(d),error:await $(d,{url:c,params:a,route:o}),url:c,route:o})}l.props.page&&(l.props.page.state={}),rt(l,e,!0)}async function ct(e,n){var a;const t=new URL(e);t.pathname=At(e.pathname),e.pathname.endsWith("/")&&t.searchParams.append(zt,"1"),t.searchParams.append(Yt,n.map(o=>o?"1":"0").join(""));const r=await Fe(t.href);if(!r.ok){let o;throw(a=r.headers.get("content-type"))!=null&&a.includes("application/json")?o=await r.json():r.status===404?o="Not Found":r.status===500&&(o="Internal Error"),new ae(r.status,o)}return new Promise(async o=>{var h;const i=new Map,s=r.body.getReader(),c=new TextDecoder;function l(g){return Gt(g,{Promise:u=>new Promise((m,f)=>{i.set(u,{fulfil:m,reject:f})})})}let d="";for(;;){const{done:g,value:u}=await s.read();if(g&&!d)break;for(d+=!u&&d?`
+import{v as ut,a as dt}from"./environment.DKdlppWi.js";import{$ as le,aD as ht,ao as pt}from"./runtime.DQGBAbm5.js";new URL("sveltekit-internal://");function gt(e,n){return e==="/"||n==="ignore"?e:n==="never"?e.endsWith("/")?e.slice(0,-1):e:n==="always"&&!e.endsWith("/")?e+"/":e}function mt(e){return e.split("%25").map(decodeURI).join("%25")}function _t(e){for(const n in e)e[n]=decodeURIComponent(e[n]);return e}function fe({href:e}){return e.split("#")[0]}const yt=["href","pathname","search","toString","toJSON"];function wt(e,n,t){const r=new URL(e);Object.defineProperty(r,"searchParams",{value:new Proxy(r.searchParams,{get(a,o){if(o==="get"||o==="getAll"||o==="has")return s=>(t(s),a[o](s));n();const i=Reflect.get(a,o);return typeof i=="function"?i.bind(a):i}}),enumerable:!0,configurable:!0});for(const a of yt)Object.defineProperty(r,a,{get(){return n(),e[a]},enumerable:!0,configurable:!0});return r}const vt="/__data.json",bt=".html__data.json";function At(e){return e.endsWith(".html")?e.replace(/\.html$/,bt):e.replace(/\/$/,"")+vt}function Et(...e){let n=5381;for(const t of e)if(typeof t=="string"){let r=t.length;for(;r;)n=n*33^t.charCodeAt(--r)}else if(ArrayBuffer.isView(t)){const r=new Uint8Array(t.buffer,t.byteOffset,t.byteLength);let a=r.length;for(;a;)n=n*33^r[--a]}else throw new TypeError("value must be a string or TypedArray");return(n>>>0).toString(36)}function St(e){const n=atob(e),t=new Uint8Array(n.length);for(let r=0;r<n.length;r++)t[r]=n.charCodeAt(r);return t.buffer}const Fe=window.fetch;window.fetch=(e,n)=>((e instanceof Request?e.method:(n==null?void 0:n.method)||"GET")!=="GET"&&q.delete(me(e)),Fe(e,n));const q=new Map;function kt(e,n){const t=me(e,n),r=document.querySelector(t);if(r!=null&&r.textContent){let{body:a,...o}=JSON.parse(r.textContent);const i=r.getAttribute("data-ttl");return i&&q.set(t,{body:a,init:o,ttl:1e3*Number(i)}),r.getAttribute("data-b64")!==null&&(a=St(a)),Promise.resolve(new Response(a,o))}return window.fetch(e,n)}function Rt(e,n,t){if(q.size>0){const r=me(e,t),a=q.get(r);if(a){if(performance.now()<a.ttl&&["default","force-cache","only-if-cached",void 0].includes(t==null?void 0:t.cache))return new Response(a.body,a.init);q.delete(r)}}return window.fetch(n,t)}function me(e,n){let r=`script[data-sveltekit-fetched][data-url=${JSON.stringify(e instanceof Request?e.url:e)}]`;if(n!=null&&n.headers||n!=null&&n.body){const a=[];n.headers&&a.push([...new Headers(n.headers)].join(",")),n.body&&(typeof n.body=="string"||ArrayBuffer.isView(n.body))&&a.push(n.body),r+=`[data-hash="${Et(...a)}"]`}return r}const It=/^(\[)?(\.\.\.)?(\w+)(?:=(\w+))?(\])?$/;function Tt(e){const n=[];return{pattern:e==="/"?/^\/$/:new RegExp(`^${Pt(e).map(r=>{const a=/^\[\.\.\.(\w+)(?:=(\w+))?\]$/.exec(r);if(a)return n.push({name:a[1],matcher:a[2],optional:!1,rest:!0,chained:!0}),"(?:/(.*))?";const o=/^\[\[(\w+)(?:=(\w+))?\]\]$/.exec(r);if(o)return n.push({name:o[1],matcher:o[2],optional:!0,rest:!1,chained:!0}),"(?:/([^/]+))?";if(!r)return;const i=r.split(/\[(.+?)\](?!\])/);return"/"+i.map((c,l)=>{if(l%2){if(c.startsWith("x+"))return ue(String.fromCharCode(parseInt(c.slice(2),16)));if(c.startsWith("u+"))return ue(String.fromCharCode(...c.slice(2).split("-").map(f=>parseInt(f,16))));const d=It.exec(c),[,h,g,u,m]=d;return n.push({name:u,matcher:m,optional:!!h,rest:!!g,chained:g?l===1&&i[0]==="":!1}),g?"(.*?)":h?"([^/]*)?":"([^/]+?)"}return ue(c)}).join("")}).join("")}/?$`),params:n}}function Lt(e){return!/^\([^)]+\)$/.test(e)}function Pt(e){return e.slice(1).split("/").filter(Lt)}function Ut(e,n,t){const r={},a=e.slice(1),o=a.filter(s=>s!==void 0);let i=0;for(let s=0;s<n.length;s+=1){const c=n[s];let l=a[s-i];if(c.chained&&c.rest&&i&&(l=a.slice(s-i,s+1).filter(d=>d).join("/"),i=0),l===void 0){c.rest&&(r[c.name]="");continue}if(!c.matcher||t[c.matcher](l)){r[c.name]=l;const d=n[s+1],h=a[s+1];d&&!d.rest&&d.optional&&h&&c.chained&&(i=0),!d&&!h&&Object.keys(r).length===o.length&&(i=0);continue}if(c.optional&&c.chained){i++;continue}return}if(!i)return r}function ue(e){return e.normalize().replace(/[[\]]/g,"\\$&").replace(/%/g,"%25").replace(/\//g,"%2[Ff]").replace(/\?/g,"%3[Ff]").replace(/#/g,"%23").replace(/[.*+?^${}()|\\]/g,"\\$&")}function xt({nodes:e,server_loads:n,dictionary:t,matchers:r}){const a=new Set(n);return Object.entries(t).map(([s,[c,l,d]])=>{const{pattern:h,params:g}=Tt(s),u={id:s,exec:m=>{const f=h.exec(m);if(f)return Ut(f,g,r)},errors:[1,...d||[]].map(m=>e[m]),layouts:[0,...l||[]].map(i),leaf:o(c)};return u.errors.length=u.layouts.length=Math.max(u.errors.length,u.layouts.length),u});function o(s){const c=s<0;return c&&(s=~s),[c,e[s]]}function i(s){return s===void 0?s:[a.has(s),e[s]]}}function Be(e,n=JSON.parse){try{return n(sessionStorage[e])}catch{}}function Le(e,n,t=JSON.stringify){const r=t(n);try{sessionStorage[e]=r}catch{}}const O=[];function _e(e,n=le){let t=null;const r=new Set;function a(s){if(ht(e,s)&&(e=s,t)){const c=!O.length;for(const l of r)l[1](),O.push(l,e);if(c){for(let l=0;l<O.length;l+=2)O[l][0](O[l+1]);O.length=0}}}function o(s){a(s(e))}function i(s,c=le){const l=[s,c];return r.add(l),r.size===1&&(t=n(a,o)||le),s(e),()=>{r.delete(l),r.size===0&&t&&(t(),t=null)}}return{set:a,update:o,subscribe:i}}var $e;const L=(($e=globalThis.__sveltekit_1d4jpj0                       )==null?void 0:$e.base)??"";var Ve;const Nt=((Ve=globalThis.__sveltekit_1d4jpj0                       )==null?void 0:Ve.assets)??L,qe="sveltekit:snapshot",He="sveltekit:scroll",Ge="sveltekit:states",Ot="sveltekit:pageurl",D="sveltekit:history",G="sveltekit:navigation",J={tap:1,hover:2,viewport:3,eager:4,off:-1,false:-1},Y=location.origin;function Ke(e){if(e instanceof URL)return e;let n=document.baseURI;if(!n){const t=document.getElementsByTagName("base");n=t.length?t[0].href:document.URL}return new URL(e,n)}function ye(){return{x:pageXOffset,y:pageYOffset}}function C(e,n){return e.getAttribute(`data-sveltekit-${n}`)}const Pe={...J,"":J.hover};function Me(e){let n=e.assignedSlot??e.parentNode;return(n==null?void 0:n.nodeType)===11&&(n=n.host),n}function Ye(e,n){for(;e&&e!==n;){if(e.nodeName.toUpperCase()==="A"&&e.hasAttribute("href"))return e;e=Me(e)}}function he(e,n){let t;try{t=new URL(e instanceof SVGAElement?e.href.baseVal:e.href,document.baseURI)}catch{}const r=e instanceof SVGAElement?e.target.baseVal:e.target,a=!t||!!r||re(t,n)||(e.getAttribute("rel")||"").split(/\s+/).includes("external"),o=(t==null?void 0:t.origin)===Y&&e.hasAttribute("download");return{url:t,external:a,target:r,download:o}}function W(e){let n=null,t=null,r=null,a=null,o=null,i=null,s=e;for(;s&&s!==document.documentElement;)r===null&&(r=C(s,"preload-code")),a===null&&(a=C(s,"preload-data")),n===null&&(n=C(s,"keepfocus")),t===null&&(t=C(s,"noscroll")),o===null&&(o=C(s,"reload")),i===null&&(i=C(s,"replacestate")),s=Me(s);function c(l){switch(l){case"":case"true":return!0;case"off":case"false":return!1;default:return}}return{preload_code:Pe[r??"off"],preload_data:Pe[a??"off"],keepfocus:c(n),noscroll:c(t),reload:c(o),replace_state:c(i)}}function Ue(e){const n=_e(e);let t=!0;function r(){t=!0,n.update(i=>i)}function a(i){t=!1,n.set(i)}function o(i){let s;return n.subscribe(c=>{(s===void 0||t&&c!==s)&&i(s=c)})}return{notify:r,set:a,subscribe:o}}function Ct(){const{set:e,subscribe:n}=_e(!1);let t;async function r(){clearTimeout(t);try{const a=await fetch(`${Nt}/_app/version.json`,{headers:{pragma:"no-cache","cache-control":"no-cache"}});if(!a.ok)return!1;const i=(await a.json()).version!==ut;return i&&(e(!0),clearTimeout(t)),i}catch{return!1}}return{subscribe:n,check:r}}function re(e,n){return e.origin!==Y||!e.pathname.startsWith(n)}function xe(e){const n=Dt(e),t=new ArrayBuffer(n.length),r=new DataView(t);for(let a=0;a<t.byteLength;a++)r.setUint8(a,n.charCodeAt(a));return t}const jt="ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/";function Dt(e){e.length%4===0&&(e=e.replace(/==?$/,""));let n="",t=0,r=0;for(let a=0;a<e.length;a++)t<<=6,t|=jt.indexOf(e[a]),r+=6,r===24&&(n+=String.fromCharCode((t&16711680)>>16),n+=String.fromCharCode((t&65280)>>8),n+=String.fromCharCode(t&255),t=r=0);return r===12?(t>>=4,n+=String.fromCharCode(t)):r===18&&(t>>=2,n+=String.fromCharCode((t&65280)>>8),n+=String.fromCharCode(t&255)),n}const $t=-1,Vt=-2,Ft=-3,Bt=-4,qt=-5,Ht=-6;function Gt(e,n){if(typeof e=="number")return a(e,!0);if(!Array.isArray(e)||e.length===0)throw new Error("Invalid input");const t=e,r=Array(t.length);function a(o,i=!1){if(o===$t)return;if(o===Ft)return NaN;if(o===Bt)return 1/0;if(o===qt)return-1/0;if(o===Ht)return-0;if(i)throw new Error("Invalid input");if(o in r)return r[o];const s=t[o];if(!s||typeof s!="object")r[o]=s;else if(Array.isArray(s))if(typeof s[0]=="string"){const c=s[0],l=n==null?void 0:n[c];if(l)return r[o]=l(a(s[1]));switch(c){case"Date":r[o]=new Date(s[1]);break;case"Set":const d=new Set;r[o]=d;for(let u=1;u<s.length;u+=1)d.add(a(s[u]));break;case"Map":const h=new Map;r[o]=h;for(let u=1;u<s.length;u+=2)h.set(a(s[u]),a(s[u+1]));break;case"RegExp":r[o]=new RegExp(s[1],s[2]);break;case"Object":r[o]=Object(s[1]);break;case"BigInt":r[o]=BigInt(s[1]);break;case"null":const g=Object.create(null);r[o]=g;for(let u=1;u<s.length;u+=2)g[s[u]]=a(s[u+1]);break;case"Int8Array":case"Uint8Array":case"Uint8ClampedArray":case"Int16Array":case"Uint16Array":case"Int32Array":case"Uint32Array":case"Float32Array":case"Float64Array":case"BigInt64Array":case"BigUint64Array":{const u=globalThis[c],m=s[1],f=xe(m),_=new u(f);r[o]=_;break}case"ArrayBuffer":{const u=s[1],m=xe(u);r[o]=m;break}default:throw new Error(`Unknown type ${c}`)}}else{const c=new Array(s.length);r[o]=c;for(let l=0;l<s.length;l+=1){const d=s[l];d!==Vt&&(c[l]=a(d))}}else{const c={};r[o]=c;for(const l in s){const d=s[l];c[l]=a(d)}}return r[o]}return a(0)}const ze=new Set(["load","prerender","csr","ssr","trailingSlash","config"]);[...ze];const Kt=new Set([...ze]);[...Kt];function Mt(e){return e.filter(n=>n!=null)}class ae{constructor(n,t){this.status=n,typeof t=="string"?this.body={message:t}:t?this.body=t:this.body={message:`Error: ${n}`}}toString(){return JSON.stringify(this.body)}}class Je{constructor(n,t){this.status=n,this.location=t}}class we extends Error{constructor(n,t,r){super(r),this.status=n,this.text=t}}const Yt="x-sveltekit-invalidated",zt="x-sveltekit-trailing-slash";function X(e){return e instanceof ae||e instanceof we?e.status:500}function Jt(e){return e instanceof we?e.text:"Internal Error"}const N=Be(He)??{},K=Be(qe)??{},U={url:Ue({}),page:Ue({}),navigating:_e(null),updated:Ct()};function ve(e){N[e]=ye()}function Wt(e,n){let t=e+1;for(;N[t];)delete N[t],t+=1;for(t=n+1;K[t];)delete K[t],t+=1}function V(e){return location.href=e.href,new Promise(()=>{})}function Ne(){}let oe,pe,Z,P,ge,F;const We=[],Q=[];let R=null;const Xe=[],Ze=[];let j=[],y={branch:[],error:null,url:null},be=!1,ee=!1,Oe=!0,M=!1,B=!1,Qe=!1,Ae=!1,Ee,S,T,I,te;const H=new Set;async function fn(e,n,t){var a,o;document.URL!==location.href&&(location.href=location.href),F=e,oe=xt(e),P=document.documentElement,ge=n,pe=e.nodes[0],Z=e.nodes[1],pe(),Z(),S=(a=history.state)==null?void 0:a[D],T=(o=history.state)==null?void 0:o[G],S||(S=T=Date.now(),history.replaceState({...history.state,[D]:S,[G]:T},""));const r=N[S];r&&(history.scrollRestoration="manual",scrollTo(r.x,r.y)),t?await on(ge,t):rn(location.href,{replaceState:!0}),an()}function Xt(){We.length=0,Ae=!1}function et(e){Q.some(n=>n==null?void 0:n.snapshot)&&(K[e]=Q.map(n=>{var t;return(t=n==null?void 0:n.snapshot)==null?void 0:t.capture()}))}function tt(e){var n;(n=K[e])==null||n.forEach((t,r)=>{var a,o;(o=(a=Q[r])==null?void 0:a.snapshot)==null||o.restore(t)})}function Ce(){ve(S),Le(He,N),et(T),Le(qe,K)}async function nt(e,n,t,r){return z({type:"goto",url:Ke(e),keepfocus:n.keepFocus,noscroll:n.noScroll,replace_state:n.replaceState,state:n.state,redirect_count:t,nav_token:r,accept:()=>{n.invalidateAll&&(Ae=!0)}})}async function Zt(e){if(e.id!==(R==null?void 0:R.id)){const n={};H.add(n),R={id:e.id,token:n,promise:at({...e,preload:n}).then(t=>(H.delete(n),t.type==="loaded"&&t.state.error&&(R=null),t))}}return R.promise}async function de(e){const n=oe.find(t=>t.exec(ot(e)));n&&await Promise.all([...n.layouts,n.leaf].map(t=>t==null?void 0:t[1]()))}function rt(e,n,t){var o;y=e.state;const r=document.querySelector("style[data-sveltekit]");r&&r.remove(),I=e.props.page,Ee=new F.root({target:n,props:{...e.props,stores:U,components:Q},hydrate:t,sync:!1}),tt(T);const a={from:null,to:{params:y.params,route:{id:((o=y.route)==null?void 0:o.id)??null},url:new URL(location.href)},willUnload:!1,type:"enter",complete:Promise.resolve()};j.forEach(i=>i(a)),ee=!0}function ne({url:e,params:n,branch:t,status:r,error:a,route:o,form:i}){let s="never";if(L&&(e.pathname===L||e.pathname===L+"/"))s="always";else for(const u of t)(u==null?void 0:u.slash)!==void 0&&(s=u.slash);e.pathname=gt(e.pathname,s),e.search=e.search;const c={type:"loaded",state:{url:e,params:n,branch:t,error:a,route:o},props:{constructors:Mt(t).map(u=>u.node.component),page:I}};i!==void 0&&(c.props.form=i);let l={},d=!I,h=0;for(let u=0;u<Math.max(t.length,y.branch.length);u+=1){const m=t[u],f=y.branch[u];(m==null?void 0:m.data)!==(f==null?void 0:f.data)&&(d=!0),m&&(l={...l,...m.data},d&&(c.props[`data_${h}`]=l),h+=1)}return(!y.url||e.href!==y.url.href||y.error!==a||i!==void 0&&i!==I.form||d)&&(c.props.page={error:a,params:n,route:{id:(o==null?void 0:o.id)??null},state:{},status:r,url:new URL(e),form:i??null,data:d?l:I.data}),c}async function Se({loader:e,parent:n,url:t,params:r,route:a,server_data_node:o}){var d,h,g;let i=null,s=!0;const c={dependencies:new Set,params:new Set,parent:!1,route:!1,url:!1,search_params:new Set},l=await e();if((d=l.universal)!=null&&d.load){let u=function(...f){for(const _ of f){const{href:b}=new URL(_,t);c.dependencies.add(b)}};const m={route:new Proxy(a,{get:(f,_)=>(s&&(c.route=!0),f[_])}),params:new Proxy(r,{get:(f,_)=>(s&&c.params.add(_),f[_])}),data:(o==null?void 0:o.data)??null,url:wt(t,()=>{s&&(c.url=!0)},f=>{s&&c.search_params.add(f)}),async fetch(f,_){let b;f instanceof Request?(b=f.url,_={body:f.method==="GET"||f.method==="HEAD"?void 0:await f.blob(),cache:f.cache,credentials:f.credentials,headers:f.headers,integrity:f.integrity,keepalive:f.keepalive,method:f.method,mode:f.mode,redirect:f.redirect,referrer:f.referrer,referrerPolicy:f.referrerPolicy,signal:f.signal,..._}):b=f;const k=new URL(b,t);return s&&u(k.href),k.origin===t.origin&&(b=k.href.slice(t.origin.length)),ee?Rt(b,k.href,_):kt(b,_)},setHeaders:()=>{},depends:u,parent(){return s&&(c.parent=!0),n()},untrack(f){s=!1;try{return f()}finally{s=!0}}};i=await l.universal.load.call(null,m)??null}return{node:l,loader:e,server:o,universal:(h=l.universal)!=null&&h.load?{type:"data",data:i,uses:c}:null,data:i??(o==null?void 0:o.data)??null,slash:((g=l.universal)==null?void 0:g.trailingSlash)??(o==null?void 0:o.slash)}}function je(e,n,t,r,a,o){if(Ae)return!0;if(!a)return!1;if(a.parent&&e||a.route&&n||a.url&&t)return!0;for(const i of a.search_params)if(r.has(i))return!0;for(const i of a.params)if(o[i]!==y.params[i])return!0;for(const i of a.dependencies)if(We.some(s=>s(new URL(i))))return!0;return!1}function ke(e,n){return(e==null?void 0:e.type)==="data"?e:(e==null?void 0:e.type)==="skip"?n??null:null}function Qt(e,n){if(!e)return new Set(n.searchParams.keys());const t=new Set([...e.searchParams.keys(),...n.searchParams.keys()]);for(const r of t){const a=e.searchParams.getAll(r),o=n.searchParams.getAll(r);a.every(i=>o.includes(i))&&o.every(i=>a.includes(i))&&t.delete(r)}return t}function De({error:e,url:n,route:t,params:r}){return{type:"loaded",state:{error:e,url:n,route:t,params:r,branch:[]},props:{page:I,constructors:[]}}}async function at({id:e,invalidating:n,url:t,params:r,route:a,preload:o}){if((R==null?void 0:R.id)===e)return H.delete(R.token),R.promise;const{errors:i,layouts:s,leaf:c}=a,l=[...s,c];i.forEach(p=>p==null?void 0:p().catch(()=>{})),l.forEach(p=>p==null?void 0:p[1]().catch(()=>{}));let d=null;const h=y.url?e!==y.url.pathname+y.url.search:!1,g=y.route?a.id!==y.route.id:!1,u=Qt(y.url,t);let m=!1;const f=l.map((p,v)=>{var x;const A=y.branch[v],E=!!(p!=null&&p[0])&&((A==null?void 0:A.loader)!==p[1]||je(m,g,h,u,(x=A.server)==null?void 0:x.uses,r));return E&&(m=!0),E});if(f.some(Boolean)){try{d=await ct(t,f)}catch(p){const v=await $(p,{url:t,params:r,route:{id:e}});return H.has(o)?De({error:v,url:t,params:r,route:a}):se({status:X(p),error:v,url:t,route:a})}if(d.type==="redirect")return d}const _=d==null?void 0:d.nodes;let b=!1;const k=l.map(async(p,v)=>{var ie;if(!p)return;const A=y.branch[v],E=_==null?void 0:_[v];if((!E||E.type==="skip")&&p[1]===(A==null?void 0:A.loader)&&!je(b,g,h,u,(ie=A.universal)==null?void 0:ie.uses,r))return A;if(b=!0,(E==null?void 0:E.type)==="error")throw E;return Se({loader:p[1],url:t,params:r,route:a,parent:async()=>{var Te;const Ie={};for(let ce=0;ce<v;ce+=1)Object.assign(Ie,(Te=await k[ce])==null?void 0:Te.data);return Ie},server_data_node:ke(E===void 0&&p[0]?{type:"skip"}:E??null,p[0]?A==null?void 0:A.server:void 0)})});for(const p of k)p.catch(()=>{});const w=[];for(let p=0;p<l.length;p+=1)if(l[p])try{w.push(await k[p])}catch(v){if(v instanceof Je)return{type:"redirect",location:v.location};if(H.has(o))return De({error:await $(v,{params:r,url:t,route:{id:a.id}}),url:t,params:r,route:a});let A=X(v),E;if(_!=null&&_.includes(v))A=v.status??A,E=v.error;else if(v instanceof ae)E=v.body;else{if(await U.updated.check())return await V(t);E=await $(v,{params:r,url:t,route:{id:a.id}})}const x=await en(p,w,i);return x?ne({url:t,params:r,branch:w.slice(0,x.idx).concat(x.node),status:A,error:E,route:a}):await it(t,{id:a.id},E,A)}else w.push(void 0);return ne({url:t,params:r,branch:w,status:200,error:null,route:a,form:n?void 0:null})}async function en(e,n,t){for(;e--;)if(t[e]){let r=e;for(;!n[r];)r-=1;try{return{idx:r+1,node:{node:await t[e](),loader:t[e],data:{},server:null,universal:null}}}catch{continue}}}async function se({status:e,error:n,url:t,route:r}){const a={};let o=null;if(F.server_loads[0]===0)try{const l=await ct(t,[!0]);if(l.type!=="data"||l.nodes[0]&&l.nodes[0].type!=="data")throw 0;o=l.nodes[0]??null}catch{(t.origin!==Y||t.pathname!==location.pathname||be)&&await V(t)}const s=await Se({loader:pe,url:t,params:a,route:r,parent:()=>Promise.resolve({}),server_data_node:ke(o)}),c={node:await Z(),loader:Z,universal:null,server:null,data:null};return ne({url:t,params:a,branch:[s,c],status:e,error:n,route:null})}function Re(e,n){if(!e||re(e,L))return;let t;try{t=F.hooks.reroute({url:new URL(e)})??e.pathname}catch{return}const r=ot(t);for(const a of oe){const o=a.exec(r);if(o)return{id:e.pathname+e.search,invalidating:n,route:a,params:_t(o),url:e}}}function ot(e){return mt(e.slice(L.length)||"/")}function st({url:e,type:n,intent:t,delta:r}){let a=!1;const o=ft(y,t,e,n);r!==void 0&&(o.navigation.delta=r);const i={...o.navigation,cancel:()=>{a=!0,o.reject(new Error("navigation cancelled"))}};return M||Xe.forEach(s=>s(i)),a?null:o}async function z({type:e,url:n,popped:t,keepfocus:r,noscroll:a,replace_state:o,state:i={},redirect_count:s=0,nav_token:c={},accept:l=Ne,block:d=Ne}){const h=Re(n,!1),g=st({url:n,type:e,delta:t==null?void 0:t.delta,intent:h});if(!g){d();return}const u=S,m=T;l(),M=!0,ee&&U.navigating.set(g.navigation),te=c;let f=h&&await at(h);if(!f){if(re(n,L))return await V(n);f=await it(n,{id:null},await $(new we(404,"Not Found",`Not found: ${n.pathname}`),{url:n,params:{},route:{id:null}}),404)}if(n=(h==null?void 0:h.url)||n,te!==c)return g.reject(new Error("navigation aborted")),!1;if(f.type==="redirect")if(s>=20)f=await se({status:500,error:await $(new Error("Redirect loop"),{url:n,params:{},route:{id:null}}),url:n,route:{id:null}});else return nt(new URL(f.location,n).href,{},s+1,c),!1;else f.props.page.status>=400&&await U.updated.check()&&await V(n);if(Xt(),ve(u),et(m),f.props.page.url.pathname!==n.pathname&&(n.pathname=f.props.page.url.pathname),i=t?t.state:i,!t){const w=o?0:1,p={[D]:S+=w,[G]:T+=w,[Ge]:i};(o?history.replaceState:history.pushState).call(history,p,"",n),o||Wt(S,T)}if(R=null,f.props.page.state=i,ee){y=f.state,f.props.page&&(f.props.page.url=n);const w=(await Promise.all(Ze.map(p=>p(g.navigation)))).filter(p=>typeof p=="function");if(w.length>0){let p=function(){j=j.filter(v=>!w.includes(v))};w.push(p),j.push(...w)}Ee.$set(f.props),Qe=!0}else rt(f,ge,!1);const{activeElement:_}=document;await pt();const b=t?t.scroll:a?ye():null;if(Oe){const w=n.hash&&document.getElementById(decodeURIComponent(n.hash.slice(1)));b?scrollTo(b.x,b.y):w?w.scrollIntoView():scrollTo(0,0)}const k=document.activeElement!==_&&document.activeElement!==document.body;!r&&!k&&sn(),Oe=!0,f.props.page&&(I=f.props.page),M=!1,e==="popstate"&&tt(T),g.fulfil(void 0),j.forEach(w=>w(g.navigation)),U.navigating.set(null)}async function it(e,n,t,r){return e.origin===Y&&e.pathname===location.pathname&&!be?await se({status:r,error:t,url:e,route:n}):await V(e)}function tn(){let e;P.addEventListener("mousemove",o=>{const i=o.target;clearTimeout(e),e=setTimeout(()=>{r(i,2)},20)});function n(o){r(o.composedPath()[0],1)}P.addEventListener("mousedown",n),P.addEventListener("touchstart",n,{passive:!0});const t=new IntersectionObserver(o=>{for(const i of o)i.isIntersecting&&(de(i.target.href),t.unobserve(i.target))},{threshold:0});function r(o,i){const s=Ye(o,P);if(!s)return;const{url:c,external:l,download:d}=he(s,L);if(l||d)return;const h=W(s);if(!h.reload)if(i<=h.preload_data){const g=Re(c,!1);g&&Zt(g)}else i<=h.preload_code&&de(c.pathname)}function a(){t.disconnect();for(const o of P.querySelectorAll("a")){const{url:i,external:s,download:c}=he(o,L);if(s||c)continue;const l=W(o);l.reload||(l.preload_code===J.viewport&&t.observe(o),l.preload_code===J.eager&&de(i.pathname))}}j.push(a),a()}function $(e,n){if(e instanceof ae)return e.body;const t=X(e),r=Jt(e);return F.hooks.handleError({error:e,event:n,status:t,message:r})??{message:r}}function nn(e,n){dt(()=>(e.push(n),()=>{const t=e.indexOf(n);e.splice(t,1)}))}function un(e){nn(Ze,e)}function rn(e,n={}){return e=Ke(e),e.origin!==Y?Promise.reject(new Error("goto: invalid URL")):nt(e,n,0)}function an(){var n;history.scrollRestoration="manual",addEventListener("beforeunload",t=>{let r=!1;if(Ce(),!M){const a=ft(y,void 0,null,"leave"),o={...a.navigation,cancel:()=>{r=!0,a.reject(new Error("navigation cancelled"))}};Xe.forEach(i=>i(o))}r?(t.preventDefault(),t.returnValue=""):history.scrollRestoration="auto"}),addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"&&Ce()}),(n=navigator.connection)!=null&&n.saveData||tn(),P.addEventListener("click",async t=>{var g;if(t.button||t.which!==1||t.metaKey||t.ctrlKey||t.shiftKey||t.altKey||t.defaultPrevented)return;const r=Ye(t.composedPath()[0],P);if(!r)return;const{url:a,external:o,target:i,download:s}=he(r,L);if(!a)return;if(i==="_parent"||i==="_top"){if(window.parent!==window)return}else if(i&&i!=="_self")return;const c=W(r);if(!(r instanceof SVGAElement)&&a.protocol!==location.protocol&&!(a.protocol==="https:"||a.protocol==="http:")||s)return;if(o||c.reload){st({url:a,type:"link"})?M=!0:t.preventDefault();return}const[d,h]=a.href.split("#");if(h!==void 0&&d===fe(location)){const[,u]=y.url.href.split("#");if(u===h){t.preventDefault(),h===""||h==="top"&&r.ownerDocument.getElementById("top")===null?window.scrollTo({top:0}):(g=r.ownerDocument.getElementById(h))==null||g.scrollIntoView();return}if(B=!0,ve(S),e(a),!c.replace_state)return;B=!1}t.preventDefault(),await new Promise(u=>{requestAnimationFrame(()=>{setTimeout(u,0)}),setTimeout(u,100)}),z({type:"link",url:a,keepfocus:c.keepfocus,noscroll:c.noscroll,replace_state:c.replace_state??a.href===location.href})}),P.addEventListener("submit",t=>{if(t.defaultPrevented)return;const r=HTMLFormElement.prototype.cloneNode.call(t.target),a=t.submitter;if(((a==null?void 0:a.formTarget)||r.target)==="_blank"||((a==null?void 0:a.formMethod)||r.method)!=="get")return;const s=new URL((a==null?void 0:a.hasAttribute("formaction"))&&(a==null?void 0:a.formAction)||r.action);if(re(s,L))return;const c=t.target,l=W(c);if(l.reload)return;t.preventDefault(),t.stopPropagation();const d=new FormData(c),h=a==null?void 0:a.getAttribute("name");h&&d.append(h,(a==null?void 0:a.getAttribute("value"))??""),s.search=new URLSearchParams(d).toString(),z({type:"form",url:s,keepfocus:l.keepfocus,noscroll:l.noscroll,replace_state:l.replace_state??s.href===location.href})}),addEventListener("popstate",async t=>{var r;if((r=t.state)!=null&&r[D]){const a=t.state[D];if(te={},a===S)return;const o=N[a],i=t.state[Ge]??{},s=new URL(t.state[Ot]??location.href),c=t.state[G],l=fe(location)===fe(y.url);if(c===T&&(Qe||l)){e(s),N[S]=ye(),o&&scrollTo(o.x,o.y),i!==I.state&&(I={...I,state:i},Ee.$set({page:I})),S=a;return}const h=a-S;await z({type:"popstate",url:s,popped:{state:i,scroll:o,delta:h},accept:()=>{S=a,T=c},block:()=>{history.go(-h)},nav_token:te})}else if(!B){const a=new URL(location.href);e(a)}}),addEventListener("hashchange",()=>{B&&(B=!1,history.replaceState({...history.state,[D]:++S,[G]:T},"",location.href))});for(const t of document.querySelectorAll("link"))t.rel==="icon"&&(t.href=t.href);addEventListener("pageshow",t=>{t.persisted&&U.navigating.set(null)});function e(t){y.url=t,U.page.set({...I,url:t}),U.page.notify()}}async function on(e,{status:n=200,error:t,node_ids:r,params:a,route:o,data:i,form:s}){be=!0;const c=new URL(location.href);({params:a={},route:o={id:null}}=Re(c,!1)||{});let l;try{const d=r.map(async(u,m)=>{const f=i[m];return f!=null&&f.uses&&(f.uses=lt(f.uses)),Se({loader:F.nodes[u],url:c,params:a,route:o,parent:async()=>{const _={};for(let b=0;b<m;b+=1)Object.assign(_,(await d[b]).data);return _},server_data_node:ke(f)})}),h=await Promise.all(d),g=oe.find(({id:u})=>u===o.id);if(g){const u=g.layouts;for(let m=0;m<u.length;m++)u[m]||h.splice(m,0,void 0)}l=ne({url:c,params:a,branch:h,status:n,error:t,form:s,route:g??null})}catch(d){if(d instanceof Je){await V(new URL(d.location,location.href));return}l=await se({status:X(d),error:await $(d,{url:c,params:a,route:o}),url:c,route:o})}l.props.page&&(l.props.page.state={}),rt(l,e,!0)}async function ct(e,n){var a;const t=new URL(e);t.pathname=At(e.pathname),e.pathname.endsWith("/")&&t.searchParams.append(zt,"1"),t.searchParams.append(Yt,n.map(o=>o?"1":"0").join(""));const r=await Fe(t.href);if(!r.ok){let o;throw(a=r.headers.get("content-type"))!=null&&a.includes("application/json")?o=await r.json():r.status===404?o="Not Found":r.status===500&&(o="Internal Error"),new ae(r.status,o)}return new Promise(async o=>{var h;const i=new Map,s=r.body.getReader(),c=new TextDecoder;function l(g){return Gt(g,{Promise:u=>new Promise((m,f)=>{i.set(u,{fulfil:m,reject:f})})})}let d="";for(;;){const{done:g,value:u}=await s.read();if(g&&!d)break;for(d+=!u&&d?`
 `:c.decode(u,{stream:!0});;){const m=d.indexOf(`
 `);if(m===-1)break;const f=JSON.parse(d.slice(0,m));if(d=d.slice(m+1),f.type==="redirect")return o(f);if(f.type==="data")(h=f.nodes)==null||h.forEach(_=>{(_==null?void 0:_.type)==="data"&&(_.uses=lt(_.uses),_.data=l(_.data))}),o(f);else if(f.type==="chunk"){const{id:_,data:b,error:k}=f,w=i.get(_);i.delete(_),k?w.reject(l(k)):w.fulfil(l(b))}}}})}function lt(e){return{dependencies:new Set((e==null?void 0:e.dependencies)??[]),params:new Set((e==null?void 0:e.params)??[]),parent:!!(e!=null&&e.parent),route:!!(e!=null&&e.route),url:!!(e!=null&&e.url),search_params:new Set((e==null?void 0:e.search_params)??[])}}function sn(){const e=document.querySelector("[autofocus]");if(e)e.focus();else{const n=document.body,t=n.getAttribute("tabindex");n.tabIndex=-1,n.focus({preventScroll:!0,focusVisible:!1}),t!==null?n.setAttribute("tabindex",t):n.removeAttribute("tabindex");const r=getSelection();if(r&&r.type!=="None"){const a=[];for(let o=0;o<r.rangeCount;o+=1)a.push(r.getRangeAt(o));setTimeout(()=>{if(r.rangeCount===a.length){for(let o=0;o<r.rangeCount;o+=1){const i=a[o],s=r.getRangeAt(o);if(i.commonAncestorContainer!==s.commonAncestorContainer||i.startContainer!==s.startContainer||i.endContainer!==s.endContainer||i.startOffset!==s.startOffset||i.endOffset!==s.endOffset)return}r.removeAllRanges()}})}}}function ft(e,n,t,r){var c,l;let a,o;const i=new Promise((d,h)=>{a=d,o=h});return i.catch(()=>{}),{navigation:{from:{params:e.params,route:{id:((c=e.route)==null?void 0:c.id)??null},url:e.url},to:t&&{params:(n==null?void 0:n.params)??null,route:{id:((l=n==null?void 0:n.route)==null?void 0:l.id)??null},url:t},willUnload:!n,type:r,complete:i},fulfil:a,reject:o}}export{fn as a,L as b,un as o,U as s};
diff --git a/_app/immutable/chunks/environment.DKdlppWi.js b/_app/immutable/chunks/environment.DKdlppWi.js
index 599a549a..77ef982b 100644
--- a/_app/immutable/chunks/environment.DKdlppWi.js
+++ b/_app/immutable/chunks/environment.DKdlppWi.js
@@ -1 +1 @@
-import{_ as t,ac as e,ad as a,u}from"./runtime.DQGBAbm5.js";function c(n){t===null&&e(),t.l!==null?s(t).m.push(n):a(()=>{const o=u(n);if(typeof o=="function")return o})}function l(n){t===null&&e(),c(()=>()=>u(n))}function s(n){var o=n.l;return o.u??(o.u={a:[],b:[],m:[]})}const _="1728749403313"          ;export{c as a,l as o,_ as v};
+import{_ as t,ac as e,ad as a,u}from"./runtime.DQGBAbm5.js";function c(n){t===null&&e(),t.l!==null?s(t).m.push(n):a(()=>{const o=u(n);if(typeof o=="function")return o})}function l(n){t===null&&e(),c(()=>()=>u(n))}function s(n){var o=n.l;return o.u??(o.u={a:[],b:[],m:[]})}const _="1728749564118"          ;export{c as a,l as o,_ as v};
diff --git a/_app/version.json b/_app/version.json
index 89c9b286..711298ab 100644
--- a/_app/version.json
+++ b/_app/version.json
@@ -1 +1 @@
-{"version":"1728749403313"}
\ No newline at end of file
+{"version":"1728749564118"}
\ No newline at end of file
diff --git a/about.html b/about.html
index 4b954c0e..4209006a 100644
--- a/about.html
+++ b/about.html
@@ -55,11 +55,11 @@
 <!----><!--]--><!--]--><title>Moss - magical organic stylesheets</title>
 	</head>
 	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents"><!--[--><!--[--><!----><!--[!--><!----><main class="width_md svelte-m017mk"><section><header class="box"><h1 class="mt_xl4 svelte-m017mk">moss</h1></header> <div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/about" class="svelte-c9k2g selected">about</a><!--]--><!--]--></div><!----></section> <section class="panel p_lg"><!--[!--><h2 class="mt_0 mb_lg">Links</h2><!--]--> <ul><li>join <a rel="me" href="https://discord.gg/YU5tyeK72X">the Discord</a> community</li> <li><a rel="me" href="https://www.webdevladder.net/">webdevladder.net</a> - realworld webdev with TypeScript and Svelte, blog and YouTube channels <a rel="me" href="https://youtube.com/@webdevladder">@webdevladder</a> and <a rel="me" href="https://youtube.com/@webdevladder_vods">@webdevladder_vods</a><!--[!--><!--]--></li> <li><a rel="me" href="https://www.spiderspace.org/">spiderspace.org</a> - nontechnical design videos where we'll make a social website together with <a href="https://zzz.ryanatkn.com/">Zzz</a> when it's ready, YouTube channel <a rel="me" href="https://youtube.com/@spiderspace_8000">@spiderspace_8000</a><!--[!--><!--]--></li> <li><a rel="me" href="https://www.ryanatkn.com/">ryanatkn.com</a> - my homepage<!--[!--><!--]--></li> <li>GitHub - <a rel="me" href="https://github.com/ryanatkn">@ryanatkn</a> and <a rel="me" href="https://github.com/spiderspace">@spiderspace</a></li> <li>Mastodon as <a rel="me" href="https://mastodon.social/@webdevladder">@webdevladder@mastodon.social</a> and <a rel="me" href="https://hci.social/@ryanatkn">@ryanatkn@hci.social</a></li> <li>@webdevladder on <a rel="me" href="https://x.com/webdevladder">Twitter</a>, <a rel="me" href="https://www.reddit.com/user/webdevladder/">Reddit</a>, and <a href="https://news.ycombinator.com/user?id=webdevladder">Hacker News</a></li> <li>support me at <a href="https://www.ryanatkn.com/funding">ryanatkn.com/funding</a></li></ul><!----> <div class="box row"><a class="project_link svelte-1bpnvy9" title="Zzz - social web app framework" href="https://zzz.ryanatkn.com/"><svg viewBox="0 0 100 100" aria-label="three sleepy z's" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#e55d95" d="m 75.29285,61.962268 1.752156,1.914421 14.843359,1.811307 L 74.065203,86.193332 99.966781,85.408255 98.719988,83.648246 85.143565,82.136577 98.430963,62.887945" class="svelte-16ciom8"></path><path fill="#e55d95" d="m 47.636533,44.203704 2.295155,2.48945 25.618425,0.406407 L 45.93783,91.082857 89.425317,93.78003 87.862334,91.36274 61.57861,83.03068 86.244719,42.177019" class="svelte-16ciom8"></path><path fill="#e55d95" d="M 0.62464489,0.27405496 3.9721704,4.0993769 50.515703,10.089712 0.04581262,99.957542 68.009395,98.901532 65.391343,95.487941 24.119119,88.067804 66.301842,2.2896897" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><span class="name svelte-1bpnvy9">Zzz</span></a> <a class="project_link svelte-1bpnvy9" title="Moss - CSS framework" href="https://moss.ryanatkn.com/"><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_lg); height: var(--icon_size_lg);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><span class="name svelte-1bpnvy9">Moss</span></a> <a class="project_link svelte-1bpnvy9" title="Fuz - Svelte UI library" href="https://www.fuz.dev/"><svg viewBox="0 0 100 100" aria-label="a friendly brown spider facing you" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#84522a" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><span class="name svelte-1bpnvy9">Fuz</span></a> <a class="project_link svelte-1bpnvy9" title="Gro - task runner and toolkit extending SvelteKit" href="https://gro.ryanatkn.com/"><svg viewBox="0 0 100 100" aria-label="a pixelated green oak acorn with a glint of sun" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#6f974c" d="m 24.035592,57.306905 v -14.5 h 16.329497 v 14.25 z" class="svelte-16ciom8"></path><path fill="#5e853f" d="M 43.75,93.75 H 37.5 V 87.5 H 31.25 V 81.25 H 25 V 75 H 18.75 V 62.5 H 12.5 V 50 H 6.25 V 43.75 H 4 v -21 L 22.75,16.5 h 40.5 l 0.5,61.5 -5,-0.75 -0.25,16.5 h -2.25 l -4,2.25 -2.24617,4 H 43.75 Z M 37.5,50 H 31.25 V 43.75 H 25 v 12.5 h 12.5 z" class="svelte-16ciom8"></path><path fill="#6f492b" d="m 50,93.75 h 6.25 V 75 H 62.5 V 50 H 56.25 V 37.5 H 50 V 31.25 H 43.75 V 25 H 31.25 V 18.75 H 25 V 25 H 12.5 v 6.25 H 6.25 v 12.5 H 0 v -25 H 6.25 V 12.5 h 12.5 V 6.25 H 37.5 V 0 h 25 v 6.25 h 18.75 v 6.25 h 12.5 v 6.25 H 100 v 25 H 93.75 V 50 H 87.5 V 62.5 H 81.25 V 75 H 75 v 6.25 H 68.75 V 87.5 H 62.5 v 6.25 H 56.25 V 100 H 50 Z" class="svelte-16ciom8"></path><path fill="#3b730f" d="m 50,93.75 h 6.25 V 75 H 62.5 V 50 H 56.25 V 37.5 H 50 V 31.25 H 43.75 V 25 H 31.25 V 18.75 H 25 V 25 H 12.5 v 6.25 H 6.25 v 12.5 H 0 V 25 H 12.5 V 18.75 H 25 V 12.5 H 43.75 V 6.25 h 12.5 V 12.5 H 75 v 6.25 H 87.5 V 25 H 100 V 43.75 H 93.75 V 50 H 87.5 V 62.5 H 81.25 V 75 H 75 v 6.25 H 68.75 V 87.5 H 62.5 v 6.25 H 56.25 V 100 H 50 Z" class="svelte-16ciom8"></path><path fill="#473323" d="M 87.5,37.5 H 81.25 V 31.25 H 68.75 V 25 H 62.5 V 18.75 H 43.75 25 V 25 H 12.5 v 6.25 H 6.25 v 12.5 H 0 V 25 H 12.5 V 18.75 H 25 V 12.5 H 43.75 V 6.25 h 12.5 V 12.5 H 75 v 6.25 H 87.5 V 25 H 100 V 43.75 H 93.75 V 50 H 87.5 Z" class="svelte-16ciom8"></path><path fill="#2e6006" d="M 87.5,37.5 H 81.25 V 31.25 H 68.75 V 25 H 62.5 v -6.25 h -25 V 12.5 H 50 V 6.25 h 6.25 v 6.25 h 12.5 v 6.25 h 12.5 V 25 h 12.5 v 6.25 H 100 v 12.5 H 93.75 V 50 H 87.5 Z" class="svelte-16ciom8"></path><path fill="#34251a" d="M 93.75,31.25 H 87.5 V 25 h 6.25 v 6.25 H 100 v 12.5 H 93.75 Z M 75,18.75 h 6.25 V 25 H 75 Z M 37.5,12.5 H 50 V 6.25 h 6.25 v 6.25 h 12.5 v 6.25 H 53.125 37.5 Z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><span class="name svelte-1bpnvy9">Gro</span></a> <a class="project_link svelte-1bpnvy9" title="fuz_template - a static web app and Node library template with TypeScript, Svelte, SvelteKit, Vite, esbuild, Fuz, and Gro" href="https://template.fuz.dev/"><svg viewBox="0 0 100 100" aria-label="a friendly orange pixelated spider facing you" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#f4672f" d="m 25,81.200002 h 6.2 v -12.5 h 6.3 v -18.7 h -6.3 v 6.2 H 12.5 v 6.3 H 0 v -6.3 h 6.2 v -6.2 H 25 v -6.3 h 12.5 v -6.2 h -6.3 v -6.3 H 18.7 v -6.2 H 6.2 v -6.3 H 25 v 6.3 h 12.5 v -6.3 H 31.2 V 6.2 h 6.3 v 6.300002 h 6.2 V 31.200001 H 56.2 V 12.500002 h 6.3 V 6.2 h 6.2 v 12.500001 h -6.2 v 18.800001 h 6.2 v -12.5 h 12.5 v -12.5 h 12.5 v 6.2 h -6.2 v 12.5 H 75 v 12.5 h 6.2 v 6.3 h 12.5 v 6.2 h 6.299997 v 6.3 H 87.5 v -6.3 H 75 v -6.2 h -6.3 v 12.5 H 75 v 12.5 h 6.2 V 99.99999 H 75 V 81.200002 h -6.3 v -12.5 h -6.2 v -12.5 H 43.7 v 18.8 h -6.2 v 12.5 H 31.2 V 99.99999 H 25 Z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><span class="name svelte-1bpnvy9">fuz_template</span></a><!----></div></section><!----> <section><div class="panel p_md width_md"><div class="package_detail svelte-w7xguq"><div class="info svelte-w7xguq"><div class="flex flex_1"><div><header class="svelte-w7xguq"><!--[!--><div class="repo_name svelte-w7xguq">moss<!--[--> 🌿<!--]--></div><!--]--></header> <!----> <!--[--><!--[!--><div class="description svelte-w7xguq">CSS framework</div><!--]--><!--]--> <!--[--><!--[!--><div class="motto svelte-w7xguq">magical organic stylesheets</div><!--]--><!--]--> <!--[--><!--[!--><blockquote class="npm_url svelte-w7xguq">npm i -D @ryanatkn/moss</blockquote><!--]--><!--]--> <section class="properties svelte-w7xguq"><!--[--><!--[!--><span class="title svelte-w7xguq">homepage</span> <div class="content svelte-w7xguq"><a class="chip svelte-w7xguq " href="https://moss.ryanatkn.com/"><img style="width: 16px; height: 16px; margin-right: var(--space_xs);" src="https://moss.ryanatkn.com/logo.svg" alt="a fuzzy tuft of green moss"> moss.ryanatkn.com</a></div><!--]--><!--]--> <!--[--><span class="title svelte-w7xguq">repo</span> <div class="content svelte-w7xguq"><a class="chip svelte-w7xguq" title="repo" href="https://github.com/ryanatkn/moss">ryanatkn/moss</a></div><!--]--> <!--[--><span class="title svelte-w7xguq">npm</span> <div class="content svelte-w7xguq"><a class="chip svelte-w7xguq" title="npm" href="https://www.npmjs.com/package/@ryanatkn/moss">@ryanatkn/moss</a></div><!--]--> <!--[--><span class="title svelte-w7xguq">version</span> <div class="content svelte-w7xguq"><a class="chip svelte-w7xguq" title="version" href="https://github.com/ryanatkn/moss/blob/main/CHANGELOG.md">0.18.1</a></div><!--]--> <!--[--><span class="title svelte-w7xguq">license</span> <div class="content svelte-w7xguq"><a class="chip svelte-w7xguq" title="license" href="https://github.com/ryanatkn/moss/blob/main/LICENSE">MIT</a></div><!--]--> <!--[--><span class="title svelte-w7xguq">data</span> <div class="content svelte-w7xguq"><a class="chip svelte-w7xguq" title="data" href="https://moss.ryanatkn.com/.well-known/package.json">package.json</a> <a class="chip svelte-w7xguq" title="data" href="https://moss.ryanatkn.com/.well-known/src.json">src.json</a></div><!--]--></section></div></div> <!--[--><div class="logo svelte-w7xguq"><img style="width: var(--size, var(--icon_size_xl2)); height: var(--size, var(--icon_size_xl2));" src="https://moss.ryanatkn.com/logo.svg" alt="a fuzzy tuft of green moss"></div><!--]--></div> <!--[--><section class="svelte-w7xguq"><menu class="unstyled"><!--[--><li class="module svelte-w7xguq json"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/package.json">package.json</a> <!--[!--><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/css_class_helpers.ts">css_class_helpers.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip type_declaration svelte-w7xguq">Css_Extractor</li><li class="declaration chip function_declaration svelte-w7xguq">collect_css_classes</li><li class="declaration chip class_declaration svelte-w7xguq">Css_Classes</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/css_classes.ts">css_classes.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip type_declaration svelte-w7xguq">Css_Class_Declaration</li><li class="declaration chip type_declaration svelte-w7xguq">Css_Class_Declaration_Item</li><li class="declaration chip type_declaration svelte-w7xguq">Css_Class_Declaration_Group</li><li class="declaration chip variable_declaration svelte-w7xguq">css_classes_by_name</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/gro_plugin_moss.ts">gro_plugin_moss.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip function_declaration svelte-w7xguq">generate_classes_css</li><li class="declaration chip type_declaration svelte-w7xguq">Task_Args</li><li class="declaration chip type_declaration svelte-w7xguq">Options</li><li class="declaration chip function_declaration svelte-w7xguq">gro_plugin_moss</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq css"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/style.css">style.css</a> <!--[!--><!--]--></div></li><li class="module svelte-w7xguq css"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/theme.css">theme.css</a> <!--[!--><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/theme.gen.css.ts">theme.gen.css.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip variable_declaration svelte-w7xguq">gen</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/theme.ts">theme.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip type_declaration svelte-w7xguq">Color_Scheme</li><li class="declaration chip variable_declaration svelte-w7xguq">color_schemes</li><li class="declaration chip type_declaration svelte-w7xguq">Theme</li><li class="declaration chip type_declaration svelte-w7xguq">Render_Theme_Style_Options</li><li class="declaration chip function_declaration svelte-w7xguq">render_theme_style</li><li class="declaration chip function_declaration svelte-w7xguq">render_theme_variable</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/themes.ts">themes.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip variable_declaration svelte-w7xguq">DEFAULT_THEME</li><li class="declaration chip variable_declaration svelte-w7xguq">default_themes</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/variable_data.ts">variable_data.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip type_declaration svelte-w7xguq">Size_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">size_variants</li><li class="declaration chip variable_declaration svelte-w7xguq">size_names</li><li class="declaration chip type_declaration svelte-w7xguq">Text_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">text_variants</li><li class="declaration chip type_declaration svelte-w7xguq">Space_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">space_variants</li><li class="declaration chip type_declaration svelte-w7xguq">Radius_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_variants</li><li class="declaration chip type_declaration svelte-w7xguq">Line_Height_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_variants</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_names</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_variant_prefixes</li><li class="declaration chip type_declaration svelte-w7xguq">Shadow_Size_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_size_variants</li><li class="declaration chip type_declaration svelte-w7xguq">Shadow_Alpha_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_alpha_variants</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_sizes</li><li class="declaration chip type_declaration svelte-w7xguq">Color_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">color_variants</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/variable.ts">variable.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip type_declaration svelte-w7xguq">Style_Variable_Name</li><li class="declaration chip type_declaration svelte-w7xguq">Style_Variable</li><li class="declaration chip variable_declaration svelte-w7xguq">STYLE_VARIABLE_NAME_MATCHER</li><li class="declaration chip function_declaration svelte-w7xguq">is_style_variable_name</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/variables.ts">variables.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip variable_declaration svelte-w7xguq">hue_a</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_b</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_c</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_d</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_e</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_f</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_g</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_h</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_i</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_9</li><li class="declaration chip variable_declaration svelte-w7xguq">tint_hue</li><li class="declaration chip variable_declaration svelte-w7xguq">tint_saturation</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_1</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_2</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_3</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_4</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_5</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_6</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_7</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_8</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_9</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_1</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_2</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_3</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_4</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_5</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_6</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_7</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_8</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_9</li><li class="declaration chip variable_declaration svelte-w7xguq">bg</li><li class="declaration chip variable_declaration svelte-w7xguq">fg</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_0</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_1</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_2</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_3</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_4</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_5</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_6</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_7</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_8</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_9</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_10</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_0</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_1</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_2</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_3</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_4</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_5</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_6</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_7</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_8</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_9</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_10</li><li class="declaration chip variable_declaration svelte-w7xguq">fill</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_a</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_b</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_c</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_d</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_e</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_f</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_g</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_h</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_i</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_0</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_1</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_2</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_3</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_4</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_5</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_6</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_7</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_8</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_9</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_10</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_disabled</li><li class="declaration chip variable_declaration svelte-w7xguq">text_active</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_md</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">font_sans</li><li class="declaration chip variable_declaration svelte-w7xguq">font_mono</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">size_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">size_md</li><li class="declaration chip variable_declaration svelte-w7xguq">size_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl2</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl3</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl4</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl5</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl6</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl7</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl8</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl9</li><li class="declaration chip variable_declaration svelte-w7xguq">link_color</li><li class="declaration chip variable_declaration svelte-w7xguq">text_decoration</li><li class="declaration chip variable_declaration svelte-w7xguq">text_decoration_hover</li><li class="declaration chip variable_declaration svelte-w7xguq">text_decoration_selected</li><li class="declaration chip variable_declaration svelte-w7xguq">link_color_selected</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xs5</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xs4</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xs3</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xs2</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">space_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">space_md</li><li class="declaration chip variable_declaration svelte-w7xguq">space_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl2</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl3</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl4</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl5</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl6</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl7</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl8</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl9</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl10</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl11</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl12</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl13</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl14</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl15</li><li class="declaration chip variable_declaration svelte-w7xguq">width_md</li><li class="declaration chip variable_declaration svelte-w7xguq">width_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">width_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color</li><li class="declaration chip variable_declaration svelte-w7xguq">border_style</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_1</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_2</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_3</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_4</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_5</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_a</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_b</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_c</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_d</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_e</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_f</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_g</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_h</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_i</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width_1</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width_2</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width_3</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width_4</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width_5</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width_6</li><li class="declaration chip variable_declaration svelte-w7xguq">outline_width</li><li class="declaration chip variable_declaration svelte-w7xguq">outline_width_1</li><li class="declaration chip variable_declaration svelte-w7xguq">outline_width_2</li><li class="declaration chip variable_declaration svelte-w7xguq">outline_width_3</li><li class="declaration chip variable_declaration svelte-w7xguq">outline_style</li><li class="declaration chip variable_declaration svelte-w7xguq">outline_color</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_md</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_xs2</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_xs3</li><li class="declaration chip variable_declaration svelte-w7xguq">button_shadow</li><li class="declaration chip variable_declaration svelte-w7xguq">button_shadow_hover</li><li class="declaration chip variable_declaration svelte-w7xguq">button_shadow_active</li><li class="declaration chip variable_declaration svelte-w7xguq">input_fill</li><li class="declaration chip variable_declaration svelte-w7xguq">input_padding_y</li><li class="declaration chip variable_declaration svelte-w7xguq">input_padding_x</li><li class="declaration chip variable_declaration svelte-w7xguq">input_width_min</li><li class="declaration chip variable_declaration svelte-w7xguq">input_height</li><li class="declaration chip variable_declaration svelte-w7xguq">input_height_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">input_height_inner</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_top_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_bottom_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_top_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_bottom_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_top_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_bottom_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_top_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_bottom_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_md</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_top_md</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_bottom_md</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_md</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_top_md</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_bottom_md</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_top_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_bottom_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_top_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_bottom_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_top_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_bottom_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_top_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_bottom_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_highlight</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_glow</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_shroud</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_a</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_b</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_c</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_d</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_e</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_f</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_g</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_h</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_i</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_alpha_1</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_alpha_2</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_alpha_3</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_alpha_4</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_alpha_5</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_md</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_xl2</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_xl3</li><li class="declaration chip variable_declaration svelte-w7xguq">duration_1</li><li class="declaration chip variable_declaration svelte-w7xguq">duration_2</li><li class="declaration chip variable_declaration svelte-w7xguq">duration_3</li><li class="declaration chip variable_declaration svelte-w7xguq">duration_4</li><li class="declaration chip variable_declaration svelte-w7xguq">duration_5</li><li class="declaration chip variable_declaration svelte-w7xguq">duration_6</li><li class="declaration chip variable_declaration svelte-w7xguq">fade_1</li><li class="declaration chip variable_declaration svelte-w7xguq">fade_2</li><li class="declaration chip variable_declaration svelte-w7xguq">fade_3</li><li class="declaration chip variable_declaration svelte-w7xguq">fade_4</li><li class="declaration chip variable_declaration svelte-w7xguq">fade_5</li><li class="declaration chip variable_declaration svelte-w7xguq">fade_6</li><li class="declaration chip variable_declaration svelte-w7xguq">disabled_opacity</li><li class="declaration chip variable_declaration svelte-w7xguq">default_variables</li><!--]--></ul><!--]--></div></li><!--]--></menu></section><!--]--> <section class="svelte-w7xguq"><details><summary><!---->raw data for <code>pkg: Package_Meta</code><!----></summary> <!--[!--><!--[!--><!--]--><!--]--></details><!----></section></div><!----></div></section> <section class="box mb_xl7"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/about" class="svelte-c9k2g selected">about</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+		<div style="display: contents"><!--[--><!--[--><!----><!--[!--><!----><main class="width_md svelte-m017mk"><section><header class="box"><h1 class="mt_xl4 svelte-m017mk">moss</h1></header> <div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/about" class="svelte-c9k2g selected">about</a><!--]--><!--]--></div><!----></section> <section class="panel p_lg"><!--[!--><h2 class="mt_0 mb_lg">Links</h2><!--]--> <ul><li>join <a rel="me" href="https://discord.gg/YU5tyeK72X">the Discord</a> community</li> <li><a rel="me" href="https://www.webdevladder.net/">webdevladder.net</a> - realworld webdev with TypeScript and Svelte, blog and YouTube channels <a rel="me" href="https://youtube.com/@webdevladder">@webdevladder</a> and <a rel="me" href="https://youtube.com/@webdevladder_vods">@webdevladder_vods</a><!--[!--><!--]--></li> <li><a rel="me" href="https://www.spiderspace.org/">spiderspace.org</a> - nontechnical design videos where we'll make a social website together with <a href="https://zzz.ryanatkn.com/">Zzz</a> when it's ready, YouTube channel <a rel="me" href="https://youtube.com/@spiderspace_8000">@spiderspace_8000</a><!--[!--><!--]--></li> <li><a rel="me" href="https://www.ryanatkn.com/">ryanatkn.com</a> - my homepage<!--[!--><!--]--></li> <li>GitHub - <a rel="me" href="https://github.com/ryanatkn">@ryanatkn</a> and <a rel="me" href="https://github.com/spiderspace">@spiderspace</a></li> <li>Mastodon as <a rel="me" href="https://mastodon.social/@webdevladder">@webdevladder@mastodon.social</a> and <a rel="me" href="https://hci.social/@ryanatkn">@ryanatkn@hci.social</a></li> <li>@webdevladder on <a rel="me" href="https://x.com/webdevladder">Twitter</a>, <a rel="me" href="https://www.reddit.com/user/webdevladder/">Reddit</a>, and <a href="https://news.ycombinator.com/user?id=webdevladder">Hacker News</a></li> <li>support me at <a href="https://www.ryanatkn.com/funding">ryanatkn.com/funding</a></li></ul><!----> <div class="box row"><a class="project_link svelte-1bpnvy9" title="Zzz - social web app framework" href="https://zzz.ryanatkn.com/"><svg viewBox="0 0 100 100" aria-label="three sleepy z's" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#e55d95" d="m 75.29285,61.962268 1.752156,1.914421 14.843359,1.811307 L 74.065203,86.193332 99.966781,85.408255 98.719988,83.648246 85.143565,82.136577 98.430963,62.887945" class="svelte-16ciom8"></path><path fill="#e55d95" d="m 47.636533,44.203704 2.295155,2.48945 25.618425,0.406407 L 45.93783,91.082857 89.425317,93.78003 87.862334,91.36274 61.57861,83.03068 86.244719,42.177019" class="svelte-16ciom8"></path><path fill="#e55d95" d="M 0.62464489,0.27405496 3.9721704,4.0993769 50.515703,10.089712 0.04581262,99.957542 68.009395,98.901532 65.391343,95.487941 24.119119,88.067804 66.301842,2.2896897" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><span class="name svelte-1bpnvy9">Zzz</span></a> <a class="project_link svelte-1bpnvy9" title="Moss - CSS framework" href="https://moss.ryanatkn.com/"><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_lg); height: var(--icon_size_lg);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><span class="name svelte-1bpnvy9">Moss</span></a> <a class="project_link svelte-1bpnvy9" title="Fuz - Svelte UI library" href="https://www.fuz.dev/"><svg viewBox="0 0 100 100" aria-label="a friendly brown spider facing you" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#84522a" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><span class="name svelte-1bpnvy9">Fuz</span></a> <a class="project_link svelte-1bpnvy9" title="Gro - task runner and toolkit extending SvelteKit" href="https://gro.ryanatkn.com/"><svg viewBox="0 0 100 100" aria-label="a pixelated green oak acorn with a glint of sun" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#6f974c" d="m 24.035592,57.306905 v -14.5 h 16.329497 v 14.25 z" class="svelte-16ciom8"></path><path fill="#5e853f" d="M 43.75,93.75 H 37.5 V 87.5 H 31.25 V 81.25 H 25 V 75 H 18.75 V 62.5 H 12.5 V 50 H 6.25 V 43.75 H 4 v -21 L 22.75,16.5 h 40.5 l 0.5,61.5 -5,-0.75 -0.25,16.5 h -2.25 l -4,2.25 -2.24617,4 H 43.75 Z M 37.5,50 H 31.25 V 43.75 H 25 v 12.5 h 12.5 z" class="svelte-16ciom8"></path><path fill="#6f492b" d="m 50,93.75 h 6.25 V 75 H 62.5 V 50 H 56.25 V 37.5 H 50 V 31.25 H 43.75 V 25 H 31.25 V 18.75 H 25 V 25 H 12.5 v 6.25 H 6.25 v 12.5 H 0 v -25 H 6.25 V 12.5 h 12.5 V 6.25 H 37.5 V 0 h 25 v 6.25 h 18.75 v 6.25 h 12.5 v 6.25 H 100 v 25 H 93.75 V 50 H 87.5 V 62.5 H 81.25 V 75 H 75 v 6.25 H 68.75 V 87.5 H 62.5 v 6.25 H 56.25 V 100 H 50 Z" class="svelte-16ciom8"></path><path fill="#3b730f" d="m 50,93.75 h 6.25 V 75 H 62.5 V 50 H 56.25 V 37.5 H 50 V 31.25 H 43.75 V 25 H 31.25 V 18.75 H 25 V 25 H 12.5 v 6.25 H 6.25 v 12.5 H 0 V 25 H 12.5 V 18.75 H 25 V 12.5 H 43.75 V 6.25 h 12.5 V 12.5 H 75 v 6.25 H 87.5 V 25 H 100 V 43.75 H 93.75 V 50 H 87.5 V 62.5 H 81.25 V 75 H 75 v 6.25 H 68.75 V 87.5 H 62.5 v 6.25 H 56.25 V 100 H 50 Z" class="svelte-16ciom8"></path><path fill="#473323" d="M 87.5,37.5 H 81.25 V 31.25 H 68.75 V 25 H 62.5 V 18.75 H 43.75 25 V 25 H 12.5 v 6.25 H 6.25 v 12.5 H 0 V 25 H 12.5 V 18.75 H 25 V 12.5 H 43.75 V 6.25 h 12.5 V 12.5 H 75 v 6.25 H 87.5 V 25 H 100 V 43.75 H 93.75 V 50 H 87.5 Z" class="svelte-16ciom8"></path><path fill="#2e6006" d="M 87.5,37.5 H 81.25 V 31.25 H 68.75 V 25 H 62.5 v -6.25 h -25 V 12.5 H 50 V 6.25 h 6.25 v 6.25 h 12.5 v 6.25 h 12.5 V 25 h 12.5 v 6.25 H 100 v 12.5 H 93.75 V 50 H 87.5 Z" class="svelte-16ciom8"></path><path fill="#34251a" d="M 93.75,31.25 H 87.5 V 25 h 6.25 v 6.25 H 100 v 12.5 H 93.75 Z M 75,18.75 h 6.25 V 25 H 75 Z M 37.5,12.5 H 50 V 6.25 h 6.25 v 6.25 h 12.5 v 6.25 H 53.125 37.5 Z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><span class="name svelte-1bpnvy9">Gro</span></a> <a class="project_link svelte-1bpnvy9" title="fuz_template - a static web app and Node library template with TypeScript, Svelte, SvelteKit, Vite, esbuild, Fuz, and Gro" href="https://template.fuz.dev/"><svg viewBox="0 0 100 100" aria-label="a friendly orange pixelated spider facing you" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#f4672f" d="m 25,81.200002 h 6.2 v -12.5 h 6.3 v -18.7 h -6.3 v 6.2 H 12.5 v 6.3 H 0 v -6.3 h 6.2 v -6.2 H 25 v -6.3 h 12.5 v -6.2 h -6.3 v -6.3 H 18.7 v -6.2 H 6.2 v -6.3 H 25 v 6.3 h 12.5 v -6.3 H 31.2 V 6.2 h 6.3 v 6.300002 h 6.2 V 31.200001 H 56.2 V 12.500002 h 6.3 V 6.2 h 6.2 v 12.500001 h -6.2 v 18.800001 h 6.2 v -12.5 h 12.5 v -12.5 h 12.5 v 6.2 h -6.2 v 12.5 H 75 v 12.5 h 6.2 v 6.3 h 12.5 v 6.2 h 6.299997 v 6.3 H 87.5 v -6.3 H 75 v -6.2 h -6.3 v 12.5 H 75 v 12.5 h 6.2 V 99.99999 H 75 V 81.200002 h -6.3 v -12.5 h -6.2 v -12.5 H 43.7 v 18.8 h -6.2 v 12.5 H 31.2 V 99.99999 H 25 Z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><span class="name svelte-1bpnvy9">fuz_template</span></a><!----></div></section><!----> <section><div class="panel p_md width_md"><div class="package_detail svelte-w7xguq"><div class="info svelte-w7xguq"><div class="flex flex_1"><div><header class="svelte-w7xguq"><!--[!--><div class="repo_name svelte-w7xguq">moss<!--[--> 🌿<!--]--></div><!--]--></header> <!----> <!--[--><!--[!--><div class="description svelte-w7xguq">CSS framework</div><!--]--><!--]--> <!--[--><!--[!--><div class="motto svelte-w7xguq">magical organic stylesheets</div><!--]--><!--]--> <!--[--><!--[!--><blockquote class="npm_url svelte-w7xguq">npm i -D @ryanatkn/moss</blockquote><!--]--><!--]--> <section class="properties svelte-w7xguq"><!--[--><!--[!--><span class="title svelte-w7xguq">homepage</span> <div class="content svelte-w7xguq"><a class="chip svelte-w7xguq " href="https://moss.ryanatkn.com/"><img style="width: 16px; height: 16px; margin-right: var(--space_xs);" src="https://moss.ryanatkn.com/logo.svg" alt="a fuzzy tuft of green moss"> moss.ryanatkn.com</a></div><!--]--><!--]--> <!--[--><span class="title svelte-w7xguq">repo</span> <div class="content svelte-w7xguq"><a class="chip svelte-w7xguq" title="repo" href="https://github.com/ryanatkn/moss">ryanatkn/moss</a></div><!--]--> <!--[--><span class="title svelte-w7xguq">npm</span> <div class="content svelte-w7xguq"><a class="chip svelte-w7xguq" title="npm" href="https://www.npmjs.com/package/@ryanatkn/moss">@ryanatkn/moss</a></div><!--]--> <!--[--><span class="title svelte-w7xguq">version</span> <div class="content svelte-w7xguq"><a class="chip svelte-w7xguq" title="version" href="https://github.com/ryanatkn/moss/blob/main/CHANGELOG.md">0.18.1</a></div><!--]--> <!--[--><span class="title svelte-w7xguq">license</span> <div class="content svelte-w7xguq"><a class="chip svelte-w7xguq" title="license" href="https://github.com/ryanatkn/moss/blob/main/LICENSE">MIT</a></div><!--]--> <!--[--><span class="title svelte-w7xguq">data</span> <div class="content svelte-w7xguq"><a class="chip svelte-w7xguq" title="data" href="https://moss.ryanatkn.com/.well-known/package.json">package.json</a> <a class="chip svelte-w7xguq" title="data" href="https://moss.ryanatkn.com/.well-known/src.json">src.json</a></div><!--]--></section></div></div> <!--[--><div class="logo svelte-w7xguq"><img style="width: var(--size, var(--icon_size_xl2)); height: var(--size, var(--icon_size_xl2));" src="https://moss.ryanatkn.com/logo.svg" alt="a fuzzy tuft of green moss"></div><!--]--></div> <!--[--><section class="svelte-w7xguq"><menu class="unstyled"><!--[--><li class="module svelte-w7xguq json"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/package.json">package.json</a> <!--[!--><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/css_class_helpers.ts">css_class_helpers.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip type_declaration svelte-w7xguq">Css_Extractor</li><li class="declaration chip function_declaration svelte-w7xguq">collect_css_classes</li><li class="declaration chip class_declaration svelte-w7xguq">Css_Classes</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/css_classes.ts">css_classes.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip type_declaration svelte-w7xguq">Css_Class_Declaration</li><li class="declaration chip type_declaration svelte-w7xguq">Css_Class_Declaration_Item</li><li class="declaration chip type_declaration svelte-w7xguq">Css_Class_Declaration_Group</li><li class="declaration chip variable_declaration svelte-w7xguq">css_classes_by_name</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/gro_plugin_moss.ts">gro_plugin_moss.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip function_declaration svelte-w7xguq">generate_classes_css</li><li class="declaration chip type_declaration svelte-w7xguq">Task_Args</li><li class="declaration chip type_declaration svelte-w7xguq">Options</li><li class="declaration chip function_declaration svelte-w7xguq">gro_plugin_moss</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq css"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/style.css">style.css</a> <!--[!--><!--]--></div></li><li class="module svelte-w7xguq css"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/theme.css">theme.css</a> <!--[!--><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/theme.gen.css.ts">theme.gen.css.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip variable_declaration svelte-w7xguq">gen</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/theme.ts">theme.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip type_declaration svelte-w7xguq">Color_Scheme</li><li class="declaration chip variable_declaration svelte-w7xguq">color_schemes</li><li class="declaration chip type_declaration svelte-w7xguq">Theme</li><li class="declaration chip type_declaration svelte-w7xguq">Render_Theme_Style_Options</li><li class="declaration chip function_declaration svelte-w7xguq">render_theme_style</li><li class="declaration chip function_declaration svelte-w7xguq">render_theme_variable</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/themes.ts">themes.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip variable_declaration svelte-w7xguq">DEFAULT_THEME</li><li class="declaration chip variable_declaration svelte-w7xguq">default_themes</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/variable_data.ts">variable_data.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip type_declaration svelte-w7xguq">Size_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">size_variants</li><li class="declaration chip variable_declaration svelte-w7xguq">size_names</li><li class="declaration chip type_declaration svelte-w7xguq">Text_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">text_variants</li><li class="declaration chip type_declaration svelte-w7xguq">Space_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">space_variants</li><li class="declaration chip type_declaration svelte-w7xguq">Radius_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_variants</li><li class="declaration chip type_declaration svelte-w7xguq">Line_Height_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_variants</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_names</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_variant_prefixes</li><li class="declaration chip type_declaration svelte-w7xguq">Shadow_Size_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_size_variants</li><li class="declaration chip type_declaration svelte-w7xguq">Shadow_Alpha_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_alpha_variants</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_sizes</li><li class="declaration chip type_declaration svelte-w7xguq">Color_Variant</li><li class="declaration chip variable_declaration svelte-w7xguq">color_variants</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/variable.ts">variable.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip type_declaration svelte-w7xguq">Style_Variable_Name</li><li class="declaration chip type_declaration svelte-w7xguq">Style_Variable</li><li class="declaration chip variable_declaration svelte-w7xguq">STYLE_VARIABLE_NAME_MATCHER</li><li class="declaration chip function_declaration svelte-w7xguq">is_style_variable_name</li><!--]--></ul><!--]--></div></li><li class="module svelte-w7xguq ts"><div class="module_content svelte-w7xguq"><a class="chip" href="https://github.com/ryanatkn/moss/blob/main/src/lib/variables.ts">variables.js</a> <!--[--><ul class="declarations unstyled svelte-w7xguq"><!--[--><li class="declaration chip variable_declaration svelte-w7xguq">hue_a</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_b</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_c</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_d</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_e</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_f</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_g</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_h</li><li class="declaration chip variable_declaration svelte-w7xguq">hue_i</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_a_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_b_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_c_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_d_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_e_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_f_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_g_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_h_9</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_1</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_2</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_3</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_4</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_5</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_6</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_7</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_8</li><li class="declaration chip variable_declaration svelte-w7xguq">color_i_9</li><li class="declaration chip variable_declaration svelte-w7xguq">tint_hue</li><li class="declaration chip variable_declaration svelte-w7xguq">tint_saturation</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_1</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_2</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_3</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_4</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_5</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_6</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_7</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_8</li><li class="declaration chip variable_declaration svelte-w7xguq">darken_9</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_1</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_2</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_3</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_4</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_5</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_6</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_7</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_8</li><li class="declaration chip variable_declaration svelte-w7xguq">lighten_9</li><li class="declaration chip variable_declaration svelte-w7xguq">bg</li><li class="declaration chip variable_declaration svelte-w7xguq">fg</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_0</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_1</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_2</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_3</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_4</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_5</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_6</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_7</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_8</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_9</li><li class="declaration chip variable_declaration svelte-w7xguq">bg_10</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_0</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_1</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_2</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_3</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_4</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_5</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_6</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_7</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_8</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_9</li><li class="declaration chip variable_declaration svelte-w7xguq">fg_10</li><li class="declaration chip variable_declaration svelte-w7xguq">fill</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_a</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_b</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_c</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_d</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_e</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_f</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_g</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_h</li><li class="declaration chip variable_declaration svelte-w7xguq">fill_i</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_0</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_1</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_2</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_3</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_4</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_5</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_6</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_7</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_8</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_9</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_10</li><li class="declaration chip variable_declaration svelte-w7xguq">text_color_disabled</li><li class="declaration chip variable_declaration svelte-w7xguq">text_active</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_md</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">line_height_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">font_sans</li><li class="declaration chip variable_declaration svelte-w7xguq">font_mono</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">size_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">size_md</li><li class="declaration chip variable_declaration svelte-w7xguq">size_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl2</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl3</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl4</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl5</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl6</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl7</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl8</li><li class="declaration chip variable_declaration svelte-w7xguq">size_xl9</li><li class="declaration chip variable_declaration svelte-w7xguq">link_color</li><li class="declaration chip variable_declaration svelte-w7xguq">text_decoration</li><li class="declaration chip variable_declaration svelte-w7xguq">text_decoration_hover</li><li class="declaration chip variable_declaration svelte-w7xguq">text_decoration_selected</li><li class="declaration chip variable_declaration svelte-w7xguq">link_color_selected</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xs5</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xs4</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xs3</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xs2</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">space_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">space_md</li><li class="declaration chip variable_declaration svelte-w7xguq">space_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl2</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl3</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl4</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl5</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl6</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl7</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl8</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl9</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl10</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl11</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl12</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl13</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl14</li><li class="declaration chip variable_declaration svelte-w7xguq">space_xl15</li><li class="declaration chip variable_declaration svelte-w7xguq">width_md</li><li class="declaration chip variable_declaration svelte-w7xguq">width_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">width_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color</li><li class="declaration chip variable_declaration svelte-w7xguq">border_style</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_1</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_2</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_3</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_4</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_5</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_a</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_b</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_c</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_d</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_e</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_f</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_g</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_h</li><li class="declaration chip variable_declaration svelte-w7xguq">border_color_i</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width_1</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width_2</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width_3</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width_4</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width_5</li><li class="declaration chip variable_declaration svelte-w7xguq">border_width_6</li><li class="declaration chip variable_declaration svelte-w7xguq">outline_width</li><li class="declaration chip variable_declaration svelte-w7xguq">outline_width_1</li><li class="declaration chip variable_declaration svelte-w7xguq">outline_width_2</li><li class="declaration chip variable_declaration svelte-w7xguq">outline_width_3</li><li class="declaration chip variable_declaration svelte-w7xguq">outline_style</li><li class="declaration chip variable_declaration svelte-w7xguq">outline_color</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_md</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_xs2</li><li class="declaration chip variable_declaration svelte-w7xguq">radius_xs3</li><li class="declaration chip variable_declaration svelte-w7xguq">button_shadow</li><li class="declaration chip variable_declaration svelte-w7xguq">button_shadow_hover</li><li class="declaration chip variable_declaration svelte-w7xguq">button_shadow_active</li><li class="declaration chip variable_declaration svelte-w7xguq">input_fill</li><li class="declaration chip variable_declaration svelte-w7xguq">input_padding_y</li><li class="declaration chip variable_declaration svelte-w7xguq">input_padding_x</li><li class="declaration chip variable_declaration svelte-w7xguq">input_width_min</li><li class="declaration chip variable_declaration svelte-w7xguq">input_height</li><li class="declaration chip variable_declaration svelte-w7xguq">input_height_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">input_height_inner</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_top_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_bottom_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_top_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_bottom_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_top_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_bottom_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_top_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_bottom_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_md</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_top_md</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_bottom_md</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_md</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_top_md</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_bottom_md</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_top_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_bottom_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_top_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_bottom_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_top_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_bottom_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_top_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_inset_bottom_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_highlight</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_glow</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_shroud</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_a</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_b</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_c</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_d</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_e</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_f</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_g</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_h</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_color_i</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_alpha_1</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_alpha_2</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_alpha_3</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_alpha_4</li><li class="declaration chip variable_declaration svelte-w7xguq">shadow_alpha_5</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_xs</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_sm</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_md</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_lg</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_xl</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_xl2</li><li class="declaration chip variable_declaration svelte-w7xguq">icon_size_xl3</li><li class="declaration chip variable_declaration svelte-w7xguq">duration_1</li><li class="declaration chip variable_declaration svelte-w7xguq">duration_2</li><li class="declaration chip variable_declaration svelte-w7xguq">duration_3</li><li class="declaration chip variable_declaration svelte-w7xguq">duration_4</li><li class="declaration chip variable_declaration svelte-w7xguq">duration_5</li><li class="declaration chip variable_declaration svelte-w7xguq">duration_6</li><li class="declaration chip variable_declaration svelte-w7xguq">fade_1</li><li class="declaration chip variable_declaration svelte-w7xguq">fade_2</li><li class="declaration chip variable_declaration svelte-w7xguq">fade_3</li><li class="declaration chip variable_declaration svelte-w7xguq">fade_4</li><li class="declaration chip variable_declaration svelte-w7xguq">fade_5</li><li class="declaration chip variable_declaration svelte-w7xguq">fade_6</li><li class="declaration chip variable_declaration svelte-w7xguq">disabled_opacity</li><li class="declaration chip variable_declaration svelte-w7xguq">default_variables</li><!--]--></ul><!--]--></div></li><!--]--></menu></section><!--]--> <section class="svelte-w7xguq"><details><summary><!---->raw data for <code>pkg: Package_Meta</code><!----></summary> <!--[!--><!--[!--><!--]--><!--]--></details><!----></section></div><!----></div></section> <section class="box mb_xl7"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/about" class="svelte-c9k2g selected">about</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/index.html b/index.html
index 2e40ea2b..20410cdd 100644
--- a/index.html
+++ b/index.html
@@ -62,11 +62,11 @@
 				library <a href="https://www.fuz.dev/">Fuz</a> that builds on Moss. Feel free to take the
 				ideas and <a href="https://github.com/ryanatkn/moss">code</a> for your own purposes.</p> <p>Moss is being made to support <a href="https://zzz.ryanatkn.com/">Zzz</a> and <a href="https://www.ryanatkn.com/">my other projects</a> that focus on end-users. It's grown slowly over 5 years, adding new features when I feel they're
 				sufficiently generalizable or merit experimentation, and my goal for 2024 is to fill out its
-				APIs so it's more coherent and complete.</p></div></section> <section><!----><a  class="card svelte-2rjm44 link left" href="/library"><!--[--><div class="icon svelte-2rjm44"><!--[!--><!---->🌿<!----><!--]--></div><!--]--> <div class="content svelte-2rjm44"><!---->library<!----></div> <!--[!--><!--]--><!----></a><!----><!----></section> <section class="p_xl radius_lg shadow_inset_bottom_xs"><footer class="box"><div hidden>@ryanatkn@hci.social on <a rel="me" href="https://hci.social/@ryanatkn">Mastodon</a></div> <div hidden>@webdevladder@mastodon.social on <a rel="me" href="https://mastodon.social/@webdevladder">Mastodon</a></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><a href="/about" class="mb_xs">about</a><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+				APIs so it's more coherent and complete.</p></div></section> <section><!----><a  class="card svelte-2rjm44 link left" href="/library"><!--[--><div class="icon svelte-2rjm44"><!--[!--><!---->🌿<!----><!--]--></div><!--]--> <div class="content svelte-2rjm44"><!---->library<!----></div> <!--[!--><!--]--><!----></a><!----><!----></section> <section class="p_xl radius_lg shadow_inset_bottom_xs"><footer class="box"><div hidden>@ryanatkn@hci.social on <a rel="me" href="https://hci.social/@ryanatkn">Mastodon</a></div> <div hidden>@webdevladder@mastodon.social on <a rel="me" href="https://mastodon.social/@webdevladder">Mastodon</a></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><a href="/about" class="mb_xs">about</a><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library.html b/library.html
index 54185324..3781bf62 100644
--- a/library.html
+++ b/library.html
@@ -285,11 +285,11 @@
 		<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><!----><!--]--><!--]--></code></pre><!----> <div class="fg_1 p_sm"><div class="fg_1 p_sm"><div class="fg_1 p_sm"><div class="fg_1 p_sm"><div class="bg p_sm">these shades use opacity, but notice how contrast changes with depth, creating
 							limitations</div></div></div></div></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Fading opacity<!--]--></div> <a class="hashlink svelte-1tcongx" href="#fading-opacity" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="fading-opacity" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>⚠️ <!--[!-->This is unfinished and will change.<!--]--></aside><!----> <div class="swatch svelte-d8r5h"><div><div class="color bg_a_5 svelte-d8r5h"></div> <small style="font-family: var(--font_sans);" class="svelte-d8r5h">full opacity</small></div> <!--[--><div><div style="opacity: var(--fade_1);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_1</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_2);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_2</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_3);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_3</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_4);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_4</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_5);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_5</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_6);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_6</span><!--]--></button><!----></small></div><!--]--></div><!----></section><!----><!----></section><!----><!----><section class="tome_content width_md mb_xl9"><header class="mb_xl3"><!--[!--><header><!----><h2  class="tome_header svelte-d05s6w"><!--[!--><a href="/library/shadows"><!---->shadows<!----></a><!--]--> <a class="hashlink svelte-1tcongx" href="#shadows" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="shadows" aria-hidden="true"></span><!----><!----></h2><!----></header><!--]--></header> <aside>⚠️ <!--[--><!---->This is unfinished and will change. It feels simultaneously limiting in usage and bloated in
-		the implementation.<!----><!--]--></aside><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Shadow<!--]--></div> <a class="hashlink svelte-1tcongx" href="#shadow" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="shadow" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Shadows darken in light mode and lighten in dark mode.</p> <aside>⚠️ <!--[--><!---->Maybe rename for clarity? It's weird that shadows lighten in dark mode.<!----><!--]--></aside><!----> <div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Highlight<!--]--></div> <a class="hashlink svelte-1tcongx" href="#highlight" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="highlight" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Hightlights lighten in light mode and darken in dark mode.</p> <div class="panel fg_3 p_md"><div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Glow<!--]--></div> <a class="hashlink svelte-1tcongx" href="#glow" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="glow" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Glows lighten in both light and dark mode.</p> <div class="panel darken_3 p_md"><div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Shroud<!--]--></div> <a class="hashlink svelte-1tcongx" href="#shroud" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="shroud" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Shrouds darken in both light and dark mode.</p> <div class="panel lighten_3 p_md"><div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Colorful shadows<!--]--></div> <a class="hashlink svelte-1tcongx" href="#colorful-shadows" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="colorful-shadows" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>These are darker in light mode than in dark mode.</p> <div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><!--]--><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section><!----></section><!----><!----><section class="tome_content width_md mb_xl9"><header class="mb_xl3"><!--[!--><header><!----><h2  class="tome_header svelte-d05s6w"><!--[!--><a href="/library/layout"><!---->layout<!----></a><!--]--> <a class="hashlink svelte-1tcongx" href="#layout" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="layout" aria-hidden="true"></span><!----><!----></h2><!----></header><!--]--></header> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Space variables<!--]--></div> <a class="hashlink svelte-1tcongx" href="#space-variables" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="space-variables" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <div><!--[--><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs5);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs5</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs4);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs4</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs3);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs3</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs2);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs2</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_sm);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_sm</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_md);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_md</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_lg);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_lg</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl2);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl2</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl3);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl3</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl4);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl4</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl5);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl5</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl6);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl6</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl7);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl7</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl8);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl8</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl9);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl9</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl10);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl10</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl11);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl11</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl12);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl12</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl13);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl13</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl14);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl14</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl15);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl15</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Width variables<!--]--></div> <a class="hashlink svelte-1tcongx" href="#width-variables" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="width-variables" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <div><!--[--><div class="layout_example svelte-114iz3d"><div style="width: var(--width_xs);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">width_xs</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--width_sm);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">width_sm</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--width_md);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">width_md</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><!--]--></div><!----></section><!----><!----></section><!----><!--]--><!--]--></div></div><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[!--><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#introduction">introduction</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#themes">themes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#variables">variables</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#classes">classes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#colors">colors</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#buttons">buttons</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#elements">elements</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#forms">forms</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#typography">typography</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#borders">borders</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shading">shading</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shadows">shadows</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#layout">layout</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g selected">library</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+		the implementation.<!----><!--]--></aside><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Shadow<!--]--></div> <a class="hashlink svelte-1tcongx" href="#shadow" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="shadow" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Shadows darken in light mode and lighten in dark mode.</p> <aside>⚠️ <!--[--><!---->Maybe rename for clarity? It's weird that shadows lighten in dark mode.<!----><!--]--></aside><!----> <div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Highlight<!--]--></div> <a class="hashlink svelte-1tcongx" href="#highlight" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="highlight" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Hightlights lighten in light mode and darken in dark mode.</p> <div class="panel fg_3 p_md"><div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Glow<!--]--></div> <a class="hashlink svelte-1tcongx" href="#glow" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="glow" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Glows lighten in both light and dark mode.</p> <div class="panel darken_3 p_md"><div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Shroud<!--]--></div> <a class="hashlink svelte-1tcongx" href="#shroud" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="shroud" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Shrouds darken in both light and dark mode.</p> <div class="panel lighten_3 p_md"><div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Colorful shadows<!--]--></div> <a class="hashlink svelte-1tcongx" href="#colorful-shadows" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="colorful-shadows" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>These are darker in light mode than in dark mode.</p> <div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><!--]--><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section><!----></section><!----><!----><section class="tome_content width_md mb_xl9"><header class="mb_xl3"><!--[!--><header><!----><h2  class="tome_header svelte-d05s6w"><!--[!--><a href="/library/layout"><!---->layout<!----></a><!--]--> <a class="hashlink svelte-1tcongx" href="#layout" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="layout" aria-hidden="true"></span><!----><!----></h2><!----></header><!--]--></header> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Space variables<!--]--></div> <a class="hashlink svelte-1tcongx" href="#space-variables" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="space-variables" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <div><!--[--><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs5);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs5</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs4);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs4</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs3);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs3</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs2);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs2</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_sm);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_sm</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_md);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_md</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_lg);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_lg</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl2);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl2</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl3);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl3</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl4);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl4</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl5);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl5</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl6);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl6</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl7);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl7</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl8);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl8</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl9);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl9</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl10);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl10</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl11);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl11</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl12);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl12</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl13);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl13</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl14);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl14</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl15);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl15</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Width variables<!--]--></div> <a class="hashlink svelte-1tcongx" href="#width-variables" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="width-variables" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <div><!--[--><div class="layout_example svelte-114iz3d"><div style="width: var(--width_xs);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">width_xs</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--width_sm);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">width_sm</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--width_md);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">width_md</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><!--]--></div><!----></section><!----><!----></section><!----><!--]--><!--]--></div></div><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[!--><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#introduction">introduction</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#themes">themes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#variables">variables</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#classes">classes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#colors">colors</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#buttons">buttons</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#elements">elements</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#forms">forms</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#typography">typography</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#borders">borders</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shading">shading</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shadows">shadows</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#layout">layout</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g selected">library</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library/borders.html b/library/borders.html
index 459adb19..21327cef 100644
--- a/library/borders.html
+++ b/library/borders.html
@@ -99,11 +99,11 @@
 <!----><!--]--><!--]--><title>Moss - magical organic stylesheets</title>
 	</head>
 	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents"><!--[--><!--[--><!----><!--[--><!----><div style="--library_menu_width: 180px;" class="library svelte-7wvfhw"><!--[--><div class="library_primary_nav svelte-1458tgc "><div class="background svelte-1458tgc" aria-hidden="true"></div> <div class="content svelte-1458tgc"><nav aria-label="Primary" class="svelte-1458tgc"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[--><div class="icon row"><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----> <span class="ml_sm">moss</span></div><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/borders" class="svelte-c9k2g selected">borders</a><!--]--><!--]--></div><!----></nav> <div class="nav_dialog_toggle svelte-7wvfhw"><button class="plain svelte-7wvfhw" type="button">menu</button></div><!----></div></div><!--]--><!----> <!--[--><div class="secondary_nav_wrapper svelte-7wvfhw"><aside class="library_secondary_nav unstyled svelte-1b4dig sidebar"><nav aria-label="Secondary" class="svelte-1b4dig"><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[!--><h6>guide</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/introduction">introduction</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>systems</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/themes">themes</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/variables">variables</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/classes">classes</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>styles</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/forms">forms</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/typography">typography</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s selected" href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shading">shading</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shadows">shadows</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/layout">layout</a></li><!--]--></ul></li><!--]--></ul><!----></nav></aside><!----></div><!--]--> <main class="svelte-7wvfhw"><!----><section class="tome_content width_md mb_xl9"><header class="mb_xl3"><!--[!--><header><!----><h1  class="tome_header svelte-d05s6w"><!--[--><!---->borders<!--]--> <a class="hashlink svelte-1tcongx" href="#borders" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="borders" aria-hidden="true"></span><!----><!----></h1><!----></header><!--]--></header> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Border colors<!--]--></div> <a class="hashlink svelte-1tcongx" href="#border-colors" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="border-colors" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>⚠️ <!--[!-->This is unfinished and will change.<!--]--></aside><!----> <div class="border_examples border_colors svelte-19a5xw"><!--[--><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_1);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_1</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_1); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_1); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_1); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_1); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_1); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_2);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_2</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_2); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_2); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_2); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_2); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_2); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_3);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_3</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_3); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_3); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_3); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_3); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_3); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_4);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_4</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_4); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_4); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_4); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_4); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_4); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_5);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_5</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_5); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_5); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_5); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_5); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_5); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Colorful border variants<!--]--></div> <a class="hashlink svelte-1tcongx" href="#colorful-border-variants" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="colorful-border-variants" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>⚠️ <!--[!-->This is unfinished and will change.<!--]--></aside><!----> <div class="border_examples border_colors svelte-19a5xw"><!--[--><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_a);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_a</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_a); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_a); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_a); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_a); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_a); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_b);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_b</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_b); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_b); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_b); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_b); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_b); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_c);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_c</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_c); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_c); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_c); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_c); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_c); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_d);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_d</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_d); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_d); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_d); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_d); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_d); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_e);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_e</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_e); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_e); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_e); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_e); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_e); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_f);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_f</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_f); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_f); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_f); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_f); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_f); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_g);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_g</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_g); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_g); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_g); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_g); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_g); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_h);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_h</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_h); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_h); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_h); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_h); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_h); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_i);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_i</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_i); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_i); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_i); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_i); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_i); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Border widths<!--]--></div> <a class="hashlink svelte-1tcongx" href="#border-widths" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="border-widths" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>⚠️ <!--[!-->This is unfinished and will change.<!--]--></aside><!----> <div class="border_examples border_widths svelte-19a5xw"><!--[--><div class="row"><div style="border-width: var(--border_width_1);" class="border_example border_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_1</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-width: var(--border_width_2);" class="border_example border_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_2</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-width: var(--border_width_3);" class="border_example border_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_3</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-width: var(--border_width_4);" class="border_example border_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_4</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-width: var(--border_width_5);" class="border_example border_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_5</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-width: var(--border_width_6);" class="border_example border_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_6</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Outline widths<!--]--></div> <a class="hashlink svelte-1tcongx" href="#outline-widths" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="outline-widths" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <div class="border_examples outline_widths svelte-19a5xw"><!--[--><div class="row"><div style="outline-width: var(--outline_width_1);" class="border_example outline_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width_1</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="outline-width: var(--outline_width_2);" class="border_example outline_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width_2</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="outline-width: var(--outline_width_3);" class="border_example outline_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width_3</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Border radius<!--]--></div> <a class="hashlink svelte-1tcongx" href="#border-radius" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="border-radius" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <div class="border_examples border_radii svelte-19a5xw"><!--[--><div class="row"><div style="border-radius: var(--radius_xs3);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xs3</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-radius: var(--radius_xs2);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xs2</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-radius: var(--radius_xs);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xs</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-radius: var(--radius_sm);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_sm</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-radius: var(--radius_md);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_md</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-radius: var(--radius_lg);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_lg</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-radius: var(--radius_xl);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xl</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><!--]--></div><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/forms">forms</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shading">shading</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shadows">shadows</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#borders">borders</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#border-colors">Border colors</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#colorful-border-variants">Colorful border variants</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#border-widths">Border widths</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#outline-widths">Outline widths</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#border-radius">Border radius</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/borders" class="svelte-c9k2g selected">borders</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+		<div style="display: contents"><!--[--><!--[--><!----><!--[--><!----><div style="--library_menu_width: 180px;" class="library svelte-7wvfhw"><!--[--><div class="library_primary_nav svelte-1458tgc "><div class="background svelte-1458tgc" aria-hidden="true"></div> <div class="content svelte-1458tgc"><nav aria-label="Primary" class="svelte-1458tgc"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[--><div class="icon row"><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----> <span class="ml_sm">moss</span></div><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/borders" class="svelte-c9k2g selected">borders</a><!--]--><!--]--></div><!----></nav> <div class="nav_dialog_toggle svelte-7wvfhw"><button class="plain svelte-7wvfhw" type="button">menu</button></div><!----></div></div><!--]--><!----> <!--[--><div class="secondary_nav_wrapper svelte-7wvfhw"><aside class="library_secondary_nav unstyled svelte-1b4dig sidebar"><nav aria-label="Secondary" class="svelte-1b4dig"><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[!--><h6>guide</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/introduction">introduction</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>systems</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/themes">themes</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/variables">variables</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/classes">classes</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>styles</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/forms">forms</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/typography">typography</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s selected" href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shading">shading</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shadows">shadows</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/layout">layout</a></li><!--]--></ul></li><!--]--></ul><!----></nav></aside><!----></div><!--]--> <main class="svelte-7wvfhw"><!----><section class="tome_content width_md mb_xl9"><header class="mb_xl3"><!--[!--><header><!----><h1  class="tome_header svelte-d05s6w"><!--[--><!---->borders<!--]--> <a class="hashlink svelte-1tcongx" href="#borders" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="borders" aria-hidden="true"></span><!----><!----></h1><!----></header><!--]--></header> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Border colors<!--]--></div> <a class="hashlink svelte-1tcongx" href="#border-colors" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="border-colors" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>⚠️ <!--[!-->This is unfinished and will change.<!--]--></aside><!----> <div class="border_examples border_colors svelte-19a5xw"><!--[--><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_1);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_1</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_1); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_1); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_1); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_1); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_1); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_2);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_2</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_2); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_2); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_2); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_2); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_2); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_3);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_3</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_3); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_3); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_3); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_3); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_3); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_4);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_4</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_4); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_4); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_4); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_4); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_4); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_5);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_5</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_5); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_5); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_5); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_5); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_5); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Colorful border variants<!--]--></div> <a class="hashlink svelte-1tcongx" href="#colorful-border-variants" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="colorful-border-variants" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>⚠️ <!--[!-->This is unfinished and will change.<!--]--></aside><!----> <div class="border_examples border_colors svelte-19a5xw"><!--[--><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_a);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_a</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_a); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_a); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_a); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_a); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_a); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_b);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_b</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_b); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_b); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_b); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_b); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_b); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_c);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_c</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_c); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_c); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_c); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_c); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_c); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_d);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_d</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_d); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_d); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_d); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_d); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_d); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_e);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_e</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_e); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_e); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_e); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_e); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_e); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_f);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_f</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_f); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_f); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_f); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_f); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_f); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_g);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_g</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_g); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_g); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_g); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_g); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_g); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_h);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_h</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_h); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_h); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_h); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_h); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_h); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><div class="border_color_outer svelte-19a5xw"><div class="border_color_inner svelte-19a5xw"><div style="border-color: var(--border_color_i);" class="border_example border_color svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_i</span><!--]--></button><!----></div> <!--[--><div style="border-color: var(--border_color_i); border-width: var(--border_width_2);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_i); border-width: var(--border_width_3);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_i); border-width: var(--border_width_4);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_i); border-width: var(--border_width_5);" class="border_color_width svelte-19a5xw"></div><div style="border-color: var(--border_color_i); border-width: var(--border_width_6);" class="border_color_width svelte-19a5xw"></div><!--]--></div> <div><span class="pl_sm pr_sm">=</span><code></code></div></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Border widths<!--]--></div> <a class="hashlink svelte-1tcongx" href="#border-widths" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="border-widths" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>⚠️ <!--[!-->This is unfinished and will change.<!--]--></aside><!----> <div class="border_examples border_widths svelte-19a5xw"><!--[--><div class="row"><div style="border-width: var(--border_width_1);" class="border_example border_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_1</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-width: var(--border_width_2);" class="border_example border_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_2</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-width: var(--border_width_3);" class="border_example border_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_3</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-width: var(--border_width_4);" class="border_example border_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_4</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-width: var(--border_width_5);" class="border_example border_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_5</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-width: var(--border_width_6);" class="border_example border_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_6</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Outline widths<!--]--></div> <a class="hashlink svelte-1tcongx" href="#outline-widths" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="outline-widths" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <div class="border_examples outline_widths svelte-19a5xw"><!--[--><div class="row"><div style="outline-width: var(--outline_width_1);" class="border_example outline_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width_1</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="outline-width: var(--outline_width_2);" class="border_example outline_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width_2</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="outline-width: var(--outline_width_3);" class="border_example outline_width svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width_3</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Border radius<!--]--></div> <a class="hashlink svelte-1tcongx" href="#border-radius" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="border-radius" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <div class="border_examples border_radii svelte-19a5xw"><!--[--><div class="row"><div style="border-radius: var(--radius_xs3);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xs3</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-radius: var(--radius_xs2);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xs2</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-radius: var(--radius_xs);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xs</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-radius: var(--radius_sm);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_sm</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-radius: var(--radius_md);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_md</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-radius: var(--radius_lg);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_lg</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><div class="row"><div style="border-radius: var(--radius_xl);" class="border_example border_radius svelte-19a5xw"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xl</span><!--]--></button><!----></div> <span class="pl_sm pr_sm">=</span><code></code></div><!--]--></div><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/forms">forms</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shading">shading</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shadows">shadows</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#borders">borders</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#border-colors">Border colors</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#colorful-border-variants">Colorful border variants</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#border-widths">Border widths</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#outline-widths">Outline widths</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#border-radius">Border radius</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/borders" class="svelte-c9k2g selected">borders</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library/buttons.html b/library/buttons.html
index 591e2278..5f236be9 100644
--- a/library/buttons.html
+++ b/library/buttons.html
@@ -126,11 +126,11 @@
 	+
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span><!----><!--]--><!--]--></code></pre><!----> <button type="button" class="icon_button selected deselectable mb_lg">+</button> <pre class="svelte-1a6bj2n"><code class="svelte-1a6bj2n"><!--[!--><!--[--><!----><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>button</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>plain icon_button selected deselectable<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
 	+
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span><!----><!--]--><!--]--></code></pre><!----> <button type="button" class="plain icon_button selected deselectable">+</button><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/forms">forms</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#buttons">buttons</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#colorful-buttons">Colorful buttons</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#with-disabled-attribute">With disabled attribute</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#with-selected">With .selected</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#with-plain-and-icon_button">With .plain and .icon_button</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/buttons" class="svelte-c9k2g selected">buttons</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span><!----><!--]--><!--]--></code></pre><!----> <button type="button" class="plain icon_button selected deselectable">+</button><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/forms">forms</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#buttons">buttons</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#colorful-buttons">Colorful buttons</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#with-disabled-attribute">With disabled attribute</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#with-selected">With .selected</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#with-plain-and-icon_button">With .plain and .icon_button</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/buttons" class="svelte-c9k2g selected">buttons</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library/classes.html b/library/classes.html
index 4115b084..8a4851b2 100644
--- a/library/classes.html
+++ b/library/classes.html
@@ -105,11 +105,11 @@
 	<span class="token keyword">import</span> <span class="token string">'@ryanatkn/moss/theme.css'</span><span class="token punctuation">;</span> <span class="token comment">// or bring your own</span>
 	<span class="token keyword">import</span> <span class="token string">'$routes/moss.css'</span><span class="token punctuation">;</span> <span class="token comment">// generated by `gro_plugin_moss`</span>
 	<span class="token comment">// ...</span>
-</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span><!----><!--]--><!--]--></code></pre><!----><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Utility classes<!--]--></div> <a class="hashlink svelte-1tcongx" href="#utility-classes" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="utility-classes" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <ul class="classes unstyled svelte-1n0r3vc"><!--[--><li class="svelte-1n0r3vc">.relative|absolute|fixed|sticky|static</li><li class="svelte-1n0r3vc">.overflow_auto|hidden|scroll|clip|visible</li><li class="svelte-1n0r3vc">.overflow_x|y_auto|hidden|scroll|clip|visible</li><li class="svelte-1n0r3vc">.overflow_wrap_anywhere|break_word</li><li class="svelte-1n0r3vc">.display_none|contents</li><li class="svelte-1n0r3vc">.inline|inline_block|inline_flex|inline_grid</li><li class="svelte-1n0r3vc">.block</li><li class="svelte-1n0r3vc">.flex</li><li class="svelte-1n0r3vc">.flex_1</li><li class="svelte-1n0r3vc">.flex_wrap|wrap_reverse|nowrap</li><li class="svelte-1n0r3vc">.flex_row|column|row_reverse|column_reverse</li><li class="svelte-1n0r3vc">.grow|shrink</li><li class="svelte-1n0r3vc">.grow|shrink_0</li><li class="svelte-1n0r3vc">.align_items_center|start|end|baseline|stretch</li><li class="svelte-1n0r3vc">.align_content_center|start|end|baseline|space_between|space_around|space_evenly|stretch</li><li class="svelte-1n0r3vc">.align_self_center|start|end|baseline|stretch</li><li class="svelte-1n0r3vc">.justify_content_center|start|end|left|right|space_between|space_around|space_evenly|stretch</li><li class="svelte-1n0r3vc">.justify_items_center|start|end|left|right|baseline|stretch</li><li class="svelte-1n0r3vc">.justify_self_center|start|end|left|right|baseline|stretch</li><li class="svelte-1n0r3vc">.grid</li><li class="svelte-1n0r3vc">.float_none|left|right|inline_start|inline_end</li><li class="svelte-1n0r3vc">.flip_x|y|xy</li><li class="svelte-1n0r3vc">.font_sans|mono</li><li class="svelte-1n0r3vc">.line_height_xs-xl</li><li class="svelte-1n0r3vc">.size_xs-xl9</li><li class="svelte-1n0r3vc">.icon_size_xs-xl3</li><li class="svelte-1n0r3vc">.text_align_start|end|left|right|center|justify|justify_all|match_parent</li><li class="svelte-1n0r3vc">.vertical_align_baseline|sub|super|text_top|text_bottom|middle|top|bottom</li><li class="svelte-1n0r3vc">.white_space_normal|nowrap|pre|pre_wrap|pre_line|break_spaces</li><li class="svelte-1n0r3vc">.white_space_collapse_collapse|preserve|preserve_breaks|preserve_spaces|break_spaces</li><li class="svelte-1n0r3vc">.text_wrap_wrap|nowrap|balance|pretty|stable</li><li class="svelte-1n0r3vc">.ellipsis</li><li class="svelte-1n0r3vc">.font_weight_100-900</li><li class="svelte-1n0r3vc">.text_color_0-10</li><li class="svelte-1n0r3vc">.darken|lighten_1-9</li><li class="svelte-1n0r3vc">.bg|fg</li><li class="svelte-1n0r3vc">.bg|fg_1-9</li><li class="svelte-1n0r3vc">.color_darken|lighten_1-9</li><li class="svelte-1n0r3vc">.color_bg|fg</li><li class="svelte-1n0r3vc">.color_bg|fg_1-9</li><li class="svelte-1n0r3vc">.hue_a-i</li><li class="svelte-1n0r3vc">.color_a-i_1 -9</li><li class="svelte-1n0r3vc">.bg_a-i_1-9</li><li class="svelte-1n0r3vc">.border_color_1-5</li><li class="svelte-1n0r3vc">.border_color_a-i</li><li class="svelte-1n0r3vc">.border_color_transparent</li><li class="svelte-1n0r3vc">.border_width_0-6</li><li class="svelte-1n0r3vc">.outline_width_0-3</li><li class="svelte-1n0r3vc">.border_none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset</li><li class="svelte-1n0r3vc">.radius_0|50|100</li><li class="svelte-1n0r3vc">.radius_xs3-xl</li><li class="svelte-1n0r3vc">.fade_0|100</li><li class="svelte-1n0r3vc">.fade_1-6</li><li class="svelte-1n0r3vc">.shadow_xs-xl</li><li class="svelte-1n0r3vc">.shadow_top|bottom_xs-xl</li><li class="svelte-1n0r3vc">.shadow_inset_xs-xl</li><li class="svelte-1n0r3vc">.shadow_inset_top|bottom_xs-xl</li><li class="svelte-1n0r3vc">.shadow_color_highlight|glow|shroud</li><li class="svelte-1n0r3vc">.shadow_color_a-i</li><li class="svelte-1n0r3vc">.shadow_alpha_1-5</li><li class="svelte-1n0r3vc">.shadow_inherit|none</li><li class="svelte-1n0r3vc">.w|h_0|100|auto|max_content|min_content|fit_content|stretch</li><li class="svelte-1n0r3vc">.w|h_xs-xl15</li><li class="svelte-1n0r3vc">.t|b|l|r_0|100|auto</li><li class="svelte-1n0r3vc">.t|b|l|r_xs-xl15</li><li class="svelte-1n0r3vc">.p|pt|pr|pb|pl|px|py_0</li><li class="svelte-1n0r3vc">.p|pt|pr|pb|pl|px|py_xs5-xl15</li><li class="svelte-1n0r3vc">.m|mt|mr|mb|ml|mx|my_auto</li><li class="svelte-1n0r3vc">.m|mt|mr|mb|ml|mx|my_0</li><li class="svelte-1n0r3vc">.m|mt|mr|mb|ml|mx|my_xs5-xl15</li><li class="svelte-1n0r3vc">.gap_xs5-xl15</li><li class="svelte-1n0r3vc">.column|row_gap_xs5-xl15</li><li class="svelte-1n0r3vc">.pixelated</li><li class="svelte-1n0r3vc">.box</li><li class="svelte-1n0r3vc">.column</li><li class="svelte-1n0r3vc">.row</li><li class="svelte-1n0r3vc">.formatted</li><li class="svelte-1n0r3vc">.width_xs-md</li><li class="svelte-1n0r3vc">.selected</li><li class="svelte-1n0r3vc">.selectable</li><li class="svelte-1n0r3vc">.clickable</li><li class="svelte-1n0r3vc">.pane</li><li class="svelte-1n0r3vc">.panel</li><li class="svelte-1n0r3vc">.icon_button</li><li class="svelte-1n0r3vc">.plain</li><li class="svelte-1n0r3vc">.menu_item</li><li class="svelte-1n0r3vc">.chevron</li><li class="svelte-1n0r3vc">.chip</li><!--]--></ul><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#classes">classes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#optional-css-classes">Optional CSS classes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#utility-classes">Utility classes</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/classes" class="svelte-c9k2g selected">classes</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+</span></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span><!----><!--]--><!--]--></code></pre><!----><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Utility classes<!--]--></div> <a class="hashlink svelte-1tcongx" href="#utility-classes" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="utility-classes" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <ul class="classes unstyled svelte-1n0r3vc"><!--[--><li class="svelte-1n0r3vc">.relative|absolute|fixed|sticky|static</li><li class="svelte-1n0r3vc">.overflow_auto|hidden|scroll|clip|visible</li><li class="svelte-1n0r3vc">.overflow_x|y_auto|hidden|scroll|clip|visible</li><li class="svelte-1n0r3vc">.overflow_wrap_anywhere|break_word</li><li class="svelte-1n0r3vc">.display_none|contents</li><li class="svelte-1n0r3vc">.inline|inline_block|inline_flex|inline_grid</li><li class="svelte-1n0r3vc">.block</li><li class="svelte-1n0r3vc">.flex</li><li class="svelte-1n0r3vc">.flex_1</li><li class="svelte-1n0r3vc">.flex_wrap|wrap_reverse|nowrap</li><li class="svelte-1n0r3vc">.flex_row|column|row_reverse|column_reverse</li><li class="svelte-1n0r3vc">.grow|shrink</li><li class="svelte-1n0r3vc">.grow|shrink_0</li><li class="svelte-1n0r3vc">.align_items_center|start|end|baseline|stretch</li><li class="svelte-1n0r3vc">.align_content_center|start|end|baseline|space_between|space_around|space_evenly|stretch</li><li class="svelte-1n0r3vc">.align_self_center|start|end|baseline|stretch</li><li class="svelte-1n0r3vc">.justify_content_center|start|end|left|right|space_between|space_around|space_evenly|stretch</li><li class="svelte-1n0r3vc">.justify_items_center|start|end|left|right|baseline|stretch</li><li class="svelte-1n0r3vc">.justify_self_center|start|end|left|right|baseline|stretch</li><li class="svelte-1n0r3vc">.grid</li><li class="svelte-1n0r3vc">.float_none|left|right|inline_start|inline_end</li><li class="svelte-1n0r3vc">.flip_x|y|xy</li><li class="svelte-1n0r3vc">.font_sans|mono</li><li class="svelte-1n0r3vc">.line_height_xs-xl</li><li class="svelte-1n0r3vc">.size_xs-xl9</li><li class="svelte-1n0r3vc">.icon_size_xs-xl3</li><li class="svelte-1n0r3vc">.text_align_start|end|left|right|center|justify|justify_all|match_parent</li><li class="svelte-1n0r3vc">.vertical_align_baseline|sub|super|text_top|text_bottom|middle|top|bottom</li><li class="svelte-1n0r3vc">.white_space_normal|nowrap|pre|pre_wrap|pre_line|break_spaces</li><li class="svelte-1n0r3vc">.white_space_collapse_collapse|preserve|preserve_breaks|preserve_spaces|break_spaces</li><li class="svelte-1n0r3vc">.text_wrap_wrap|nowrap|balance|pretty|stable</li><li class="svelte-1n0r3vc">.ellipsis</li><li class="svelte-1n0r3vc">.font_weight_100-900</li><li class="svelte-1n0r3vc">.text_color_0-10</li><li class="svelte-1n0r3vc">.darken|lighten_1-9</li><li class="svelte-1n0r3vc">.bg|fg</li><li class="svelte-1n0r3vc">.bg|fg_1-9</li><li class="svelte-1n0r3vc">.color_darken|lighten_1-9</li><li class="svelte-1n0r3vc">.color_bg|fg</li><li class="svelte-1n0r3vc">.color_bg|fg_1-9</li><li class="svelte-1n0r3vc">.hue_a-i</li><li class="svelte-1n0r3vc">.color_a-i_1 -9</li><li class="svelte-1n0r3vc">.bg_a-i_1-9</li><li class="svelte-1n0r3vc">.border_color_1-5</li><li class="svelte-1n0r3vc">.border_color_a-i</li><li class="svelte-1n0r3vc">.border_color_transparent</li><li class="svelte-1n0r3vc">.border_width_0-6</li><li class="svelte-1n0r3vc">.outline_width_0-3</li><li class="svelte-1n0r3vc">.border_none|hidden|dotted|dashed|solid|double|groove|ridge|inset|outset</li><li class="svelte-1n0r3vc">.radius_0|50|100</li><li class="svelte-1n0r3vc">.radius_xs3-xl</li><li class="svelte-1n0r3vc">.fade_0|100</li><li class="svelte-1n0r3vc">.fade_1-6</li><li class="svelte-1n0r3vc">.shadow_xs-xl</li><li class="svelte-1n0r3vc">.shadow_top|bottom_xs-xl</li><li class="svelte-1n0r3vc">.shadow_inset_xs-xl</li><li class="svelte-1n0r3vc">.shadow_inset_top|bottom_xs-xl</li><li class="svelte-1n0r3vc">.shadow_color_highlight|glow|shroud</li><li class="svelte-1n0r3vc">.shadow_color_a-i</li><li class="svelte-1n0r3vc">.shadow_alpha_1-5</li><li class="svelte-1n0r3vc">.shadow_inherit|none</li><li class="svelte-1n0r3vc">.w|h_0|100|auto|max_content|min_content|fit_content|stretch</li><li class="svelte-1n0r3vc">.w|h_xs-xl15</li><li class="svelte-1n0r3vc">.t|b|l|r_0|100|auto</li><li class="svelte-1n0r3vc">.t|b|l|r_xs-xl15</li><li class="svelte-1n0r3vc">.p|pt|pr|pb|pl|px|py_0</li><li class="svelte-1n0r3vc">.p|pt|pr|pb|pl|px|py_xs5-xl15</li><li class="svelte-1n0r3vc">.m|mt|mr|mb|ml|mx|my_auto</li><li class="svelte-1n0r3vc">.m|mt|mr|mb|ml|mx|my_0</li><li class="svelte-1n0r3vc">.m|mt|mr|mb|ml|mx|my_xs5-xl15</li><li class="svelte-1n0r3vc">.gap_xs5-xl15</li><li class="svelte-1n0r3vc">.column|row_gap_xs5-xl15</li><li class="svelte-1n0r3vc">.pixelated</li><li class="svelte-1n0r3vc">.box</li><li class="svelte-1n0r3vc">.column</li><li class="svelte-1n0r3vc">.row</li><li class="svelte-1n0r3vc">.formatted</li><li class="svelte-1n0r3vc">.width_xs-md</li><li class="svelte-1n0r3vc">.selected</li><li class="svelte-1n0r3vc">.selectable</li><li class="svelte-1n0r3vc">.clickable</li><li class="svelte-1n0r3vc">.pane</li><li class="svelte-1n0r3vc">.panel</li><li class="svelte-1n0r3vc">.icon_button</li><li class="svelte-1n0r3vc">.plain</li><li class="svelte-1n0r3vc">.menu_item</li><li class="svelte-1n0r3vc">.chevron</li><li class="svelte-1n0r3vc">.chip</li><!--]--></ul><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#classes">classes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#optional-css-classes">Optional CSS classes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#utility-classes">Utility classes</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/classes" class="svelte-c9k2g selected">classes</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library/colors.html b/library/colors.html
index b10c03c4..145a8564 100644
--- a/library/colors.html
+++ b/library/colors.html
@@ -126,11 +126,11 @@
 			pleasing results, setting the hue alone is not always sufficient. Custom colors will often
 			require you to set per-variable saturation and lightness values.</p> <p>Hue variables are also useful to construct custom colors not covered by the color variables.
 			For example, Moss's base stylesheet uses <code>hue_a</code> for the semi-transparent <code>::selection</code>. (try selecting some text - <span class="color_a_5">same hue!</span>)</p> <p>Unlike the color variables, the hue variables are the same in both light and dark modes.</p> <ul class="palette unstyled svelte-5ibhnb"><!--[--><li style="--hue: var(--hue_a);" class="svelte-x81erv"><div style="width: 48px; height: 48px;" class="color svelte-x81erv"></div> <div class="text svelte-x81erv"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_a</span><!--]--></button><!----> <div class="hue svelte-x81erv">NaN</div> <small class="description svelte-x81erv">primary</small></div></li><li style="--hue: var(--hue_b);" class="svelte-x81erv"><div style="width: 48px; height: 48px;" class="color svelte-x81erv"></div> <div class="text svelte-x81erv"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_b</span><!--]--></button><!----> <div class="hue svelte-x81erv">NaN</div> <small class="description svelte-x81erv">success/help</small></div></li><li style="--hue: var(--hue_c);" class="svelte-x81erv"><div style="width: 48px; height: 48px;" class="color svelte-x81erv"></div> <div class="text svelte-x81erv"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_c</span><!--]--></button><!----> <div class="hue svelte-x81erv">NaN</div> <small class="description svelte-x81erv">error/danger</small></div></li><li style="--hue: var(--hue_d);" class="svelte-x81erv"><div style="width: 48px; height: 48px;" class="color svelte-x81erv"></div> <div class="text svelte-x81erv"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_d</span><!--]--></button><!----> <div class="hue svelte-x81erv">NaN</div> <small class="description svelte-x81erv">secondary</small></div></li><li style="--hue: var(--hue_e);" class="svelte-x81erv"><div style="width: 48px; height: 48px;" class="color svelte-x81erv"></div> <div class="text svelte-x81erv"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_e</span><!--]--></button><!----> <div class="hue svelte-x81erv">NaN</div> <small class="description svelte-x81erv">tertiary</small></div></li><li style="--hue: var(--hue_f);" class="svelte-x81erv"><div style="width: 48px; height: 48px;" class="color svelte-x81erv"></div> <div class="text svelte-x81erv"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_f</span><!--]--></button><!----> <div class="hue svelte-x81erv">NaN</div> <small class="description svelte-x81erv">quaternary</small></div></li><li style="--hue: var(--hue_g);" class="svelte-x81erv"><div style="width: 48px; height: 48px;" class="color svelte-x81erv"></div> <div class="text svelte-x81erv"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_g</span><!--]--></button><!----> <div class="hue svelte-x81erv">NaN</div> <small class="description svelte-x81erv">quinary</small></div></li><li style="--hue: var(--hue_h);" class="svelte-x81erv"><div style="width: 48px; height: 48px;" class="color svelte-x81erv"></div> <div class="text svelte-x81erv"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_h</span><!--]--></button><!----> <div class="hue svelte-x81erv">NaN</div> <small class="description svelte-x81erv">senary</small></div></li><li style="--hue: var(--hue_i);" class="svelte-x81erv"><div style="width: 48px; height: 48px;" class="color svelte-x81erv"></div> <div class="text svelte-x81erv"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_i</span><!--]--></button><!----> <div class="hue svelte-x81erv">NaN</div> <small class="description svelte-x81erv">septenary</small></div></li><!--]--></ul><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Color variables<!--]--></div> <a class="hashlink svelte-1tcongx" href="#color-variables" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="color-variables" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>There are 9 variables per color, numbered 1 to 9, lightest to darkest. The 5th variable of
-			each color is used as the base for things like <a href="/library/buttons" class="svelte-ld90bc chip"><!--[!-->buttons<!--]--></a><!---->.</p> <p>Note that these values differ between light and dark modes! See the discussion above for why.</p> <p>These colors were eyeballed by a programmer, and will change :]</p> <ul class="palette unstyled pt_xl2 svelte-5ibhnb"><!--[--><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_a_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_b_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_c_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_d_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_e_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_f_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_g_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_h_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_i_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><!--]--></ul><!----></section><!----> <div class="box w_100 mb_lg"><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></div><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related systems</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/themes">themes</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shading">shading</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shadows">shadows</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#colors">colors</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#color-semantics">Color semantics</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#caveats">Caveats</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#hue-variables">Hue variables</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#color-variables">Color variables</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/colors" class="svelte-c9k2g selected">colors</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+			each color is used as the base for things like <a href="/library/buttons" class="svelte-ld90bc chip"><!--[!-->buttons<!--]--></a><!---->.</p> <p>Note that these values differ between light and dark modes! See the discussion above for why.</p> <p>These colors were eyeballed by a programmer, and will change :]</p> <ul class="palette unstyled pt_xl2 svelte-5ibhnb"><!--[--><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_a_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_a_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_b_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_b_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_c_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_c_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_d_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_d_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_e_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_e_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_f_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_f_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_g_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_g_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_h_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_h_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><ul class="unstyled svelte-6817yd"><!--[--><li style="--bg_color: var(--color_i_1);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_1</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_2);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_2</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_3);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_3</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_4);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_4</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_5);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_5</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_6);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_6</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_7);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_7</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_8);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_8</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><li style="--bg_color: var(--color_i_9);" class="svelte-140u2uc"><div class="color svelte-140u2uc"></div> <div class="text svelte-140u2uc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_9</span><!--]--></button><!----> <div class="hex svelte-140u2uc"></div> <div class="hsl svelte-140u2uc"></div> <div class="rgb svelte-140u2uc">rgb()</div></div></li><!--]--></ul><!--]--></ul><!----></section><!----> <div class="box w_100 mb_lg"><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></div><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related systems</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/themes">themes</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shading">shading</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shadows">shadows</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#colors">colors</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#color-semantics">Color semantics</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#caveats">Caveats</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#hue-variables">Hue variables</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#color-variables">Color variables</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/colors" class="svelte-c9k2g selected">colors</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library/elements.html b/library/elements.html
index cfca8ce1..7b7ba217 100644
--- a/library/elements.html
+++ b/library/elements.html
@@ -129,11 +129,11 @@
 	<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>tbody</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>table</span><span class="token punctuation">></span></span><!----><!--]--><!--]--></code></pre><!----> <table><thead><tr><th>th</th><th>th</th><th>th</th></tr></thead><tbody><tr><td>td</td><td>td</td><td>td</td></tr><tr><td>td</td><td>td</td><td>td</td></tr><tr><td>td</td><td>td</td><td>td</td></tr></tbody></table> <pre class="svelte-1a6bj2n"><code class="svelte-1a6bj2n"><!--[!--><!--[--><!----><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>table</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>w_100<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
 	...
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>table</span><span class="token punctuation">></span></span><!----><!--]--><!--]--></code></pre><!----> <table class="w_100"><thead><tr><th>th</th><th>th</th><th>th</th></tr></thead><tbody><tr><td>td</td><td>td</td><td>td</td></tr><tr><td>td</td><td>td</td><td>td</td></tr><tr><td>td</td><td>td</td><td>td</td></tr></tbody></table><!----></section><!----> <p>TODO more!</p><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/forms">forms</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/typography">typography</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/layout">layout</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[--><h6>related systems</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/classes">classes</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#elements">elements</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#blockquote">blockquote</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#hr">hr</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#a">a</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#code">code</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#pre">pre</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#details-and-summary">details and summary</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#aside">aside</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#header">header</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#footer">footer</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#section">section</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#ul">ul</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#ol">ol</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#menu">menu</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#table">table</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/elements" class="svelte-c9k2g selected">elements</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>table</span><span class="token punctuation">></span></span><!----><!--]--><!--]--></code></pre><!----> <table class="w_100"><thead><tr><th>th</th><th>th</th><th>th</th></tr></thead><tbody><tr><td>td</td><td>td</td><td>td</td></tr><tr><td>td</td><td>td</td><td>td</td></tr><tr><td>td</td><td>td</td><td>td</td></tr></tbody></table><!----></section><!----> <p>TODO more!</p><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/forms">forms</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/typography">typography</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/layout">layout</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[--><h6>related systems</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/classes">classes</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#elements">elements</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#blockquote">blockquote</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#hr">hr</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#a">a</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#code">code</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#pre">pre</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#details-and-summary">details and summary</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#aside">aside</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#header">header</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#footer">footer</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#section">section</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#ul">ul</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#ol">ol</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#menu">menu</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#table">table</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/elements" class="svelte-c9k2g selected">elements</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library/forms.html b/library/forms.html
index d3e9603d..6acd711b 100644
--- a/library/forms.html
+++ b/library/forms.html
@@ -125,11 +125,11 @@
 	<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">disabled</span> <span class="token punctuation">/></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">></span></span><!----><!--]--><!--]--></code></pre><!----></label> <label class="row disabled selected"><input type="radio" checked disabled> <pre class="svelte-1a6bj2n"><code class="svelte-1a6bj2n"><!--[!--><!--[--><!----><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>label</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>row<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
 	<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>input</span> <span class="token attr-name">type</span><span class="token attr-value"><span class="token punctuation">=</span><span class="token punctuation">"</span>radio<span class="token punctuation">"</span></span> <span class="token attr-name">checked</span> <span class="token attr-name">disabled</span> <span class="token punctuation">/></span></span>
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">></span></span><!----><!--]--><!--]--></code></pre><!----></label></fieldset></form><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#forms">forms</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#form-with-a-fieldset">form with a fieldset</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#form-with-range-input">form with range input</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#form-with-checkboxes">form with checkboxes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#form-with-radio-inputs">form with radio inputs</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/forms" class="svelte-c9k2g selected">forms</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>label</span><span class="token punctuation">></span></span><!----><!--]--><!--]--></code></pre><!----></label></fieldset></form><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#forms">forms</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#form-with-a-fieldset">form with a fieldset</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#form-with-range-input">form with range input</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#form-with-checkboxes">form with checkboxes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#form-with-radio-inputs">form with radio inputs</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/forms" class="svelte-c9k2g selected">forms</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library/introduction.html b/library/introduction.html
index 5c75aee0..169052d3 100644
--- a/library/introduction.html
+++ b/library/introduction.html
@@ -115,11 +115,11 @@
 			relatively slowly as I encounter more usecases. It's hobby-ready but expect a lot of breaking changes.
 			Feel free to take the code and ideas for your own purposes.</p> <p>In the docs, you'll see I'm writing asides using "⚠️" with open questions and other discussion
 			of uncertainties. Your input is appreciated in the <a href="https://discord.gg/YU5tyeK72X">Discord</a>, the <a href="https://github.com/ryanatkn/moss/issues">GitHub issues</a>, or <a href="https://www.webdevladder.net/">other social media</a>, on these and other topics, see <a href="https://github.com/ryanatkn/moss/blob/main/contributing.md">contributing.md</a> for more
-			🌿</p></section><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[!--><!--]--> <!--[!--><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/introduction" class="svelte-c9k2g selected">introduction</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+			🌿</p></section><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[!--><!--]--> <!--[!--><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/introduction" class="svelte-c9k2g selected">introduction</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library/layout.html b/library/layout.html
index 57edfb8f..8cc0216b 100644
--- a/library/layout.html
+++ b/library/layout.html
@@ -99,11 +99,11 @@
 <!----><!--]--><!--]--><title>Moss - magical organic stylesheets</title>
 	</head>
 	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents"><!--[--><!--[--><!----><!--[--><!----><div style="--library_menu_width: 180px;" class="library svelte-7wvfhw"><!--[--><div class="library_primary_nav svelte-1458tgc "><div class="background svelte-1458tgc" aria-hidden="true"></div> <div class="content svelte-1458tgc"><nav aria-label="Primary" class="svelte-1458tgc"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[--><div class="icon row"><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----> <span class="ml_sm">moss</span></div><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/layout" class="svelte-c9k2g selected">layout</a><!--]--><!--]--></div><!----></nav> <div class="nav_dialog_toggle svelte-7wvfhw"><button class="plain svelte-7wvfhw" type="button">menu</button></div><!----></div></div><!--]--><!----> <!--[--><div class="secondary_nav_wrapper svelte-7wvfhw"><aside class="library_secondary_nav unstyled svelte-1b4dig sidebar"><nav aria-label="Secondary" class="svelte-1b4dig"><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[!--><h6>guide</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/introduction">introduction</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>systems</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/themes">themes</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/variables">variables</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/classes">classes</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>styles</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/forms">forms</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/typography">typography</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shading">shading</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shadows">shadows</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s selected" href="/library/layout">layout</a></li><!--]--></ul></li><!--]--></ul><!----></nav></aside><!----></div><!--]--> <main class="svelte-7wvfhw"><!----><section class="tome_content width_md mb_xl9"><header class="mb_xl3"><!--[!--><header><!----><h1  class="tome_header svelte-d05s6w"><!--[--><!---->layout<!--]--> <a class="hashlink svelte-1tcongx" href="#layout" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="layout" aria-hidden="true"></span><!----><!----></h1><!----></header><!--]--></header> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Space variables<!--]--></div> <a class="hashlink svelte-1tcongx" href="#space-variables" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="space-variables" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <div><!--[--><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs5);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs5</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs4);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs4</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs3);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs3</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs2);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs2</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_sm);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_sm</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_md);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_md</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_lg);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_lg</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl2);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl2</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl3);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl3</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl4);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl4</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl5);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl5</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl6);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl6</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl7);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl7</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl8);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl8</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl9);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl9</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl10);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl10</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl11);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl11</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl12);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl12</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl13);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl13</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl14);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl14</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl15);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl15</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Width variables<!--]--></div> <a class="hashlink svelte-1tcongx" href="#width-variables" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="width-variables" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <div><!--[--><div class="layout_example svelte-114iz3d"><div style="width: var(--width_xs);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">width_xs</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--width_sm);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">width_sm</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--width_md);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">width_md</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><!--]--></div><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#layout">layout</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#space-variables">Space variables</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#width-variables">Width variables</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/layout" class="svelte-c9k2g selected">layout</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+		<div style="display: contents"><!--[--><!--[--><!----><!--[--><!----><div style="--library_menu_width: 180px;" class="library svelte-7wvfhw"><!--[--><div class="library_primary_nav svelte-1458tgc "><div class="background svelte-1458tgc" aria-hidden="true"></div> <div class="content svelte-1458tgc"><nav aria-label="Primary" class="svelte-1458tgc"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[--><div class="icon row"><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----> <span class="ml_sm">moss</span></div><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/layout" class="svelte-c9k2g selected">layout</a><!--]--><!--]--></div><!----></nav> <div class="nav_dialog_toggle svelte-7wvfhw"><button class="plain svelte-7wvfhw" type="button">menu</button></div><!----></div></div><!--]--><!----> <!--[--><div class="secondary_nav_wrapper svelte-7wvfhw"><aside class="library_secondary_nav unstyled svelte-1b4dig sidebar"><nav aria-label="Secondary" class="svelte-1b4dig"><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[!--><h6>guide</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/introduction">introduction</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>systems</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/themes">themes</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/variables">variables</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/classes">classes</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>styles</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/forms">forms</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/typography">typography</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shading">shading</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shadows">shadows</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s selected" href="/library/layout">layout</a></li><!--]--></ul></li><!--]--></ul><!----></nav></aside><!----></div><!--]--> <main class="svelte-7wvfhw"><!----><section class="tome_content width_md mb_xl9"><header class="mb_xl3"><!--[!--><header><!----><h1  class="tome_header svelte-d05s6w"><!--[--><!---->layout<!--]--> <a class="hashlink svelte-1tcongx" href="#layout" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="layout" aria-hidden="true"></span><!----><!----></h1><!----></header><!--]--></header> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Space variables<!--]--></div> <a class="hashlink svelte-1tcongx" href="#space-variables" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="space-variables" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <div><!--[--><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs5);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs5</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs4);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs4</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs3);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs3</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs2);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs2</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xs);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_sm);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_sm</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_md);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_md</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_lg);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_lg</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl2);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl2</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl3);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl3</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl4);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl4</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl5);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl5</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl6);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl6</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl7);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl7</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl8);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl8</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl9);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl9</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl10);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl10</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl11);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl11</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl12);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl12</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl13);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl13</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl14);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl14</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--space_xl15);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl15</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Width variables<!--]--></div> <a class="hashlink svelte-1tcongx" href="#width-variables" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="width-variables" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <div><!--[--><div class="layout_example svelte-114iz3d"><div style="width: var(--width_xs);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">width_xs</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--width_sm);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">width_sm</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><div class="layout_example svelte-114iz3d"><div style="width: var(--width_md);" class="fill svelte-114iz3d"></div> <div class="variable_wrapper svelte-114iz3d"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">width_md</span><!--]--></button><!----></div> <span class="pr_sm">=</span> <div class="computed_value svelte-114iz3d"></div></div><!--]--></div><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#layout">layout</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#space-variables">Space variables</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#width-variables">Width variables</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/layout" class="svelte-c9k2g selected">layout</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library/shading.html b/library/shading.html
index 8d529e63..13812e7d 100644
--- a/library/shading.html
+++ b/library/shading.html
@@ -129,11 +129,11 @@
 			<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
 		<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span><!----><!--]--><!--]--></code></pre><!----> <div class="fg_1 p_sm"><div class="fg_1 p_sm"><div class="fg_1 p_sm"><div class="fg_1 p_sm"><div class="bg p_sm">these shades use opacity, but notice how contrast changes with depth, creating
-							limitations</div></div></div></div></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Fading opacity<!--]--></div> <a class="hashlink svelte-1tcongx" href="#fading-opacity" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="fading-opacity" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>⚠️ <!--[!-->This is unfinished and will change.<!--]--></aside><!----> <div class="swatch svelte-d8r5h"><div><div class="color bg_a_5 svelte-d8r5h"></div> <small style="font-family: var(--font_sans);" class="svelte-d8r5h">full opacity</small></div> <!--[--><div><div style="opacity: var(--fade_1);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_1</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_2);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_2</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_3);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_3</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_4);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_4</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_5);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_5</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_6);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_6</span><!--]--></button><!----></small></div><!--]--></div><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shadows">shadows</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shading">shading</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shades-and-highlights">Shades and highlights</a></li><li role="none" class="pl_xl4"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#darken-and-lighten">darken and lighten</a></li><li role="none" class="pl_xl4"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#bg-and-fg">bg and fg</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#stacking-opacity">Stacking opacity</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#fading-opacity">Fading opacity</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/shading" class="svelte-c9k2g selected">shading</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+							limitations</div></div></div></div></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Fading opacity<!--]--></div> <a class="hashlink svelte-1tcongx" href="#fading-opacity" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="fading-opacity" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>⚠️ <!--[!-->This is unfinished and will change.<!--]--></aside><!----> <div class="swatch svelte-d8r5h"><div><div class="color bg_a_5 svelte-d8r5h"></div> <small style="font-family: var(--font_sans);" class="svelte-d8r5h">full opacity</small></div> <!--[--><div><div style="opacity: var(--fade_1);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_1</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_2);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_2</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_3);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_3</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_4);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_4</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_5);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_5</span><!--]--></button><!----></small></div><div><div style="opacity: var(--fade_6);" class="color bg_a_5 svelte-d8r5h"></div> <small class="svelte-d8r5h"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_6</span><!--]--></button><!----></small></div><!--]--></div><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shadows">shadows</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shading">shading</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shades-and-highlights">Shades and highlights</a></li><li role="none" class="pl_xl4"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#darken-and-lighten">darken and lighten</a></li><li role="none" class="pl_xl4"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#bg-and-fg">bg and fg</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#stacking-opacity">Stacking opacity</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#fading-opacity">Fading opacity</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/shading" class="svelte-c9k2g selected">shading</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library/shadows.html b/library/shadows.html
index 055b7608..fb2ca517 100644
--- a/library/shadows.html
+++ b/library/shadows.html
@@ -100,11 +100,11 @@
 	</head>
 	<body data-sveltekit-preload-data="hover">
 		<div style="display: contents"><!--[--><!--[--><!----><!--[--><!----><div style="--library_menu_width: 180px;" class="library svelte-7wvfhw"><!--[--><div class="library_primary_nav svelte-1458tgc "><div class="background svelte-1458tgc" aria-hidden="true"></div> <div class="content svelte-1458tgc"><nav aria-label="Primary" class="svelte-1458tgc"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[--><div class="icon row"><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----> <span class="ml_sm">moss</span></div><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/shadows" class="svelte-c9k2g selected">shadows</a><!--]--><!--]--></div><!----></nav> <div class="nav_dialog_toggle svelte-7wvfhw"><button class="plain svelte-7wvfhw" type="button">menu</button></div><!----></div></div><!--]--><!----> <!--[--><div class="secondary_nav_wrapper svelte-7wvfhw"><aside class="library_secondary_nav unstyled svelte-1b4dig sidebar"><nav aria-label="Secondary" class="svelte-1b4dig"><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[!--><h6>guide</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/introduction">introduction</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>systems</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/themes">themes</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/variables">variables</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/classes">classes</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>styles</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/forms">forms</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/typography">typography</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shading">shading</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s selected" href="/library/shadows">shadows</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/layout">layout</a></li><!--]--></ul></li><!--]--></ul><!----></nav></aside><!----></div><!--]--> <main class="svelte-7wvfhw"><!----><section class="tome_content width_md mb_xl9"><header class="mb_xl3"><!--[!--><header><!----><h1  class="tome_header svelte-d05s6w"><!--[--><!---->shadows<!--]--> <a class="hashlink svelte-1tcongx" href="#shadows" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="shadows" aria-hidden="true"></span><!----><!----></h1><!----></header><!--]--></header> <aside>⚠️ <!--[--><!---->This is unfinished and will change. It feels simultaneously limiting in usage and bloated in
-		the implementation.<!----><!--]--></aside><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Shadow<!--]--></div> <a class="hashlink svelte-1tcongx" href="#shadow" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="shadow" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Shadows darken in light mode and lighten in dark mode.</p> <aside>⚠️ <!--[--><!---->Maybe rename for clarity? It's weird that shadows lighten in dark mode.<!----><!--]--></aside><!----> <div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Highlight<!--]--></div> <a class="hashlink svelte-1tcongx" href="#highlight" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="highlight" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Hightlights lighten in light mode and darken in dark mode.</p> <div class="panel fg_3 p_md"><div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Glow<!--]--></div> <a class="hashlink svelte-1tcongx" href="#glow" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="glow" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Glows lighten in both light and dark mode.</p> <div class="panel darken_3 p_md"><div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Shroud<!--]--></div> <a class="hashlink svelte-1tcongx" href="#shroud" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="shroud" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Shrouds darken in both light and dark mode.</p> <div class="panel lighten_3 p_md"><div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Colorful shadows<!--]--></div> <a class="hashlink svelte-1tcongx" href="#colorful-shadows" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="colorful-shadows" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>These are darker in light mode than in dark mode.</p> <div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><!--]--><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shading">shading</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shadows">shadows</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shadow">Shadow</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#highlight">Highlight</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#glow">Glow</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shroud">Shroud</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#colorful-shadows">Colorful shadows</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/shadows" class="svelte-c9k2g selected">shadows</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+		the implementation.<!----><!--]--></aside><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Shadow<!--]--></div> <a class="hashlink svelte-1tcongx" href="#shadow" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="shadow" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Shadows darken in light mode and lighten in dark mode.</p> <aside>⚠️ <!--[--><!---->Maybe rename for clarity? It's weird that shadows lighten in dark mode.<!----><!--]--></aside><!----> <div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color" class="shadow_variant_example shadow_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color" class="shadow_variant_example shadow_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color" class="shadow_variant_example shadow_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color" class="shadow_variant_example shadow_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color" class="shadow_variant_example shadow_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color" class="shadow_variant_example shadow_top_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color" class="shadow_variant_example shadow_top_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color" class="shadow_variant_example shadow_top_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color" class="shadow_variant_example shadow_top_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color" class="shadow_variant_example shadow_top_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color" class="shadow_variant_example shadow_bottom_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color" class="shadow_variant_example shadow_bottom_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color" class="shadow_variant_example shadow_bottom_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color" class="shadow_variant_example shadow_bottom_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color" class="shadow_variant_example shadow_bottom_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color" class="shadow_variant_example shadow_inset_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color" class="shadow_variant_example shadow_inset_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color" class="shadow_variant_example shadow_inset_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color" class="shadow_variant_example shadow_inset_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color" class="shadow_variant_example shadow_inset_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color" class="shadow_variant_example shadow_inset_top_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color" class="shadow_variant_example shadow_inset_top_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color" class="shadow_variant_example shadow_inset_top_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color" class="shadow_variant_example shadow_inset_top_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color" class="shadow_variant_example shadow_inset_top_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color" class="shadow_variant_example shadow_inset_bottom_xs shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color" class="shadow_variant_example shadow_inset_bottom_sm shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color" class="shadow_variant_example shadow_inset_bottom_md shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color" class="shadow_variant_example shadow_inset_bottom_lg shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color" class="shadow_variant_example shadow_inset_bottom_xl shadow_color shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Highlight<!--]--></div> <a class="hashlink svelte-1tcongx" href="#highlight" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="highlight" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Hightlights lighten in light mode and darken in dark mode.</p> <div class="panel fg_3 p_md"><div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_highlight" class="shadow_variant_example shadow_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_highlight" class="shadow_variant_example shadow_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_highlight" class="shadow_variant_example shadow_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_highlight" class="shadow_variant_example shadow_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_highlight" class="shadow_variant_example shadow_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_top_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_top_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_highlight" class="shadow_variant_example shadow_top_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_top_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_top_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_bottom_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_bottom_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_bottom_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_bottom_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_top_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_md shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_highlight svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_highlight" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_highlight shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Glow<!--]--></div> <a class="hashlink svelte-1tcongx" href="#glow" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="glow" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Glows lighten in both light and dark mode.</p> <div class="panel darken_3 p_md"><div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_glow" class="shadow_variant_example shadow_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_glow" class="shadow_variant_example shadow_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_glow" class="shadow_variant_example shadow_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_glow" class="shadow_variant_example shadow_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_glow" class="shadow_variant_example shadow_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_glow" class="shadow_variant_example shadow_top_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_glow" class="shadow_variant_example shadow_top_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_glow" class="shadow_variant_example shadow_top_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_glow" class="shadow_variant_example shadow_top_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_glow" class="shadow_variant_example shadow_top_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_bottom_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_bottom_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_bottom_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_bottom_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_bottom_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_glow" class="shadow_variant_example shadow_inset_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_top_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_glow" class="shadow_variant_example shadow_inset_top_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_top_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_top_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_md shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_glow svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_glow" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_glow shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Shroud<!--]--></div> <a class="hashlink svelte-1tcongx" href="#shroud" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="shroud" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>Shrouds darken in both light and dark mode.</p> <div class="panel lighten_3 p_md"><div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_shroud" class="shadow_variant_example shadow_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_shroud" class="shadow_variant_example shadow_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_shroud" class="shadow_variant_example shadow_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_shroud" class="shadow_variant_example shadow_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_shroud" class="shadow_variant_example shadow_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_top_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_top_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_shroud" class="shadow_variant_example shadow_top_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_top_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_top_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_bottom_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_bottom_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_bottom_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_bottom_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_top_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_md shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_shroud svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_shroud" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_shroud shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></div><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Colorful shadows<!--]--></div> <a class="hashlink svelte-1tcongx" href="#colorful-shadows" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="colorful-shadows" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>These are darker in light mode than in dark mode.</p> <div class="shadow_example svelte-bckpst"><code>shadow_alpha_</code> <div class="row gap_lg"><!--[--><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->1<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->2<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->3<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->4<!----><!--]--></button><!----></code><code class="shadow_variant_example box svelte-bckpst"><button type="button" class="svelte-1esac4x plain"><!--[--><!---->5<!----><!--]--></button><!----></code><!--]--></div></div><!----> <!--[--><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_a" class="shadow_variant_example shadow_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_a" class="shadow_variant_example shadow_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_a" class="shadow_variant_example shadow_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_a" class="shadow_variant_example shadow_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_a" class="shadow_variant_example shadow_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_a" class="shadow_variant_example shadow_top_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_a" class="shadow_variant_example shadow_top_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_a" class="shadow_variant_example shadow_top_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_a" class="shadow_variant_example shadow_top_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_a" class="shadow_variant_example shadow_top_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_bottom_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_bottom_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_a" class="shadow_variant_example shadow_bottom_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_bottom_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_bottom_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_a" class="shadow_variant_example shadow_inset_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_a" class="shadow_variant_example shadow_inset_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_a" class="shadow_variant_example shadow_inset_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_a" class="shadow_variant_example shadow_inset_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_a" class="shadow_variant_example shadow_inset_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_a" class="shadow_variant_example shadow_inset_top_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_a" class="shadow_variant_example shadow_inset_top_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_a" class="shadow_variant_example shadow_inset_top_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_a" class="shadow_variant_example shadow_inset_top_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_a" class="shadow_variant_example shadow_inset_top_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_md shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_a svelte-bckpst"><button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_a svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_a" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_a shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_b" class="shadow_variant_example shadow_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_b" class="shadow_variant_example shadow_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_b" class="shadow_variant_example shadow_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_b" class="shadow_variant_example shadow_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_b" class="shadow_variant_example shadow_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_b" class="shadow_variant_example shadow_top_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_b" class="shadow_variant_example shadow_top_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_b" class="shadow_variant_example shadow_top_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_b" class="shadow_variant_example shadow_top_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_b" class="shadow_variant_example shadow_top_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_bottom_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_bottom_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_b" class="shadow_variant_example shadow_bottom_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_bottom_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_bottom_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_b" class="shadow_variant_example shadow_inset_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_b" class="shadow_variant_example shadow_inset_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_b" class="shadow_variant_example shadow_inset_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_b" class="shadow_variant_example shadow_inset_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_b" class="shadow_variant_example shadow_inset_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_b" class="shadow_variant_example shadow_inset_top_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_b" class="shadow_variant_example shadow_inset_top_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_b" class="shadow_variant_example shadow_inset_top_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_b" class="shadow_variant_example shadow_inset_top_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_b" class="shadow_variant_example shadow_inset_top_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_md shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_b svelte-bckpst"><button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_b svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_b" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_b shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_c" class="shadow_variant_example shadow_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_c" class="shadow_variant_example shadow_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_c" class="shadow_variant_example shadow_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_c" class="shadow_variant_example shadow_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_c" class="shadow_variant_example shadow_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_c" class="shadow_variant_example shadow_top_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_c" class="shadow_variant_example shadow_top_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_c" class="shadow_variant_example shadow_top_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_c" class="shadow_variant_example shadow_top_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_c" class="shadow_variant_example shadow_top_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_bottom_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_bottom_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_c" class="shadow_variant_example shadow_bottom_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_bottom_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_bottom_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_c" class="shadow_variant_example shadow_inset_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_c" class="shadow_variant_example shadow_inset_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_c" class="shadow_variant_example shadow_inset_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_c" class="shadow_variant_example shadow_inset_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_c" class="shadow_variant_example shadow_inset_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_c" class="shadow_variant_example shadow_inset_top_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_c" class="shadow_variant_example shadow_inset_top_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_c" class="shadow_variant_example shadow_inset_top_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_c" class="shadow_variant_example shadow_inset_top_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_c" class="shadow_variant_example shadow_inset_top_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_md shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_c svelte-bckpst"><button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_c svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_c" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_c shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_d" class="shadow_variant_example shadow_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_d" class="shadow_variant_example shadow_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_d" class="shadow_variant_example shadow_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_d" class="shadow_variant_example shadow_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_d" class="shadow_variant_example shadow_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_d" class="shadow_variant_example shadow_top_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_d" class="shadow_variant_example shadow_top_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_d" class="shadow_variant_example shadow_top_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_d" class="shadow_variant_example shadow_top_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_d" class="shadow_variant_example shadow_top_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_bottom_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_bottom_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_d" class="shadow_variant_example shadow_bottom_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_bottom_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_bottom_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_d" class="shadow_variant_example shadow_inset_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_d" class="shadow_variant_example shadow_inset_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_d" class="shadow_variant_example shadow_inset_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_d" class="shadow_variant_example shadow_inset_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_d" class="shadow_variant_example shadow_inset_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_d" class="shadow_variant_example shadow_inset_top_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_d" class="shadow_variant_example shadow_inset_top_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_d" class="shadow_variant_example shadow_inset_top_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_d" class="shadow_variant_example shadow_inset_top_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_d" class="shadow_variant_example shadow_inset_top_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_md shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_d svelte-bckpst"><button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_d svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_d" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_d shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_e" class="shadow_variant_example shadow_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_e" class="shadow_variant_example shadow_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_e" class="shadow_variant_example shadow_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_e" class="shadow_variant_example shadow_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_e" class="shadow_variant_example shadow_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_e" class="shadow_variant_example shadow_top_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_e" class="shadow_variant_example shadow_top_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_e" class="shadow_variant_example shadow_top_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_e" class="shadow_variant_example shadow_top_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_e" class="shadow_variant_example shadow_top_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_bottom_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_bottom_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_e" class="shadow_variant_example shadow_bottom_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_bottom_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_bottom_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_e" class="shadow_variant_example shadow_inset_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_e" class="shadow_variant_example shadow_inset_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_e" class="shadow_variant_example shadow_inset_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_e" class="shadow_variant_example shadow_inset_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_e" class="shadow_variant_example shadow_inset_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_e" class="shadow_variant_example shadow_inset_top_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_e" class="shadow_variant_example shadow_inset_top_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_e" class="shadow_variant_example shadow_inset_top_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_e" class="shadow_variant_example shadow_inset_top_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_e" class="shadow_variant_example shadow_inset_top_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_md shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_e svelte-bckpst"><button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_e svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_e" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_e shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_f" class="shadow_variant_example shadow_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_f" class="shadow_variant_example shadow_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_f" class="shadow_variant_example shadow_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_f" class="shadow_variant_example shadow_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_f" class="shadow_variant_example shadow_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_f" class="shadow_variant_example shadow_top_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_f" class="shadow_variant_example shadow_top_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_f" class="shadow_variant_example shadow_top_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_f" class="shadow_variant_example shadow_top_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_f" class="shadow_variant_example shadow_top_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_bottom_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_bottom_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_f" class="shadow_variant_example shadow_bottom_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_bottom_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_bottom_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_f" class="shadow_variant_example shadow_inset_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_f" class="shadow_variant_example shadow_inset_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_f" class="shadow_variant_example shadow_inset_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_f" class="shadow_variant_example shadow_inset_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_f" class="shadow_variant_example shadow_inset_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_f" class="shadow_variant_example shadow_inset_top_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_f" class="shadow_variant_example shadow_inset_top_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_f" class="shadow_variant_example shadow_inset_top_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_f" class="shadow_variant_example shadow_inset_top_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_f" class="shadow_variant_example shadow_inset_top_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_md shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_f svelte-bckpst"><button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_f svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_f" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_f shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_g" class="shadow_variant_example shadow_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_g" class="shadow_variant_example shadow_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_g" class="shadow_variant_example shadow_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_g" class="shadow_variant_example shadow_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_g" class="shadow_variant_example shadow_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_g" class="shadow_variant_example shadow_top_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_g" class="shadow_variant_example shadow_top_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_g" class="shadow_variant_example shadow_top_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_g" class="shadow_variant_example shadow_top_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_g" class="shadow_variant_example shadow_top_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_bottom_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_bottom_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_g" class="shadow_variant_example shadow_bottom_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_bottom_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_bottom_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_g" class="shadow_variant_example shadow_inset_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_g" class="shadow_variant_example shadow_inset_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_g" class="shadow_variant_example shadow_inset_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_g" class="shadow_variant_example shadow_inset_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_g" class="shadow_variant_example shadow_inset_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_g" class="shadow_variant_example shadow_inset_top_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_g" class="shadow_variant_example shadow_inset_top_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_g" class="shadow_variant_example shadow_inset_top_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_g" class="shadow_variant_example shadow_inset_top_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_g" class="shadow_variant_example shadow_inset_top_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_md shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_g svelte-bckpst"><button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_g svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_g" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_g shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_h" class="shadow_variant_example shadow_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_h" class="shadow_variant_example shadow_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_h" class="shadow_variant_example shadow_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_h" class="shadow_variant_example shadow_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_h" class="shadow_variant_example shadow_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_h" class="shadow_variant_example shadow_top_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_h" class="shadow_variant_example shadow_top_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_h" class="shadow_variant_example shadow_top_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_h" class="shadow_variant_example shadow_top_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_h" class="shadow_variant_example shadow_top_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_bottom_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_bottom_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_h" class="shadow_variant_example shadow_bottom_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_bottom_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_bottom_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_h" class="shadow_variant_example shadow_inset_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_h" class="shadow_variant_example shadow_inset_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_h" class="shadow_variant_example shadow_inset_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_h" class="shadow_variant_example shadow_inset_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_h" class="shadow_variant_example shadow_inset_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_h" class="shadow_variant_example shadow_inset_top_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_h" class="shadow_variant_example shadow_inset_top_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_h" class="shadow_variant_example shadow_inset_top_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_h" class="shadow_variant_example shadow_inset_top_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_h" class="shadow_variant_example shadow_inset_top_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_md shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_h svelte-bckpst"><button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_h svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_h" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_h shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><section><!--[--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xs with shadow_color_i" class="shadow_variant_example shadow_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_sm with shadow_color_i" class="shadow_variant_example shadow_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_md with shadow_color_i" class="shadow_variant_example shadow_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_lg with shadow_color_i" class="shadow_variant_example shadow_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_xl with shadow_color_i" class="shadow_variant_example shadow_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xs with shadow_color_i" class="shadow_variant_example shadow_top_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_sm with shadow_color_i" class="shadow_variant_example shadow_top_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_md with shadow_color_i" class="shadow_variant_example shadow_top_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_lg with shadow_color_i" class="shadow_variant_example shadow_top_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_top_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_top_xl with shadow_color_i" class="shadow_variant_example shadow_top_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_bottom_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_bottom_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_md with shadow_color_i" class="shadow_variant_example shadow_bottom_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_bottom_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_bottom_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_bottom_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xs with shadow_color_i" class="shadow_variant_example shadow_inset_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_sm with shadow_color_i" class="shadow_variant_example shadow_inset_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_md with shadow_color_i" class="shadow_variant_example shadow_inset_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_lg with shadow_color_i" class="shadow_variant_example shadow_inset_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_xl with shadow_color_i" class="shadow_variant_example shadow_inset_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xs with shadow_color_i" class="shadow_variant_example shadow_inset_top_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_sm with shadow_color_i" class="shadow_variant_example shadow_inset_top_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_md with shadow_color_i" class="shadow_variant_example shadow_inset_top_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_lg with shadow_color_i" class="shadow_variant_example shadow_inset_top_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_top_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_top_xl with shadow_color_i" class="shadow_variant_example shadow_inset_top_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--[--><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xs shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xs with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xs shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_sm shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_sm with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_sm shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_md shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_md with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_md shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_lg shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_lg with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_lg shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><div class="shadow_example svelte-bckpst"><div class="shadow_main_example shadow_inset_bottom_xl shadow_color_i svelte-bckpst"><button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><!----> <button type="button" class="color_i svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><!----></div> <div class="row gap_lg"><!--[--><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_1 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_2 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_3 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_4 svelte-bckpst"></div><div title="shadow_inset_bottom_xl with shadow_color_i" class="shadow_variant_example shadow_inset_bottom_xl shadow_color_i shadow_alpha_5 svelte-bckpst"></div><!--]--></div><!----></div><!--]--><!--]--></section><!--]--><!----></section><!----> <section><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></section><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shading">shading</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shadows">shadows</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shadow">Shadow</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#highlight">Highlight</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#glow">Glow</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#shroud">Shroud</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#colorful-shadows">Colorful shadows</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/shadows" class="svelte-c9k2g selected">shadows</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library/themes.html b/library/themes.html
index bdb9dd46..28520d51 100644
--- a/library/themes.html
+++ b/library/themes.html
@@ -106,11 +106,11 @@
 			with a component like <a href="https://github.com/ryanatkn/fuz/blob/main/src/lib/Color_Scheme_Input.svelte">this one</a>:</p> <div class="flex mb_lg"><menu class="color_scheme_control unstyled svelte-mgi8g0"><!--[--><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select light color scheme" aria-checked="false"><div class="content svelte-mgi8g0">light</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 selected" role="menuitemradio" title="auto color scheme is selected" aria-checked="true"><div class="content svelte-mgi8g0">auto</div></button><button type="button" class="color_scheme color_a svelte-mgi8g0 " role="menuitemradio" title="select dark color scheme" aria-checked="false"><div class="content svelte-mgi8g0">dark</div></button><!--]--></menu><!----></div> <p>The builtin themes support both dark and light color schemes. Custom themes may support one or
 			both color schemes.</p><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Builtin themes<!--]--></div> <a class="hashlink svelte-1tcongx" href="#builtin-themes" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="builtin-themes" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <p>A theme is a simple JSON collection of <a href="/library/variables" class="svelte-ld90bc chip"><!--[!-->variables<!--]--></a><!----> that can be transformed into
 			CSS that set custom properties. Each variable can have values for light and/or dark color schemes.
-			In other words, "dark" isn't a theme, it's a mode that any theme can implement.</p> <p>These docs are a work in progress, for now see <a href="https://github.com/ryanatkn/moss/blob/main/src/lib/theme.ts"><!--[-->🗎<!--]--> <!--[--><code>@ryanatkn/moss/theme.ts</code><!----><!--]--></a><!----> and <a href="https://github.com/ryanatkn/moss/blob/main/src/lib/themes.ts"><!--[-->🗎<!--]--> <!--[--><code>@ryanatkn/moss/themes.ts</code><!----><!--]--></a><!---->.</p> <div class="width_sm mb_lg"><menu class="theme_input unstyled"><!--[--><li class="row" role="none"><button type="button" class="theme_button color_a svelte-df411s selected" role="menuitemradio" aria-label="base theme" aria-checked="true">base</button> <!--[--><button type="button" class="icon_button plain">•••</button><!--]--></li><li class="row" role="none"><button type="button" class="theme_button color_a svelte-df411s " role="menuitemradio" aria-label="low contrast theme" aria-checked="false">low contrast</button> <!--[--><button type="button" class="icon_button plain">•••</button><!--]--></li><li class="row" role="none"><button type="button" class="theme_button color_a svelte-df411s " role="menuitemradio" aria-label="high contrast theme" aria-checked="false">high contrast</button> <!--[--><button type="button" class="icon_button plain">•••</button><!--]--></li><!--]--></menu><!----></div> <aside>⚠️ <!--[--><!---->The builtin themes need more work, but the proof of concept is ready!<!----><!--]--></aside><!----><!----></section><!----><!----></section><!---->  <!--[!--><!--]--><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related systems</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/variables">variables</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/typography">typography</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#themes">themes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#color-scheme">Color scheme</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#builtin-themes">Builtin themes</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/themes" class="svelte-c9k2g selected">themes</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+			In other words, "dark" isn't a theme, it's a mode that any theme can implement.</p> <p>These docs are a work in progress, for now see <a href="https://github.com/ryanatkn/moss/blob/main/src/lib/theme.ts"><!--[-->🗎<!--]--> <!--[--><code>@ryanatkn/moss/theme.ts</code><!----><!--]--></a><!----> and <a href="https://github.com/ryanatkn/moss/blob/main/src/lib/themes.ts"><!--[-->🗎<!--]--> <!--[--><code>@ryanatkn/moss/themes.ts</code><!----><!--]--></a><!---->.</p> <div class="width_sm mb_lg"><menu class="theme_input unstyled"><!--[--><li class="row" role="none"><button type="button" class="theme_button color_a svelte-df411s selected" role="menuitemradio" aria-label="base theme" aria-checked="true">base</button> <!--[--><button type="button" class="icon_button plain">•••</button><!--]--></li><li class="row" role="none"><button type="button" class="theme_button color_a svelte-df411s " role="menuitemradio" aria-label="low contrast theme" aria-checked="false">low contrast</button> <!--[--><button type="button" class="icon_button plain">•••</button><!--]--></li><li class="row" role="none"><button type="button" class="theme_button color_a svelte-df411s " role="menuitemradio" aria-label="high contrast theme" aria-checked="false">high contrast</button> <!--[--><button type="button" class="icon_button plain">•••</button><!--]--></li><!--]--></menu><!----></div> <aside>⚠️ <!--[--><!---->The builtin themes need more work, but the proof of concept is ready!<!----><!--]--></aside><!----><!----></section><!----><!----></section><!---->  <!--[!--><!--]--><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related systems</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/variables">variables</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/typography">typography</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#themes">themes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#color-scheme">Color scheme</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#builtin-themes">Builtin themes</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/themes" class="svelte-c9k2g selected">themes</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library/typography.html b/library/typography.html
index 222c5878..a6e2273f 100644
--- a/library/typography.html
+++ b/library/typography.html
@@ -99,11 +99,11 @@
 <!----><!--]--><!--]--><title>Moss - magical organic stylesheets</title>
 	</head>
 	<body data-sveltekit-preload-data="hover">
-		<div style="display: contents"><!--[--><!--[--><!----><!--[--><!----><div style="--library_menu_width: 180px;" class="library svelte-7wvfhw"><!--[--><div class="library_primary_nav svelte-1458tgc "><div class="background svelte-1458tgc" aria-hidden="true"></div> <div class="content svelte-1458tgc"><nav aria-label="Primary" class="svelte-1458tgc"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[--><div class="icon row"><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----> <span class="ml_sm">moss</span></div><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/typography" class="svelte-c9k2g selected">typography</a><!--]--><!--]--></div><!----></nav> <div class="nav_dialog_toggle svelte-7wvfhw"><button class="plain svelte-7wvfhw" type="button">menu</button></div><!----></div></div><!--]--><!----> <!--[--><div class="secondary_nav_wrapper svelte-7wvfhw"><aside class="library_secondary_nav unstyled svelte-1b4dig sidebar"><nav aria-label="Secondary" class="svelte-1b4dig"><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[!--><h6>guide</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/introduction">introduction</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>systems</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/themes">themes</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/variables">variables</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/classes">classes</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>styles</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/forms">forms</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s selected" href="/library/typography">typography</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shading">shading</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shadows">shadows</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/layout">layout</a></li><!--]--></ul></li><!--]--></ul><!----></nav></aside><!----></div><!--]--> <main class="svelte-7wvfhw"><!----><section class="tome_content width_md mb_xl9"><header class="mb_xl3"><!--[!--><header><!----><h1  class="tome_header svelte-d05s6w"><!--[--><!---->typography<!--]--> <a class="hashlink svelte-1tcongx" href="#typography" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="typography" aria-hidden="true"></span><!----><!----></h1><!----></header><!--]--></header> <section><h1 title="--size_xl3">h1</h1> <h2 title="--size_xl2">h2</h2> <h3 title="--size_xl">h3</h3> <h4 title="--size_lg">h4</h4> <h5 title="--size_md">h5</h5> <h6 title="--size_sm">h6</h6> <p>paragraphs</p> <p>paragraphs</p> <p>paragraphs</p> <p>p with some <small>small</small> text</p> <p>p <sub>sub</sub> p <sup>sup</sup> p</p> <details><summary><!---->show code<!----></summary> <!--[!--><!--[!--><!--]--><!--]--></details><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Font sizes<!--]--></div> <a class="hashlink svelte-1tcongx" href="#font-sizes" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="font-sizes" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <form class="width_sm"><label><div class="title row w_100 flex_wrap"><!--[!-->font-weight<!--]--> = <input class="inline flex_1" type="number" value="400" min="100" step="100" max="900"></div> <input type="range" value="400" min="100" step="100" max="900"></label><!----></form> <!--[--><div class="row flex_wrap"><button type="button" title="1rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xs); font-weight: 400;" class="font_sans">size_xs</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="1.3rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_sm); font-weight: 400;" class="font_sans">size_sm</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="1.6rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_md); font-weight: 400;" class="font_sans">size_md</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="2.04rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_lg); font-weight: 400;" class="font_sans">size_lg</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="2.59rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl); font-weight: 400;" class="font_sans">size_xl</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="3.29rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl2); font-weight: 400;" class="font_sans">size_xl2</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="4.19rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl3); font-weight: 400;" class="font_sans">size_xl3</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="5.33rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl4); font-weight: 400;" class="font_sans">size_xl4</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="6.78rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl5); font-weight: 400;" class="font_sans">size_xl5</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="8.62rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl6); font-weight: 400;" class="font_sans">size_xl6</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="10.97rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl7); font-weight: 400;" class="font_sans">size_xl7</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="13.95rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl8); font-weight: 400;" class="font_sans">size_xl8</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="17.74rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl9); font-weight: 400;" class="font_sans">size_xl9</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><!--]--><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Font weights<!--]--></div> <a class="hashlink svelte-1tcongx" href="#font-weights" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="font-weights" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>There are no variables for <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="chip white_space_nowrap"><!--[--><span class="font_mono">font-weight</span><!--]--> <svg viewBox="0 0 100 100" aria-label="the MDN logo, an M formed from forward slashes and vertical bars" style="width: var(--icon_size_xs); height: var(--icon_size_xs);" class="mx_xs3 svelte-16ciom8 inline"><!--[!--><!--]--><!--[--><!--[--><path fill="#8cb4ff" d="M42 .2 13.4 92.3H1.7L30.2.2Zm10.4 0v92.1H42V.2Zm40.3 0L64.2 92.3H52.5L81 .2Zm10.4 0v92.1H92.7V.2Z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----></a><!----> but there are <a href="/library/classes#utility-classes" class="svelte-ld90bc chip"><!--[--><!---->utility classes<!----><!--]--></a><!---->.</aside> <form><label><div class="title row w_100 flex_wrap"><!--[!-->font-size<!--]--> = <input style="width: var(--space_xl7); min-width: var(--space_xl7);" class="inline" type="number" value="3" min="1" step="1" max="13"> = var(<button type="button" class="svelte-1esac4x plain"><!--[--><!---->--size_md<!----><!--]--></button><!---->)</div> <input type="range" value="3" min="1" step="1" max="13"></label><!----></form> <div><!--[--><div style="font-weight: 100; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 100</div><div style="font-weight: 200; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 200</div><div style="font-weight: 300; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 300</div><div style="font-weight: 400; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 400</div><div style="font-weight: 500; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 500</div><div style="font-weight: 600; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 600</div><div style="font-weight: 700; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 700</div><div style="font-weight: 800; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 800</div><div style="font-weight: 900; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 900</div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[--><!---->Text colors<!----><!--]--></div> <a class="hashlink svelte-1tcongx" href="#text-colors" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="text-colors" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>⚠️ <!--[--><!---->Add color-scheme-adaptive versions?<!----><!--]--></aside><!----> <div class="panel"><!--[--><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_0);" class="font_mono">text_color_0</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_1);" class="font_mono">text_color_1</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_2);" class="font_mono">text_color_2</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_3);" class="font_mono">text_color_3</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_4);" class="font_mono">text_color_4</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_5);" class="font_mono">text_color_5</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_6);" class="font_mono">text_color_6</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_7);" class="font_mono">text_color_7</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_8);" class="font_mono">text_color_8</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_9);" class="font_mono">text_color_9</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_10);" class="font_mono">text_color_10</span><!----><!--]--></button><!----> = <code></code></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Line heights<!--]--></div> <a class="hashlink svelte-1tcongx" href="#line-heights" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="line-heights" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>Learn more about <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/line-height" class="chip white_space_nowrap"><!--[--><span class="font_mono">line-height</span><!--]--> <svg viewBox="0 0 100 100" aria-label="the MDN logo, an M formed from forward slashes and vertical bars" style="width: var(--icon_size_xs); height: var(--icon_size_xs);" class="mx_xs3 svelte-16ciom8 inline"><!--[!--><!--]--><!--[--><!--[--><path fill="#8cb4ff" d="M42 .2 13.4 92.3H1.7L30.2.2Zm10.4 0v92.1H42V.2Zm40.3 0L64.2 92.3H52.5L81 .2Zm10.4 0v92.1H92.7V.2Z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----></a><!---->.</aside> <div><!--[--><div><button type="button" class="svelte-1esac4x plain"><!--[--><div style="line-height: var(--line_height_xs);" class="button_contents font_mono svelte-11o6a8m"><div>line_height_xs = <code></code></div> <div>line_height_xs</div> <div>line_height_xs</div></div><!----><!--]--></button><!----></div><div><button type="button" class="svelte-1esac4x plain"><!--[--><div style="line-height: var(--line_height_sm);" class="button_contents font_mono svelte-11o6a8m"><div>line_height_sm = <code></code></div> <div>line_height_sm</div> <div>line_height_sm</div></div><!----><!--]--></button><!----></div><div><button type="button" class="svelte-1esac4x plain"><!--[--><div style="line-height: var(--line_height_md);" class="button_contents font_mono svelte-11o6a8m"><div>line_height_md = <code></code></div> <div>line_height_md</div> <div>line_height_md</div></div><!----><!--]--></button><!----></div><div><button type="button" class="svelte-1esac4x plain"><!--[--><div style="line-height: var(--line_height_lg);" class="button_contents font_mono svelte-11o6a8m"><div>line_height_lg = <code></code></div> <div>line_height_lg</div> <div>line_height_lg</div></div><!----><!--]--></button><!----></div><div><button type="button" class="svelte-1esac4x plain"><!--[--><div style="line-height: var(--line_height_xl);" class="button_contents font_mono svelte-11o6a8m"><div>line_height_xl = <code></code></div> <div>line_height_xl</div> <div>line_height_xl</div></div><!----><!--]--></button><!----></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Icon sizes<!--]--></div> <a class="hashlink svelte-1tcongx" href="#icon-sizes" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="icon-sizes" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>unlike <code class="svelte-axdktc">--size_</code> variables, <code class="svelte-axdktc">--icon_</code> variables are in <code class="svelte-axdktc">px</code> not <code class="svelte-axdktc">rem</code>, so they're insensitive to browser font size</aside><!----></section><!----> <div class="icon_sizes svelte-axdktc"><!--[--><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xs</span><!--]--></button><!----> = <code class="svelte-axdktc">18px</code></figcaption> <div style="font-size: var(--icon_size_xs); --size: var(--icon_size_xs);" title="--icon_size_xs is 18px" class="svelte-axdktc">🐢</div></figure><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_sm</span><!--]--></button><!----> = <code class="svelte-axdktc">32px</code></figcaption> <div style="font-size: var(--icon_size_sm); --size: var(--icon_size_sm);" title="--icon_size_sm is 32px" class="svelte-axdktc">🐢</div></figure><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_md</span><!--]--></button><!----> = <code class="svelte-axdktc">48px</code></figcaption> <div style="font-size: var(--icon_size_md); --size: var(--icon_size_md);" title="--icon_size_md is 48px" class="svelte-axdktc">🐢</div></figure><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_lg</span><!--]--></button><!----> = <code class="svelte-axdktc">80px</code></figcaption> <div style="font-size: var(--icon_size_lg); --size: var(--icon_size_lg);" title="--icon_size_lg is 80px" class="svelte-axdktc">🐢</div></figure><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xl</span><!--]--></button><!----> = <code class="svelte-axdktc">128px</code></figcaption> <div style="font-size: var(--icon_size_xl); --size: var(--icon_size_xl);" title="--icon_size_xl is 128px" class="svelte-axdktc">🐢</div></figure><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xl2</span><!--]--></button><!----> = <code class="svelte-axdktc">192px</code></figcaption> <div style="font-size: var(--icon_size_xl2); --size: var(--icon_size_xl2);" title="--icon_size_xl2 is 192px" class="svelte-axdktc">🐢</div></figure><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xl3</span><!--]--></button><!----> = <code class="svelte-axdktc">256px</code></figcaption> <div style="font-size: var(--icon_size_xl3); --size: var(--icon_size_xl3);" title="--icon_size_xl3 is 256px" class="svelte-axdktc">🐢</div></figure><!--]--></div><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related systems</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/themes">themes</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#typography">typography</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#font-sizes">Font sizes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#font-weights">Font weights</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#text-colors">Text colors</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#line-heights">Line heights</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#icon-sizes">Icon sizes</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/typography" class="svelte-c9k2g selected">typography</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+		<div style="display: contents"><!--[--><!--[--><!----><!--[--><!----><div style="--library_menu_width: 180px;" class="library svelte-7wvfhw"><!--[--><div class="library_primary_nav svelte-1458tgc "><div class="background svelte-1458tgc" aria-hidden="true"></div> <div class="content svelte-1458tgc"><nav aria-label="Primary" class="svelte-1458tgc"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[--><div class="icon row"><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----> <span class="ml_sm">moss</span></div><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/typography" class="svelte-c9k2g selected">typography</a><!--]--><!--]--></div><!----></nav> <div class="nav_dialog_toggle svelte-7wvfhw"><button class="plain svelte-7wvfhw" type="button">menu</button></div><!----></div></div><!--]--><!----> <!--[--><div class="secondary_nav_wrapper svelte-7wvfhw"><aside class="library_secondary_nav unstyled svelte-1b4dig sidebar"><nav aria-label="Secondary" class="svelte-1b4dig"><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[!--><h6>guide</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/introduction">introduction</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>systems</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/themes">themes</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/variables">variables</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/classes">classes</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[!--><h6>styles</h6><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/colors">colors</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/buttons">buttons</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/forms">forms</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s selected" href="/library/typography">typography</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/borders">borders</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shading">shading</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/shadows">shadows</a></li><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/layout">layout</a></li><!--]--></ul></li><!--]--></ul><!----></nav></aside><!----></div><!--]--> <main class="svelte-7wvfhw"><!----><section class="tome_content width_md mb_xl9"><header class="mb_xl3"><!--[!--><header><!----><h1  class="tome_header svelte-d05s6w"><!--[--><!---->typography<!--]--> <a class="hashlink svelte-1tcongx" href="#typography" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="typography" aria-hidden="true"></span><!----><!----></h1><!----></header><!--]--></header> <section><h1 title="--size_xl3">h1</h1> <h2 title="--size_xl2">h2</h2> <h3 title="--size_xl">h3</h3> <h4 title="--size_lg">h4</h4> <h5 title="--size_md">h5</h5> <h6 title="--size_sm">h6</h6> <p>paragraphs</p> <p>paragraphs</p> <p>paragraphs</p> <p>p with some <small>small</small> text</p> <p>p <sub>sub</sub> p <sup>sup</sup> p</p> <details><summary><!---->show code<!----></summary> <!--[!--><!--[!--><!--]--><!--]--></details><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Font sizes<!--]--></div> <a class="hashlink svelte-1tcongx" href="#font-sizes" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="font-sizes" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <form class="width_sm"><label><div class="title row w_100 flex_wrap"><!--[!-->font-weight<!--]--> = <input class="inline flex_1" type="number" value="400" min="100" step="100" max="900"></div> <input type="range" value="400" min="100" step="100" max="900"></label><!----></form> <!--[--><div class="row flex_wrap"><button type="button" title="1rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xs); font-weight: 400;" class="font_sans">size_xs</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="1.3rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_sm); font-weight: 400;" class="font_sans">size_sm</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="1.6rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_md); font-weight: 400;" class="font_sans">size_md</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="2.04rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_lg); font-weight: 400;" class="font_sans">size_lg</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="2.59rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl); font-weight: 400;" class="font_sans">size_xl</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="3.29rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl2); font-weight: 400;" class="font_sans">size_xl2</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="4.19rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl3); font-weight: 400;" class="font_sans">size_xl3</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="5.33rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl4); font-weight: 400;" class="font_sans">size_xl4</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="6.78rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl5); font-weight: 400;" class="font_sans">size_xl5</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="8.62rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl6); font-weight: 400;" class="font_sans">size_xl6</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="10.97rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl7); font-weight: 400;" class="font_sans">size_xl7</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="13.95rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl8); font-weight: 400;" class="font_sans">size_xl8</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><div class="row flex_wrap"><button type="button" title="17.74rem" class="svelte-1esac4x plain"><!--[--><span style="font-size: var(--size_xl9); font-weight: 400;" class="font_sans">size_xl9</span><!----><!--]--></button><!----> <div class="row"><span class="pr_sm">=</span> <code></code></div></div><!--]--><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Font weights<!--]--></div> <a class="hashlink svelte-1tcongx" href="#font-weights" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="font-weights" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>There are no variables for <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-weight" class="chip white_space_nowrap"><!--[--><span class="font_mono">font-weight</span><!--]--> <svg viewBox="0 0 100 100" aria-label="the MDN logo, an M formed from forward slashes and vertical bars" style="width: var(--icon_size_xs); height: var(--icon_size_xs);" class="mx_xs3 svelte-16ciom8 inline"><!--[!--><!--]--><!--[--><!--[--><path fill="#8cb4ff" d="M42 .2 13.4 92.3H1.7L30.2.2Zm10.4 0v92.1H42V.2Zm40.3 0L64.2 92.3H52.5L81 .2Zm10.4 0v92.1H92.7V.2Z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----></a><!----> but there are <a href="/library/classes#utility-classes" class="svelte-ld90bc chip"><!--[--><!---->utility classes<!----><!--]--></a><!---->.</aside> <form><label><div class="title row w_100 flex_wrap"><!--[!-->font-size<!--]--> = <input style="width: var(--space_xl7); min-width: var(--space_xl7);" class="inline" type="number" value="3" min="1" step="1" max="13"> = var(<button type="button" class="svelte-1esac4x plain"><!--[--><!---->--size_md<!----><!--]--></button><!---->)</div> <input type="range" value="3" min="1" step="1" max="13"></label><!----></form> <div><!--[--><div style="font-weight: 100; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 100</div><div style="font-weight: 200; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 200</div><div style="font-weight: 300; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 300</div><div style="font-weight: 400; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 400</div><div style="font-weight: 500; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 500</div><div style="font-weight: 600; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 600</div><div style="font-weight: 700; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 700</div><div style="font-weight: 800; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 800</div><div style="font-weight: 900; font-size: var(--size_md);" class="white_space_nowrap">font-weight: 900</div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[--><!---->Text colors<!----><!--]--></div> <a class="hashlink svelte-1tcongx" href="#text-colors" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="text-colors" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>⚠️ <!--[--><!---->Add color-scheme-adaptive versions?<!----><!--]--></aside><!----> <div class="panel"><!--[--><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_0);" class="font_mono">text_color_0</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_1);" class="font_mono">text_color_1</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_2);" class="font_mono">text_color_2</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_3);" class="font_mono">text_color_3</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_4);" class="font_mono">text_color_4</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_5);" class="font_mono">text_color_5</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_6);" class="font_mono">text_color_6</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_7);" class="font_mono">text_color_7</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_8);" class="font_mono">text_color_8</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_9);" class="font_mono">text_color_9</span><!----><!--]--></button><!----> = <code></code></div><div class="row"><button type="button" class="svelte-1esac4x plain"><!--[--><span style="color: var(--text_color_10);" class="font_mono">text_color_10</span><!----><!--]--></button><!----> = <code></code></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Line heights<!--]--></div> <a class="hashlink svelte-1tcongx" href="#line-heights" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="line-heights" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>Learn more about <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/line-height" class="chip white_space_nowrap"><!--[--><span class="font_mono">line-height</span><!--]--> <svg viewBox="0 0 100 100" aria-label="the MDN logo, an M formed from forward slashes and vertical bars" style="width: var(--icon_size_xs); height: var(--icon_size_xs);" class="mx_xs3 svelte-16ciom8 inline"><!--[!--><!--]--><!--[--><!--[--><path fill="#8cb4ff" d="M42 .2 13.4 92.3H1.7L30.2.2Zm10.4 0v92.1H42V.2Zm40.3 0L64.2 92.3H52.5L81 .2Zm10.4 0v92.1H92.7V.2Z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!----></a><!---->.</aside> <div><!--[--><div><button type="button" class="svelte-1esac4x plain"><!--[--><div style="line-height: var(--line_height_xs);" class="button_contents font_mono svelte-11o6a8m"><div>line_height_xs = <code></code></div> <div>line_height_xs</div> <div>line_height_xs</div></div><!----><!--]--></button><!----></div><div><button type="button" class="svelte-1esac4x plain"><!--[--><div style="line-height: var(--line_height_sm);" class="button_contents font_mono svelte-11o6a8m"><div>line_height_sm = <code></code></div> <div>line_height_sm</div> <div>line_height_sm</div></div><!----><!--]--></button><!----></div><div><button type="button" class="svelte-1esac4x plain"><!--[--><div style="line-height: var(--line_height_md);" class="button_contents font_mono svelte-11o6a8m"><div>line_height_md = <code></code></div> <div>line_height_md</div> <div>line_height_md</div></div><!----><!--]--></button><!----></div><div><button type="button" class="svelte-1esac4x plain"><!--[--><div style="line-height: var(--line_height_lg);" class="button_contents font_mono svelte-11o6a8m"><div>line_height_lg = <code></code></div> <div>line_height_lg</div> <div>line_height_lg</div></div><!----><!--]--></button><!----></div><div><button type="button" class="svelte-1esac4x plain"><!--[--><div style="line-height: var(--line_height_xl);" class="button_contents font_mono svelte-11o6a8m"><div>line_height_xl = <code></code></div> <div>line_height_xl</div> <div>line_height_xl</div></div><!----><!--]--></button><!----></div><!--]--></div><!----></section><!----> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->Icon sizes<!--]--></div> <a class="hashlink svelte-1tcongx" href="#icon-sizes" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="icon-sizes" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>unlike <code class="svelte-axdktc">--size_</code> variables, <code class="svelte-axdktc">--icon_</code> variables are in <code class="svelte-axdktc">px</code> not <code class="svelte-axdktc">rem</code>, so they're insensitive to browser font size</aside><!----></section><!----> <div class="icon_sizes svelte-axdktc"><!--[--><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xs</span><!--]--></button><!----> = <code class="svelte-axdktc">18px</code></figcaption> <div style="font-size: var(--icon_size_xs); --size: var(--icon_size_xs);" title="--icon_size_xs is 18px" class="svelte-axdktc">🐢</div></figure><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_sm</span><!--]--></button><!----> = <code class="svelte-axdktc">32px</code></figcaption> <div style="font-size: var(--icon_size_sm); --size: var(--icon_size_sm);" title="--icon_size_sm is 32px" class="svelte-axdktc">🐢</div></figure><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_md</span><!--]--></button><!----> = <code class="svelte-axdktc">48px</code></figcaption> <div style="font-size: var(--icon_size_md); --size: var(--icon_size_md);" title="--icon_size_md is 48px" class="svelte-axdktc">🐢</div></figure><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_lg</span><!--]--></button><!----> = <code class="svelte-axdktc">80px</code></figcaption> <div style="font-size: var(--icon_size_lg); --size: var(--icon_size_lg);" title="--icon_size_lg is 80px" class="svelte-axdktc">🐢</div></figure><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xl</span><!--]--></button><!----> = <code class="svelte-axdktc">128px</code></figcaption> <div style="font-size: var(--icon_size_xl); --size: var(--icon_size_xl);" title="--icon_size_xl is 128px" class="svelte-axdktc">🐢</div></figure><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xl2</span><!--]--></button><!----> = <code class="svelte-axdktc">192px</code></figcaption> <div style="font-size: var(--icon_size_xl2); --size: var(--icon_size_xl2);" title="--icon_size_xl2 is 192px" class="svelte-axdktc">🐢</div></figure><figure class="svelte-axdktc"><figcaption class="svelte-axdktc"><button type="button" class="svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xl3</span><!--]--></button><!----> = <code class="svelte-axdktc">256px</code></figcaption> <div style="font-size: var(--icon_size_xl3); --size: var(--icon_size_xl3);" title="--icon_size_xl3 is 256px" class="svelte-axdktc">🐢</div></figure><!--]--></div><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related systems</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/themes">themes</a></li><!--]--></ul></li><li class="category svelte-epe03s"><!--[--><h6>related styles</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/elements">elements</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#typography">typography</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#font-sizes">Font sizes</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#font-weights">Font weights</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#text-colors">Text colors</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#line-heights">Line heights</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#icon-sizes">Icon sizes</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/typography" class="svelte-c9k2g selected">typography</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};
 
diff --git a/library/variables.html b/library/variables.html
index 3582ed35..3f2dbab8 100644
--- a/library/variables.html
+++ b/library/variables.html
@@ -113,11 +113,11 @@
 	light<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
 	dark<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
 	summary<span class="token operator">?</span><span class="token operator">:</span> <span class="token builtin">string</span><span class="token punctuation">;</span>
-<span class="token punctuation">}</span><!----><!--]--><!--]--></code></pre><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->All 323 style variables<!--]--></div> <a class="hashlink svelte-1tcongx" href="#all-323-style-variables" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="all-323-style-variables" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>⚠️ <!--[--><!---->Many of these will change.<!----><!--]--></aside><!----> <div class="variables svelte-tubmna"><!--[--><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_0</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_10</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_a</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_b</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_c</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_d</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_e</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_f</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_g</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_h</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_i</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_style</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">button_shadow</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">button_shadow_active</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">button_shadow_hover</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">disabled_opacity</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">duration_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">duration_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">duration_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">duration_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">duration_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">duration_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_0</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_10</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_a</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_b</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_c</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_d</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_e</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_f</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_g</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_h</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_i</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">font_mono</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">font_sans</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_a</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_b</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_c</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_d</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_e</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_f</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_g</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_h</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_i</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xl2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xl3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_fill</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_height</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_height_inner</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_height_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_padding_x</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_padding_y</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_width_min</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">line_height_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">line_height_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">line_height_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">line_height_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">line_height_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">link_color</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">link_color_selected</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_color</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_style</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xs2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xs3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_alpha_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_alpha_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_alpha_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_alpha_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_alpha_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl10</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl11</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl12</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl13</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl14</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl15</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_active</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_0</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_10</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_disabled</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_decoration</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_decoration_hover</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_decoration_selected</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">tint_hue</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">tint_saturation</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">width_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">width_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">width_xs</span><!--]--></button><!--]--></div><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related systems</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/themes">themes</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#variables">variables</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#all-323-style-variables">All 323 style variables</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/variables" class="svelte-c9k2g selected">variables</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(350deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(307deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(38deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(12deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(303deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(304deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(83deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(0deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(179deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
+<span class="token punctuation">}</span><!----><!--]--><!--]--></code></pre><!----></section> <section><header><!----><h3  class="svelte-3vtdd8 tome_section_header"><div><!--[!-->All 323 style variables<!--]--></div> <a class="hashlink svelte-1tcongx" href="#all-323-style-variables" aria-label="hashlink"><!--[!-->#<!--]--></a> <span class="hashlink_scroll_target svelte-1tcongx" id="all-323-style-variables" aria-hidden="true"></span><!----><!----></h3><!----></header><!----> <aside>⚠️ <!--[--><!---->Many of these will change.<!----><!--]--></aside><!----> <div class="variables svelte-tubmna"><!--[--><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_0</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_10</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">bg_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_a</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_b</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_c</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_d</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_e</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_f</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_g</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_h</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_color_i</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_style</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">border_width_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">button_shadow</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">button_shadow_active</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">button_shadow_hover</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_a_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_b_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_c_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_d_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_e_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_f_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_g_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_h_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">color_i_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">darken_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">disabled_opacity</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">duration_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">duration_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">duration_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">duration_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">duration_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">duration_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fade_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_0</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_10</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fg_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_a</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_b</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_c</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_d</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_e</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_f</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_g</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_h</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">fill_i</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">font_mono</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">font_sans</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_a</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_b</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_c</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_d</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_e</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_f</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_g</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_h</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">hue_i</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xl2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xl3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">icon_size_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_fill</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_height</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_height_inner</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_height_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_padding_x</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_padding_y</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">input_width_min</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">lighten_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">line_height_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">line_height_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">line_height_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">line_height_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">line_height_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">link_color</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">link_color_selected</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_color</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_style</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">outline_width_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xs2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">radius_xs3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_alpha_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_alpha_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_alpha_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_alpha_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_alpha_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_bottom_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_a</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_b</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_c</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_d</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_e</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_f</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_g</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_glow</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_h</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_highlight</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_i</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_color_shroud</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_bottom_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_top_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_inset_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_top_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">shadow_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xl9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">size_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_lg</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl10</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl11</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl12</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl13</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl14</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl15</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xl9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">space_xs5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_active</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_0</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_1</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_10</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_2</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_3</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_4</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_5</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_6</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_7</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_8</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_9</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_color_disabled</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_decoration</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_decoration_hover</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">text_decoration_selected</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">tint_hue</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">tint_saturation</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">width_md</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">width_sm</span><!--]--></button><button type="button" class="menu_item svelte-1esac4x plain"><!--[!--><span class="font_mono">width_xs</span><!--]--></button><!--]--></div><!----></section><!----><!----></section><!----><!----><!----> <!--[--><aside class="library_tertiary_nav unstyled svelte-vi1gc0"><!--[--><ul class="library_menu unstyled svelte-epe03s"><!--[--><li class="category svelte-epe03s"><!--[--><h6>related systems</h6><!----><!--]--> <ul class="unstyled"><!--[--><li role="none"><a class="menu_item ellipsis line_height_lg svelte-epe03s " href="/library/themes">themes</a></li><!--]--></ul></li><!--]--></ul><!--]--> <!--[--><div class="library_page_links svelte-1f64b7o"><h6>On this page</h6> <!--[--><div class="sidebar_wrapper svelte-1f64b7o"><nav aria-label="On this page" class="w_100"><ul class="unstyled"><!--[--><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#variables">variables</a></li><li role="none"><a class="menu_item overflow_wrap_anywhere line_height_sm svelte-1f64b7o " href="#all-323-style-variables">All 323 style variables</a></li><!--]--></ul></nav><!----></div><!--]--></div><!--]--></aside><!--]--> <section class="box svelte-7wvfhw"><footer class="box"><div class="mb_xl5"><div class="breadcrumb svelte-c9k2g"><a href="/" class="svelte-c9k2g "><!--[--><!--[--><!--[!--><svg viewBox="0 0 100 100" style="transform: scaleX(-1) rotate(180deg); width: var(--icon_size_sm); height: var(--icon_size_sm);" aria-label="a fuzzy tuft of green moss" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="#3db33d" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--><!----><!--]--><!----><!--]--></a><!--[--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library" class="svelte-c9k2g ">library</a><!--]--><!--[!--><span class="separator svelte-c9k2g"><!--[!-->/<!--]--></span><!--]--><!--[--><a href="/library/variables" class="svelte-c9k2g selected">variables</a><!--]--><!--]--></div><!----></div><!----> <div class="logo box panel p_lg shadow_inset_xs svelte-cs8o0f"><!----> <a href="https://github.com/ryanatkn/moss" rel="me" title="source code on GitHub" class="svelte-cs8o0f"><!--[!--><svg viewBox="0 0 1024 1024" aria-label="the GitHub logo, an octocat silhouette" style="width: var(--icon_size_lg); height: var(--icon_size_lg);" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--text_color, #000)" d="M8 0C3.58 0 0 3.58 0 8C0 11.54 2.29 14.53 5.47 15.59C5.87 15.66 6.02 15.42 6.02 15.21C6.02 15.02 6.01 14.39 6.01 13.72C4 14.09 3.48 13.23 3.32 12.78C3.23 12.55 2.84 11.84 2.5 11.65C2.22 11.5 1.82 11.13 2.49 11.12C3.12 11.11 3.57 11.7 3.72 11.94C4.44 13.15 5.59 12.81 6.05 12.6C6.12 12.08 6.33 11.73 6.56 11.53C4.78 11.33 2.92 10.64 2.92 7.58C2.92 6.71 3.23 5.99 3.74 5.43C3.66 5.23 3.38 4.41 3.82 3.31C3.82 3.31 4.49 3.1 6.02 4.13C6.66 3.95 7.34 3.86 8.02 3.86C8.7 3.86 9.38 3.95 10.02 4.13C11.55 3.09 12.22 3.31 12.22 3.31C12.66 4.41 12.38 5.23 12.3 5.43C12.81 5.99 13.12 6.7 13.12 7.58C13.12 10.65 11.25 11.33 9.47 11.53C9.76 11.78 10.01 12.26 10.01 13.01C10.01 14.08 10 14.94 10 15.21C10 15.42 10.15 15.67 10.55 15.59C13.71 14.53 16 11.53 16 8C16 3.58 12.42 0 8 0Z" fill-rule="evenodd" clip-rule="evenodd" transform="scale(64)" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></a> <!----></div> <!--[!--><!--]--></footer><!----></section></main></div>  <!--[!--><!--]--><!----> <!--[!--><!--]--><!----><!--]--><!----> <div style="--spider_count: 9;" class="spiders svelte-8ktg52"><!--[--><svg viewBox="0 0 100 100" style="transform: rotate(81deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_f_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(110deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_c_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(47deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_a_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(211deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_d_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(26deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_i_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(87deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_b_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(210deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_e_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(332deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_g_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><svg viewBox="0 0 100 100" style="transform: rotate(15deg);" aria-label="a friendly brown spider facing you" class="svelte-16ciom8"><!--[!--><!--]--><!--[--><!--[--><path fill="var(--color_h_5)" d="M 26.253917,88.532336 29.904106,71.394855 40.667193,53.342811 40.258534,49.99234 38.417407,49.000991 22.876908,50.369035 9.4865496,53.880193 2.3019024,57.978424 0.42708056,57.27994 7.2642726,51.086985 20.811326,45.373351 37.960128,42.356792 39.354818,40.107008 38.229925,38.149883 26.030989,27.105568 14.46539,21.861786 8.0479986,18.615387 l -0.41428,-1.710463 8.2789464,1.499862 13.012873,5.003724 13.447448,10.696856 1.680801,-0.729547 0.222439,-1.343157 -3.983998,-12.128053 -5.730215,-9.573597 -0.823624,-5.1744052 1.16944,-1.165102 2.604334,6.3355162 6.612025,7.08777 4.874534,11.55989 2.800804,0.515574 4.48815,-1.359246 1.521623,-8.687062 5.685014,-8.620764 2.75965,-6.8316782 1.094578,1.128569 -1.293029,5.4222362 -4.084776,11.06803 -0.484994,8.377408 0.194311,1.192896 1.42954,1.700726 11.563936,-10.644623 9.878262,-8.331535 8.732915,-3.390708 -0.387305,1.402757 -5.294686,3.023816 -10.445054,10.705792 -9.561599,13.627899 -0.438945,1.602755 1.001398,1.666754 17.376932,3.986302 9.537375,6.940531 4.325785,4.636405 0.211208,1.557106 -6.15842,-4.279925 -10.413771,-5.155697 -15.838715,-1.696223 -0.83461,1.144484 0.774499,2.593247 9.737644,16.194355 3.925704,17.214082 0.07146,10.277289 -1.706242,1.13628 -2.009721,-9.21637 -5.894265,-16.88027 -12.292087,-17.295813 -4.177778,-0.585888 -7.294671,2.935716 -11.138052,16.645915 -6.462422,17.752509 -1.634756,7.206641 -2.070766,-1.52923 z" class="svelte-16ciom8"></path><!--]--><!--]--></svg><!--]--></div><!----><!----><!----><!--]--> <!--[!--><!--]--><!--]-->
 			
 			<script>
 				{
-					__sveltekit_1w0ddo5 = {
+					__sveltekit_1d4jpj0 = {
 						base: ""
 					};