diff --git a/_app/env.js b/_app/env.js
new file mode 100644
index 0000000..f5427da
--- /dev/null
+++ b/_app/env.js
@@ -0,0 +1 @@
+export const env={}
\ No newline at end of file
diff --git a/_app/immutable/assets/_layout-91974e0a.css b/_app/immutable/assets/0.DpC0Hi-A.css
similarity index 100%
rename from _app/immutable/assets/_layout-91974e0a.css
rename to _app/immutable/assets/0.DpC0Hi-A.css
index f86f8a4..c2b6db1 100644
--- a/_app/immutable/assets/_layout-91974e0a.css
+++ b/_app/immutable/assets/0.DpC0Hi-A.css
@@ -34,13 +34,13 @@ ol,ul,menu,dir{list-style:none;}
 .\.selected\:c\(\#fff\).selected,.selected .\.selected\:c\(\#fff\){color:#fff;}
 .\>\>a\:c\(\#4f80ff\) a{color:#4f80ff;}
 @media only screen and (min-width:320px){html .\@w\(320\~\)\:c\(red\){color:red;}}
+.c\(red\){color:red;}
 .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\){color:blue;}
 .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\){color:#D0D0D0;}
 .c\(\#000\){color:#000;}
 @media(hover:hover){.hover\:c\(--primary\):hover,.hover\:c\(--primary\).\:hover{color:var(--primary);}}
 .c\(\#999\){color:#999;}
 .\.selected\:c\(\#000\).selected,.selected .\.selected\:c\(\#000\){color:#000;}
-.c\(red\){color:red;}
 html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:active{color:var(--primary);}
 .font\(20\/-\/-10\%\){font-size:20px;letter-spacing:-0.1em;}
 .font\(3em\/-\/-1\.5\%\){font-size:3em;letter-spacing:-0.015em;}
@@ -56,9 +56,9 @@ html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:activ
 .font\(24\){font-size:24px;}
 .font\(13\){font-size:13px;}
 .font\(14\/1\.5\/-1\%\){font-size:14px;line-height:1.5;letter-spacing:-0.01em;}
+.font\(100\){font-size:100px;}
 .c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\){font-size:19px;line-height:42px;}
 .font\(12\){font-size:12px;}
-.font\(100\){font-size:100px;}
 .word-spacing\(20\){word-spacing:20px;}
 .AppleSD{font-family:"Apple SD Gothic Neo";}
 .monospace{font-family:monospace;font-family:var(--monospace, monospace);}
diff --git a/_app/immutable/assets/_page-9130f9a1.css b/_app/immutable/assets/10.DRHiPZoV.css
similarity index 100%
rename from _app/immutable/assets/_page-9130f9a1.css
rename to _app/immutable/assets/10.DRHiPZoV.css
diff --git a/_app/immutable/assets/_layout.DpC0Hi-A.css b/_app/immutable/assets/_layout.DpC0Hi-A.css
new file mode 100644
index 0000000..c2b6db1
--- /dev/null
+++ b/_app/immutable/assets/_layout.DpC0Hi-A.css
@@ -0,0 +1,162 @@
+
+*,:after,:before{margin:0;padding:0;font:inherit;color:inherit;box-sizing:border-box;}
+:root{-webkit-tap-highlight-color:transparent;text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5;overflow-wrap:break-word;word-break:break-word;tab-size:2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
+html,body{height:100%;}
+img,picture,video,canvas{display:block;max-width:100%;}
+img{text-indent:-9999px;}
+button{background:none;border:0;cursor:pointer;}
+a{text-decoration:none;}
+table{border-collapse:collapse;border-spacing:0;}
+ol,ul,menu,dir{list-style:none;}
+*,:after,:before{--w-grow:initial;--w-align:initial;--h-grow:initial;--h-align:initial;}
+*,:after,:before{
+--a-translate-x:0;
+--a-translate-y:0;
+--a-rotate:0;
+--a-skew-x:0;
+--a-skew-y:0;
+--a-scale-x:1;
+--a-scale-y:1;
+--a-transform:translateX(var(--a-translate-x)) translateY(var(--a-translate-y)) rotate(var(--a-rotate)) skewX(var(--a-skew-x)) skewY(var(--a-skew-y)) scaleX(var(--a-scale-x)) scaleY(var(--a-scale-y));
+--a-transform3d:translate3d(var(--a-translate-x),var(--a-translate-y),0) rotate(var(--a-rotate)) skewX(var(--a-skew-x)) skewY(var(--a-skew-y)) scaleX(var(--a-scale-x)) scaleY(var(--a-scale-y));
+}
+.\32 00{font-weight:200;}
+.\37 00{font-weight:700;}
+@media(hover:hover){.\>\>a\:hover\:c\(--primary\) a:hover,.\>\>a\:hover\:c\(--primary\) a.\:hover{color:var(--primary);}}
+.\>\>a\.active\:c\(--primary\) a.active{color:var(--primary);}
+.c\(\#555\){color:#555;}
+.c\(\#ccc\){color:#ccc;}
+.group:hover .group-hover\:c\(--primary\),html .group.\:hover .group-hover\:c\(--primary\){color:var(--primary);}
+.c\(\#666\){color:#666;}
+.c\(\#ff0\){color:#ff0;}
+.c\(\#fff\){color:#fff;}
+.placeholder\:c\(\#ccc\)::placeholder{color:#ccc;}
+.\.selected\:c\(\#fff\).selected,.selected .\.selected\:c\(\#fff\){color:#fff;}
+.\>\>a\:c\(\#4f80ff\) a{color:#4f80ff;}
+@media only screen and (min-width:320px){html .\@w\(320\~\)\:c\(red\){color:red;}}
+.c\(red\){color:red;}
+.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\){color:blue;}
+.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\){color:#D0D0D0;}
+.c\(\#000\){color:#000;}
+@media(hover:hover){.hover\:c\(--primary\):hover,.hover\:c\(--primary\).\:hover{color:var(--primary);}}
+.c\(\#999\){color:#999;}
+.\.selected\:c\(\#000\).selected,.selected .\.selected\:c\(\#000\){color:#000;}
+html .active\:color\(--primary\):active,html .active\:color\(--primary\).\:active{color:var(--primary);}
+.font\(20\/-\/-10\%\){font-size:20px;letter-spacing:-0.1em;}
+.font\(3em\/-\/-1\.5\%\){font-size:3em;letter-spacing:-0.015em;}
+@media(max-width:767.98px){html .\~md\:font\(1\.6em\){font-size:1.6em;}}
+.font\(1\.2em\/-\/-1\.5\%\){font-size:1.2em;letter-spacing:-0.015em;}
+@media(max-width:767.98px){html .\~md\:font\(1\.4em\){font-size:1.4em;}}
+.font\(80\/-\/-15\%\){font-size:80px;letter-spacing:-0.15em;}
+.font\(20\){font-size:20px;}
+.font\(30\){font-size:30px;}
+.font\(10\){font-size:10px;}
+.font\(30\/-\/-1\.5\%\){font-size:30px;letter-spacing:-0.015em;}
+.font\(14\/16\/-1\%\){font-size:14px;line-height:16px;letter-spacing:-0.01em;}
+.font\(24\){font-size:24px;}
+.font\(13\){font-size:13px;}
+.font\(14\/1\.5\/-1\%\){font-size:14px;line-height:1.5;letter-spacing:-0.01em;}
+.font\(100\){font-size:100px;}
+.c\(blue\)\+font\(19\/42\)\+c\(\#D0D0D0\){font-size:19px;line-height:42px;}
+.font\(12\){font-size:12px;}
+.word-spacing\(20\){word-spacing:20px;}
+.AppleSD{font-family:"Apple SD Gothic Neo";}
+.monospace{font-family:monospace;font-family:var(--monospace, monospace);}
+.monospace\(number\){font-variant-numeric:tabular-nums;}
+.bold{font-weight:bold;}
+@media(hover:hover){.hover\:underline:hover,.hover\:underline.\:hover{text-decoration:underline;}}
+.text-center{text-align:center;}
+.text-left{text-align:left;}
+.vertical-top{vertical-align:top;}
+.block{display:block;}
+.w\(\~800\){max-width:800px;}
+.w\(100\~200\){min-width:100px;max-width:200px;}
+.w\(800\){width:800px;}
+.w\(200\){width:200px;}
+.w\(100\%\){width:100%;}
+.h\(60\){height:60px;}
+.h\(100\%\){height:100%;}
+.max-h\(60vh\){max-height:60vh;}
+.m\(20\){margin:20px;}
+.m\(10\/0\){margin:10px 0;}
+.\>h1\:m\(20\)>h1{margin:20px;}
+.m\(auto\){margin:auto;}
+.mt\(40\){margin-top:40px;}
+.p\(10\/20\){padding:10px 20px;}
+.p\(200\/32\){padding:200px 32px;}
+.p\(10\/10\){padding:10px 10px;}
+.p\(20\){padding:20px;}
+.p\(8\/12\){padding:8px 12px;}
+.p\(10\){padding:10px;}
+.p\(6\/8\){padding:6px 8px;}
+.pt\(12\){padding-top:12px;}
+.b\(\#000\.2\){border:solid 1px rgba(0,0,0,.2);}
+html .active\:b\(\#000\.2\):active,html .active\:b\(\#000\.2\).\:active{border:solid 1px rgba(0,0,0,.2);}
+.b\(-\){border:none;}
+.bb\(\#000\.1\){border-bottom:solid 1px rgba(0,0,0,.1);}
+.bb\(\#000\){border-bottom:solid 1px #000;}
+.bb\(4\/transparent\){border-bottom:solid 4px transparent;}
+.\.selected\:bbc\(--primary\).selected,.selected .\.selected\:bbc\(--primary\){border-bottom-color:var(--primary);}
+.outline\(-\){outline:none;}
+.r\(8\){border-radius:8px;}
+.r\(6\){border-radius:6px;}
+.r\(4\){border-radius:4px;}
+.bg\(\#fff\){background:#fff;}
+.odd\:bg\(\#f9f9f9\):nth-child(2n+1){background:#f9f9f9;}
+.bg\(\#f1f1f1\){background:#f1f1f1;}
+.bg\(\#333\){background:#333;}
+@media(hover:hover){.hover\:bg\(\#555\):hover,.hover\:bg\(\#555\).\:hover{background:#555;}}
+html .active\:bg\(\#000\):active,html .active\:bg\(\#000\).\:active{background:#000;}
+.nth-child\(3n\+1\)\:bg\(orange\):nth-child(3n+1){background:orange;}
+.\.selected\:bg\(\#000\).selected,.selected .\.selected\:bg\(\#000\){background:#000;}
+.bg\(\#f9f9f9\){background:#f9f9f9;}
+.\.selected\:bg\(--primary\).selected,.selected .\.selected\:bg\(--primary\){background:var(--primary);}
+.bg\(transparent\){background:transparent;}
+.clip{overflow:hidden;}.clip:has(.nowrap\.\.\.){flex-shrink:1;}
+.scroll-x{overflow-x:auto;overflow-y:hidden;}
+.scroll-y{overflow-x:hidden;overflow-y:auto;}
+.overscroll\(none\){overscroll-behavior:none;}
+.pre{white-space:pre-wrap;}
+.nowrap\.\.\.{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-shrink:1;max-width:100%;}
+.line-clamp\(3\){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
+.hbox{display:flex;flex-flow:row;align-items:center;}:where(.hbox>*){flex-shrink:0;--w-grow:1;--w-shrink:1;--w-align:initial;--h-grow:initial;--h-shrink:0;--h-align:stretch;}
+.hbox\(top\+center\){display:flex;flex-flow:row;align-items:flex-start;justify-content:center;}:where(.hbox\(top\+center\)>*){flex-shrink:0;--w-grow:1;--w-shrink:1;--w-align:initial;--h-grow:initial;--h-shrink:0;--h-align:stretch;}
+.hbox\(bottom\+right\){display:flex;flex-flow:row;align-items:flex-end;justify-content:flex-end;}:where(.hbox\(bottom\+right\)>*){flex-shrink:0;--w-grow:1;--w-shrink:1;--w-align:initial;--h-grow:initial;--h-shrink:0;--h-align:stretch;}
+.hbox\(fill\){display:flex;flex-flow:row;align-items:stretch;}:where(.hbox\(fill\)>*){flex-shrink:0;--w-grow:1;--w-shrink:1;--w-align:initial;--h-grow:initial;--h-shrink:0;--h-align:stretch;}
+.vbox{display:flex;flex-flow:column;align-items:stretch;}:where(.vbox>*){flex-shrink:0;--h-grow:1;--h-shrink:1;--h-align:initial;--w-grow:initial;--w-shrink:0;--w-align:stretch;}
+.vbox\(center\){display:flex;flex-flow:column;align-items:center;}:where(.vbox\(center\)>*){flex-shrink:0;--h-grow:1;--h-shrink:1;--h-align:initial;--w-grow:initial;--w-shrink:0;--w-align:stretch;}
+.pack{display:flex;align-items:center;justify-content:center;}:where(.pack>*){flex-shrink:0;--w-grow:1;--w-shrink:1;--w-align:initial;--h-grow:initial;--h-shrink:0;--h-align:stretch;}
+.gap\(20\){gap:20px;grid-gap:20px;}
+.gap\(40\){gap:40px;grid-gap:40px;}
+.gap\(60\){gap:60px;grid-gap:60px;}
+.gap\(6\){gap:6px;grid-gap:6px;}
+.space-between{justify-content:space-between;align-content:space-between;}
+.flex{flex:1;}
+.flex\(4\){flex:4;}
+.flex\(3\){flex:3;}
+[class*="hbox"]>.space\(2em\){width:2em;}[class*="vbox"]>.space\(2em\){height:2em;}
+.flex-wrap{flex-wrap:wrap;}:where(.flex-wrap>*){max-width:100%;max-height:100%;}
+.layer\(right\){position:absolute;top:0;right:0;bottom:0;}
+.layer{position:absolute;top:0;right:0;bottom:0;left:0;}
+.layer\(bottom\+right\){position:absolute;right:0;bottom:0;}
+.absolute{position:absolute;}
+.relative{position:relative;}
+.sticky-top{position:sticky;top:0;}
+.fixed{position:fixed;}
+.z\(999\){z-index:999;}
+.z\(9999\){z-index:9999;}
+.none{display:none;}
+.opacity\(0\.7\){opacity:0.7;}
+@media(hover:hover){.hover\:opacity\(1\):hover,.hover\:opacity\(1\).\:hover{opacity:1;}}
+.pointer{cursor:pointer;}
+.transition\(\.4s\){transition:all .4s;}
+.transition\(\.2s\){transition:all .2s;}
+.group:hover .group-hover\:rotate\(-10deg\),html .group.\:hover .group-hover\:rotate\(-10deg\){--a-rotate:-10deg;--a-rotate-x:-10deg;--a-rotate-y:-10deg;--a-rotate-z:-10deg;transform:var(--a-transform);}
+html .group:active .group-active\:rotate\(10deg\),html .group.\:active .group-active\:rotate\(10deg\){--a-rotate:10deg;--a-rotate-x:10deg;--a-rotate-y:10deg;--a-rotate-z:10deg;transform:var(--a-transform);}
+.group:hover .group-hover\:rotate\(10deg\),html .group.\:hover .group-hover\:rotate\(10deg\){--a-rotate:10deg;--a-rotate-x:10deg;--a-rotate-y:10deg;--a-rotate-z:10deg;transform:var(--a-transform);}
+html .group:active .group-active\:rotate\(-10deg\),html .group.\:active .group-active\:rotate\(-10deg\){--a-rotate:-10deg;--a-rotate-x:-10deg;--a-rotate-y:-10deg;--a-rotate-z:-10deg;transform:var(--a-transform);}
+html .active\:rotate\(5deg\):active,html .active\:rotate\(5deg\).\:active{--a-rotate:5deg;--a-rotate-x:5deg;--a-rotate-y:5deg;--a-rotate-z:5deg;transform:var(--a-transform);}
+@media(hover:hover){.hover\:scale\(1\.05\):hover,.hover\:scale\(1\.05\).\:hover{--a-scale-x:1.05;--a-scale-y:1.05;--a-scale-z:1.05;transform:var(--a-transform);}}
+.after\:content\(--my-content\)::after{content:var(--my-content);}
+html .active\:bg\(\#000\)\!:active,html .active\:bg\(\#000\)\!.\:active{background:#000!important;}
+.\.selected\:c\(\#fff\)\!.selected,.selected .\.selected\:c\(\#fff\)\!{color:#fff!important;}:root{font-family:Pretendard,system-ui,sans-serif;color:#222;font-size:14px;--primary:#fb3958;--primary-bg:rgba(251, 57, 88, .02)}.markdown{width:768px;max-width:100%;margin:auto;line-height:1.6;font-size:16px;letter-spacing:-.01em;word-wrap:break-all;color:#333}.markdown hr{margin:2em 0;border-top:1px solid rgba(0,0,0,.1)}.markdown a{color:var(--primary)}.markdown a:hover{text-decoration:underline}.markdown h1,.markdown h2,.markdown h3,.markdown h4{font-size:2em;font-weight:700;margin-top:2.4em;margin-bottom:.6em}.markdown h2{font-size:1.4em}.markdown h3{font-size:1.2em}.markdown h4{font-size:1em}.markdown p{margin:1.4em 0}.markdown ul,.markdown ol{list-style:disc;padding:0 1.6em;margin:1em 0}.markdown ol{list-style:number}.markdown li{margin:.2em 0}.markdown pre{background:#f9f9f9;margin:1em 0;padding:1em;border-radius:.6em;white-space:pre-wrap;font-family:monospace;font-size:.9em;text-align:left}.markdown code{background:#f6f8fa;padding:2px .4em;border-radius:.4em;font-family:monospace;font-size:.9em}.markdown pre code{background:none;padding:0}.markdown .attr-value,.markdown .string,.markdown .string-property{color:var(--primary)}.markdown .comment{color:#999}.markdown blockquote{background:var(--primary-bg);margin:1.4em 0;padding:1.4em;border-left:4px solid var(--primary)}.markdown blockquote>:first-child{margin-top:0}.markdown blockquote>:last-child{margin-bottom:0}.markdown strong{font-weight:700}@media (max-width:768px){.markdown{font-size:14px}}
diff --git a/_app/immutable/assets/_page.DRHiPZoV.css b/_app/immutable/assets/_page.DRHiPZoV.css
new file mode 100644
index 0000000..638302a
--- /dev/null
+++ b/_app/immutable/assets/_page.DRHiPZoV.css
@@ -0,0 +1 @@
+.monaco-editor{position:absolute!important}
diff --git a/_app/immutable/chunks/0-47bcdd39.js b/_app/immutable/chunks/0-47bcdd39.js
deleted file mode 100644
index a8a8d30..0000000
--- a/_app/immutable/chunks/0-47bcdd39.js
+++ /dev/null
@@ -1 +0,0 @@
-import{_ as r}from"./_layout-da46b06b.js";import{default as t}from"../components/pages/_layout.svelte-7cede11a.js";export{t as component,r as universal};
diff --git a/_app/immutable/chunks/1-64facd3d.js b/_app/immutable/chunks/1-64facd3d.js
deleted file mode 100644
index 17a999f..0000000
--- a/_app/immutable/chunks/1-64facd3d.js
+++ /dev/null
@@ -1 +0,0 @@
-import{default as t}from"../components/error.svelte-b4500545.js";export{t as component};
diff --git a/_app/immutable/chunks/10-f7087702.js b/_app/immutable/chunks/10-f7087702.js
deleted file mode 100644
index 9036f87..0000000
--- a/_app/immutable/chunks/10-f7087702.js
+++ /dev/null
@@ -1 +0,0 @@
-import{default as t}from"../components/pages/tutorial/_page.svelte-9d8364a9.js";export{t as component};
diff --git a/_app/immutable/chunks/2-1f88f065.js b/_app/immutable/chunks/2-1f88f065.js
deleted file mode 100644
index c4d2cc7..0000000
--- a/_app/immutable/chunks/2-1f88f065.js
+++ /dev/null
@@ -1 +0,0 @@
-import{default as t}from"../components/pages/_page.svelte-42762606.js";export{t as component};
diff --git a/_app/immutable/chunks/3-9e457cc1.js b/_app/immutable/chunks/3-9e457cc1.js
deleted file mode 100644
index 29fc136..0000000
--- a/_app/immutable/chunks/3-9e457cc1.js
+++ /dev/null
@@ -1 +0,0 @@
-import{default as t}from"../components/pages/background/_page.svelte-33635414.js";export{t as component};
diff --git a/_app/immutable/chunks/4-f7ee3452.js b/_app/immutable/chunks/4-f7ee3452.js
deleted file mode 100644
index 542b8d8..0000000
--- a/_app/immutable/chunks/4-f7ee3452.js
+++ /dev/null
@@ -1 +0,0 @@
-import{default as t}from"../components/pages/cdn/_page.svelte-6cd4c225.js";export{t as component};
diff --git a/_app/immutable/chunks/5-ac6e5427.js b/_app/immutable/chunks/5-ac6e5427.js
deleted file mode 100644
index 346a63f..0000000
--- a/_app/immutable/chunks/5-ac6e5427.js
+++ /dev/null
@@ -1 +0,0 @@
-import{default as t}from"../components/pages/changelogs/_page.svelte-3cef522e.js";export{t as component};
diff --git a/_app/immutable/chunks/6-07555036.js b/_app/immutable/chunks/6-07555036.js
deleted file mode 100644
index e03ea4c..0000000
--- a/_app/immutable/chunks/6-07555036.js
+++ /dev/null
@@ -1 +0,0 @@
-import{default as t}from"../components/pages/docs/_page.svelte-db427261.js";export{t as component};
diff --git a/_app/immutable/chunks/7-2f4f2101.js b/_app/immutable/chunks/7-2f4f2101.js
deleted file mode 100644
index 54b37b6..0000000
--- a/_app/immutable/chunks/7-2f4f2101.js
+++ /dev/null
@@ -1 +0,0 @@
-import{default as t}from"../components/pages/guide/_page.svelte-4a5ee42b.js";export{t as component};
diff --git a/_app/immutable/chunks/8-692341bc.js b/_app/immutable/chunks/8-692341bc.js
deleted file mode 100644
index 30a931f..0000000
--- a/_app/immutable/chunks/8-692341bc.js
+++ /dev/null
@@ -1 +0,0 @@
-import{default as t}from"../components/pages/reference/_page.svelte-945ed96d.js";export{t as component};
diff --git a/_app/immutable/chunks/9-e972a8b0.js b/_app/immutable/chunks/9-e972a8b0.js
deleted file mode 100644
index 6e8210b..0000000
--- a/_app/immutable/chunks/9-e972a8b0.js
+++ /dev/null
@@ -1 +0,0 @@
-import{default as t}from"../components/pages/test/_page.svelte-ec80c5e1.js";export{t as component};
diff --git a/_app/immutable/chunks/_layout-da46b06b.js b/_app/immutable/chunks/_layout-da46b06b.js
deleted file mode 100644
index 470b827..0000000
--- a/_app/immutable/chunks/_layout-da46b06b.js
+++ /dev/null
@@ -1 +0,0 @@
-const e=!0,r=Object.freeze(Object.defineProperty({__proto__:null,prerender:!0},Symbol.toStringTag,{value:"Module"}));export{r as _,e as p};
diff --git a/_app/immutable/chunks/atomizer-551903d3.js b/_app/immutable/chunks/atomizer.BAxtnY4Y.js
similarity index 92%
rename from _app/immutable/chunks/atomizer-551903d3.js
rename to _app/immutable/chunks/atomizer.BAxtnY4Y.js
index 932e839..bf402a2 100644
--- a/_app/immutable/chunks/atomizer-551903d3.js
+++ b/_app/immutable/chunks/atomizer.BAxtnY4Y.js
@@ -1,4 +1,4 @@
-const V={"--*":1,"-ms-accelerator":1,"-ms-block-progression":1,"-ms-content-zoom-chaining":1,"-ms-content-zooming":1,"-ms-content-zoom-limit":1,"-ms-content-zoom-limit-max":1,"-ms-content-zoom-limit-min":1,"-ms-content-zoom-snap":1,"-ms-content-zoom-snap-points":1,"-ms-content-zoom-snap-type":1,"-ms-filter":1,"-ms-flow-from":1,"-ms-flow-into":1,"-ms-grid-columns":1,"-ms-grid-rows":1,"-ms-high-contrast-adjust":1,"-ms-hyphenate-limit-chars":1,"-ms-hyphenate-limit-lines":1,"-ms-hyphenate-limit-zone":1,"-ms-ime-align":1,"-ms-overflow-style":1,"-ms-scrollbar-3dlight-color":1,"-ms-scrollbar-arrow-color":1,"-ms-scrollbar-base-color":1,"-ms-scrollbar-darkshadow-color":1,"-ms-scrollbar-face-color":1,"-ms-scrollbar-highlight-color":1,"-ms-scrollbar-shadow-color":1,"-ms-scrollbar-track-color":1,"-ms-scroll-chaining":1,"-ms-scroll-limit":1,"-ms-scroll-limit-x-max":1,"-ms-scroll-limit-x-min":1,"-ms-scroll-limit-y-max":1,"-ms-scroll-limit-y-min":1,"-ms-scroll-rails":1,"-ms-scroll-snap-points-x":1,"-ms-scroll-snap-points-y":1,"-ms-scroll-snap-type":1,"-ms-scroll-snap-x":1,"-ms-scroll-snap-y":1,"-ms-scroll-translation":1,"-ms-text-autospace":1,"-ms-touch-select":1,"-ms-user-select":1,"-ms-wrap-flow":1,"-ms-wrap-margin":1,"-ms-wrap-through":1,"-moz-appearance":1,"-moz-binding":1,"-moz-border-bottom-colors":1,"-moz-border-left-colors":1,"-moz-border-right-colors":1,"-moz-border-top-colors":1,"-moz-context-properties":1,"-moz-float-edge":1,"-moz-force-broken-image-icon":1,"-moz-image-region":1,"-moz-orient":1,"-moz-outline-radius":1,"-moz-outline-radius-bottomleft":1,"-moz-outline-radius-bottomright":1,"-moz-outline-radius-topleft":1,"-moz-outline-radius-topright":1,"-moz-stack-sizing":1,"-moz-text-blink":1,"-moz-user-focus":1,"-moz-user-input":1,"-moz-user-modify":1,"-moz-window-dragging":1,"-moz-window-shadow":1,"-webkit-appearance":1,"-webkit-border-before":1,"-webkit-border-before-color":1,"-webkit-border-before-style":1,"-webkit-border-before-width":1,"-webkit-box-reflect":1,"-webkit-line-clamp":1,"-webkit-mask":1,"-webkit-mask-attachment":1,"-webkit-mask-clip":1,"-webkit-mask-composite":1,"-webkit-mask-image":1,"-webkit-mask-origin":1,"-webkit-mask-position":1,"-webkit-mask-position-x":1,"-webkit-mask-position-y":1,"-webkit-mask-repeat":1,"-webkit-mask-repeat-x":1,"-webkit-mask-repeat-y":1,"-webkit-mask-size":1,"-webkit-overflow-scrolling":1,"-webkit-tap-highlight-color":1,"-webkit-text-fill-color":1,"-webkit-text-stroke":1,"-webkit-text-stroke-color":1,"-webkit-text-stroke-width":1,"-webkit-touch-callout":1,"-webkit-user-modify":1,"accent-color":1,"align-content":1,"align-items":1,"align-self":1,"align-tracks":1,all:1,animation:1,"animation-delay":1,"animation-direction":1,"animation-duration":1,"animation-fill-mode":1,"animation-iteration-count":1,"animation-name":1,"animation-play-state":1,"animation-timing-function":1,appearance:1,"aspect-ratio":1,azimuth:1,"backdrop-filter":1,"backface-visibility":1,background:1,"background-attachment":1,"background-blend-mode":1,"background-clip":1,"background-color":1,"background-image":1,"background-origin":1,"background-position":1,"background-position-x":1,"background-position-y":1,"background-repeat":1,"background-size":1,"block-overflow":1,"block-size":1,border:1,"border-block":1,"border-block-color":1,"border-block-style":1,"border-block-width":1,"border-block-end":1,"border-block-end-color":1,"border-block-end-style":1,"border-block-end-width":1,"border-block-start":1,"border-block-start-color":1,"border-block-start-style":1,"border-block-start-width":1,"border-bottom":1,"border-bottom-color":1,"border-bottom-left-radius":1,"border-bottom-right-radius":1,"border-bottom-style":1,"border-bottom-width":1,"border-collapse":1,"border-color":1,"border-end-end-radius":1,"border-end-start-radius":1,"border-image":1,"border-image-outset":1,"border-image-repeat":1,"border-image-slice":1,"border-image-source":1,"border-image-width":1,"border-inline":1,"border-inline-end":1,"border-inline-color":1,"border-inline-style":1,"border-inline-width":1,"border-inline-end-color":1,"border-inline-end-style":1,"border-inline-end-width":1,"border-inline-start":1,"border-inline-start-color":1,"border-inline-start-style":1,"border-inline-start-width":1,"border-left":1,"border-left-color":1,"border-left-style":1,"border-left-width":1,"border-radius":1,"border-right":1,"border-right-color":1,"border-right-style":1,"border-right-width":1,"border-spacing":1,"border-start-end-radius":1,"border-start-start-radius":1,"border-style":1,"border-top":1,"border-top-color":1,"border-top-left-radius":1,"border-top-right-radius":1,"border-top-style":1,"border-top-width":1,"border-width":1,bottom:1,"box-align":1,"box-decoration-break":1,"box-direction":1,"box-flex":1,"box-flex-group":1,"box-lines":1,"box-ordinal-group":1,"box-orient":1,"box-pack":1,"box-shadow":1,"box-sizing":1,"break-after":1,"break-before":1,"break-inside":1,"caption-side":1,"caret-color":1,clear:1,clip:1,"clip-path":1,color:1,"color-adjust":1,"color-scheme":1,"column-count":1,"column-fill":1,"column-gap":1,"column-rule":1,"column-rule-color":1,"column-rule-style":1,"column-rule-width":1,"column-span":1,"column-width":1,columns:1,contain:1,content:1,"content-visibility":1,"counter-increment":1,"counter-reset":1,"counter-set":1,cursor:1,direction:1,display:1,"empty-cells":1,filter:1,flex:1,"flex-basis":1,"flex-direction":1,"flex-flow":1,"flex-grow":1,"flex-shrink":1,"flex-wrap":1,float:1,font:1,"font-family":1,"font-feature-settings":1,"font-kerning":1,"font-language-override":1,"font-optical-sizing":1,"font-variation-settings":1,"font-size":1,"font-size-adjust":1,"font-smooth":1,"font-stretch":1,"font-style":1,"font-synthesis":1,"font-variant":1,"font-variant-alternates":1,"font-variant-caps":1,"font-variant-east-asian":1,"font-variant-ligatures":1,"font-variant-numeric":1,"font-variant-position":1,"font-weight":1,"forced-color-adjust":1,gap:1,grid:1,"grid-area":1,"grid-auto-columns":1,"grid-auto-flow":1,"grid-auto-rows":1,"grid-column":1,"grid-column-end":1,"grid-column-gap":1,"grid-column-start":1,"grid-gap":1,"grid-row":1,"grid-row-end":1,"grid-row-gap":1,"grid-row-start":1,"grid-template":1,"grid-template-areas":1,"grid-template-columns":1,"grid-template-rows":1,"hanging-punctuation":1,height:1,hyphens:1,"image-orientation":1,"image-rendering":1,"image-resolution":1,"ime-mode":1,"initial-letter":1,"initial-letter-align":1,"inline-size":1,"input-security":1,inset:1,"inset-block":1,"inset-block-end":1,"inset-block-start":1,"inset-inline":1,"inset-inline-end":1,"inset-inline-start":1,isolation:1,"justify-content":1,"justify-items":1,"justify-self":1,"justify-tracks":1,left:1,"letter-spacing":1,"line-break":1,"line-clamp":1,"line-height":1,"line-height-step":1,"list-style":1,"list-style-image":1,"list-style-position":1,"list-style-type":1,margin:1,"margin-block":1,"margin-block-end":1,"margin-block-start":1,"margin-bottom":1,"margin-inline":1,"margin-inline-end":1,"margin-inline-start":1,"margin-left":1,"margin-right":1,"margin-top":1,"margin-trim":1,mask:1,"mask-border":1,"mask-border-mode":1,"mask-border-outset":1,"mask-border-repeat":1,"mask-border-slice":1,"mask-border-source":1,"mask-border-width":1,"mask-clip":1,"mask-composite":1,"mask-image":1,"mask-mode":1,"mask-origin":1,"mask-position":1,"mask-repeat":1,"mask-size":1,"mask-type":1,"masonry-auto-flow":1,"math-style":1,"max-block-size":1,"max-height":1,"max-inline-size":1,"max-lines":1,"max-width":1,"min-block-size":1,"min-height":1,"min-inline-size":1,"min-width":1,"mix-blend-mode":1,"object-fit":1,"object-position":1,offset:1,"offset-anchor":1,"offset-distance":1,"offset-path":1,"offset-position":1,"offset-rotate":1,opacity:1,order:1,orphans:1,outline:1,"outline-color":1,"outline-offset":1,"outline-style":1,"outline-width":1,overflow:1,"overflow-anchor":1,"overflow-block":1,"overflow-clip-box":1,"overflow-clip-margin":1,"overflow-inline":1,"overflow-wrap":1,"overflow-x":1,"overflow-y":1,"overscroll-behavior":1,"overscroll-behavior-block":1,"overscroll-behavior-inline":1,"overscroll-behavior-x":1,"overscroll-behavior-y":1,padding:1,"padding-block":1,"padding-block-end":1,"padding-block-start":1,"padding-bottom":1,"padding-inline":1,"padding-inline-end":1,"padding-inline-start":1,"padding-left":1,"padding-right":1,"padding-top":1,"page-break-after":1,"page-break-before":1,"page-break-inside":1,"paint-order":1,perspective:1,"perspective-origin":1,"place-content":1,"place-items":1,"place-self":1,"pointer-events":1,position:1,quotes:1,resize:1,right:1,rotate:1,"row-gap":1,"ruby-align":1,"ruby-merge":1,"ruby-position":1,scale:1,"scrollbar-color":1,"scrollbar-gutter":1,"scrollbar-width":1,"scroll-behavior":1,"scroll-margin":1,"scroll-margin-block":1,"scroll-margin-block-start":1,"scroll-margin-block-end":1,"scroll-margin-bottom":1,"scroll-margin-inline":1,"scroll-margin-inline-start":1,"scroll-margin-inline-end":1,"scroll-margin-left":1,"scroll-margin-right":1,"scroll-margin-top":1,"scroll-padding":1,"scroll-padding-block":1,"scroll-padding-block-start":1,"scroll-padding-block-end":1,"scroll-padding-bottom":1,"scroll-padding-inline":1,"scroll-padding-inline-start":1,"scroll-padding-inline-end":1,"scroll-padding-left":1,"scroll-padding-right":1,"scroll-padding-top":1,"scroll-snap-align":1,"scroll-snap-coordinate":1,"scroll-snap-destination":1,"scroll-snap-points-x":1,"scroll-snap-points-y":1,"scroll-snap-stop":1,"scroll-snap-type":1,"scroll-snap-type-x":1,"scroll-snap-type-y":1,"shape-image-threshold":1,"shape-margin":1,"shape-outside":1,"tab-size":1,"table-layout":1,"text-align":1,"text-align-last":1,"text-combine-upright":1,"text-decoration":1,"text-decoration-color":1,"text-decoration-line":1,"text-decoration-skip":1,"text-decoration-skip-ink":1,"text-decoration-style":1,"text-decoration-thickness":1,"text-emphasis":1,"text-emphasis-color":1,"text-emphasis-position":1,"text-emphasis-style":1,"text-indent":1,"text-justify":1,"text-orientation":1,"text-overflow":1,"text-rendering":1,"text-shadow":1,"text-size-adjust":1,"text-transform":1,"text-underline-offset":1,"text-underline-position":1,top:1,"touch-action":1,transform:1,"transform-box":1,"transform-origin":1,"transform-style":1,transition:1,"transition-delay":1,"transition-duration":1,"transition-property":1,"transition-timing-function":1,translate:1,"unicode-bidi":1,"user-select":1,"vertical-align":1,visibility:1,"white-space":1,widows:1,width:1,"will-change":1,"word-break":1,"word-spacing":1,"word-wrap":1,"writing-mode":1,"z-index":1,zoom:1},D=t=>{const e=t.length,o=t.charCodeAt(0);let i=-1,n,l="";for(;++i<e;){if(n=t.charCodeAt(i),n==0){l+="�";continue}if(n>=1&&n<=31||n==127||i==0&&n>=48&&n<=57||i==1&&n>=48&&n<=57&&o==45){l+="\\"+n.toString(16)+" ";continue}if(i==0&&e==1&&n==45){l+="\\"+t.charAt(i);continue}if(n>=128||n==45||n==95||n>=48&&n<=57||n>=65&&n<=90||n>=97&&n<=122){l+=t.charAt(i);continue}l+="\\"+t.charAt(i)}return l},Y=(t,e=s)=>t.includes("|")?t.split("|").map(e):t.split("/").map(e),h=(t,e=s)=>Y(t,e).join(" "),S=(t,e=s)=>t.split(",").map(e).join(","),y=t=>h(t,r),H=t=>{const[e,o]=t.split(/[:/]/);return(+o/+e*100).toFixed(2)+"%"},v=t=>t.toFixed(2).replace(/^0+|\.00$|0+$/g,"")||"0",s=t=>String(t).startsWith("--")?`var(${t})`:t,r=t=>{if(t==null)throw new Error("px: value is undefined");if(t===0||t==="0")return 0;const e=String(t);if(e.startsWith("--"))return s(""+t);const[o,i]=e.split("/");return+o>0&&+i>0?v(+o/+i*100)+"%":/.[-+*/]/.test(e)&&/\d/.test(e)?"calc("+e.replace(/[-+]/g,n=>` ${n} `)+")":+t==+t?t+"px":t},$=t=>{if(t==null)throw new Error("deg: value is undefined");if(t===0||t==="0")return 0;const e=String(t);return e.startsWith("--")?s(""+t):/.[-+*/]/.test(e)&&/\d/.test(e)?"calc("+e.replace(/[-+]/g,o=>` ${o} `)+")":+t==+t?t+"deg":t},f=t=>t==="fill"?"9999px":r(t),U=t=>t.endsWith("%")?+t.slice(0,-1)/100+"em":r(t),G=t=>{const[e,o]=t.split(".");return o&&e.length===4?"rgba("+e.slice(1).split("").map(i=>parseInt(i+i,16)).join(",")+",."+o+")":o?"rgba("+[e.slice(1,3),e.slice(3,5),e.slice(5,7)].map(i=>parseInt(i,16)).join(",")+",."+o+")":t},q=t=>{const[e,o,i,n]=t.split(",");return"hsl"+(n?"a":"")+"("+[e,o,i,n].filter(Boolean).map(s).join()+")"},Q=t=>{const[e,o,i,n]=t.split(",");return"rgb"+(n?"a":"")+"("+[e,o,i,n].filter(Boolean).map(s).join()+")"},b=(t="transparent")=>t==="-"||t==="transparent"?"transparent":t.startsWith("--")?`var(${t})`:t.split(",").every(e=>parseFloat(e)>=0)?t.includes("%")?q(t):Q(t):t,Z=t=>{if(!t)throw new Error("makeFont: value is undefined");return(t||"").split("/").map((e,o)=>{if(e!=="-"){if(String(e).startsWith("--"))return`var(${e});`;switch(o){case 0:return`font-size:${r(e)};`;case 1:return`line-height:${+e<4?v(+e):r(e)};`;case 2:return`letter-spacing:${r(U(e))};`}}}).filter(Boolean).join("")},x=t=>`font-family:${t};font-family:var(--${t}, ${t});`,u=t=>{if(!t||t==="none"||t==="0"||t==="-")return"none";const e=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"];let o=!1,i=!1;const n=Y(t,l=>+l>0?(o=!0,r(l)):e.includes(String(l))?(i=!0,l):b(String(l)));return o||n.unshift("1px"),i||n.unshift("solid"),n.join(" ")},C=(t="")=>{const e=t.split(/[+/|]/),o=e.map(i=>{switch(i){case"top":return"align-items:flex-start;";case"middle":return"align-items:center;";case"bottom":return"align-items:flex-end;";case"fill":return"align-items:stretch;";case"stretch":return"align-items:stretch;";case"left":return e.includes("reverse")?"justify-content:flex-end;":"";case"right":return e.includes("reverse")?"":"justify-content:flex-end;";case"reverse":return"flex-direction:row-reverse;";case"center":return"justify-content:center;"}return/^[\d.]+$/.test(i)?`gap:${r(i)};`:""});return o.find(i=>i.startsWith("align-items:"))||o.unshift("align-items:center;"),[...new Set(o)].join("")},J=(t="")=>{const e=t.split(/[+/|]/),o=e.map(i=>{switch(i){case"left":return"align-items:flex-start;";case"center":return"align-items:center;";case"right":return"align-items:flex-end;";case"fill":return"align-items:stretch;";case"top":return e.includes("reverse")?"justify-content:flex-end;":"";case"middle":return"justify-content:center;";case"bottom":return e.includes("reverse")?"":"justify-content:flex-end;";case"reverse":return"flex-direction:column-reverse;"}return/^[\d.]+$/.test(i)?`gap:${r(i)};`:""});return o.find(i=>i.startsWith("align-items:"))||o.unshift("align-items:stretch;"),[...new Set(o)].join("")},z=()=>":where(&>*){flex-shrink:0;--w-grow:1;--w-shrink:1;--w-align:initial;--h-grow:initial;--h-shrink:0;--h-align:stretch;}",F=()=>":where(&>*){flex-shrink:0;--h-grow:1;--h-shrink:1;--h-align:initial;--w-grow:initial;--w-shrink:0;--w-align:stretch;}",I=t=>{const e=t.split(/\s+/);return e.includes("row")?z():e.includes("column")?F():""},K=(t="")=>{const o=t.split("+").map(i=>{switch(i){case"left":return"text-align:left;";case"center":return"text-align:center;";case"right":return"text-align:right;";case"justify":return"text-align:justify;";case"top":return"display:flex;flex-flow:column;justify-content:flex-start;";case"middle":return"display:flex;flex-flow:column;justify-content:center;";case"bottom":return"display:flex;flex-flow:column;justify-content:flex-end;";case"pack":return"display:flex;flex-flow:column;align-items:center;justify-content:center;text-align:center;"}return""});return[...new Set(o)].join("")},tt=t=>/\d/.test(t)?t.includes("=")?t.split(/[/|]/).map(e=>e.replace("="," ")).join(","):`all ${t}`:t,et=t=>{const e=t.split(" ").map(r);return e[1]=e[1]||e[0],e[2]=e[2]||e[0],e[3]=e[3]||e[1]||e[0],["top","right","bottom","left"].map((o,i)=>{const n=e[i];if(!(!n||n==="-"))return`${o}:${r(n)};`}).filter(Boolean).join("")},L=t=>{if(t.startsWith("center"))return`left:${t==="center"?"50%":`calc(50% + ${t.slice(6)})`};--a-translate-x:-50%;transform:var(--a-transform);`;const[e,o]=t.split("~"),i=[];return i.push(e?`left:${r(e)};`:""),i.push(o?`right:${r(o)};`:""),i.join("")},_=t=>{if(t.startsWith("center"))return`top:${t==="center"?"50%":`calc(50% + ${t.slice(6)})`};--a-translate-y:-50%;transform:var(--a-transform);`;const[e,o]=t.split("~"),i=[];return i.push(e?`top:${r(e)};`:""),i.push(o?`bottom:${r(o)};`:""),i.join("")},rt=t=>{const[e,o]=t.split(",");return L(e)+_(o)},W=t=>t?t==="pack"||t==="center"?"left:50%;top:50%;transform:translate(-50%,-50%);":(t.includes(",")?rt(t):et(t))+";":"",gt=`
+const V={"--*":1,"-ms-accelerator":1,"-ms-block-progression":1,"-ms-content-zoom-chaining":1,"-ms-content-zooming":1,"-ms-content-zoom-limit":1,"-ms-content-zoom-limit-max":1,"-ms-content-zoom-limit-min":1,"-ms-content-zoom-snap":1,"-ms-content-zoom-snap-points":1,"-ms-content-zoom-snap-type":1,"-ms-filter":1,"-ms-flow-from":1,"-ms-flow-into":1,"-ms-grid-columns":1,"-ms-grid-rows":1,"-ms-high-contrast-adjust":1,"-ms-hyphenate-limit-chars":1,"-ms-hyphenate-limit-lines":1,"-ms-hyphenate-limit-zone":1,"-ms-ime-align":1,"-ms-overflow-style":1,"-ms-scrollbar-3dlight-color":1,"-ms-scrollbar-arrow-color":1,"-ms-scrollbar-base-color":1,"-ms-scrollbar-darkshadow-color":1,"-ms-scrollbar-face-color":1,"-ms-scrollbar-highlight-color":1,"-ms-scrollbar-shadow-color":1,"-ms-scrollbar-track-color":1,"-ms-scroll-chaining":1,"-ms-scroll-limit":1,"-ms-scroll-limit-x-max":1,"-ms-scroll-limit-x-min":1,"-ms-scroll-limit-y-max":1,"-ms-scroll-limit-y-min":1,"-ms-scroll-rails":1,"-ms-scroll-snap-points-x":1,"-ms-scroll-snap-points-y":1,"-ms-scroll-snap-type":1,"-ms-scroll-snap-x":1,"-ms-scroll-snap-y":1,"-ms-scroll-translation":1,"-ms-text-autospace":1,"-ms-touch-select":1,"-ms-user-select":1,"-ms-wrap-flow":1,"-ms-wrap-margin":1,"-ms-wrap-through":1,"-moz-appearance":1,"-moz-binding":1,"-moz-border-bottom-colors":1,"-moz-border-left-colors":1,"-moz-border-right-colors":1,"-moz-border-top-colors":1,"-moz-context-properties":1,"-moz-float-edge":1,"-moz-force-broken-image-icon":1,"-moz-image-region":1,"-moz-orient":1,"-moz-outline-radius":1,"-moz-outline-radius-bottomleft":1,"-moz-outline-radius-bottomright":1,"-moz-outline-radius-topleft":1,"-moz-outline-radius-topright":1,"-moz-stack-sizing":1,"-moz-text-blink":1,"-moz-user-focus":1,"-moz-user-input":1,"-moz-user-modify":1,"-moz-window-dragging":1,"-moz-window-shadow":1,"-webkit-appearance":1,"-webkit-border-before":1,"-webkit-border-before-color":1,"-webkit-border-before-style":1,"-webkit-border-before-width":1,"-webkit-box-reflect":1,"-webkit-line-clamp":1,"-webkit-mask":1,"-webkit-mask-attachment":1,"-webkit-mask-clip":1,"-webkit-mask-composite":1,"-webkit-mask-image":1,"-webkit-mask-origin":1,"-webkit-mask-position":1,"-webkit-mask-position-x":1,"-webkit-mask-position-y":1,"-webkit-mask-repeat":1,"-webkit-mask-repeat-x":1,"-webkit-mask-repeat-y":1,"-webkit-mask-size":1,"-webkit-overflow-scrolling":1,"-webkit-tap-highlight-color":1,"-webkit-text-fill-color":1,"-webkit-text-stroke":1,"-webkit-text-stroke-color":1,"-webkit-text-stroke-width":1,"-webkit-touch-callout":1,"-webkit-user-modify":1,"accent-color":1,"align-content":1,"align-items":1,"align-self":1,"align-tracks":1,all:1,animation:1,"animation-delay":1,"animation-direction":1,"animation-duration":1,"animation-fill-mode":1,"animation-iteration-count":1,"animation-name":1,"animation-play-state":1,"animation-timing-function":1,appearance:1,"aspect-ratio":1,azimuth:1,"backdrop-filter":1,"backface-visibility":1,background:1,"background-attachment":1,"background-blend-mode":1,"background-clip":1,"background-color":1,"background-image":1,"background-origin":1,"background-position":1,"background-position-x":1,"background-position-y":1,"background-repeat":1,"background-size":1,"block-overflow":1,"block-size":1,border:1,"border-block":1,"border-block-color":1,"border-block-style":1,"border-block-width":1,"border-block-end":1,"border-block-end-color":1,"border-block-end-style":1,"border-block-end-width":1,"border-block-start":1,"border-block-start-color":1,"border-block-start-style":1,"border-block-start-width":1,"border-bottom":1,"border-bottom-color":1,"border-bottom-left-radius":1,"border-bottom-right-radius":1,"border-bottom-style":1,"border-bottom-width":1,"border-collapse":1,"border-color":1,"border-end-end-radius":1,"border-end-start-radius":1,"border-image":1,"border-image-outset":1,"border-image-repeat":1,"border-image-slice":1,"border-image-source":1,"border-image-width":1,"border-inline":1,"border-inline-end":1,"border-inline-color":1,"border-inline-style":1,"border-inline-width":1,"border-inline-end-color":1,"border-inline-end-style":1,"border-inline-end-width":1,"border-inline-start":1,"border-inline-start-color":1,"border-inline-start-style":1,"border-inline-start-width":1,"border-left":1,"border-left-color":1,"border-left-style":1,"border-left-width":1,"border-radius":1,"border-right":1,"border-right-color":1,"border-right-style":1,"border-right-width":1,"border-spacing":1,"border-start-end-radius":1,"border-start-start-radius":1,"border-style":1,"border-top":1,"border-top-color":1,"border-top-left-radius":1,"border-top-right-radius":1,"border-top-style":1,"border-top-width":1,"border-width":1,bottom:1,"box-align":1,"box-decoration-break":1,"box-direction":1,"box-flex":1,"box-flex-group":1,"box-lines":1,"box-ordinal-group":1,"box-orient":1,"box-pack":1,"box-shadow":1,"box-sizing":1,"break-after":1,"break-before":1,"break-inside":1,"caption-side":1,"caret-color":1,clear:1,clip:1,"clip-path":1,color:1,"color-adjust":1,"color-scheme":1,"column-count":1,"column-fill":1,"column-gap":1,"column-rule":1,"column-rule-color":1,"column-rule-style":1,"column-rule-width":1,"column-span":1,"column-width":1,columns:1,contain:1,content:1,"content-visibility":1,"counter-increment":1,"counter-reset":1,"counter-set":1,cursor:1,direction:1,display:1,"empty-cells":1,filter:1,flex:1,"flex-basis":1,"flex-direction":1,"flex-flow":1,"flex-grow":1,"flex-shrink":1,"flex-wrap":1,float:1,font:1,"font-family":1,"font-feature-settings":1,"font-kerning":1,"font-language-override":1,"font-optical-sizing":1,"font-variation-settings":1,"font-size":1,"font-size-adjust":1,"font-smooth":1,"font-stretch":1,"font-style":1,"font-synthesis":1,"font-variant":1,"font-variant-alternates":1,"font-variant-caps":1,"font-variant-east-asian":1,"font-variant-ligatures":1,"font-variant-numeric":1,"font-variant-position":1,"font-weight":1,"forced-color-adjust":1,gap:1,grid:1,"grid-area":1,"grid-auto-columns":1,"grid-auto-flow":1,"grid-auto-rows":1,"grid-column":1,"grid-column-end":1,"grid-column-gap":1,"grid-column-start":1,"grid-gap":1,"grid-row":1,"grid-row-end":1,"grid-row-gap":1,"grid-row-start":1,"grid-template":1,"grid-template-areas":1,"grid-template-columns":1,"grid-template-rows":1,"hanging-punctuation":1,height:1,hyphens:1,"image-orientation":1,"image-rendering":1,"image-resolution":1,"ime-mode":1,"initial-letter":1,"initial-letter-align":1,"inline-size":1,"input-security":1,inset:1,"inset-block":1,"inset-block-end":1,"inset-block-start":1,"inset-inline":1,"inset-inline-end":1,"inset-inline-start":1,isolation:1,"justify-content":1,"justify-items":1,"justify-self":1,"justify-tracks":1,left:1,"letter-spacing":1,"line-break":1,"line-clamp":1,"line-height":1,"line-height-step":1,"list-style":1,"list-style-image":1,"list-style-position":1,"list-style-type":1,margin:1,"margin-block":1,"margin-block-end":1,"margin-block-start":1,"margin-bottom":1,"margin-inline":1,"margin-inline-end":1,"margin-inline-start":1,"margin-left":1,"margin-right":1,"margin-top":1,"margin-trim":1,mask:1,"mask-border":1,"mask-border-mode":1,"mask-border-outset":1,"mask-border-repeat":1,"mask-border-slice":1,"mask-border-source":1,"mask-border-width":1,"mask-clip":1,"mask-composite":1,"mask-image":1,"mask-mode":1,"mask-origin":1,"mask-position":1,"mask-repeat":1,"mask-size":1,"mask-type":1,"masonry-auto-flow":1,"math-style":1,"max-block-size":1,"max-height":1,"max-inline-size":1,"max-lines":1,"max-width":1,"min-block-size":1,"min-height":1,"min-inline-size":1,"min-width":1,"mix-blend-mode":1,"object-fit":1,"object-position":1,offset:1,"offset-anchor":1,"offset-distance":1,"offset-path":1,"offset-position":1,"offset-rotate":1,opacity:1,order:1,orphans:1,outline:1,"outline-color":1,"outline-offset":1,"outline-style":1,"outline-width":1,overflow:1,"overflow-anchor":1,"overflow-block":1,"overflow-clip-box":1,"overflow-clip-margin":1,"overflow-inline":1,"overflow-wrap":1,"overflow-x":1,"overflow-y":1,"overscroll-behavior":1,"overscroll-behavior-block":1,"overscroll-behavior-inline":1,"overscroll-behavior-x":1,"overscroll-behavior-y":1,padding:1,"padding-block":1,"padding-block-end":1,"padding-block-start":1,"padding-bottom":1,"padding-inline":1,"padding-inline-end":1,"padding-inline-start":1,"padding-left":1,"padding-right":1,"padding-top":1,"page-break-after":1,"page-break-before":1,"page-break-inside":1,"paint-order":1,perspective:1,"perspective-origin":1,"place-content":1,"place-items":1,"place-self":1,"pointer-events":1,position:1,quotes:1,resize:1,right:1,rotate:1,"row-gap":1,"ruby-align":1,"ruby-merge":1,"ruby-position":1,scale:1,"scrollbar-color":1,"scrollbar-gutter":1,"scrollbar-width":1,"scroll-behavior":1,"scroll-margin":1,"scroll-margin-block":1,"scroll-margin-block-start":1,"scroll-margin-block-end":1,"scroll-margin-bottom":1,"scroll-margin-inline":1,"scroll-margin-inline-start":1,"scroll-margin-inline-end":1,"scroll-margin-left":1,"scroll-margin-right":1,"scroll-margin-top":1,"scroll-padding":1,"scroll-padding-block":1,"scroll-padding-block-start":1,"scroll-padding-block-end":1,"scroll-padding-bottom":1,"scroll-padding-inline":1,"scroll-padding-inline-start":1,"scroll-padding-inline-end":1,"scroll-padding-left":1,"scroll-padding-right":1,"scroll-padding-top":1,"scroll-snap-align":1,"scroll-snap-coordinate":1,"scroll-snap-destination":1,"scroll-snap-points-x":1,"scroll-snap-points-y":1,"scroll-snap-stop":1,"scroll-snap-type":1,"scroll-snap-type-x":1,"scroll-snap-type-y":1,"shape-image-threshold":1,"shape-margin":1,"shape-outside":1,"tab-size":1,"table-layout":1,"text-align":1,"text-align-last":1,"text-combine-upright":1,"text-decoration":1,"text-decoration-color":1,"text-decoration-line":1,"text-decoration-skip":1,"text-decoration-skip-ink":1,"text-decoration-style":1,"text-decoration-thickness":1,"text-emphasis":1,"text-emphasis-color":1,"text-emphasis-position":1,"text-emphasis-style":1,"text-indent":1,"text-justify":1,"text-orientation":1,"text-overflow":1,"text-rendering":1,"text-shadow":1,"text-size-adjust":1,"text-transform":1,"text-underline-offset":1,"text-underline-position":1,top:1,"touch-action":1,transform:1,"transform-box":1,"transform-origin":1,"transform-style":1,transition:1,"transition-delay":1,"transition-duration":1,"transition-property":1,"transition-timing-function":1,translate:1,"unicode-bidi":1,"user-select":1,"vertical-align":1,visibility:1,"white-space":1,widows:1,width:1,"will-change":1,"word-break":1,"word-spacing":1,"word-wrap":1,"writing-mode":1,"z-index":1,zoom:1},D=t=>{const e=t.length,o=t.charCodeAt(0);let i=-1,n,l="";for(;++i<e;){if(n=t.charCodeAt(i),n==0){l+="�";continue}if(n>=1&&n<=31||n==127||i==0&&n>=48&&n<=57||i==1&&n>=48&&n<=57&&o==45){l+="\\"+n.toString(16)+" ";continue}if(i==0&&e==1&&n==45){l+="\\"+t.charAt(i);continue}if(n>=128||n==45||n==95||n>=48&&n<=57||n>=65&&n<=90||n>=97&&n<=122){l+=t.charAt(i);continue}l+="\\"+t.charAt(i)}return l},Y=(t,e=s)=>t.includes("|")?t.split("|").map(e):t.split("/").map(e),h=(t,e=s)=>Y(t,e).join(" "),S=(t,e=s)=>t.split(",").map(e).join(","),y=t=>h(t,r),H=t=>{const[e,o]=t.split(/[:/]/);return(+o/+e*100).toFixed(2)+"%"},v=t=>t.toFixed(2).replace(/^0+|\.00$|0+$/g,"")||"0",s=t=>String(t).startsWith("--")?`var(${t})`:t,r=t=>{if(t==null)throw new Error("px: value is undefined");if(t===0||t==="0")return 0;const e=String(t);if(e.startsWith("--"))return s(""+t);const[o,i]=e.split("/");return+o>0&&+i>0?v(+o/+i*100)+"%":/.[-+*/]/.test(e)&&/\d/.test(e)?"calc("+e.replace(/[-+]/g,n=>` ${n} `)+")":+t==+t?t+"px":t},$=t=>{if(t==null)throw new Error("deg: value is undefined");if(t===0||t==="0")return 0;const e=String(t);return e.startsWith("--")?s(""+t):/.[-+*/]/.test(e)&&/\d/.test(e)?"calc("+e.replace(/[-+]/g,o=>` ${o} `)+")":+t==+t?t+"deg":t},f=t=>t==="fill"?"9999px":r(t),L=t=>t.endsWith("%")?+t.slice(0,-1)/100+"em":r(t),G=t=>{const[e,o]=t.split(".");return o&&e.length===4?"rgba("+e.slice(1).split("").map(i=>parseInt(i+i,16)).join(",")+",."+o+")":o?"rgba("+[e.slice(1,3),e.slice(3,5),e.slice(5,7)].map(i=>parseInt(i,16)).join(",")+",."+o+")":t},q=t=>{const[e,o,i,n]=t.split(",");return"hsl"+(n?"a":"")+"("+[e,o,i,n].filter(Boolean).map(s).join()+")"},Q=t=>{const[e,o,i,n]=t.split(",");return"rgb"+(n?"a":"")+"("+[e,o,i,n].filter(Boolean).map(s).join()+")"},b=(t="transparent")=>t==="-"||t==="transparent"?"transparent":t.startsWith("--")?`var(${t})`:t.split(",").every(e=>parseFloat(e)>=0)?t.includes("%")?q(t):Q(t):t,Z=t=>{if(!t)throw new Error("makeFont: value is undefined");return(t||"").split("/").map((e,o)=>{if(e!=="-"){if(String(e).startsWith("--"))return`var(${e});`;switch(o){case 0:return`font-size:${r(e)};`;case 1:return`line-height:${+e<4?v(+e):r(e)};`;case 2:return`letter-spacing:${r(L(e))};`}}}).filter(Boolean).join("")},x=t=>`font-family:${t};font-family:var(--${t}, ${t});`,u=t=>{if(!t||t==="none"||t==="0"||t==="-")return"none";const e=["none","hidden","dotted","dashed","solid","double","groove","ridge","inset","outset"];let o=!1,i=!1;const n=Y(t,l=>+l>0?(o=!0,r(l)):e.includes(String(l))?(i=!0,l):b(String(l)));return o||n.unshift("1px"),i||n.unshift("solid"),n.join(" ")},C=(t="")=>{const e=t.split(/[+/|]/),o=e.map(i=>{switch(i){case"top":return"align-items:flex-start;";case"middle":return"align-items:center;";case"bottom":return"align-items:flex-end;";case"fill":return"align-items:stretch;";case"stretch":return"align-items:stretch;";case"left":return e.includes("reverse")?"justify-content:flex-end;":"";case"right":return e.includes("reverse")?"":"justify-content:flex-end;";case"reverse":return"flex-direction:row-reverse;";case"center":return"justify-content:center;"}return/^[\d.]+$/.test(i)?`gap:${r(i)};`:""});return o.find(i=>i.startsWith("align-items:"))||o.unshift("align-items:center;"),[...new Set(o)].join("")},J=(t="")=>{const e=t.split(/[+/|]/),o=e.map(i=>{switch(i){case"left":return"align-items:flex-start;";case"center":return"align-items:center;";case"right":return"align-items:flex-end;";case"fill":return"align-items:stretch;";case"top":return e.includes("reverse")?"justify-content:flex-end;":"";case"middle":return"justify-content:center;";case"bottom":return e.includes("reverse")?"":"justify-content:flex-end;";case"reverse":return"flex-direction:column-reverse;"}return/^[\d.]+$/.test(i)?`gap:${r(i)};`:""});return o.find(i=>i.startsWith("align-items:"))||o.unshift("align-items:stretch;"),[...new Set(o)].join("")},z=()=>":where(&>*){flex-shrink:0;--w-grow:1;--w-shrink:1;--w-align:initial;--h-grow:initial;--h-shrink:0;--h-align:stretch;}",F=()=>":where(&>*){flex-shrink:0;--h-grow:1;--h-shrink:1;--h-align:initial;--w-grow:initial;--w-shrink:0;--w-align:stretch;}",I=t=>{const e=t.split(/\s+/);return e.includes("row")?z():e.includes("column")?F():""},K=(t="")=>{const o=t.split("+").map(i=>{switch(i){case"left":return"text-align:left;";case"center":return"text-align:center;";case"right":return"text-align:right;";case"justify":return"text-align:justify;";case"top":return"display:flex;flex-flow:column;justify-content:flex-start;";case"middle":return"display:flex;flex-flow:column;justify-content:center;";case"bottom":return"display:flex;flex-flow:column;justify-content:flex-end;";case"pack":return"display:flex;flex-flow:column;align-items:center;justify-content:center;text-align:center;"}return""});return[...new Set(o)].join("")},tt=t=>/\d/.test(t)?t.includes("=")?t.split(/[/|]/).map(e=>e.replace("="," ")).join(","):`all ${t}`:t,et=t=>{const e=t.split(" ").map(r);return e[1]=e[1]||e[0],e[2]=e[2]||e[0],e[3]=e[3]||e[1]||e[0],["top","right","bottom","left"].map((o,i)=>{const n=e[i];if(!(!n||n==="-"))return`${o}:${r(n)};`}).filter(Boolean).join("")},U=t=>{if(t.startsWith("center"))return`left:${t==="center"?"50%":`calc(50% + ${t.slice(6)})`};--a-translate-x:-50%;transform:var(--a-transform);`;const[e,o]=t.split("~"),i=[];return i.push(e?`left:${r(e)};`:""),i.push(o?`right:${r(o)};`:""),i.join("")},_=t=>{if(t.startsWith("center"))return`top:${t==="center"?"50%":`calc(50% + ${t.slice(6)})`};--a-translate-y:-50%;transform:var(--a-transform);`;const[e,o]=t.split("~"),i=[];return i.push(e?`top:${r(e)};`:""),i.push(o?`bottom:${r(o)};`:""),i.join("")},rt=t=>{const[e,o]=t.split(",");return U(e)+_(o)},W=t=>t?t==="pack"||t==="center"?"left:50%;top:50%;transform:translate(-50%,-50%);":(t.includes(",")?rt(t):et(t))+";":"",gt=`
 *,:after,:before{margin:0;padding:0;font:inherit;color:inherit;box-sizing:border-box;}
 :root{-webkit-tap-highlight-color:transparent;text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5;overflow-wrap:break-word;word-break:break-word;tab-size:2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
 html,body{height:100%;}
@@ -20,5 +20,5 @@ ol,ul,menu,dir{list-style:none;}
 --a-transform:translateX(var(--a-translate-x)) translateY(var(--a-translate-y)) rotate(var(--a-rotate)) skewX(var(--a-skew-x)) skewY(var(--a-skew-y)) scaleX(var(--a-scale-x)) scaleY(var(--a-scale-y));
 --a-transform3d:translate3d(var(--a-translate-x),var(--a-translate-y),0) rotate(var(--a-rotate)) skewX(var(--a-skew-x)) skewY(var(--a-skew-y)) scaleX(var(--a-scale-x)) scaleY(var(--a-scale-y));
 }
-`,P={c:t=>t.startsWith("linear-gradient")?`background:${t.replace(/\//g," ")};-webkit-background-clip:text;-webkit-text-fill-color:transparent;`:t.startsWith("radial-gradient")?`background:${t.replace(/\//g," ")};-webkit-background-clip:text;-webkit-text-fill-color:transparent;`:`color:${b(t)};`,color:t=>P.c(t),caret:t=>`caret-color:${b(t)};`,"caret-current":()=>"color:currentColor;",font:t=>Z(t),"font-size":t=>`font-size:${r(t)};`,"line-height":t=>`line-height:${+t<4?v(+t):r(t)};`,"letter-spacing":t=>`letter-spacing:${U(t)};`,"word-spacing":t=>`word-spacing:${r(t)};`,AppleSD:()=>'font-family:"Apple SD Gothic Neo";',Roboto:()=>x("Roboto"),sans:()=>x("sans"),"sans-serif":()=>x("sans-serif"),serif:()=>x("serif"),cursive:()=>x("cursive"),fantasy:()=>x("fantasy"),"system-ui":()=>x("system-ui"),monospace:t=>t==="number"?"font-variant-numeric:tabular-nums;":x("monospace"),100:()=>"font-weight:100;",200:()=>"font-weight:200;",300:()=>"font-weight:300;",400:()=>"font-weight:400;",500:()=>"font-weight:500;",600:()=>"font-weight:600;",700:()=>"font-weight:700;",800:()=>"font-weight:800;",900:()=>"font-weight:900;",thin:()=>"font-weight:200;",light:()=>"font-weight:300;",regular:()=>"font-weight:normal;",medium:()=>"font-weight:500;",semibold:()=>"font-weight:600;",bold:()=>"font-weight:bold;",heavy:()=>"font-weight:900;",thicker:(t="1")=>`text-shadow:0 0 ${r(t)} currentColor;`,italic:()=>"font-style:italic;",overline:()=>"text-decoration:overline;",underline:()=>"text-decoration:underline;","line-through":()=>"text-decoration:line-through;",strike:()=>"text-decoration:line-through;",del:()=>"text-decoration:line-through;","small-caps":()=>"font-variant-caps:small-caps;","all-small-caps":()=>"font-variant-caps:all-small-caps;","slashed-zero":()=>"font-variant-numeric:slashed-zero;","tabular-nums":()=>"font-variant-numeric:tabular-nums;",lowercase:()=>"text-transform:lowercase;",uppercase:()=>"text-transform:uppercase;",capitalize:()=>"text-transform:capitalize;",text:t=>K(t),"text-justify":()=>"text-align:justify;","text-center":()=>"text-align:center;","text-right":()=>"text-align:right;","text-left":()=>"text-align:left;","vertical-top":()=>"vertical-align:top;","vertical-middle":()=>"vertical-align:middle;","vertical-bottom":()=>"vertical-align:bottom;",sub:()=>"vertical-align:sub;",super:()=>"vertical-align:super;","text-top":()=>"vertical-align:text-top;","text-bottom":()=>"vertical-align:text-bottom;","text-indent":t=>`text-indent:${r(t)};`,"break-all":()=>"word-break:break-all;","break-word":()=>"overflow-wrap:break-word;","keep-all":()=>"word-break:keep-all;",hyphens:(t="auto")=>`hyphens:${t};`,block:()=>"display:block;","inline-block":()=>"display:inline-block;",inline:()=>"display:inline;","inline-flex":()=>"display:inline-flex;",table:()=>"display:table;","inline-table":()=>"display:inline-table;","table-caption":()=>"display:table-caption;","table-cell":()=>"display:table-cell;","table-column":()=>"display:table-column;","table-column-group":()=>"display:table-column-group;","table-footer-group":()=>"display:table-footer-group;","table-header-group":()=>"display:table-header-group;","table-row-group":()=>"display:table-row-group;","table-row":()=>"display:table-row;","flow-root":()=>"display:flow-root;",contents:()=>"display:contents;","list-item":()=>"display:list-item;","border-box":()=>"box-sizing:border-box;","content-box":()=>"box-sizing:content-box;",w:t=>{if(t==="hug")return"width:max-content;";if(t==="stretch"||t==="fill")return"&{flex-grow:var(--w-grow);flex-shrink:var(--w-shrink);align-self:var(--w-align);max-width:100%}&.h\\(fill\\),&.h\\(stretch\\){flex-grow:1;flex-shrink:1;align-self:stretch;max-width:100%;max-height:100%;}";if(t.includes("~")){const e=[],o=t.split("~");if(o.length<=2){const[a,m]=o;return a&&e.push(`min-width:${r(a)};`),m&&e.push(`max-width:${r(m)};`),e.join("")}const[i,n,l]=o;return i&&e.push(`min-width:${r(i)};`),e.push(`width:${r(n)};`),l&&e.push(`max-width:${r(l)};`),e.join("")}return`width:${r(t)};`},"min-w":t=>`min-width:${r(t)};`,"max-w":t=>`max-width:${r(t)};`,h:t=>{if(t==="hug")return"height:max-content;";if(t==="stretch"||t==="fill")return"flex-grow:var(--h-grow);flex-shrink:var(--h-shrink);align-self:var(--h-align);max-height:100%;";if(t.includes("~")){const e=[],o=t.split("~");if(o.length<=2){const[a,m]=t.split("~");return a&&e.push(`min-height:${r(a)};`),m&&e.push(`max-height:${r(m)};`),e.join("")}const[i,n,l]=o;return i&&e.push(`min-height:${r(i)};`),e.push(`height:${r(n)};`),l&&e.push(`max-height:${r(l)};`),e.join("")}return`height:${r(t)};`},"min-h":t=>`min-height:${r(t)};`,"max-h":t=>`max-height:${r(t)};`,m:t=>`margin:${y(t)};`,mx:t=>`margin-left:${r(t)};margin-right:${r(t)};`,my:t=>`margin-top:${r(t)};margin-bottom:${r(t)};`,mt:t=>`margin-top:${r(t)};`,mr:t=>`margin-right:${r(t)};`,mb:t=>`margin-bottom:${r(t)};`,ml:t=>`margin-left:${r(t)};`,p:t=>`padding:${y(t)};`,px:t=>`padding-left:${r(t)};padding-right:${r(t)};`,py:t=>`padding-top:${r(t)};padding-bottom:${r(t)};`,pt:t=>`padding-top:${r(t)};`,pr:t=>`padding-right:${r(t)};`,pb:t=>`padding-bottom:${r(t)};`,pl:t=>`padding-left:${r(t)};`,"no-border":()=>"border:none;outline:none;",b:t=>`border:${u(t)};`,bx:t=>`border-left:${u(t)};border-right:${u(t)};`,by:t=>`border-top:${u(t)};border-bottom:${u(t)};`,bt:t=>`border-top:${u(t)};`,br:t=>`border-right:${u(t)};`,bb:t=>`border-bottom:${u(t)};`,bl:t=>`border-left:${u(t)};`,bw:t=>`border-width:${h(t,r)};`,bxw:t=>`border-left-width:${r(t)};border-right-width:${r(t)};`,byw:t=>`border-top-width:${r(t)};border-bottom-width:${r(t)};`,btw:t=>`border-top-width:${r(t)};`,brw:t=>`border-right-width:${r(t)};`,bbw:t=>`border-bottom-width:${r(t)};`,blw:t=>`border-left-width:${r(t)};`,bs:t=>`border-style:${h(t)};`,bxs:t=>`border-left-style:${s(t)};border-right-style:${s(t)};`,bys:t=>`border-top-style:${s(t)};border-bottom-style:${s(t)};`,bts:t=>`border-top-style:${s(t)};`,brs:t=>`border-right-style:${s(t)};`,bbs:t=>`border-bottom-style:${s(t)};`,bls:t=>`border-left-style:${s(t)};`,bc:t=>`border-color:${h(t,b)};`,bxc:t=>`border-left-color:${b(t)};border-right-color:${b(t)};`,byc:t=>`border-top-color:${b(t)};border-bottom-color:${b(t)};`,btc:t=>`border-top-color:${b(t)};`,brc:t=>`border-right-color:${b(t)};`,bbc:t=>`border-bottom-color:${b(t)};`,blc:t=>`border-left-color:${b(t)};`,outline:t=>`outline:${u(t)};`,guide:(t="#4f80ff")=>`&,&>*{outline:1px solid ${b(t)};}`,r:t=>`border-radius:${h(t,f)};`,rt:t=>`border-top-left-radius:${f(t)};border-top-right-radius:${f(t)};`,rr:t=>`border-top-right-radius:${f(t)};border-bottom-right-radius:${f(t)};`,rb:t=>`border-bottom-left-radius:${f(t)};border-bottom-right-radius:${f(t)};`,rl:t=>`border-top-left-radius:${f(t)};border-bottom-left-radius:${f(t)};`,rtl:t=>`border-top-left-radius:${f(t)};`,rtr:t=>`border-top-right-radius:${f(t)};`,rbr:t=>`border-bottom-right-radius:${f(t)};`,rbl:t=>`border-bottom-left-radius:${f(t)};`,ring:t=>{const[e,o=1]=t.split("/");return`box-shadow:0 0 0 ${r(o)} ${b(e)};`},"box-shadow":t=>`box-shadow:${h(t,e=>Number.isInteger(+e)?r(e):s(e))};`,bg:t=>t.startsWith("linear-gradient")?`background:${t.replace(/\//g," ")};`:t.startsWith("radial-gradient")?`background:${t.replace(/\//g," ")};`:t.startsWith("url")?`background-image:${t};`:/^(http|[./])/.test(t)?`background-image:url(${t});`:t==="transparent"?"background:transparent;":`background:${b(t)};`,"bg-image":t=>t.startsWith("url")?`background-image:${t};`:`background-image:url(${t});`,"background-image":t=>P["bg-image"](t),"bg-position":t=>`background-position:${h(t)};`,"bg-repeat-x":()=>"background-repeat:repeat-x;","bg-repeat-y":()=>"background-repeat:repeat-y;","bg-no-repeat":()=>"background-repeat:no-repeat;","bg-fixed":()=>"background-attachment:fixed;","bg-scroll":()=>"background-attachment:scroll;",contain:()=>"background-size:contain;background-position:center;background-repeat:no-repeat;object-fit:contain;",cover:()=>"background-size:cover;background-position:center;background-repeat:no-repeat;object-fit:cover;",clip:()=>"&{overflow:hidden;}&:has(.nowrap\\.\\.\\.){flex-shrink:1;}",overflow:t=>`overflow:${t};`,"overflow-x":t=>`overflow-x:${t};`,"overflow-y":t=>`overflow-y:${t};`,scroll:()=>"overflow:auto;","scroll-x":()=>"overflow-x:auto;overflow-y:hidden;","scroll-y":()=>"overflow-x:hidden;overflow-y:auto;",scrollbar:()=>"&{overflow:scroll;}&.scroll{overflow:scroll;}&.scroll-x{overflow-x:scroll;}&.scroll-y{overflow-y:scroll;}","no-scrollbar":()=>"&::-webkit-scrollbar{display:none;}","no-scrollbar-x":()=>"&::-webkit-scrollbar:horizontal{display:none;}","scroll-m":t=>`scroll-margin:${y(t)};`,"scroll-mt":t=>`scroll-margin-top:${r(t)};`,"scroll-mr":t=>`scroll-margin-right:${r(t)};`,"scroll-mb":t=>`scroll-margin-bottom:${r(t)};`,"scroll-ml":t=>`scroll-margin-left:${r(t)};`,"scroll-p":t=>`scroll-padding:${y(t)};`,"scroll-pt":t=>`scroll-padding-top:${r(t)};`,"scroll-pr":t=>`scroll-padding-right:${r(t)};`,"scroll-pb":t=>`scroll-padding-bottom:${r(t)};`,"scroll-pl":t=>`scroll-padding-left:${r(t)};`,snap:t=>`scroll-snap-align:${s(t)};`,"snap-start":()=>"scroll-snap-align:start;","snap-end":()=>"scroll-snap-align:end;","snap-center":()=>"scroll-snap-align:center;","snap-align-none":()=>"scroll-snap-align:none;","snap-none":()=>"scroll-snap-type:none;","snap-x":()=>"scroll-snap-type:x var(--a-scroll-snap-strictness, mandatory);","snap-x-proximity":()=>"scroll-snap-type:x proximity;","snap-y":()=>"scroll-snap-type:y var(--a-scroll-snap-strictness, mandatory);","snap-y-proximity":()=>"scroll-snap-type:y proximity;","snap-both":()=>"scroll-snap-type:both var(--a-scroll-snap-strictness, mandatory);","snap-both-proximity":()=>"scroll-snap-type:both proximity;","snap-mandatory":()=>"--a-scroll-snap-strictness:mandatory;","snap-proximity":()=>"--a-scroll-snap-strictness:proximity;","snap-normal":()=>"scroll-snap-stop:normal;","snap-always":()=>"scroll-snap-stop:always;",overscroll:t=>`overscroll-behavior:${t};`,"overscroll-x":t=>`overscroll-behavior-x:${t};`,"overscroll-y":t=>`overscroll-behavior-y:${t};`,"no-bouncing":()=>"","no-overscroll":()=>"","white-space-normal":()=>"white-space:normal;",pre:()=>"white-space:pre-wrap;","pre-wrap":()=>"white-space:pre-wrap;","pre-line":()=>"white-space:pre-line;","break-spaces":()=>"white-space:break-spaces;",nowrap:()=>"white-space:nowrap;","nowrap...":()=>"white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-shrink:1;max-width:100%;","line-clamp":t=>`display:-webkit-box;-webkit-line-clamp:${t};-webkit-box-orient:vertical;overflow:hidden;`,"max-lines":t=>`display:-webkit-box;-webkit-line-clamp:${t};-webkit-box-orient:vertical;overflow:hidden;`,hbox:(t="")=>`&{display:flex;flex-flow:row;${C(t)}}${z()}`,vbox:(t="")=>`&{display:flex;flex-flow:column;${J(t)}}${F()}`,wrap:(t="")=>`&{display:flex;flex-flow:wrap;${C(t)}}${z()}`,pack:()=>`&{display:flex;align-items:center;justify-content:center;}${z()}`,hpack:()=>`&{display:flex;flex-flow:row;align-items:center;justify-content:center;}${z()}`,vpack:()=>`&{display:flex;flex-flow:column;align-items:center;justify-content:center;}${F()}`,"hbox(":()=>"","vbox(":()=>"",subbox:()=>"display:flex;flex-flow:inherit;align-items:inherit;justify-content:inherit;","flex-flow:":t=>`&{flex-flow:${t};}${I(t)}`,"flex-direction:":t=>`&{flex-direction:${t};}${I(t)}`,gap:t=>t==="auto"?"&{justify-content:space-between;align-content:space-between;}&>:only-child{margin:auto;}":`gap:${y(t)};grid-gap:${y(t)};`,hgap:t=>`&>*+*{margin-left:${r(t)};}`,"hgap-reverse":t=>`&>*+*{margin-right:${r(t)};}`,vgap:t=>`&>*+*{margin-top:${r(t)};}`,"vgap-reverse":t=>`&>*+*{margin-bottom:${r(t)};}`,ai:t=>`align-items:${t};`,items:t=>`align-items:${t};`,"items-start":()=>"align-items:flex-start;","items-end":()=>"align-items:flex-end;","items-center":()=>"align-items:center;","items-baseline":()=>"align-items:baseline;","items-stretch":()=>"align-items:stretch;",ac:t=>`align-content:${t};`,"content-start":()=>"align-content:flex-start;","content-end":()=>"align-content:flex-end;","content-center":()=>"align-content:center;","content-between":()=>"align-content:space-between;","content-around":()=>"align-content:space-around;","content-evenly":()=>"align-content:space-evenly;","content-stretch":()=>"align-content:stretch;",jc:t=>`justify-content:${t};`,justify:t=>`justify-content:${t};`,"justify-start":()=>"justify-content:flex-start;","justify-end":()=>"justify-content:flex-end;","justify-center":()=>"justify-content:center;","justify-between":()=>"justify-content:space-between;","justify-around":()=>"justify-content:space-around;","justify-evenly":()=>"justify-content:space-evenly;","justify-stretch":()=>"justify-content:stretch;","space-between":()=>"justify-content:space-between;align-content:space-between;","space-around":()=>"justify-content:space-around;align-content:space-around;","space-evenly":()=>"justify-content:space-evenly;align-content:space-evenly;",ji:t=>`justify-items:${t};`,"justify-items":t=>`justify-items:${t};`,"justify-items-start":()=>"justify-items:start;","justify-items-end":()=>"justify-items:end;","justify-items-center":()=>"justify-items:center;","justify-items-stretch":()=>"justify-items:stretch;",flex:(t="1")=>`flex:${h(t)};`,space:t=>`[class*="hbox"]>&{width:${r(t)};}[class*="vbox"]>&{height:${r(t)};}`,grow:(t="1")=>`flex-grow:${s(t)};`,"grow-0":()=>"flex-grow:0;","no-grow":()=>"flex-grow:0;",shrink:(t="1")=>`flex-shrink:${s(t)};`,"no-shrink":()=>"flex-shrink:0;","flex-grow":(t="1")=>`flex-grow:${s(t)};`,"flex-shrink":(t="1")=>`flex-shrink:${s(t)};`,"flex-basis":t=>`flex-basis:${r(t)};`,"flex-wrap":()=>"&{flex-wrap:wrap;}:where(&>*){max-width:100%;max-height:100%;}","flex-wrap-reverse":()=>"&{flex-wrap:wrap-reverse;}:where(&>*){max-width:100%;max-height:100%;}","flex-nowrap":()=>"flex-wrap:nowrap;",order:t=>`order:${s(t)};`,grid:t=>{const e=["display:grid;"];return+t==+t?e.push(`grid-template-columns:repeat(${t},1fr);`):t&&e.push(`grid-template-columns:${t};`),e.join("")},"grid-cols":t=>{const e=["display:grid;"];return+t==+t?e.push(`grid-template-columns:repeat(${t},1fr);`):t&&e.push(`grid-template-columns:${t};`),e.join("")},"inline-grid":()=>"display:inline-grid;",layer:(t="")=>{const e={top:"0",right:"0",bottom:"0",left:"0"},o=[];let i=!1;if(t.split("+").forEach(n=>{const[l,a="0"]=n.split(":");switch(l){case"top":{e.top=a,delete e.bottom,o.push("top");return}case"right":{e.right=a,delete e.left,o.push("right");return}case"bottom":{e.bottom=a,delete e.top,o.push("bottom");return}case"left":{e.left=a,delete e.right,o.push("left");return}case"outside":{i=!0;return}}}),i){const n=(l,a)=>{e[a]=e[l]==="0"?"100%":`calc(100% + ${r(e[l])})`,delete e[l]};o.forEach(l=>{switch(l){case"top":return n("top","bottom");case"right":return n("right","left");case"bottom":return n("bottom","top");case"left":return n("left","right")}})}return"position:absolute;"+Object.keys(e).map(n=>`${n}:${r(e[n])};`).join("")},absolute:t=>`position:absolute;${W(t)}`,relative:t=>`position:relative;${W(t)}`,sticky:t=>`position:sticky;${W(t)}`,"sticky-top":(t="0")=>`position:sticky;top:${r(t)};`,"sticky-right":(t="0")=>`position:sticky;right:${r(t)};`,"sticky-bottom":(t="0")=>`position:sticky;bottom:${r(t)};`,"sticky-left":(t="0")=>`position:sticky;left:${r(t)};`,fixed:t=>`position:fixed;${W(t)}`,static:()=>"position:static;",top:t=>`top:${r(t)};`,left:t=>`left:${r(t)};`,right:t=>`right:${r(t)};`,bottom:t=>`bottom:${r(t)};`,x:t=>L(t),y:t=>_(t),z:t=>`z-index:${s(t)};`,isolate:()=>"isolation:isolate;",none:()=>"display:none;",hidden:()=>"visibility:hidden;",invisible:()=>"visibility:hidden;",blind:()=>"position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;white-space:nowrap;overflow:hidden;clip-path:inset(100%);","sr-only":()=>"position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;white-space:nowrap;overflow:hidden;clip-path:inset(100%);",gone:()=>"position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;white-space:nowrap;overflow:hidden;clip-path:inset(100%);",visible:()=>"visibility:visible;",collapse:()=>"visibility:collapse;",opacity:t=>`opacity:${s(t)};`,"col-resize":()=>"cursor:col-resize;",crosshair:()=>"cursor:crosshair;","e-resize":()=>"cursor:e-resize;","ew-resize":()=>"cursor:ew-resize;",grab:()=>"&{cursor:grab;}&:active{cursor:grabbing;}",grabbing:()=>"cursor:grabbing;","n-resize":()=>"cursor:n-resize;","ne-resize":()=>"cursor:ne-resize;","nesw-resize":()=>"cursor:nesw-resize;","ns-resize":()=>"cursor:ns-resize;","nw-resize":()=>"cursor:nw-resize;","nwse-resize":()=>"cursor:nwse-resize;","not-allowed":()=>"cursor:not-allowed;",pointer:()=>"cursor:pointer;",progress:()=>"cursor:progress;","row-resize":()=>"cursor:row-resize;","s-resize":()=>"cursor:s-resize;","se-resize":()=>"cursor:se-resize;","sw-resize":()=>"cursor:sw-resize;","w-resize":()=>"cursor:w-resize;","zoom-in":()=>"cursor:zoom-in;","zoom-out":()=>"cursor:zoom-out;",cursor:t=>`cursor:${t};`,"user-select-none":()=>"user-select:none;-webkit-user-select:none;","user-select-all":()=>"user-select:all;-webkit-user-select:all;","user-select-auto":()=>"user-select:auto;-webkit-user-select:auto;","user-select-text":()=>"user-select:text;-webkit-user-select:text;","user-select":t=>`user-select:${s(t)};-webkit-user-select:${s(t)};`,"pointer-events-none":()=>"pointer-events:none;","pointer-events-auto":()=>"pointer-events:auto;",transition:t=>`transition:${tt(t)};`,translate:t=>{const[e,o]=S(t,r).split(",");return`--a-transform-translate-x:${e};--a-transform-translate-y:${o};transform:var(--a-transform);`},translateX:t=>`--a-translate-x:${r(t)};transform:var(--a-transform);`,translateY:t=>`--a-translate-y:${r(t)};transform:var(--a-transform);`,rotate:t=>{let[e,o,i]=S(t,$).split(",");return e=e||e,o=o||e,i=i||e,`--a-rotate:${e};--a-rotate-x:${e};--a-rotate-y:${o};--a-rotate-z:${i};transform:var(--a-transform);`},rotateX:t=>`--a-rotate-x:${$(t)};transform:var(--a-transform);`,rotateY:t=>`--a-rotate-y:${$(t)};transform:var(--a-transform);`,scale:t=>{let[e,o,i]=S(t).split(",");return e=e||e,o=o||e,i=i||e,`--a-scale-x:${e};--a-scale-y:${o};--a-scale-z:${i};transform:var(--a-transform);`},scaleX:t=>`--a-scale-x:${v(+t)};transform:var(--a-transform);`,scaleY:t=>`--a-scale-y:${v(+t)};transform:var(--a-transform);`,skew:t=>{const[e,o]=S(t,$).split(",");return`--a-skew-x:${e};--a-skew-y:${o};transform:var(--a-transform);`},skewX:t=>`--a-skew-x:${$(t)};transform:var(--a-transform);`,skewY:t=>`--a-skew-y:${$(t)};transform:var(--a-transform);`,ratio:t=>`&{position:relative;}&:before{content:"";display:block;width:100%;padding-top:${H(t)};}&>*{position:absolute;top:0;left:0;width:100%;height:100%;}`,aspect:t=>`aspect-ratio:${s(t.replace(/:/g,"/"))};`,"aspect-ratio":t=>`aspect-ratio:${s(t.replace(/:/g,"/"))};`,gpu:()=>"transform:translateZ(0.1px);",content:(t="''")=>`content:${s(t)};`,"app-region":t=>`app-region:${t};-webkit-app-region:${t};`,"clip-path":t=>`clip-path:${h(t)};-webkit-clip-path:${h(t)};`,"table-fixed":()=>"table-layout:fixed;","table-auto":()=>"table-layout:auto;","table-layout-fixed":()=>"table-layout:fixed;","table-layout-auto":()=>"table-layout:auto;",float:t=>`float:${s(t)};`,clear:t=>`clear:${s(t)};`,blur:t=>`filter:blur(${r(t)});-webkit-filter:blur(${r(t)});`,brightness:t=>`filter:brightness(${s(t)});-webkit-filter:brightness(${s(t)});`,contrast:t=>`filter:contrast(${s(t)});-webkit-filter:contrast(${s(t)});`,"drop-shadow":t=>`filter:drop-shadow(${h(t,r)});-webkit-filter:drop-shadow(${h(t,r)});`,grayscale:t=>`filter:grayscale(${s(t)});-webkit-filter:grayscale(${s(t)});`,"hue-rotate":t=>`filter:hue-rotate(${s(t)});-webkit-filter:hue-rotate(${s(t)});`,invert:t=>`filter:invert(${s(t)});-webkit-filter:invert(${s(t)});`,sepia:t=>`filter:sepia(${s(t)});-webkit-filter:sepia(${s(t)});`,saturate:t=>`filter:saturate(${s(t)});-webkit-filter:saturate(${s(t)});`,"backdrop-blur":t=>`backdrop-filter:blur(${r(t)});-webkit-backdrop-filter:blur(${r(t)});`,"backdrop-brightness":t=>`backdrop-filter:brightness(${s(t)});-webkit-backdrop-filter:brightness(${s(t)});`,"backdrop-contrast":t=>`backdrop-filter:contrast(${s(t)});-webkit-backdrop-filter:contrast(${s(t)});`,"backdrop-drop-shadow":t=>`backdrop-filter:drop-shadow(${h(t,r)});-webkit-backdrop-filter:drop-shadow(${h(t,r)});`,"backdrop-grayscale":t=>`backdrop-filter:grayscale(${s(t)});-webkit-backdrop-filter:grayscale(${s(t)});`,"backdrop-hue-rotate":t=>`backdrop-filter:hue-rotate(${s(t)});-webkit-backdrop-filter:hue-rotate(${s(t)});`,"backdrop-invert":t=>`backdrop-filter:invert(${s(t)});-webkit-backdrop-filter:invert(${s(t)});`,"backdrop-sepia":t=>`backdrop-filter:sepia(${s(t)});-webkit-backdrop-filter:sepia(${s(t)});`,"backdrop-saturate":t=>`backdrop-filter:saturate(${s(t)});-webkit-backdrop-filter:saturate(${s(t)});`,triangle:t=>{const[e,o,i=0]=t.split("/"),n=["top","right","bottom","left","top","right","bottom","left"],l=n.slice(n.indexOf(e)),a=.5;let m="width:0;height:0;border:0 solid transparent;";return m+="border-"+l[1]+"-width:"+Math.round(+o*(-i+1)/2)+"px;",m+="border-"+l[3]+"-width:"+Math.round(+o*(+i+1)/2)+"px;",m+="border-"+l[2]+":"+Math.round(+o*a)+"px solid black;",m},elevation:t=>{const e=+t;if(!e)return"box-shadow:none;";const o=e==1?3:e*2,i=(e+10+e/9.38)/100,n=e<10?e%2==0?e-(e/2-1):e-(e-1)/2:e-4,l=(24-Math.round(e/10))/100;return`box-shadow:0px ${r(e)} ${r(o)} rgba(0,0,0,${i}),0px ${r(n)} ${r(o)} rgba(0,0,0,${l});`}},ot={"hover:":{media:"(hover:hover)",selector:"&:hover,&.\\:hover"},"active:":{selector:"html &:active,html &.\\:active"},"focus:":{selector:"html &:focus,html &.\\:focus"},"focus-visible":{selector:"html &:focus-visible,html &.\\:focus-visible"},"focus-within:":{selector:"html &:focus-within,html &.\\:focus-within"},"checked:":{selector:"html &:checked,html &.\\:checked"},"read-only:":{selector:"html &:read-only,html &.\\:read-only"},"enabled:":{selector:"html &:enabled,html &.\\:enabled"},"disabled:":{selector:"html body &:disabled,html body &.\\:disabled,html body &[disabled]"},"group-hover:":{selector:".group:hover &,html .group.\\:hover &"},"group-active:":{selector:"html .group:active &,html .group.\\:active &"},"group-focus:":{selector:"html .group:focus &,html .group.\\:focus &"},"group-focus-within:":{selector:"html .group:focus-within &,html .group\\:focus-within"},"group-checked:":{selector:"html .group:checked &,html .group.\\:checked &"},"group-read-only:":{selector:"html .group:read-only &,html .group.\\:read-only &"},"group-enabled:":{selector:"html .group:enabled &,html .group.\\:enabled &"},"group-disabled:":{selector:"html body .group:disabled &,html body .group[disabled] &,html body .group.disabled &"},"placeholder:":{selector:"&::placeholder"},"odd:":{selector:"&:nth-child(2n+1)"},"even:":{selector:"&:nth-child(2n)"},"first:":{selector:"&:first-child"},"last:":{selector:"&:last-child"},"after:":{selector:"&::after"},"before:":{selector:"&::before"},"selection::":{selector:"&::selection,& *::selection"}},it={"sm:":{media:"(min-width:480px)",selector:"html &"},"md:":{media:"(min-width:768px)",selector:"html &"},"lg:":{media:"(min-width:1024px)",selector:"html &"},"xl:":{media:"(min-width:1280px)",selector:"html &"},"sm~:":{media:"(min-width:480px)",selector:"html &"},"md~:":{media:"(min-width:768px)",selector:"html &"},"lg~:":{media:"(min-width:1024px)",selector:"html &"},"xl~:":{media:"(min-width:1280px)",selector:"html &"},"~sm:":{media:"(max-width:479.98px)",selector:"html &"},"~md:":{media:"(max-width:767.98px)",selector:"html &"},"~lg:":{media:"(max-width:1023.98px)",selector:"html &"},"~xl:":{media:"(max-width:1279.98px)",selector:"html &"},"mobile:":{media:"(max-device-width:767.98px)",selector:"html &"},"tablet:":{media:"(min-device-width:768px) and (max-device-width:1023.98px)",selector:"html &"},"desktop:":{media:"(min-device-width:1024px)",selector:"html &"},"!mobile:":{media:"(min-device-width:768px)",selector:"html &"},"!desktop:":{media:"(max-device-width:1023.98px)",selector:"html &"},"touch:":{media:"(max-device-width:1023.98px)",selector:"html &"},"!touch:":{media:"(min-device-width:1024px)",selector:"html &"},"portrait:":{media:"(orientation:portrait)",selector:"html &"},"landscape:":{media:"(orientation:landscape)",selector:"html &"},"print:":{media:"print",selector:"html &"},"screen:":{media:"screen",selector:"html &"},"speech:":{media:"speech",selector:"html &"},"dark:":{selector:`@media(prefers-color-scheme:dark){html &{...}}
-html.dark &{...}`}},nt={"@w":(t,e)=>{var a,m;if(((a=e[2])==null?void 0:a.value)!=="("||((m=e[e.length-1])==null?void 0:m.value)!==")")throw Error("invalid syntax!");const o=e.slice(3,-1).map(k=>k.value).join("");if(!o.includes("~"))throw Error("invalid syntax! required '~'.");let[i,n]=o.split("~");return i&&(i=`(min-width:${r(+i)})`),n&&(n=`(max-width:${r(+n-.02)})`),{media:` only screen and ${[i,n].filter(Boolean).join(" and ")}`,selector:"html &"}}},st={">>":t=>`& ${t.slice(2)}`,"&:":t=>`${t}`,"&.":t=>`${t}`,"&[":t=>`${t}`,".":t=>`&${t},${t} &`,"[":t=>`&${t},${t} &`,">":t=>`&${t}`,"+":t=>`&${t}`,"#":t=>`&${t}`},at={...ot,...it},ut=t=>{const e=/["'`]|\s+/g,o=new Set;let i=0;return t+=" ",t.replace(e,(n,l)=>{if(t[l-1]==="("||t[l+1]===")")return n;let a=t.slice(i,l);return a.startsWith("class:")&&(a=a.slice(6).split("=")[0]),a&&o.add(a),i=l+n.length,n}),[...o]},O=[["(hexcolor)",/(#(?:[0-9a-fA-F]{3}){1,2}(?:\.\d+)?)/],["(important)",/(!+$|!+\+)/],["(string)",/('(?:[^']|\\')*'|"(?:[^"]|\\")*")/],["(operator)",/(::|>>|&:|&\.|&\[|[-+~|*/%!#@?:;.,<>=[\](){}])/],["(ident)",/((?:\\.|[^!'":+[\](){}#])+)/],["(unknown)",/./]],lt=new RegExp(O.map(t=>t[1].source).join("|"),"g");let R=[],c,T=0;const B=t=>{if(t&&c&&c.id&&c.id!==t)throw new Error("Unexpected token: "+c.id+" expected: "+t);const e=c;return c=R[T++],e},ct=t=>(R=[],T=0,t.replace(lt,(e,...o)=>{const i=o[o.length-2],n=O[o.findIndex(a=>a!==void 0)][0],l=n==="(operator)"?e:n;return e=n==="(hexcolor)"?G(e):e,R.push({type:n,id:l,value:e,index:i}),e}),B(),R),dt=()=>{const t=[],e=i=>t.push(i),o=[];for(;c;){if(c.id==="("||c.id==="["||c.id==="{")o.push(c.id);else if(c.id===")"||c.id==="]"||c.id==="}"){const i=o.pop();if(!(i==="("&&c.id===")")){if(!(i==="["&&c.id==="]")){if(!(i==="{"&&c.id==="}"))throw new Error("Unexpected:"+c.id)}}}else if(o.length===0&&(c.id===":"||c.id==="::"||c.id==="(important)"||c.id==="+"))break;e(B())}if(o.length>0)throw new Error("Unexpected end of input");return t},pt=(t,e)=>{const o=e[0].value,i=e.map(k=>k.value).join(""),n=t[i+c.id];if(n)return n;const l=st[o];if(l)return{selector:l(i).replace(/>>/g," ")};const a=e.slice(0,2).map(k=>k.value).join(""),m=nt[a];if(m)return m(i,e);if(/^[-a-z]+$/.test(o))return{selector:`&${c.id}${i}`};throw new Error("Invalid Prefix Syntax:"+c.id)},mt=t=>{const e=[],o={")":"(","}":"{","]":"[","'":"'",'"':'"',"`":"`"};let i=null,n=null;for(let l=0;l<t.length;l++){const a=t[l];if(i){if(a===i&&n!=="\\"){if(e.length===0||e.pop()!==o[a])return!1;i=null}n=a;continue}if(a==="("||a==="{"||a==="["||a==="'"||a==='"'||a==="`")e.push(a),(a==="'"||a==='"'||a==="`")&&(i=a);else if((a===")"||a==="}"||a==="]"||a==="'"||a==='"'||a==="`")&&(e.length===0||e.pop()!==o[a]))return!1;n=a}return e.length===0},bt=(t,e)=>{const o=Object.fromEntries(Object.keys(t).map((i,n)=>[i,n+1]));return i=>{try{ct(i);const n=[],l=[];for(;c;){const d=dt();if(d.find(p=>p.id==="(")&&d[d.length-1].id!==")")throw new Error("Invalid Syntax!");if(c&&(c.id===":"||c.id==="::")){const p=pt(e,d);n.push(p),B();continue}if(!c||c.id==="(important)"||c.id==="+"){let p=d[0].value;p===">>"?(n.push({selector:"& *"}),d.shift(),p=d[0].value):p===">"&&(n.push({selector:"&>*"}),d.shift(),p=d[0].value);const g=d.slice(2,-1).map(A=>A.value).join(""),w=t[p];let X=o[p+p.includes("(")?"(":""]||o[p]||0,E=(()=>{if(w)return g===""?w():w(g);if(g&&V[p])return`${p}:${h(g)};`;throw new Error("Not defined property: "+p)})();if(E.search("undefined")>=0)throw new Error("Not defined property: "+p);c&&c.id==="(important)"&&(E=E.replace(/;/g,(A,M,N)=>N.charAt(M-1)!=="\\"?"!important;":A),X=9999+c.value.length),l.push({declaration:E,priority:X})}B()}const a=n.map(d=>d.media).filter(Boolean),m=a.length?"@media"+a.join(" and "):"",k="."+D(i),j=n.map(d=>d.selector).filter(Boolean).map(d=>d.split(",")).reduce((d,p)=>d.map(g=>p.map(w=>w.replace(/&/g,g))).flat(),[k]).join(",");return l.map(({declaration:d,priority:p})=>{if(!d)throw new Error("no declaration");let g="";d.includes("&")?g=d.replace(/[&]/g,j):j.includes("{...}")?g=j.replace(new RegExp("{...}","g"),"{"+d+"}"):g=j+"{"+d+"}";const w=m?m+"{"+g+"}":g;if(!mt(w))throw new Error("no validate css!!");return[w,p]})}catch{}}},ht=(t,e)=>t[1]-e[1],ft=(t={},e={})=>(t={...P,...t},e={...at,...e},o=>o.flatMap(bt(t,e)).filter(Boolean).sort(ht).map(i=>i[0])),wt=ft();export{wt as g,ut as p,gt as r,ct as t};
+`,P={c:t=>t.startsWith("linear-gradient")?`background:${t.replace(/\//g," ")};-webkit-background-clip:text;-webkit-text-fill-color:transparent;`:t.startsWith("radial-gradient")?`background:${t.replace(/\//g," ")};-webkit-background-clip:text;-webkit-text-fill-color:transparent;`:`color:${b(t)};`,color:t=>P.c(t),caret:t=>`caret-color:${b(t)};`,"caret-current":()=>"color:currentColor;",font:t=>Z(t),"font-size":t=>`font-size:${r(t)};`,"line-height":t=>`line-height:${+t<4?v(+t):r(t)};`,"letter-spacing":t=>`letter-spacing:${L(t)};`,"word-spacing":t=>`word-spacing:${r(t)};`,AppleSD:()=>'font-family:"Apple SD Gothic Neo";',Roboto:()=>x("Roboto"),sans:()=>x("sans"),"sans-serif":()=>x("sans-serif"),serif:()=>x("serif"),cursive:()=>x("cursive"),fantasy:()=>x("fantasy"),"system-ui":()=>x("system-ui"),monospace:t=>t==="number"?"font-variant-numeric:tabular-nums;":x("monospace"),100:()=>"font-weight:100;",200:()=>"font-weight:200;",300:()=>"font-weight:300;",400:()=>"font-weight:400;",500:()=>"font-weight:500;",600:()=>"font-weight:600;",700:()=>"font-weight:700;",800:()=>"font-weight:800;",900:()=>"font-weight:900;",thin:()=>"font-weight:200;",light:()=>"font-weight:300;",regular:()=>"font-weight:normal;",medium:()=>"font-weight:500;",semibold:()=>"font-weight:600;",bold:()=>"font-weight:bold;",heavy:()=>"font-weight:900;",thicker:(t="1")=>`text-shadow:0 0 ${r(t)} currentColor;`,italic:()=>"font-style:italic;",overline:()=>"text-decoration:overline;",underline:()=>"text-decoration:underline;","line-through":()=>"text-decoration:line-through;",strike:()=>"text-decoration:line-through;",del:()=>"text-decoration:line-through;","small-caps":()=>"font-variant-caps:small-caps;","all-small-caps":()=>"font-variant-caps:all-small-caps;","slashed-zero":()=>"font-variant-numeric:slashed-zero;","tabular-nums":()=>"font-variant-numeric:tabular-nums;",lowercase:()=>"text-transform:lowercase;",uppercase:()=>"text-transform:uppercase;",capitalize:()=>"text-transform:capitalize;",text:t=>K(t),"text-justify":()=>"text-align:justify;","text-center":()=>"text-align:center;","text-right":()=>"text-align:right;","text-left":()=>"text-align:left;","vertical-top":()=>"vertical-align:top;","vertical-middle":()=>"vertical-align:middle;","vertical-bottom":()=>"vertical-align:bottom;",sub:()=>"vertical-align:sub;",super:()=>"vertical-align:super;","text-top":()=>"vertical-align:text-top;","text-bottom":()=>"vertical-align:text-bottom;","text-indent":t=>`text-indent:${r(t)};`,"break-all":()=>"word-break:break-all;","break-word":()=>"overflow-wrap:break-word;","keep-all":()=>"word-break:keep-all;",hyphens:(t="auto")=>`hyphens:${t};`,block:()=>"display:block;","inline-block":()=>"display:inline-block;",inline:()=>"display:inline;","inline-flex":()=>"display:inline-flex;",table:()=>"display:table;","inline-table":()=>"display:inline-table;","table-caption":()=>"display:table-caption;","table-cell":()=>"display:table-cell;","table-column":()=>"display:table-column;","table-column-group":()=>"display:table-column-group;","table-footer-group":()=>"display:table-footer-group;","table-header-group":()=>"display:table-header-group;","table-row-group":()=>"display:table-row-group;","table-row":()=>"display:table-row;","flow-root":()=>"display:flow-root;",contents:()=>"display:contents;","list-item":()=>"display:list-item;","border-box":()=>"box-sizing:border-box;","content-box":()=>"box-sizing:content-box;",w:t=>{if(t==="hug")return"width:max-content;";if(t==="stretch"||t==="fill")return"&{flex-grow:var(--w-grow);flex-shrink:var(--w-shrink);align-self:var(--w-align);max-width:100%}&.h\\(fill\\),&.h\\(stretch\\){flex-grow:1;flex-shrink:1;align-self:stretch;max-width:100%;max-height:100%;}";if(t.includes("~")){const e=[],o=t.split("~");if(o.length<=2){const[a,m]=o;return a&&e.push(`min-width:${r(a)};`),m&&e.push(`max-width:${r(m)};`),e.join("")}const[i,n,l]=o;return i&&e.push(`min-width:${r(i)};`),e.push(`width:${r(n)};`),l&&e.push(`max-width:${r(l)};`),e.join("")}return`width:${r(t)};`},"min-w":t=>`min-width:${r(t)};`,"max-w":t=>`max-width:${r(t)};`,h:t=>{if(t==="hug")return"height:max-content;";if(t==="stretch"||t==="fill")return"flex-grow:var(--h-grow);flex-shrink:var(--h-shrink);align-self:var(--h-align);max-height:100%;";if(t.includes("~")){const e=[],o=t.split("~");if(o.length<=2){const[a,m]=t.split("~");return a&&e.push(`min-height:${r(a)};`),m&&e.push(`max-height:${r(m)};`),e.join("")}const[i,n,l]=o;return i&&e.push(`min-height:${r(i)};`),e.push(`height:${r(n)};`),l&&e.push(`max-height:${r(l)};`),e.join("")}return`height:${r(t)};`},"min-h":t=>`min-height:${r(t)};`,"max-h":t=>`max-height:${r(t)};`,m:t=>`margin:${y(t)};`,mx:t=>`margin-left:${r(t)};margin-right:${r(t)};`,my:t=>`margin-top:${r(t)};margin-bottom:${r(t)};`,mt:t=>`margin-top:${r(t)};`,mr:t=>`margin-right:${r(t)};`,mb:t=>`margin-bottom:${r(t)};`,ml:t=>`margin-left:${r(t)};`,p:t=>`padding:${y(t)};`,px:t=>`padding-left:${r(t)};padding-right:${r(t)};`,py:t=>`padding-top:${r(t)};padding-bottom:${r(t)};`,pt:t=>`padding-top:${r(t)};`,pr:t=>`padding-right:${r(t)};`,pb:t=>`padding-bottom:${r(t)};`,pl:t=>`padding-left:${r(t)};`,"no-border":()=>"border:none;outline:none;",b:t=>`border:${u(t)};`,bx:t=>`border-left:${u(t)};border-right:${u(t)};`,by:t=>`border-top:${u(t)};border-bottom:${u(t)};`,bt:t=>`border-top:${u(t)};`,br:t=>`border-right:${u(t)};`,bb:t=>`border-bottom:${u(t)};`,bl:t=>`border-left:${u(t)};`,bw:t=>`border-width:${h(t,r)};`,bxw:t=>`border-left-width:${r(t)};border-right-width:${r(t)};`,byw:t=>`border-top-width:${r(t)};border-bottom-width:${r(t)};`,btw:t=>`border-top-width:${r(t)};`,brw:t=>`border-right-width:${r(t)};`,bbw:t=>`border-bottom-width:${r(t)};`,blw:t=>`border-left-width:${r(t)};`,bs:t=>`border-style:${h(t)};`,bxs:t=>`border-left-style:${s(t)};border-right-style:${s(t)};`,bys:t=>`border-top-style:${s(t)};border-bottom-style:${s(t)};`,bts:t=>`border-top-style:${s(t)};`,brs:t=>`border-right-style:${s(t)};`,bbs:t=>`border-bottom-style:${s(t)};`,bls:t=>`border-left-style:${s(t)};`,bc:t=>`border-color:${h(t,b)};`,bxc:t=>`border-left-color:${b(t)};border-right-color:${b(t)};`,byc:t=>`border-top-color:${b(t)};border-bottom-color:${b(t)};`,btc:t=>`border-top-color:${b(t)};`,brc:t=>`border-right-color:${b(t)};`,bbc:t=>`border-bottom-color:${b(t)};`,blc:t=>`border-left-color:${b(t)};`,outline:t=>`outline:${u(t)};`,guide:(t="#4f80ff")=>`&,&>*{outline:1px solid ${b(t)};}`,r:t=>`border-radius:${h(t,f)};`,rt:t=>`border-top-left-radius:${f(t)};border-top-right-radius:${f(t)};`,rr:t=>`border-top-right-radius:${f(t)};border-bottom-right-radius:${f(t)};`,rb:t=>`border-bottom-left-radius:${f(t)};border-bottom-right-radius:${f(t)};`,rl:t=>`border-top-left-radius:${f(t)};border-bottom-left-radius:${f(t)};`,rtl:t=>`border-top-left-radius:${f(t)};`,rtr:t=>`border-top-right-radius:${f(t)};`,rbr:t=>`border-bottom-right-radius:${f(t)};`,rbl:t=>`border-bottom-left-radius:${f(t)};`,ring:t=>{const[e,o=1]=t.split("/");return`box-shadow:0 0 0 ${r(o)} ${b(e)};`},"box-shadow":t=>`box-shadow:${h(t,e=>Number.isInteger(+e)?r(e):s(e))};`,bg:t=>t.startsWith("linear-gradient")?`background:${t.replace(/\//g," ")};`:t.startsWith("radial-gradient")?`background:${t.replace(/\//g," ")};`:t.startsWith("url")?`background-image:${t};`:/^(http|[./])/.test(t)?`background-image:url(${t});`:t==="transparent"?"background:transparent;":`background:${b(t)};`,"bg-image":t=>t.startsWith("url")?`background-image:${t};`:`background-image:url(${t});`,"background-image":t=>P["bg-image"](t),"bg-position":t=>`background-position:${h(t)};`,"bg-repeat-x":()=>"background-repeat:repeat-x;","bg-repeat-y":()=>"background-repeat:repeat-y;","bg-no-repeat":()=>"background-repeat:no-repeat;","bg-fixed":()=>"background-attachment:fixed;","bg-scroll":()=>"background-attachment:scroll;",contain:()=>"background-size:contain;background-position:center;background-repeat:no-repeat;object-fit:contain;",cover:()=>"background-size:cover;background-position:center;background-repeat:no-repeat;object-fit:cover;",clip:()=>"&{overflow:hidden;}&:has(.nowrap\\.\\.\\.){flex-shrink:1;}",overflow:t=>`overflow:${t};`,"overflow-x":t=>`overflow-x:${t};`,"overflow-y":t=>`overflow-y:${t};`,scroll:()=>"overflow:auto;","scroll-x":()=>"overflow-x:auto;overflow-y:hidden;","scroll-y":()=>"overflow-x:hidden;overflow-y:auto;",scrollbar:()=>"&{overflow:scroll;}&.scroll{overflow:scroll;}&.scroll-x{overflow-x:scroll;}&.scroll-y{overflow-y:scroll;}","no-scrollbar":()=>"&::-webkit-scrollbar{display:none;}","no-scrollbar-x":()=>"&::-webkit-scrollbar:horizontal{display:none;}","scroll-m":t=>`scroll-margin:${y(t)};`,"scroll-mt":t=>`scroll-margin-top:${r(t)};`,"scroll-mr":t=>`scroll-margin-right:${r(t)};`,"scroll-mb":t=>`scroll-margin-bottom:${r(t)};`,"scroll-ml":t=>`scroll-margin-left:${r(t)};`,"scroll-p":t=>`scroll-padding:${y(t)};`,"scroll-pt":t=>`scroll-padding-top:${r(t)};`,"scroll-pr":t=>`scroll-padding-right:${r(t)};`,"scroll-pb":t=>`scroll-padding-bottom:${r(t)};`,"scroll-pl":t=>`scroll-padding-left:${r(t)};`,snap:t=>`scroll-snap-align:${s(t)};`,"snap-start":()=>"scroll-snap-align:start;","snap-end":()=>"scroll-snap-align:end;","snap-center":()=>"scroll-snap-align:center;","snap-align-none":()=>"scroll-snap-align:none;","snap-none":()=>"scroll-snap-type:none;","snap-x":()=>"scroll-snap-type:x var(--a-scroll-snap-strictness, mandatory);","snap-x-proximity":()=>"scroll-snap-type:x proximity;","snap-y":()=>"scroll-snap-type:y var(--a-scroll-snap-strictness, mandatory);","snap-y-proximity":()=>"scroll-snap-type:y proximity;","snap-both":()=>"scroll-snap-type:both var(--a-scroll-snap-strictness, mandatory);","snap-both-proximity":()=>"scroll-snap-type:both proximity;","snap-mandatory":()=>"--a-scroll-snap-strictness:mandatory;","snap-proximity":()=>"--a-scroll-snap-strictness:proximity;","snap-normal":()=>"scroll-snap-stop:normal;","snap-always":()=>"scroll-snap-stop:always;",overscroll:t=>`overscroll-behavior:${t};`,"overscroll-x":t=>`overscroll-behavior-x:${t};`,"overscroll-y":t=>`overscroll-behavior-y:${t};`,"no-bouncing":()=>"","no-overscroll":()=>"","white-space-normal":()=>"white-space:normal;",pre:()=>"white-space:pre-wrap;","pre-wrap":()=>"white-space:pre-wrap;","pre-line":()=>"white-space:pre-line;","break-spaces":()=>"white-space:break-spaces;",nowrap:()=>"white-space:nowrap;","nowrap...":()=>"white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-shrink:1;max-width:100%;","line-clamp":t=>`display:-webkit-box;-webkit-line-clamp:${t};-webkit-box-orient:vertical;overflow:hidden;`,"max-lines":t=>`display:-webkit-box;-webkit-line-clamp:${t};-webkit-box-orient:vertical;overflow:hidden;`,hbox:(t="")=>`&{display:flex;flex-flow:row;${C(t)}}${z()}`,vbox:(t="")=>`&{display:flex;flex-flow:column;${J(t)}}${F()}`,wrap:(t="")=>`&{display:flex;flex-flow:wrap;${C(t)}}${z()}`,pack:()=>`&{display:flex;align-items:center;justify-content:center;}${z()}`,hpack:()=>`&{display:flex;flex-flow:row;align-items:center;justify-content:center;}${z()}`,vpack:()=>`&{display:flex;flex-flow:column;align-items:center;justify-content:center;}${F()}`,"hbox(":()=>"","vbox(":()=>"",subbox:()=>"display:flex;flex-flow:inherit;align-items:inherit;justify-content:inherit;","flex-flow:":t=>`&{flex-flow:${t};}${I(t)}`,"flex-direction:":t=>`&{flex-direction:${t};}${I(t)}`,gap:t=>t==="auto"?"&{justify-content:space-between;align-content:space-between;}&>:only-child{margin:auto;}":`gap:${y(t)};grid-gap:${y(t)};`,hgap:t=>`&>*+*{margin-left:${r(t)};}`,"hgap-reverse":t=>`&>*+*{margin-right:${r(t)};}`,vgap:t=>`&>*+*{margin-top:${r(t)};}`,"vgap-reverse":t=>`&>*+*{margin-bottom:${r(t)};}`,ai:t=>`align-items:${t};`,items:t=>`align-items:${t};`,"items-start":()=>"align-items:flex-start;","items-end":()=>"align-items:flex-end;","items-center":()=>"align-items:center;","items-baseline":()=>"align-items:baseline;","items-stretch":()=>"align-items:stretch;",ac:t=>`align-content:${t};`,"content-start":()=>"align-content:flex-start;","content-end":()=>"align-content:flex-end;","content-center":()=>"align-content:center;","content-between":()=>"align-content:space-between;","content-around":()=>"align-content:space-around;","content-evenly":()=>"align-content:space-evenly;","content-stretch":()=>"align-content:stretch;",jc:t=>`justify-content:${t};`,justify:t=>`justify-content:${t};`,"justify-start":()=>"justify-content:flex-start;","justify-end":()=>"justify-content:flex-end;","justify-center":()=>"justify-content:center;","justify-between":()=>"justify-content:space-between;","justify-around":()=>"justify-content:space-around;","justify-evenly":()=>"justify-content:space-evenly;","justify-stretch":()=>"justify-content:stretch;","space-between":()=>"justify-content:space-between;align-content:space-between;","space-around":()=>"justify-content:space-around;align-content:space-around;","space-evenly":()=>"justify-content:space-evenly;align-content:space-evenly;",ji:t=>`justify-items:${t};`,"justify-items":t=>`justify-items:${t};`,"justify-items-start":()=>"justify-items:start;","justify-items-end":()=>"justify-items:end;","justify-items-center":()=>"justify-items:center;","justify-items-stretch":()=>"justify-items:stretch;",flex:(t="1")=>`flex:${h(t)};`,space:t=>`[class*="hbox"]>&{width:${r(t)};}[class*="vbox"]>&{height:${r(t)};}`,grow:(t="1")=>`flex-grow:${s(t)};`,"grow-0":()=>"flex-grow:0;","no-grow":()=>"flex-grow:0;",shrink:(t="1")=>`flex-shrink:${s(t)};`,"no-shrink":()=>"flex-shrink:0;","flex-grow":(t="1")=>`flex-grow:${s(t)};`,"flex-shrink":(t="1")=>`flex-shrink:${s(t)};`,"flex-basis":t=>`flex-basis:${r(t)};`,"flex-wrap":()=>"&{flex-wrap:wrap;}:where(&>*){max-width:100%;max-height:100%;}","flex-wrap-reverse":()=>"&{flex-wrap:wrap-reverse;}:where(&>*){max-width:100%;max-height:100%;}","flex-nowrap":()=>"flex-wrap:nowrap;",order:t=>`order:${s(t)};`,grid:t=>{const e=["display:grid;"];return+t==+t?e.push(`grid-template-columns:repeat(${t},1fr);`):t&&e.push(`grid-template-columns:${t};`),e.join("")},"grid-cols":t=>{const e=["display:grid;"];return+t==+t?e.push(`grid-template-columns:repeat(${t},1fr);`):t&&e.push(`grid-template-columns:${t};`),e.join("")},"inline-grid":()=>"display:inline-grid;",layer:(t="")=>{const e={top:"0",right:"0",bottom:"0",left:"0"},o=[];let i=!1;if(t.split("+").forEach(n=>{const[l,a="0"]=n.split(":");switch(l){case"top":{e.top=a,delete e.bottom,o.push("top");return}case"right":{e.right=a,delete e.left,o.push("right");return}case"bottom":{e.bottom=a,delete e.top,o.push("bottom");return}case"left":{e.left=a,delete e.right,o.push("left");return}case"outside":{i=!0;return}}}),i){const n=(l,a)=>{e[a]=e[l]==="0"?"100%":`calc(100% + ${r(e[l])})`,delete e[l]};o.forEach(l=>{switch(l){case"top":return n("top","bottom");case"right":return n("right","left");case"bottom":return n("bottom","top");case"left":return n("left","right")}})}return"position:absolute;"+Object.keys(e).map(n=>`${n}:${r(e[n])};`).join("")},absolute:t=>`position:absolute;${W(t)}`,relative:t=>`position:relative;${W(t)}`,sticky:t=>`position:sticky;${W(t)}`,"sticky-top":(t="0")=>`position:sticky;top:${r(t)};`,"sticky-right":(t="0")=>`position:sticky;right:${r(t)};`,"sticky-bottom":(t="0")=>`position:sticky;bottom:${r(t)};`,"sticky-left":(t="0")=>`position:sticky;left:${r(t)};`,fixed:t=>`position:fixed;${W(t)}`,static:()=>"position:static;",top:t=>`top:${r(t)};`,left:t=>`left:${r(t)};`,right:t=>`right:${r(t)};`,bottom:t=>`bottom:${r(t)};`,x:t=>U(t),y:t=>_(t),z:t=>`z-index:${s(t)};`,isolate:()=>"isolation:isolate;",none:()=>"display:none;",hidden:()=>"visibility:hidden;",invisible:()=>"visibility:hidden;",blind:()=>"position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;white-space:nowrap;overflow:hidden;clip-path:inset(100%);","sr-only":()=>"position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;white-space:nowrap;overflow:hidden;clip-path:inset(100%);",gone:()=>"position:absolute;width:1px;height:1px;padding:0;border:0;margin:-1px;white-space:nowrap;overflow:hidden;clip-path:inset(100%);",visible:()=>"visibility:visible;",collapse:()=>"visibility:collapse;",opacity:t=>`opacity:${s(t)};`,"col-resize":()=>"cursor:col-resize;",crosshair:()=>"cursor:crosshair;","e-resize":()=>"cursor:e-resize;","ew-resize":()=>"cursor:ew-resize;",grab:()=>"&{cursor:grab;}&:active{cursor:grabbing;}",grabbing:()=>"cursor:grabbing;","n-resize":()=>"cursor:n-resize;","ne-resize":()=>"cursor:ne-resize;","nesw-resize":()=>"cursor:nesw-resize;","ns-resize":()=>"cursor:ns-resize;","nw-resize":()=>"cursor:nw-resize;","nwse-resize":()=>"cursor:nwse-resize;","not-allowed":()=>"cursor:not-allowed;",pointer:()=>"cursor:pointer;",progress:()=>"cursor:progress;","row-resize":()=>"cursor:row-resize;","s-resize":()=>"cursor:s-resize;","se-resize":()=>"cursor:se-resize;","sw-resize":()=>"cursor:sw-resize;","w-resize":()=>"cursor:w-resize;","zoom-in":()=>"cursor:zoom-in;","zoom-out":()=>"cursor:zoom-out;",cursor:t=>`cursor:${t};`,"user-select-none":()=>"user-select:none;-webkit-user-select:none;","user-select-all":()=>"user-select:all;-webkit-user-select:all;","user-select-auto":()=>"user-select:auto;-webkit-user-select:auto;","user-select-text":()=>"user-select:text;-webkit-user-select:text;","user-select":t=>`user-select:${s(t)};-webkit-user-select:${s(t)};`,"pointer-events-none":()=>"pointer-events:none;","pointer-events-auto":()=>"pointer-events:auto;",transition:t=>`transition:${tt(t)};`,translate:t=>{const[e,o]=S(t,r).split(",");return`--a-transform-translate-x:${e};--a-transform-translate-y:${o};transform:var(--a-transform);`},translateX:t=>`--a-translate-x:${r(t)};transform:var(--a-transform);`,translateY:t=>`--a-translate-y:${r(t)};transform:var(--a-transform);`,rotate:t=>{let[e,o,i]=S(t,$).split(",");return e=e||e,o=o||e,i=i||e,`--a-rotate:${e};--a-rotate-x:${e};--a-rotate-y:${o};--a-rotate-z:${i};transform:var(--a-transform);`},rotateX:t=>`--a-rotate-x:${$(t)};transform:var(--a-transform);`,rotateY:t=>`--a-rotate-y:${$(t)};transform:var(--a-transform);`,scale:t=>{let[e,o,i]=S(t).split(",");return e=e||e,o=o||e,i=i||e,`--a-scale-x:${e};--a-scale-y:${o};--a-scale-z:${i};transform:var(--a-transform);`},scaleX:t=>`--a-scale-x:${v(+t)};transform:var(--a-transform);`,scaleY:t=>`--a-scale-y:${v(+t)};transform:var(--a-transform);`,skew:t=>{const[e,o]=S(t,$).split(",");return`--a-skew-x:${e};--a-skew-y:${o};transform:var(--a-transform);`},skewX:t=>`--a-skew-x:${$(t)};transform:var(--a-transform);`,skewY:t=>`--a-skew-y:${$(t)};transform:var(--a-transform);`,ratio:t=>`&{position:relative;}&:before{content:"";display:block;width:100%;padding-top:${H(t)};}&>*{position:absolute;top:0;left:0;width:100%;height:100%;}`,aspect:t=>`aspect-ratio:${s(t.replace(/:/g,"/"))};`,"aspect-ratio":t=>`aspect-ratio:${s(t.replace(/:/g,"/"))};`,gpu:()=>"transform:translateZ(0.1px);",content:(t="''")=>`content:${s(t)};`,"app-region":t=>`app-region:${t};-webkit-app-region:${t};`,"clip-path":t=>`clip-path:${h(t)};-webkit-clip-path:${h(t)};`,"table-fixed":()=>"table-layout:fixed;","table-auto":()=>"table-layout:auto;","table-layout-fixed":()=>"table-layout:fixed;","table-layout-auto":()=>"table-layout:auto;",float:t=>`float:${s(t)};`,clear:t=>`clear:${s(t)};`,blur:t=>`filter:blur(${r(t)});-webkit-filter:blur(${r(t)});`,brightness:t=>`filter:brightness(${s(t)});-webkit-filter:brightness(${s(t)});`,contrast:t=>`filter:contrast(${s(t)});-webkit-filter:contrast(${s(t)});`,"drop-shadow":t=>`filter:drop-shadow(${h(t,r)});-webkit-filter:drop-shadow(${h(t,r)});`,grayscale:t=>`filter:grayscale(${s(t)});-webkit-filter:grayscale(${s(t)});`,"hue-rotate":t=>`filter:hue-rotate(${s(t)});-webkit-filter:hue-rotate(${s(t)});`,invert:t=>`filter:invert(${s(t)});-webkit-filter:invert(${s(t)});`,sepia:t=>`filter:sepia(${s(t)});-webkit-filter:sepia(${s(t)});`,saturate:t=>`filter:saturate(${s(t)});-webkit-filter:saturate(${s(t)});`,"backdrop-blur":t=>`backdrop-filter:blur(${r(t)});-webkit-backdrop-filter:blur(${r(t)});`,"backdrop-brightness":t=>`backdrop-filter:brightness(${s(t)});-webkit-backdrop-filter:brightness(${s(t)});`,"backdrop-contrast":t=>`backdrop-filter:contrast(${s(t)});-webkit-backdrop-filter:contrast(${s(t)});`,"backdrop-drop-shadow":t=>`backdrop-filter:drop-shadow(${h(t,r)});-webkit-backdrop-filter:drop-shadow(${h(t,r)});`,"backdrop-grayscale":t=>`backdrop-filter:grayscale(${s(t)});-webkit-backdrop-filter:grayscale(${s(t)});`,"backdrop-hue-rotate":t=>`backdrop-filter:hue-rotate(${s(t)});-webkit-backdrop-filter:hue-rotate(${s(t)});`,"backdrop-invert":t=>`backdrop-filter:invert(${s(t)});-webkit-backdrop-filter:invert(${s(t)});`,"backdrop-sepia":t=>`backdrop-filter:sepia(${s(t)});-webkit-backdrop-filter:sepia(${s(t)});`,"backdrop-saturate":t=>`backdrop-filter:saturate(${s(t)});-webkit-backdrop-filter:saturate(${s(t)});`,triangle:t=>{const[e,o,i=0]=t.split("/"),n=["top","right","bottom","left","top","right","bottom","left"],l=n.slice(n.indexOf(e)),a=.5;let m="width:0;height:0;border:0 solid transparent;";return m+="border-"+l[1]+"-width:"+Math.round(+o*(-i+1)/2)+"px;",m+="border-"+l[3]+"-width:"+Math.round(+o*(+i+1)/2)+"px;",m+="border-"+l[2]+":"+Math.round(+o*a)+"px solid black;",m},elevation:t=>{const e=+t;if(!e)return"box-shadow:none;";const o=e==1?3:e*2,i=(e+10+e/9.38)/100,n=e<10?e%2==0?e-(e/2-1):e-(e-1)/2:e-4,l=(24-Math.round(e/10))/100;return`box-shadow:0px ${r(e)} ${r(o)} rgba(0,0,0,${i}),0px ${r(n)} ${r(o)} rgba(0,0,0,${l});`}},ot={"hover:":{media:"(hover:hover)",selector:"&:hover,&.\\:hover"},"active:":{selector:"html &:active,html &.\\:active"},"focus:":{selector:"html &:focus,html &.\\:focus"},"focus-visible":{selector:"html &:focus-visible,html &.\\:focus-visible"},"focus-within:":{selector:"html &:focus-within,html &.\\:focus-within"},"checked:":{selector:"html &:checked,html &.\\:checked"},"read-only:":{selector:"html &:read-only,html &.\\:read-only"},"enabled:":{selector:"html &:enabled,html &.\\:enabled"},"disabled:":{selector:"html body &:disabled,html body &.\\:disabled,html body &[disabled]"},"group-hover:":{selector:".group:hover &,html .group.\\:hover &"},"group-active:":{selector:"html .group:active &,html .group.\\:active &"},"group-focus:":{selector:"html .group:focus &,html .group.\\:focus &"},"group-focus-within:":{selector:"html .group:focus-within &,html .group\\:focus-within"},"group-checked:":{selector:"html .group:checked &,html .group.\\:checked &"},"group-read-only:":{selector:"html .group:read-only &,html .group.\\:read-only &"},"group-enabled:":{selector:"html .group:enabled &,html .group.\\:enabled &"},"group-disabled:":{selector:"html body .group:disabled &,html body .group[disabled] &,html body .group.disabled &"},"placeholder:":{selector:"&::placeholder"},"odd:":{selector:"&:nth-child(2n+1)"},"even:":{selector:"&:nth-child(2n)"},"first:":{selector:"&:first-child"},"last:":{selector:"&:last-child"},"after:":{selector:"&::after"},"before:":{selector:"&::before"},"selection::":{selector:"&::selection,& *::selection"}},it={"sm:":{media:"(min-width:480px)",selector:"html &"},"md:":{media:"(min-width:768px)",selector:"html &"},"lg:":{media:"(min-width:1024px)",selector:"html &"},"xl:":{media:"(min-width:1280px)",selector:"html &"},"sm~:":{media:"(min-width:480px)",selector:"html &"},"md~:":{media:"(min-width:768px)",selector:"html &"},"lg~:":{media:"(min-width:1024px)",selector:"html &"},"xl~:":{media:"(min-width:1280px)",selector:"html &"},"~sm:":{media:"(max-width:479.98px)",selector:"html &"},"~md:":{media:"(max-width:767.98px)",selector:"html &"},"~lg:":{media:"(max-width:1023.98px)",selector:"html &"},"~xl:":{media:"(max-width:1279.98px)",selector:"html &"},"mobile:":{media:"(max-device-width:767.98px)",selector:"html &"},"tablet:":{media:"(min-device-width:768px) and (max-device-width:1023.98px)",selector:"html &"},"desktop:":{media:"(min-device-width:1024px)",selector:"html &"},"!mobile:":{media:"(min-device-width:768px)",selector:"html &"},"!desktop:":{media:"(max-device-width:1023.98px)",selector:"html &"},"touch:":{media:"(max-device-width:1023.98px)",selector:"html &"},"!touch:":{media:"(min-device-width:1024px)",selector:"html &"},"portrait:":{media:"(orientation:portrait)",selector:"html &"},"landscape:":{media:"(orientation:landscape)",selector:"html &"},"print:":{media:"print",selector:"html &"},"screen:":{media:"screen",selector:"html &"},"speech:":{media:"speech",selector:"html &"},"dark:":{selector:`@media(prefers-color-scheme:dark){html &{...}}
+html.dark &{...}`}},nt={"@w":(t,e)=>{var a,m;if(((a=e[2])==null?void 0:a.value)!=="("||((m=e[e.length-1])==null?void 0:m.value)!==")")throw Error("invalid syntax!");const o=e.slice(3,-1).map(k=>k.value).join("");if(!o.includes("~"))throw Error("invalid syntax! required '~'.");let[i,n]=o.split("~");return i&&(i=`(min-width:${r(+i)})`),n&&(n=`(max-width:${r(+n-.02)})`),{media:` only screen and ${[i,n].filter(Boolean).join(" and ")}`,selector:"html &"}}},st={">>":t=>`& ${t.slice(2)}`,"&:":t=>`${t}`,"&.":t=>`${t}`,"&[":t=>`${t}`,".":t=>`&${t},${t} &`,"[":t=>`&${t},${t} &`,">":t=>`&${t}`,"+":t=>`&${t}`,"#":t=>`&${t}`},at={...ot,...it},ut=t=>{const e=/["'`]|\s+/g,o=new Set;let i=0;return t+=" ",t.replace(e,(n,l)=>{if(t[l-1]==="("||t[l+1]===")")return n;let a=t.slice(i,l);return a.startsWith("class:")&&(a=a.slice(6).split("=")[0]),a&&o.add(a),i=l+n.length,n}),[...o]},O=[["(hexcolor)",/(#(?:[0-9a-fA-F]{3}){1,2}(?:\.\d+)?)/],["(important)",/(!+$|!+\+)/],["(string)",/('(?:[^']|\\')*'|"(?:[^"]|\\")*")/],["(operator)",/(::|>>|&:|&\.|&\[|[-+~|*/%!#@?:;.,<>=[\](){}])/],["(ident)",/((?:\\.|[^!'":+[\](){}#])+)/],["(unknown)",/./]],lt=new RegExp(O.map(t=>t[1].source).join("|"),"g");let R=[],c,T=0;const B=t=>{const e=c;return c=R[T++],e},ct=t=>(R=[],T=0,t.replace(lt,(e,...o)=>{const i=o[o.length-2],n=O[o.findIndex(a=>a!==void 0)][0],l=n==="(operator)"?e:n;return e=n==="(hexcolor)"?G(e):e,R.push({type:n,id:l,value:e,index:i}),e}),B(),R),dt=()=>{const t=[],e=i=>t.push(i),o=[];for(;c;){if(c.id==="("||c.id==="["||c.id==="{")o.push(c.id);else if(c.id===")"||c.id==="]"||c.id==="}"){const i=o.pop();if(!(i==="("&&c.id===")")){if(!(i==="["&&c.id==="]")){if(!(i==="{"&&c.id==="}"))throw new Error("Unexpected:"+c.id)}}}else if(o.length===0&&(c.id===":"||c.id==="::"||c.id==="(important)"||c.id==="+"))break;e(B())}if(o.length>0)throw new Error("Unexpected end of input");return t},pt=(t,e)=>{const o=e[0].value,i=e.map(k=>k.value).join(""),n=t[i+c.id];if(n)return n;const l=st[o];if(l)return{selector:l(i).replace(/>>/g," ")};const a=e.slice(0,2).map(k=>k.value).join(""),m=nt[a];if(m)return m(i,e);if(/^[-a-z]+$/.test(o))return{selector:`&${c.id}${i}`};throw new Error("Invalid Prefix Syntax:"+c.id)},mt=t=>{const e=[],o={")":"(","}":"{","]":"[","'":"'",'"':'"',"`":"`"};let i=null,n=null;for(let l=0;l<t.length;l++){const a=t[l];if(i){if(a===i&&n!=="\\"){if(e.length===0||e.pop()!==o[a])return!1;i=null}n=a;continue}if(a==="("||a==="{"||a==="["||a==="'"||a==='"'||a==="`")e.push(a),(a==="'"||a==='"'||a==="`")&&(i=a);else if((a===")"||a==="}"||a==="]"||a==="'"||a==='"'||a==="`")&&(e.length===0||e.pop()!==o[a]))return!1;n=a}return e.length===0},bt=(t,e)=>{const o=Object.fromEntries(Object.keys(t).map((i,n)=>[i,n+1]));return i=>{try{ct(i);const n=[],l=[];for(;c;){const d=dt();if(d.find(p=>p.id==="(")&&d[d.length-1].id!==")")throw new Error("Invalid Syntax!");if(c&&(c.id===":"||c.id==="::")){const p=pt(e,d);n.push(p),B();continue}if(!c||c.id==="(important)"||c.id==="+"){let p=d[0].value;p===">>"?(n.push({selector:"& *"}),d.shift(),p=d[0].value):p===">"&&(n.push({selector:"&>*"}),d.shift(),p=d[0].value);const g=d.slice(2,-1).map(A=>A.value).join(""),w=t[p];let X=o[p+p.includes("(")?"(":""]||o[p]||0,E=(()=>{if(w)return g===""?w():w(g);if(g&&V[p])return`${p}:${h(g)};`;throw new Error("Not defined property: "+p)})();if(E.search("undefined")>=0)throw new Error("Not defined property: "+p);c&&c.id==="(important)"&&(E=E.replace(/;/g,(A,M,N)=>N.charAt(M-1)!=="\\"?"!important;":A),X=9999+c.value.length),l.push({declaration:E,priority:X})}B()}const a=n.map(d=>d.media).filter(Boolean),m=a.length?"@media"+a.join(" and "):"",k="."+D(i),j=n.map(d=>d.selector).filter(Boolean).map(d=>d.split(",")).reduce((d,p)=>d.map(g=>p.map(w=>w.replace(/&/g,g))).flat(),[k]).join(",");return l.map(({declaration:d,priority:p})=>{if(!d)throw new Error("no declaration");let g="";d.includes("&")?g=d.replace(/[&]/g,j):j.includes("{...}")?g=j.replace(new RegExp("{...}","g"),"{"+d+"}"):g=j+"{"+d+"}";const w=m?m+"{"+g+"}":g;if(!mt(w))throw new Error("no validate css!!");return[w,p]})}catch{}}},ht=(t,e)=>t[1]-e[1],ft=(t={},e={})=>(t={...P,...t},e={...at,...e},o=>o.flatMap(bt(t,e)).filter(Boolean).sort(ht).map(i=>i[0])),wt=ft();export{wt as g,ut as p,gt as r,ct as t};
diff --git a/_app/immutable/chunks/entry.BuFVMvRG.js b/_app/immutable/chunks/entry.BuFVMvRG.js
new file mode 100644
index 0000000..67b2613
--- /dev/null
+++ b/_app/immutable/chunks/entry.BuFVMvRG.js
@@ -0,0 +1,3 @@
+import{n as le,s as lt,t as ft}from"./scheduler.CH-LaNC3.js";new URL("sveltekit-internal://");function ut(e,n){return e==="/"||n==="ignore"?e:n==="never"?e.endsWith("/")?e.slice(0,-1):e:n==="always"&&!e.endsWith("/")?e+"/":e}function dt(e){return e.split("%25").map(decodeURI).join("%25")}function ht(e){for(const n in e)e[n]=decodeURIComponent(e[n]);return e}function fe({href:e}){return e.split("#")[0]}const pt=["href","pathname","search","toString","toJSON"];function gt(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 pt)Object.defineProperty(r,a,{get(){return n(),e[a]},enumerable:!0,configurable:!0});return r}const mt="/__data.json",_t=".html__data.json";function yt(e){return e.endsWith(".html")?e.replace(/\.html$/,_t):e.replace(/\/$/,"")+mt}function wt(...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 vt(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 Ve=window.fetch;window.fetch=(e,n)=>((e instanceof Request?e.method:(n==null?void 0:n.method)||"GET")!=="GET"&&G.delete(me(e)),Ve(e,n));const G=new Map;function bt(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&&G.set(t,{body:a,init:o,ttl:1e3*Number(i)}),r.getAttribute("data-b64")!==null&&(a=vt(a)),Promise.resolve(new Response(a,o))}return window.fetch(e,n)}function Et(e,n,t){if(G.size>0){const r=me(e,t),a=G.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);G.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="${wt(...a)}"]`}return r}const kt=/^(\[)?(\.\.\.)?(\w+)(?:=(\w+))?(\])?$/;function St(e){const n=[];return{pattern:e==="/"?/^\/$/:new RegExp(`^${Rt(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 u=kt.exec(c),[,h,g,d,_]=u;return n.push({name:d,matcher:_,optional:!!h,rest:!!g,chained:g?l===1&&i[0]==="":!1}),g?"(.*?)":h?"([^/]*)?":"([^/]+?)"}return ue(c)}).join("")}).join("")}/?$`),params:n}}function At(e){return!/^\([^)]+\)$/.test(e)}function Rt(e){return e.slice(1).split("/").filter(At)}function It(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(u=>u).join("/"),i=0),l===void 0){c.rest&&(r[c.name]="");continue}if(!c.matcher||t[c.matcher](l)){r[c.name]=l;const u=n[s+1],h=a[s+1];u&&!u.rest&&u.optional&&h&&c.chained&&(i=0),!u&&!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 Lt({nodes:e,server_loads:n,dictionary:t,matchers:r}){const a=new Set(n);return Object.entries(t).map(([s,[c,l,u]])=>{const{pattern:h,params:g}=St(s),d={id:s,exec:_=>{const f=h.exec(_);if(f)return It(f,g,r)},errors:[1,...u||[]].map(_=>e[_]),layouts:[0,...l||[]].map(i),leaf:o(c)};return d.errors.length=d.layouts.length=Math.max(d.errors.length,d.layouts.length),d});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 Fe(e,n=JSON.parse){try{return n(sessionStorage[e])}catch{}}function Pe(e,n,t=JSON.stringify){const r=t(n);try{sessionStorage[e]=r}catch{}}const O=[];function _e(e,n=le){let t;const r=new Set;function a(s){if(lt(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 De;const P=((De=globalThis.__sveltekit_9ub911)==null?void 0:De.base)??"/adorable-css";var Ce;const Pt=((Ce=globalThis.__sveltekit_9ub911)==null?void 0:Ce.assets)??P,Tt="1718353832113",qe="sveltekit:snapshot",Ge="sveltekit:scroll",Me="sveltekit:states",Ut="sveltekit:pageurl",D="sveltekit:history",H="sveltekit:navigation",J={tap:1,hover:2,viewport:3,eager:4,off:-1,false:-1},z=location.origin;function He(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 j(e,n){return e.getAttribute(`data-sveltekit-${n}`)}const Te={...J,"":J.hover};function Be(e){let n=e.assignedSlot??e.parentNode;return(n==null?void 0:n.nodeType)===11&&(n=n.host),n}function Ke(e,n){for(;e&&e!==n;){if(e.nodeName.toUpperCase()==="A"&&e.hasAttribute("href"))return e;e=Be(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)===z&&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=j(s,"preload-code")),a===null&&(a=j(s,"preload-data")),n===null&&(n=j(s,"keepfocus")),t===null&&(t=j(s,"noscroll")),o===null&&(o=j(s,"reload")),i===null&&(i=j(s,"replacestate")),s=Be(s);function c(l){switch(l){case"":case"true":return!0;case"off":case"false":return!1;default:return}}return{preload_code:Te[r??"off"],preload_data:Te[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 xt(){const{set:e,subscribe:n}=_e(!1);let t;async function r(){clearTimeout(t);try{const a=await fetch(`${Pt}/_app/version.json`,{headers:{pragma:"no-cache","cache-control":"no-cache"}});if(!a.ok)return!1;const i=(await a.json()).version!==Tt;return i&&(e(!0),clearTimeout(t)),i}catch{return!1}}return{subscribe:n,check:r}}function re(e,n){return e.origin!==z||!e.pathname.startsWith(n)}const Nt=-1,Ot=-2,jt=-3,$t=-4,Dt=-5,Ct=-6;function Vt(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===Nt)return;if(o===jt)return NaN;if(o===$t)return 1/0;if(o===Dt)return-1/0;if(o===Ct)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 u=new Set;r[o]=u;for(let d=1;d<s.length;d+=1)u.add(a(s[d]));break;case"Map":const h=new Map;r[o]=h;for(let d=1;d<s.length;d+=2)h.set(a(s[d]),a(s[d+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 d=1;d<s.length;d+=2)g[s[d]]=a(s[d+1]);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 u=s[l];u!==Ot&&(c[l]=a(u))}}else{const c={};r[o]=c;for(const l in s){const u=s[l];c[l]=a(u)}}return r[o]}return a(0)}const ze=new Set(["load","prerender","csr","ssr","trailingSlash","config"]);[...ze];const Ft=new Set([...ze]);[...Ft];function qt(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 Ye{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 Gt="x-sveltekit-invalidated",Mt="x-sveltekit-trailing-slash";function X(e){return e instanceof ae||e instanceof we?e.status:500}function Ht(e){return e instanceof we?e.text:"Internal Error"}const N=Fe(Ge)??{},B=Fe(qe)??{},U={url:Ue({}),page:Ue({}),navigating:_e(null),updated:xt()};function ve(e){N[e]=ye()}function Bt(e,n){let t=e+1;for(;N[t];)delete N[t],t+=1;for(t=n+1;B[t];)delete B[t],t+=1}function V(e){return location.href=e.href,new Promise(()=>{})}function xe(){}let oe,pe,Z,T,ge,F;const Je=[],Q=[];let R=null;const We=[],Kt=[];let $=[],y={branch:[],error:null,url:null},be=!1,ee=!1,Ne=!0,K=!1,q=!1,Xe=!1,Ee=!1,ke,S,L,I,te;const M=new Set;async function rn(e,n,t){var a,o;document.URL!==location.href&&(location.href=location.href),F=e,oe=Lt(e),T=document.documentElement,ge=n,pe=e.nodes[0],Z=e.nodes[1],pe(),Z(),S=(a=history.state)==null?void 0:a[D],L=(o=history.state)==null?void 0:o[H],S||(S=L=Date.now(),history.replaceState({...history.state,[D]:S,[H]:L},""));const r=N[S];r&&(history.scrollRestoration="manual",scrollTo(r.x,r.y)),t?await en(ge,t):Zt(location.href,{replaceState:!0}),Qt()}function zt(){Je.length=0,Ee=!1}function Ze(e){Q.some(n=>n==null?void 0:n.snapshot)&&(B[e]=Q.map(n=>{var t;return(t=n==null?void 0:n.snapshot)==null?void 0:t.capture()}))}function Qe(e){var n;(n=B[e])==null||n.forEach((t,r)=>{var a,o;(o=(a=Q[r])==null?void 0:a.snapshot)==null||o.restore(t)})}function Oe(){ve(S),Pe(Ge,N),Ze(L),Pe(qe,B)}async function et(e,n,t,r){return Y({type:"goto",url:He(e),keepfocus:n.keepFocus,noscroll:n.noScroll,replace_state:n.replaceState,state:n.state,redirect_count:t,nav_token:r,accept:()=>{n.invalidateAll&&(Ee=!0)}})}async function Yt(e){if(e.id!==(R==null?void 0:R.id)){const n={};M.add(n),R={id:e.id,token:n,promise:nt({...e,preload:n}).then(t=>(M.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(rt(e)));n&&await Promise.all([...n.layouts,n.leaf].map(t=>t==null?void 0:t[1]()))}function tt(e,n,t){var o;y=e.state;const r=document.querySelector("style[data-sveltekit]");r&&r.remove(),I=e.props.page,ke=new F.root({target:n,props:{...e.props,stores:U,components:Q},hydrate:t}),Qe(L);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()};$.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(P&&(e.pathname===P||e.pathname===P+"/"))s="always";else for(const d of t)(d==null?void 0:d.slash)!==void 0&&(s=d.slash);e.pathname=ut(e.pathname,s),e.search=e.search;const c={type:"loaded",state:{url:e,params:n,branch:t,error:a,route:o},props:{constructors:qt(t).map(d=>d.node.component),page:I}};i!==void 0&&(c.props.form=i);let l={},u=!I,h=0;for(let d=0;d<Math.max(t.length,y.branch.length);d+=1){const _=t[d],f=y.branch[d];(_==null?void 0:_.data)!==(f==null?void 0:f.data)&&(u=!0),_&&(l={...l,..._.data},u&&(c.props[`data_${h}`]=l),h+=1)}return(!y.url||e.href!==y.url.href||y.error!==a||i!==void 0&&i!==I.form||u)&&(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:u?l:I.data}),c}async function Se({loader:e,parent:n,url:t,params:r,route:a,server_data_node:o}){var u,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((u=l.universal)!=null&&u.load){let d=function(...f){for(const m of f){const{href:b}=new URL(m,t);c.dependencies.add(b)}};const _={route:new Proxy(a,{get:(f,m)=>(s&&(c.route=!0),f[m])}),params:new Proxy(r,{get:(f,m)=>(s&&c.params.add(m),f[m])}),data:(o==null?void 0:o.data)??null,url:gt(t,()=>{s&&(c.url=!0)},f=>{s&&c.search_params.add(f)}),async fetch(f,m){let b;f instanceof Request?(b=f.url,m={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,...m}):b=f;const A=new URL(b,t);return s&&d(A.href),A.origin===t.origin&&(b=A.href.slice(t.origin.length)),ee?Et(b,A.href,m):bt(b,m)},setHeaders:()=>{},depends:d,parent(){return s&&(c.parent=!0),n()},untrack(f){s=!1;try{return f()}finally{s=!0}}};i=await l.universal.load.call(null,_)??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(Ee)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(Je.some(s=>s(new URL(i))))return!0;return!1}function Ae(e,n){return(e==null?void 0:e.type)==="data"?e:(e==null?void 0:e.type)==="skip"?n??null:null}function Jt(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 $e({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 nt({id:e,invalidating:n,url:t,params:r,route:a,preload:o}){if((R==null?void 0:R.id)===e)return M.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 u=null;const h=y.url?e!==y.url.pathname+y.url.search:!1,g=y.route?a.id!==y.route.id:!1,d=Jt(y.url,t);let _=!1;const f=l.map((p,v)=>{var x;const E=y.branch[v],k=!!(p!=null&&p[0])&&((E==null?void 0:E.loader)!==p[1]||je(_,g,h,d,(x=E.server)==null?void 0:x.uses,r));return k&&(_=!0),k});if(f.some(Boolean)){try{u=await st(t,f)}catch(p){const v=await C(p,{url:t,params:r,route:{id:e}});return M.has(o)?$e({error:v,url:t,params:r,route:a}):se({status:X(p),error:v,url:t,route:a})}if(u.type==="redirect")return u}const m=u==null?void 0:u.nodes;let b=!1;const A=l.map(async(p,v)=>{var ie;if(!p)return;const E=y.branch[v],k=m==null?void 0:m[v];if((!k||k.type==="skip")&&p[1]===(E==null?void 0:E.loader)&&!je(b,g,h,d,(ie=E.universal)==null?void 0:ie.uses,r))return E;if(b=!0,(k==null?void 0:k.type)==="error")throw k;return Se({loader:p[1],url:t,params:r,route:a,parent:async()=>{var Le;const Ie={};for(let ce=0;ce<v;ce+=1)Object.assign(Ie,(Le=await A[ce])==null?void 0:Le.data);return Ie},server_data_node:Ae(k===void 0&&p[0]?{type:"skip"}:k??null,p[0]?E==null?void 0:E.server:void 0)})});for(const p of A)p.catch(()=>{});const w=[];for(let p=0;p<l.length;p+=1)if(l[p])try{w.push(await A[p])}catch(v){if(v instanceof Ye)return{type:"redirect",location:v.location};if(M.has(o))return $e({error:await C(v,{params:r,url:t,route:{id:a.id}}),url:t,params:r,route:a});let E=X(v),k;if(m!=null&&m.includes(v))E=v.status??E,k=v.error;else if(v instanceof ae)k=v.body;else{if(await U.updated.check())return await V(t);k=await C(v,{params:r,url:t,route:{id:a.id}})}const x=await Wt(p,w,i);return x?ne({url:t,params:r,branch:w.slice(0,x.idx).concat(x.node),status:E,error:k,route:a}):await ot(t,{id:a.id},k,E)}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 Wt(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 st(t,[!0]);if(l.type!=="data"||l.nodes[0]&&l.nodes[0].type!=="data")throw 0;o=l.nodes[0]??null}catch{(t.origin!==z||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:Ae(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,P))return;let t;try{t=F.hooks.reroute({url:new URL(e)})??e.pathname}catch{return}const r=rt(t);for(const a of oe){const o=a.exec(r);if(o)return{id:e.pathname+e.search,invalidating:n,route:a,params:ht(o),url:e}}}function rt(e){return dt(e.slice(P.length)||"/")}function at({url:e,type:n,intent:t,delta:r}){let a=!1;const o=ct(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 K||We.forEach(s=>s(i)),a?null:o}async function Y({type:e,url:n,popped:t,keepfocus:r,noscroll:a,replace_state:o,state:i={},redirect_count:s=0,nav_token:c={},accept:l=xe,block:u=xe}){const h=Re(n,!1),g=at({url:n,type:e,delta:t==null?void 0:t.delta,intent:h});if(!g){u();return}const d=S,_=L;l(),K=!0,ee&&U.navigating.set(g.navigation),te=c;let f=h&&await nt(h);if(!f){if(re(n,P))return await V(n);f=await ot(n,{id:null},await C(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 C(new Error("Redirect loop"),{url:n,params:{},route:{id:null}}),url:n,route:{id:null}});else return et(new URL(f.location,n).href,{},s+1,c),!1;else f.props.page.status>=400&&await U.updated.check()&&await V(n);if(zt(),ve(d),Ze(_),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,[H]:L+=w,[Me]:i};(o?history.replaceState:history.pushState).call(history,p,"",n),o||Bt(S,L)}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(Kt.map(p=>p(g.navigation)))).filter(p=>typeof p=="function");if(w.length>0){let p=function(){$=$.filter(v=>!w.includes(v))};w.push(p),$.push(...w)}ke.$set(f.props),Xe=!0}else tt(f,ge,!1);const{activeElement:m}=document;await ft();const b=t?t.scroll:a?ye():null;if(Ne){const w=n.hash&&document.getElementById(decodeURIComponent(n.hash.slice(1)));b?scrollTo(b.x,b.y):w?w.scrollIntoView():scrollTo(0,0)}const A=document.activeElement!==m&&document.activeElement!==document.body;!r&&!A&&tn(),Ne=!0,f.props.page&&(I=f.props.page),K=!1,e==="popstate"&&Qe(L),g.fulfil(void 0),$.forEach(w=>w(g.navigation)),U.navigating.set(null)}async function ot(e,n,t,r){return e.origin===z&&e.pathname===location.pathname&&!be?await se({status:r,error:t,url:e,route:n}):await V(e)}function Xt(){let e;T.addEventListener("mousemove",o=>{const i=o.target;clearTimeout(e),e=setTimeout(()=>{r(i,2)},20)});function n(o){r(o.composedPath()[0],1)}T.addEventListener("mousedown",n),T.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=Ke(o,T);if(!s)return;const{url:c,external:l,download:u}=he(s,P);if(l||u)return;const h=W(s);if(!h.reload)if(i<=h.preload_data){const g=Re(c,!1);g&&Yt(g)}else i<=h.preload_code&&de(c.pathname)}function a(){t.disconnect();for(const o of T.querySelectorAll("a")){const{url:i,external:s,download:c}=he(o,P);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))}}$.push(a),a()}function C(e,n){if(e instanceof ae)return e.body;const t=X(e),r=Ht(e);return F.hooks.handleError({error:e,event:n,status:t,message:r})??{message:r}}function Zt(e,n={}){return e=He(e),e.origin!==z?Promise.reject(new Error("goto: invalid URL")):et(e,n,0)}function Qt(){var n;history.scrollRestoration="manual",addEventListener("beforeunload",t=>{let r=!1;if(Oe(),!K){const a=ct(y,void 0,null,"leave"),o={...a.navigation,cancel:()=>{r=!0,a.reject(new Error("navigation cancelled"))}};We.forEach(i=>i(o))}r?(t.preventDefault(),t.returnValue=""):history.scrollRestoration="auto"}),addEventListener("visibilitychange",()=>{document.visibilityState==="hidden"&&Oe()}),(n=navigator.connection)!=null&&n.saveData||Xt(),T.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=Ke(t.composedPath()[0],T);if(!r)return;const{url:a,external:o,target:i,download:s}=he(r,P);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){at({url:a,type:"link"})?K=!0:t.preventDefault();return}const[u,h]=a.href.split("#");if(h!==void 0&&u===fe(location)){const[,d]=y.url.href.split("#");if(d===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(q=!0,ve(S),e(a),!c.replace_state)return;q=!1}t.preventDefault(),await new Promise(d=>{requestAnimationFrame(()=>{setTimeout(d,0)}),setTimeout(d,100)}),Y({type:"link",url:a,keepfocus:c.keepfocus,noscroll:c.noscroll,replace_state:c.replace_state??a.href===location.href})}),T.addEventListener("submit",t=>{if(t.defaultPrevented)return;const r=HTMLFormElement.prototype.cloneNode.call(t.target),a=t.submitter;if(((a==null?void 0:a.formMethod)||r.method)!=="get")return;const i=new URL((a==null?void 0:a.hasAttribute("formaction"))&&(a==null?void 0:a.formAction)||r.action);if(re(i,P))return;const s=t.target,c=W(s);if(c.reload)return;t.preventDefault(),t.stopPropagation();const l=new FormData(s),u=a==null?void 0:a.getAttribute("name");u&&l.append(u,(a==null?void 0:a.getAttribute("value"))??""),i.search=new URLSearchParams(l).toString(),Y({type:"form",url:i,keepfocus:c.keepfocus,noscroll:c.noscroll,replace_state:c.replace_state??i.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[Me]??{},s=new URL(t.state[Ut]??location.href),c=t.state[H],l=fe(location)===fe(y.url);if(c===L&&(Xe||l)){e(s),N[S]=ye(),o&&scrollTo(o.x,o.y),i!==I.state&&(I={...I,state:i},ke.$set({page:I})),S=a;return}const h=a-S;await Y({type:"popstate",url:s,popped:{state:i,scroll:o,delta:h},accept:()=>{S=a,L=c},block:()=>{history.go(-h)},nav_token:te})}else if(!q){const a=new URL(location.href);e(a)}}),addEventListener("hashchange",()=>{q&&(q=!1,history.replaceState({...history.state,[D]:++S,[H]:L},"",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 en(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 u=r.map(async(d,_)=>{const f=i[_];return f!=null&&f.uses&&(f.uses=it(f.uses)),Se({loader:F.nodes[d],url:c,params:a,route:o,parent:async()=>{const m={};for(let b=0;b<_;b+=1)Object.assign(m,(await u[b]).data);return m},server_data_node:Ae(f)})}),h=await Promise.all(u),g=oe.find(({id:d})=>d===o.id);if(g){const d=g.layouts;for(let _=0;_<d.length;_++)d[_]||h.splice(_,0,void 0)}l=ne({url:c,params:a,branch:h,status:n,error:t,form:s,route:g??null})}catch(u){if(u instanceof Ye){await V(new URL(u.location,location.href));return}l=await se({status:X(u),error:await C(u,{url:c,params:a,route:o}),url:c,route:o})}l.props.page&&(l.props.page.state={}),tt(l,e,!0)}async function st(e,n){var a;const t=new URL(e);t.pathname=yt(e.pathname),e.pathname.endsWith("/")&&t.searchParams.append(Mt,"1"),t.searchParams.append(Gt,n.map(o=>o?"1":"0").join(""));const r=await Ve(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 Vt(g,{Promise:d=>new Promise((_,f)=>{i.set(d,{fulfil:_,reject:f})})})}let u="";for(;;){const{done:g,value:d}=await s.read();if(g&&!u)break;for(u+=!d&&u?`
+`:c.decode(d,{stream:!0});;){const _=u.indexOf(`
+`);if(_===-1)break;const f=JSON.parse(u.slice(0,_));if(u=u.slice(_+1),f.type==="redirect")return o(f);if(f.type==="data")(h=f.nodes)==null||h.forEach(m=>{(m==null?void 0:m.type)==="data"&&(m.uses=it(m.uses),m.data=l(m.data))}),o(f);else if(f.type==="chunk"){const{id:m,data:b,error:A}=f,w=i.get(m);i.delete(m),A?w.reject(l(A)):w.fulfil(l(b))}}}})}function it(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 tn(){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 ct(e,n,t,r){var c,l;let a,o;const i=new Promise((u,h)=>{a=u,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{rn as a,P as b,U as s};
diff --git a/_app/immutable/chunks/index-bc0b20f1.js b/_app/immutable/chunks/index-bc0b20f1.js
deleted file mode 100644
index 48caae8..0000000
--- a/_app/immutable/chunks/index-bc0b20f1.js
+++ /dev/null
@@ -1 +0,0 @@
-var J=Object.defineProperty;var K=(t,n,e)=>n in t?J(t,n,{enumerable:!0,configurable:!0,writable:!0,value:e}):t[n]=e;var d=(t,n,e)=>(K(t,typeof n!="symbol"?n+"":n,e),e);function g(){}function Q(t,n){for(const e in n)t[e]=n[e];return t}function q(t){return t()}function P(){return Object.create(null)}function b(t){t.forEach(q)}function M(t){return typeof t=="function"}function gt(t,n){return t!=t?n==n:t!==n||t&&typeof t=="object"||typeof t=="function"}let w;function xt(t,n){return t===n?!0:(w||(w=document.createElement("a")),w.href=n,t===w.href)}function W(t){return Object.keys(t).length===0}function X(t,...n){if(t==null){for(const i of n)i(void 0);return g}const e=t.subscribe(...n);return e.unsubscribe?()=>e.unsubscribe():e}function bt(t,n,e){t.$$.on_destroy.push(X(n,e))}function $t(t,n,e,i){if(t){const r=I(t,n,e,i);return t[0](r)}}function I(t,n,e,i){return t[1]&&i?Q(e.ctx.slice(),t[1](i(n))):e.ctx}function wt(t,n,e,i){if(t[2]&&i){const r=t[2](i(e));if(n.dirty===void 0)return r;if(typeof r=="object"){const o=[],s=Math.max(n.dirty.length,r.length);for(let u=0;u<s;u+=1)o[u]=n.dirty[u]|r[u];return o}return n.dirty|r}return n.dirty}function vt(t,n,e,i,r,o){if(r){const s=I(n,e,i,o);t.p(s,r)}}function Et(t){if(t.ctx.length>32){const n=[],e=t.ctx.length/32;for(let i=0;i<e;i++)n[i]=-1;return n}return-1}function Nt(t){return t&&M(t.destroy)?t.destroy:g}let N=!1;function Y(){N=!0}function Z(){N=!1}function tt(t,n,e,i){for(;t<n;){const r=t+(n-t>>1);e(r)<=i?t=r+1:n=r}return t}function nt(t){if(t.hydrate_init)return;t.hydrate_init=!0;let n=t.childNodes;if(t.nodeName==="HEAD"){const l=[];for(let c=0;c<n.length;c++){const a=n[c];a.claim_order!==void 0&&l.push(a)}n=l}const e=new Int32Array(n.length+1),i=new Int32Array(n.length);e[0]=-1;let r=0;for(let l=0;l<n.length;l++){const c=n[l].claim_order,a=(r>0&&n[e[r]].claim_order<=c?r+1:tt(1,r,$=>n[e[$]].claim_order,c))-1;i[l]=e[a]+1;const f=a+1;e[f]=l,r=Math.max(f,r)}const o=[],s=[];let u=n.length-1;for(let l=e[r]+1;l!=0;l=i[l-1]){for(o.push(n[l-1]);u>=l;u--)s.push(n[u]);u--}for(;u>=0;u--)s.push(n[u]);o.reverse(),s.sort((l,c)=>l.claim_order-c.claim_order);for(let l=0,c=0;l<s.length;l++){for(;c<o.length&&s[l].claim_order>=o[c].claim_order;)c++;const a=c<o.length?o[c]:null;t.insertBefore(s[l],a)}}function et(t,n){if(N){for(nt(t),(t.actual_end_child===void 0||t.actual_end_child!==null&&t.actual_end_child.parentNode!==t)&&(t.actual_end_child=t.firstChild);t.actual_end_child!==null&&t.actual_end_child.claim_order===void 0;)t.actual_end_child=t.actual_end_child.nextSibling;n!==t.actual_end_child?(n.claim_order!==void 0||n.parentNode!==t)&&t.insertBefore(n,t.actual_end_child):t.actual_end_child=n.nextSibling}else(n.parentNode!==t||n.nextSibling!==null)&&t.appendChild(n)}function it(t,n,e){t.insertBefore(n,e||null)}function rt(t,n,e){N&&!e?et(t,n):(n.parentNode!==t||n.nextSibling!=e)&&t.insertBefore(n,e||null)}function E(t){t.parentNode&&t.parentNode.removeChild(t)}function Tt(t,n){for(let e=0;e<t.length;e+=1)t[e]&&t[e].d(n)}function D(t){return document.createElement(t)}function st(t){return document.createElementNS("http://www.w3.org/2000/svg",t)}function H(t){return document.createTextNode(t)}function At(){return H(" ")}function St(){return H("")}function Lt(t,n,e,i){return t.addEventListener(n,e,i),()=>t.removeEventListener(n,e,i)}function Mt(t,n,e){e==null?t.removeAttribute(n):t.getAttribute(n)!==e&&t.setAttribute(n,e)}function Ht(t){return t.dataset.svelteH}function lt(t){return Array.from(t.childNodes)}function G(t){t.claim_info===void 0&&(t.claim_info={last_index:0,total_claimed:0})}function R(t,n,e,i,r=!1){G(t);const o=(()=>{for(let s=t.claim_info.last_index;s<t.length;s++){const u=t[s];if(n(u)){const l=e(u);return l===void 0?t.splice(s,1):t[s]=l,r||(t.claim_info.last_index=s),u}}for(let s=t.claim_info.last_index-1;s>=0;s--){const u=t[s];if(n(u)){const l=e(u);return l===void 0?t.splice(s,1):t[s]=l,r?l===void 0&&t.claim_info.last_index--:t.claim_info.last_index=s,u}}return i()})();return o.claim_order=t.claim_info.total_claimed,t.claim_info.total_claimed+=1,o}function ct(t,n,e,i){return R(t,r=>r.nodeName===n,r=>{const o=[];for(let s=0;s<r.attributes.length;s++){const u=r.attributes[s];e[u.name]||o.push(u.name)}o.forEach(s=>r.removeAttribute(s))},()=>i(n))}function jt(t,n,e){return ct(t,n,e,D)}function ut(t,n){return R(t,e=>e.nodeType===3,e=>{const i=""+n;if(e.data.startsWith(i)){if(e.data.length!==i.length)return e.splitText(i.length)}else e.data=i},()=>H(n),!0)}function Ct(t){return ut(t," ")}function B(t,n,e){for(let i=e;i<t.length;i+=1){const r=t[i];if(r.nodeType===8&&r.textContent.trim()===n)return i}return-1}function Pt(t,n){const e=B(t,"HTML_TAG_START",0),i=B(t,"HTML_TAG_END",e+1);if(e===-1||i===-1)return new O(n);G(t);const r=t.splice(e,i-e+1);E(r[0]),E(r[r.length-1]);const o=r.slice(1,r.length-1);for(const s of o)s.claim_order=t.claim_info.total_claimed,t.claim_info.total_claimed+=1;return new O(n,o)}function Bt(t,n){n=""+n,t.data!==n&&(t.data=n)}function Ot(t,n){t.value=n??""}function kt(t,n,e,i){e==null?t.style.removeProperty(n):t.style.setProperty(n,e,i?"important":"")}function qt(t,n,e){t.classList.toggle(n,!!e)}class ot{constructor(n=!1){d(this,"is_svg",!1);d(this,"e");d(this,"n");d(this,"t");d(this,"a");this.is_svg=n,this.e=this.n=null}c(n){this.h(n)}m(n,e,i=null){this.e||(this.is_svg?this.e=st(e.nodeName):this.e=D(e.nodeType===11?"TEMPLATE":e.nodeName),this.t=e.tagName!=="TEMPLATE"?e:e.content,this.c(n)),this.i(i)}h(n){this.e.innerHTML=n,this.n=Array.from(this.e.nodeName==="TEMPLATE"?this.e.content.childNodes:this.e.childNodes)}i(n){for(let e=0;e<this.n.length;e+=1)it(this.t,this.n[e],n)}p(n){this.d(),this.h(n),this.i(this.a)}d(){this.n.forEach(E)}}class O extends ot{constructor(e=!1,i){super(e);d(this,"l");this.e=this.n=null,this.l=i}c(e){this.l?this.n=this.l:super.c(e)}i(e){for(let i=0;i<this.n.length;i+=1)rt(this.t,this.n[i],e)}}function It(t,n){return new t(n)}let x;function y(t){x=t}function z(){if(!x)throw new Error("Function called outside component initialization");return x}function Dt(t){z().$$.on_mount.push(t)}function Gt(t){z().$$.after_update.push(t)}const m=[],k=[];let p=[];const A=[],F=Promise.resolve();let S=!1;function U(){S||(S=!0,F.then(V))}function Rt(){return U(),F}function L(t){p.push(t)}function zt(t){A.push(t)}const T=new Set;let h=0;function V(){if(h!==0)return;const t=x;do{try{for(;h<m.length;){const n=m[h];h++,y(n),ft(n.$$)}}catch(n){throw m.length=0,h=0,n}for(y(null),m.length=0,h=0;k.length;)k.pop()();for(let n=0;n<p.length;n+=1){const e=p[n];T.has(e)||(T.add(e),e())}p.length=0}while(m.length);for(;A.length;)A.pop()();S=!1,T.clear(),y(t)}function ft(t){if(t.fragment!==null){t.update(),b(t.before_update);const n=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,n),t.after_update.forEach(L)}}function at(t){const n=[],e=[];p.forEach(i=>t.indexOf(i)===-1?n.push(i):e.push(i)),e.forEach(i=>i()),p=n}const v=new Set;let _;function Ft(){_={r:0,c:[],p:_}}function Ut(){_.r||b(_.c),_=_.p}function dt(t,n){t&&t.i&&(v.delete(t),t.i(n))}function Vt(t,n,e,i){if(t&&t.o){if(v.has(t))return;v.add(t),_.c.push(()=>{v.delete(t),i&&(e&&t.d(1),i())}),t.o(n)}else i&&i()}function Jt(t,n,e){const i=t.$$.props[n];i!==void 0&&(t.$$.bound[i]=e,e(t.$$.ctx[i]))}function Kt(t){t&&t.c()}function Qt(t,n){t&&t.l(n)}function _t(t,n,e){const{fragment:i,after_update:r}=t.$$;i&&i.m(n,e),L(()=>{const o=t.$$.on_mount.map(q).filter(M);t.$$.on_destroy?t.$$.on_destroy.push(...o):b(o),t.$$.on_mount=[]}),r.forEach(L)}function ht(t,n){const e=t.$$;e.fragment!==null&&(at(e.after_update),b(e.on_destroy),e.fragment&&e.fragment.d(n),e.on_destroy=e.fragment=null,e.ctx=[])}function mt(t,n){t.$$.dirty[0]===-1&&(m.push(t),U(),t.$$.dirty.fill(0)),t.$$.dirty[n/31|0]|=1<<n%31}function Wt(t,n,e,i,r,o,s,u=[-1]){const l=x;y(t);const c=t.$$={fragment:null,ctx:[],props:o,update:g,not_equal:r,bound:P(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(n.context||(l?l.$$.context:[])),callbacks:P(),dirty:u,skip_bound:!1,root:n.target||l.$$.root};s&&s(c.root);let a=!1;if(c.ctx=e?e(t,n.props||{},(f,$,...j)=>{const C=j.length?j[0]:$;return c.ctx&&r(c.ctx[f],c.ctx[f]=C)&&(!c.skip_bound&&c.bound[f]&&c.bound[f](C),a&&mt(t,f)),$}):[],c.update(),a=!0,b(c.before_update),c.fragment=i?i(c.ctx):!1,n.target){if(n.hydrate){Y();const f=lt(n.target);c.fragment&&c.fragment.l(f),f.forEach(E)}else c.fragment&&c.fragment.c();n.intro&&dt(t.$$.fragment),_t(t,n.target,n.anchor),Z(),V()}y(l)}class Xt{constructor(){d(this,"$$");d(this,"$$set")}$destroy(){ht(this,1),this.$destroy=g}$on(n,e){if(!M(e))return g;const i=this.$$.callbacks[n]||(this.$$.callbacks[n]=[]);return i.push(e),()=>{const r=i.indexOf(e);r!==-1&&i.splice(r,1)}}$set(n){this.$$set&&!W(n)&&(this.$$.skip_bound=!0,this.$$set(n),this.$$.skip_bound=!1)}}const pt="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(pt);export{Pt as A,$t as B,Nt as C,vt as D,Et as E,wt as F,b as G,O as H,St as I,Ft as J,Ut as K,Gt as L,Dt as M,kt as N,It as O,Rt as P,k as Q,Jt as R,Xt as S,qt as T,zt as U,Tt as V,At as a,lt as b,jt as c,ut as d,D as e,E as f,Ct as g,rt as h,Wt as i,et as j,Bt as k,bt as l,Ht as m,g as n,Mt as o,xt as p,Ot as q,Lt as r,gt as s,H as t,Kt as u,Qt as v,_t as w,dt as x,Vt as y,ht as z};
diff --git a/_app/immutable/chunks/index.Wx35Jw4s.js b/_app/immutable/chunks/index.Wx35Jw4s.js
new file mode 100644
index 0000000..0895d7b
--- /dev/null
+++ b/_app/immutable/chunks/index.Wx35Jw4s.js
@@ -0,0 +1 @@
+var C=Object.defineProperty;var B=(e,t,n)=>t in e?C(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n;var d=(e,t,n)=>B(e,typeof t!="symbol"?t+"":t,n);import{r as p,n as x,e as T,f as P,i as S,g as j,h as E,j as I,k as D,l as A,m as q,p as G,q as O}from"./scheduler.CH-LaNC3.js";let y=!1;function R(){y=!0}function z(){y=!1}function U(e,t,n,i){for(;e<t;){const s=e+(t-e>>1);n(s)<=i?e=s+1:t=s}return e}function V(e){if(e.hydrate_init)return;e.hydrate_init=!0;let t=e.childNodes;if(e.nodeName==="HEAD"){const r=[];for(let a=0;a<t.length;a++){const o=t[a];o.claim_order!==void 0&&r.push(o)}t=r}const n=new Int32Array(t.length+1),i=new Int32Array(t.length);n[0]=-1;let s=0;for(let r=0;r<t.length;r++){const a=t[r].claim_order,o=(s>0&&t[n[s]].claim_order<=a?s+1:U(1,s,h=>t[n[h]].claim_order,a))-1;i[r]=n[o]+1;const u=o+1;n[u]=r,s=Math.max(u,s)}const c=[],l=[];let f=t.length-1;for(let r=n[s]+1;r!=0;r=i[r-1]){for(c.push(t[r-1]);f>=r;f--)l.push(t[f]);f--}for(;f>=0;f--)l.push(t[f]);c.reverse(),l.sort((r,a)=>r.claim_order-a.claim_order);for(let r=0,a=0;r<l.length;r++){for(;a<c.length&&l[r].claim_order>=c[a].claim_order;)a++;const o=a<c.length?c[a]:null;e.insertBefore(l[r],o)}}function W(e,t){if(y){for(V(e),(e.actual_end_child===void 0||e.actual_end_child!==null&&e.actual_end_child.parentNode!==e)&&(e.actual_end_child=e.firstChild);e.actual_end_child!==null&&e.actual_end_child.claim_order===void 0;)e.actual_end_child=e.actual_end_child.nextSibling;t!==e.actual_end_child?(t.claim_order!==void 0||t.parentNode!==e)&&e.insertBefore(t,e.actual_end_child):e.actual_end_child=t.nextSibling}else(t.parentNode!==e||t.nextSibling!==null)&&e.appendChild(t)}function F(e,t,n){e.insertBefore(t,n||null)}function J(e,t,n){y&&!n?W(e,t):(t.parentNode!==e||t.nextSibling!=n)&&e.insertBefore(t,n||null)}function $(e){e.parentNode&&e.parentNode.removeChild(e)}function le(e,t){for(let n=0;n<e.length;n+=1)e[n]&&e[n].d(t)}function L(e){return document.createElement(e)}function K(e){return document.createElementNS("http://www.w3.org/2000/svg",e)}function w(e){return document.createTextNode(e)}function ae(){return w(" ")}function ce(){return w("")}function fe(e,t,n,i){return e.addEventListener(t,n,i),()=>e.removeEventListener(t,n,i)}function ue(e,t,n){n==null?e.removeAttribute(t):e.getAttribute(t)!==n&&e.setAttribute(t,n)}function oe(e){return e.dataset.svelteH}function Q(e){return Array.from(e.childNodes)}function H(e){e.claim_info===void 0&&(e.claim_info={last_index:0,total_claimed:0})}function M(e,t,n,i,s=!1){H(e);const c=(()=>{for(let l=e.claim_info.last_index;l<e.length;l++){const f=e[l];if(t(f)){const r=n(f);return r===void 0?e.splice(l,1):e[l]=r,s||(e.claim_info.last_index=l),f}}for(let l=e.claim_info.last_index-1;l>=0;l--){const f=e[l];if(t(f)){const r=n(f);return r===void 0?e.splice(l,1):e[l]=r,s?r===void 0&&e.claim_info.last_index--:e.claim_info.last_index=l,f}}return i()})();return c.claim_order=e.claim_info.total_claimed,e.claim_info.total_claimed+=1,c}function X(e,t,n,i){return M(e,s=>s.nodeName===t,s=>{const c=[];for(let l=0;l<s.attributes.length;l++){const f=s.attributes[l];n[f.name]||c.push(f.name)}c.forEach(l=>s.removeAttribute(l))},()=>i(t))}function de(e,t,n){return X(e,t,n,L)}function Y(e,t){return M(e,n=>n.nodeType===3,n=>{const i=""+t;if(n.data.startsWith(i)){if(n.data.length!==i.length)return n.splitText(i.length)}else n.data=i},()=>w(t),!0)}function _e(e){return Y(e," ")}function b(e,t,n){for(let i=n;i<e.length;i+=1){const s=e[i];if(s.nodeType===8&&s.textContent.trim()===t)return i}return-1}function he(e,t){const n=b(e,"HTML_TAG_START",0),i=b(e,"HTML_TAG_END",n+1);if(n===-1||i===-1)return new g(t);H(e);const s=e.splice(n,i-n+1);$(s[0]),$(s[s.length-1]);const c=s.slice(1,s.length-1);if(c.length===0)return new g(t);for(const l of c)l.claim_order=e.claim_info.total_claimed,e.claim_info.total_claimed+=1;return new g(t,c)}function me(e,t){t=""+t,e.data!==t&&(e.data=t)}function $e(e,t){e.value=t??""}function pe(e,t,n,i){n==null?e.style.removeProperty(t):e.style.setProperty(t,n,"")}function ye(e,t,n){e.classList.toggle(t,!!n)}class Z{constructor(t=!1){d(this,"is_svg",!1);d(this,"e");d(this,"n");d(this,"t");d(this,"a");this.is_svg=t,this.e=this.n=null}c(t){this.h(t)}m(t,n,i=null){this.e||(this.is_svg?this.e=K(n.nodeName):this.e=L(n.nodeType===11?"TEMPLATE":n.nodeName),this.t=n.tagName!=="TEMPLATE"?n:n.content,this.c(t)),this.i(i)}h(t){this.e.innerHTML=t,this.n=Array.from(this.e.nodeName==="TEMPLATE"?this.e.content.childNodes:this.e.childNodes)}i(t){for(let n=0;n<this.n.length;n+=1)F(this.t,this.n[n],t)}p(t){this.d(),this.h(t),this.i(this.a)}d(){this.n.forEach($)}}class g extends Z{constructor(n=!1,i){super(n);d(this,"l");this.e=this.n=null,this.l=i}c(n){this.l?this.n=this.l:super.c(n)}i(n){for(let i=0;i<this.n.length;i+=1)J(this.t,this.n[i],n)}}function ge(e,t){return new e(t)}const m=new Set;let _;function xe(){_={r:0,c:[],p:_}}function we(){_.r||p(_.c),_=_.p}function k(e,t){e&&e.i&&(m.delete(e),e.i(t))}function ve(e,t,n,i){if(e&&e.o){if(m.has(e))return;m.add(e),_.c.push(()=>{m.delete(e),i&&(n&&e.d(1),i())}),e.o(t)}else i&&i()}function Ne(e,t,n){const i=e.$$.props[t];i!==void 0&&(e.$$.bound[i]=n,n(e.$$.ctx[i]))}function Te(e){e&&e.c()}function Ee(e,t){e&&e.l(t)}function ee(e,t,n){const{fragment:i,after_update:s}=e.$$;i&&i.m(t,n),E(()=>{const c=e.$$.on_mount.map(q).filter(S);e.$$.on_destroy?e.$$.on_destroy.push(...c):p(c),e.$$.on_mount=[]}),s.forEach(E)}function te(e,t){const n=e.$$;n.fragment!==null&&(I(n.after_update),p(n.on_destroy),n.fragment&&n.fragment.d(t),n.on_destroy=n.fragment=null,n.ctx=[])}function ne(e,t){e.$$.dirty[0]===-1&&(G.push(e),O(),e.$$.dirty.fill(0)),e.$$.dirty[t/31|0]|=1<<t%31}function Ae(e,t,n,i,s,c,l=null,f=[-1]){const r=D;A(e);const a=e.$$={fragment:null,ctx:[],props:c,update:x,not_equal:s,bound:T(),on_mount:[],on_destroy:[],on_disconnect:[],before_update:[],after_update:[],context:new Map(t.context||(r?r.$$.context:[])),callbacks:T(),dirty:f,skip_bound:!1,root:t.target||r.$$.root};l&&l(a.root);let o=!1;if(a.ctx=n?n(e,t.props||{},(u,h,...v)=>{const N=v.length?v[0]:h;return a.ctx&&s(a.ctx[u],a.ctx[u]=N)&&(!a.skip_bound&&a.bound[u]&&a.bound[u](N),o&&ne(e,u)),h}):[],a.update(),o=!0,p(a.before_update),a.fragment=i?i(a.ctx):!1,t.target){if(t.hydrate){R();const u=Q(t.target);a.fragment&&a.fragment.l(u),u.forEach($)}else a.fragment&&a.fragment.c();t.intro&&k(e.$$.fragment),ee(e,t.target,t.anchor),z(),P()}A(r)}class be{constructor(){d(this,"$$");d(this,"$$set")}$destroy(){te(this,1),this.$destroy=x}$on(t,n){if(!S(n))return x;const i=this.$$.callbacks[t]||(this.$$.callbacks[t]=[]);return i.push(n),()=>{const s=i.indexOf(n);s!==-1&&i.splice(s,1)}}$set(t){this.$$set&&!j(t)&&(this.$$.skip_bound=!0,this.$$set(t),this.$$.skip_bound=!1)}}const ie="4";typeof window<"u"&&(window.__svelte||(window.__svelte={v:new Set})).v.add(ie);export{xe as A,ge as B,Ne as C,ye as D,le as E,g as H,be as S,Q as a,Y as b,de as c,$ as d,L as e,_e as f,J as g,W as h,Ae as i,me as j,oe as k,ue as l,$e as m,fe as n,Te as o,Ee as p,ee as q,k as r,ae as s,w as t,ve as u,te as v,he as w,ce as x,we as y,pe as z};
diff --git a/_app/immutable/chunks/scheduler.CH-LaNC3.js b/_app/immutable/chunks/scheduler.CH-LaNC3.js
new file mode 100644
index 0000000..fba2a38
--- /dev/null
+++ b/_app/immutable/chunks/scheduler.CH-LaNC3.js
@@ -0,0 +1 @@
+function y(){}function w(t,n){for(const e in n)t[e]=n[e];return t}function j(t){return t()}function P(){return Object.create(null)}function E(t){t.forEach(j)}function q(t){return typeof t=="function"}function S(t,n){return t!=t?n==n:t!==n||t&&typeof t=="object"||typeof t=="function"}let i;function U(t,n){return t===n?!0:(i||(i=document.createElement("a")),i.href=n,t===i.href)}function A(t){return Object.keys(t).length===0}function v(t,...n){if(t==null){for(const r of n)r(void 0);return y}const e=t.subscribe(...n);return e.unsubscribe?()=>e.unsubscribe():e}function B(t,n,e){t.$$.on_destroy.push(v(n,e))}function C(t,n,e,r){if(t){const o=m(t,n,e,r);return t[0](o)}}function m(t,n,e,r){return t[1]&&r?w(e.ctx.slice(),t[1](r(n))):e.ctx}function D(t,n,e,r){if(t[2]&&r){const o=t[2](r(e));if(n.dirty===void 0)return o;if(typeof o=="object"){const l=[],d=Math.max(n.dirty.length,o.length);for(let s=0;s<d;s+=1)l[s]=n.dirty[s]|o[s];return l}return n.dirty|o}return n.dirty}function G(t,n,e,r,o,l){if(o){const d=m(n,e,r,l);t.p(d,o)}}function H(t){if(t.ctx.length>32){const n=[],e=t.ctx.length/32;for(let r=0;r<e;r++)n[r]=-1;return n}return-1}function I(t){return t&&q(t.destroy)?t.destroy:y}let f;function _(t){f=t}function k(){if(!f)throw new Error("Function called outside component initialization");return f}function J(t){k().$$.on_mount.push(t)}function K(t){k().$$.after_update.push(t)}const a=[],g=[];let u=[];const p=[],x=Promise.resolve();let b=!1;function O(){b||(b=!0,x.then(M))}function L(){return O(),x}function z(t){u.push(t)}function N(t){p.push(t)}const h=new Set;let c=0;function M(){if(c!==0)return;const t=f;do{try{for(;c<a.length;){const n=a[c];c++,_(n),F(n.$$)}}catch(n){throw a.length=0,c=0,n}for(_(null),a.length=0,c=0;g.length;)g.pop()();for(let n=0;n<u.length;n+=1){const e=u[n];h.has(e)||(h.add(e),e())}u.length=0}while(a.length);for(;p.length;)p.pop()();b=!1,h.clear(),_(t)}function F(t){if(t.fragment!==null){t.update(),E(t.before_update);const n=t.dirty;t.dirty=[-1],t.fragment&&t.fragment.p(t.ctx,n),t.after_update.forEach(z)}}function Q(t){const n=[],e=[];u.forEach(r=>t.indexOf(r)===-1?n.push(r):e.push(r)),e.forEach(r=>r()),u=n}export{U as a,K as b,B as c,g as d,P as e,M as f,A as g,z as h,q as i,Q as j,f as k,_ as l,j as m,y as n,J as o,a as p,O as q,E as r,S as s,L as t,C as u,I as v,G as w,H as x,D as y,N as z};
diff --git a/_app/immutable/chunks/singletons-199d898a.js b/_app/immutable/chunks/singletons-199d898a.js
deleted file mode 100644
index 4a32833..0000000
--- a/_app/immutable/chunks/singletons-199d898a.js
+++ /dev/null
@@ -1 +0,0 @@
-import{n as d,s as v}from"./index-bc0b20f1.js";const c=[];function b(e,t=d){let n;const s=new Set;function o(a){if(v(e,a)&&(e=a,n)){const u=!c.length;for(const i of s)i[1](),c.push(i,e);if(u){for(let i=0;i<c.length;i+=2)c[i][0](c[i+1]);c.length=0}}}function r(a){o(a(e))}function l(a,u=d){const i=[a,u];return s.add(i),s.size===1&&(n=t(o,r)||d),a(e),()=>{s.delete(i),s.size===0&&n&&(n(),n=null)}}return{set:o,update:r,subscribe:l}}let p="",m="";function I(e){p=e.base,m=e.assets||p}let w="";function y(e){w=e}const A="sveltekit:scroll",S="sveltekit:index",_={tap:1,hover:2,viewport:3,eager:4,off:-1};function T(e){let t=e.baseURI;if(!t){const n=e.getElementsByTagName("base");t=n.length?n[0].href:e.URL}return t}function U(){return{x:pageXOffset,y:pageYOffset}}function f(e,t){return e.getAttribute(`data-sveltekit-${t}`)}const h={..._,"":_.hover};function E(e){let t=e.assignedSlot??e.parentNode;return(t==null?void 0:t.nodeType)===11&&(t=t.host),t}function L(e,t){for(;e&&e!==t;){if(e.nodeName.toUpperCase()==="A")return e;e=E(e)}}function O(e,t){let n;try{n=new URL(e instanceof SVGAElement?e.href.baseVal:e.href,document.baseURI)}catch{}const s={rel_external:(e.getAttribute("rel")||"").split(/\s+/).includes("external"),download:e.hasAttribute("download"),target:!!(e instanceof SVGAElement?e.target.baseVal:e.target)},o=!n||k(n,t)||s.rel_external||s.target||s.download;return{url:n,has:s,external:o}}function V(e){let t=null,n=null,s=null,o=null,r=e;for(;r&&r!==document.documentElement;)n===null&&(n=f(r,"preload-code")),s===null&&(s=f(r,"preload-data")),t===null&&(t=f(r,"noscroll")),o===null&&(o=f(r,"reload")),r=E(r);return{preload_code:h[n??"off"],preload_data:h[s??"off"],noscroll:t==="off"?!1:t===""?!0:null,reload:o==="off"?!1:o===""?!0:null}}function g(e){const t=b(e);let n=!0;function s(){n=!0,t.update(l=>l)}function o(l){n=!1,t.set(l)}function r(l){let a;return t.subscribe(u=>{(a===void 0||n&&u!==a)&&l(a=u)})}return{notify:s,set:o,subscribe:r}}function R(){const{set:e,subscribe:t}=b(!1);let n;async function s(){clearTimeout(n);const o=await fetch(`${m}/_app/version.json`,{headers:{pragma:"no-cache","cache-control":"no-cache"}});if(o.ok){const l=(await o.json()).version!==w;return l&&(e(!0),clearTimeout(n)),l}else throw new Error(`Version check failed: ${o.status}`)}return{subscribe:t,check:s}}function k(e,t){return e.origin!==location.origin||!e.pathname.startsWith(t)}function N(e){e.client}const $={url:g({}),page:g({}),navigating:b(null),updated:R()};export{S as I,_ as P,A as S,O as a,p as b,V as c,U as d,I as e,L as f,T as g,N as h,k as i,y as j,$ as s};
diff --git a/_app/immutable/chunks/stores-84d51be6.js b/_app/immutable/chunks/stores-84d51be6.js
deleted file mode 100644
index 86a4fcc..0000000
--- a/_app/immutable/chunks/stores-84d51be6.js
+++ /dev/null
@@ -1 +0,0 @@
-import{s as e}from"./singletons-199d898a.js";const r=()=>{const s=e;return{page:{subscribe:s.page.subscribe},navigating:{subscribe:s.navigating.subscribe},updated:s.updated}},b={subscribe(s){return r().page.subscribe(s)}};export{b as p};
diff --git a/_app/immutable/chunks/stores.BRRwbFP8.js b/_app/immutable/chunks/stores.BRRwbFP8.js
new file mode 100644
index 0000000..b3f33ef
--- /dev/null
+++ b/_app/immutable/chunks/stores.BRRwbFP8.js
@@ -0,0 +1 @@
+import{s as e}from"./entry.BuFVMvRG.js";const r=()=>{const s=e;return{page:{subscribe:s.page.subscribe},navigating:{subscribe:s.navigating.subscribe},updated:s.updated}},b={subscribe(s){return r().page.subscribe(s)}};export{b as p};
diff --git a/_app/immutable/components/error.svelte-b4500545.js b/_app/immutable/components/error.svelte-b4500545.js
deleted file mode 100644
index 0c4f54d..0000000
--- a/_app/immutable/components/error.svelte-b4500545.js
+++ /dev/null
@@ -1 +0,0 @@
-import{S as x,i as S,s as j,e as u,t as d,a as k,c as h,b as v,d as g,f as c,g as q,h as _,j as b,k as E,n as $,l as y}from"../chunks/index-bc0b20f1.js";import{p as C}from"../chunks/stores-84d51be6.js";function H(l){var f;let a,s=l[0].status+"",r,n,o,i=((f=l[0].error)==null?void 0:f.message)+"",m;return{c(){a=u("h1"),r=d(s),n=k(),o=u("p"),m=d(i)},l(e){a=h(e,"H1",{});var t=v(a);r=g(t,s),t.forEach(c),n=q(e),o=h(e,"P",{});var p=v(o);m=g(p,i),p.forEach(c)},m(e,t){_(e,a,t),b(a,r),_(e,n,t),_(e,o,t),b(o,m)},p(e,[t]){var p;t&1&&s!==(s=e[0].status+"")&&E(r,s),t&1&&i!==(i=((p=e[0].error)==null?void 0:p.message)+"")&&E(m,i)},i:$,o:$,d(e){e&&(c(a),c(n),c(o))}}}function P(l,a,s){let r;return y(l,C,n=>s(0,r=n)),[r]}class A extends x{constructor(a){super(),S(this,a,P,H,j,{})}}export{A as default};
diff --git a/_app/immutable/components/pages/_layout.svelte-7cede11a.js b/_app/immutable/components/pages/_layout.svelte-7cede11a.js
deleted file mode 100644
index 32d9efd..0000000
--- a/_app/immutable/components/pages/_layout.svelte-7cede11a.js
+++ /dev/null
@@ -1 +0,0 @@
-import{S as ct,i as ut,s as ht,e as u,t as lt,a as p,c as h,b as E,d as st,g as v,f as L,o as i,h as N,j as a,k as ft,n as nt,B as dt,u as pt,m as g,v as vt,w as _t,C as V,D as gt,E as mt,F as xt,x as rt,y as ot,z as Ct,G as bt}from"../../chunks/index-bc0b20f1.js";import{b as F}from"../../chunks/singletons-199d898a.js";import{p as $t}from"../../chunks/stores-84d51be6.js";const it="1.3.0";function wt(r){let e,s=r[0]!=="prod"?`[${r[0]}]`:"",o,d,m;return{c(){e=u("div"),o=lt(s),d=p(),m=lt(it),this.h()},l(t){e=h(t,"DIV",{class:!0,"aria-hidden":!0});var n=E(e);o=st(n,s),d=v(n),m=st(n,it),n.forEach(L),this.h()},h(){i(e,"class","version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)"),i(e,"aria-hidden","true")},m(t,n){N(t,e,n),a(e,o),a(e,d),a(e,m)},p(t,[n]){n&1&&s!==(s=t[0]!=="prod"?`[${t[0]}]`:"")&&ft(o,s)},i:nt,o:nt,d(t){t&&L(e)}}}function yt(r,e,s){let{phase:o="prod"}=e;return r.$$set=d=>{"phase"in d&&s(0,o=d.phase)},[o]}class kt extends ct{constructor(e){super(),ut(this,e,yt,wt,ht,{phase:0})}}function At(r){let e,s,o,d="^•ﻌ•^ฅ",m,t,n,P="왜 만들었나요?",M,x,Q="가이드",S,C,W="문서",j,b,O="✨ 튜토리얼",B,$,X="✨ ChangeLog",R,w,Y="Reference",T,y,Z="블로그",H,k,tt="기능 제안",U,A,et='<a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&amp;list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&amp;index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a>',G,q,D,z,J,at;const K=r[2].default,f=dt(K,r,r[1],null);return D=new kt({}),{c(){e=u("div"),s=u("div"),o=u("a"),o.textContent=d,m=p(),t=u("div"),n=u("a"),n.textContent=P,M=p(),x=u("a"),x.textContent=Q,S=p(),C=u("a"),C.textContent=W,j=p(),b=u("a"),b.textContent=O,B=p(),$=u("a"),$.textContent=X,R=p(),w=u("a"),w.textContent=Y,T=p(),y=u("a"),y.textContent=Z,H=p(),k=u("a"),k.textContent=tt,U=p(),A=u("div"),A.innerHTML=et,G=p(),f&&f.c(),q=p(),pt(D.$$.fragment),this.h()},l(l){e=h(l,"DIV",{class:!0});var _=E(e);s=h(_,"DIV",{class:!0});var I=E(s);o=h(I,"A",{href:!0,class:!0,"data-svelte-h":!0}),g(o)!=="svelte-1pu47t9"&&(o.textContent=d),m=v(I),t=h(I,"DIV",{class:!0});var c=E(t);n=h(c,"A",{href:!0,"data-svelte-h":!0}),g(n)!=="svelte-c727qv"&&(n.textContent=P),M=v(c),x=h(c,"A",{href:!0,"data-svelte-h":!0}),g(x)!=="svelte-10mixkq"&&(x.textContent=Q),S=v(c),C=h(c,"A",{href:!0,"data-svelte-h":!0}),g(C)!=="svelte-1sco1eh"&&(C.textContent=W),j=v(c),b=h(c,"A",{href:!0,"data-svelte-h":!0}),g(b)!=="svelte-rlq5lo"&&(b.textContent=O),B=v(c),$=h(c,"A",{href:!0,"data-svelte-h":!0}),g($)!=="svelte-16vt69p"&&($.textContent=X),R=v(c),w=h(c,"A",{href:!0,"data-svelte-h":!0}),g(w)!=="svelte-14njj80"&&(w.textContent=Y),T=v(c),y=h(c,"A",{target:!0,href:!0,"data-svelte-h":!0}),g(y)!=="svelte-13z2g4i"&&(y.textContent=Z),H=v(c),k=h(c,"A",{target:!0,href:!0,"data-svelte-h":!0}),g(k)!=="svelte-1tpgna0"&&(k.textContent=tt),c.forEach(L),U=v(I),A=h(I,"DIV",{class:!0,"data-svelte-h":!0}),g(A)!=="svelte-woofac"&&(A.innerHTML=et),I.forEach(L),G=v(_),f&&f.l(_),_.forEach(L),q=v(l),vt(D.$$.fragment,l),this.h()},h(){i(o,"href",F+"/"),i(o,"class","pack font(20/-/-10%) pointer AppleSD"),i(n,"href",F+"/background"),i(x,"href",F+"/guide"),i(C,"href",F+"/docs"),i(b,"href",F+"/tutorial"),i($,"href",F+"/changelogs"),i(w,"href",F+"/reference"),i(y,"target","_blank"),i(y,"href","https://velog.io/@teo/series/AdorableCSS"),i(k,"target","_blank"),i(k,"href","https://github.com/developer-1px/adorable-css/issues"),i(t,"class","hbox gap(20)"),i(A,"class","hbox gap(20)"),i(s,"class","relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"),i(e,"class","vbox")},m(l,_){N(l,e,_),a(e,s),a(s,o),a(s,m),a(s,t),a(t,n),a(t,M),a(t,x),a(t,S),a(t,C),a(t,j),a(t,b),a(t,B),a(t,$),a(t,R),a(t,w),a(t,T),a(t,y),a(t,H),a(t,k),a(s,U),a(s,A),a(e,G),f&&f.m(e,null),N(l,q,_),_t(D,l,_),z=!0,J||(at=[V(r[0].call(null,n)),V(r[0].call(null,x)),V(r[0].call(null,C)),V(r[0].call(null,b)),V(r[0].call(null,$)),V(r[0].call(null,w))],J=!0)},p(l,[_]){f&&f.p&&(!z||_&2)&&gt(f,K,l,l[1],z?xt(K,l[1],_,null):mt(l[1]),null)},i(l){z||(rt(f,l),rt(D.$$.fragment,l),z=!0)},o(l){ot(f,l),ot(D.$$.fragment,l),z=!1},d(l){l&&(L(e),L(q)),f&&f.d(l),Ct(D,l),J=!1,bt(at)}}}function Dt(r,e,s){let{$$slots:o={},$$scope:d}=e;const m=t=>{$t.subscribe(n=>{t.classList.toggle("active",location.origin+n.url.pathname===t.href)})};return r.$$set=t=>{"$$scope"in t&&s(1,d=t.$$scope)},[m,d,o]}class It extends ct{constructor(e){super(),ut(this,e,Dt,At,ht,{})}}export{It as default};
diff --git a/_app/immutable/components/pages/_page.svelte-42762606.js b/_app/immutable/components/pages/_page.svelte-42762606.js
deleted file mode 100644
index 431daa3..0000000
--- a/_app/immutable/components/pages/_page.svelte-42762606.js
+++ /dev/null
@@ -1,63 +0,0 @@
-import{S as Yl,i as Zl,s as es,e as t,a as r,t as i,c as l,b as o,m as S,g as c,f as s,d,o as a,p as Ul,h as b,j as e,n as tl}from"../../chunks/index-bc0b20f1.js";function ts(ll){let C,W,sl='<span class="group-hover:rotate(-10deg) group-active:rotate(10deg) transition(.4s)">ฅ</span> <span>^•ﻌ•^</span> <span class="group-hover:rotate(10deg) group-active:rotate(-10deg) transition(.4s)">ฅ <span class="font(20) c(#ccc) group-hover:c(--primary) vertical-top transition(.4s)">♥</span></span>',Re,$,al='<h1 class="font(30) 200 c(#666)">AdorableCSS</h1> <p>⚡️ Rapid on-demand atomic css framework</p>',De,m,Q,qe,Be,K,Ge,Xe,Se,Fe,we,ol,Ie,h,U,$e,Qe,Y,Ke,Ue,Z,rl=".inner-wrapper { position:relative; padding: 10px 20px }",Ye,Ze,ee,cl=".inner-wrapper? 서식을 위해 의미없는 이름을 짓기 위해서 고민하지마세요.",et,tt,lt,te,nl='<div class="relative p(10/10)">',st,at,le,il="그냥 서식 그대로 HTML에 적어보세요. 필요한 CSS는 다 만들어두었습니다.",ot,rt,ct,se,dl='<div class="font(10) c(#ff0) bold text-center">',nt,ke,j,D,I,J,hl="When just write down in HTML or JSX",it,ae,fl=`<button class="hbox pack gap(6) bg(#333) c(#fff) b(#000.2) r(6) p(8/12) font(14/16/-1%) bold pointer transition(.2s)
-  hover:bg(#555)
-  active:bg(#000)! active:b(#000.2)">
-    <div>👍</div>
-    <div>Like</div>
-  </button>
-`,dt,ht,k,P,vl="... and auto generate CSS on realtime! (and build-time) 😎",ft,oe,pl=`/* @adorable.css */
-
-* {margin:0;padding:0;box-sizing:border-box;font:inherit;color:inherit;flex-shrink:0;}
-.c(#fff){color:#fff;}
-html .active:bg(#000)!:active,html .active:bg(#000)!.:active{background-color:#000!important;}
-.bg(#333){background-color:#333;}
-@media (hover:hover){.hover:bg(#555):hover,.hover:bg(#555).:hover{background-color:#555;}}
-.font(14/16/-1%){font-size:14px;line-height:16px;letter-spacing:-0.01em}
-.bold{font-weight:700;}
-.hbox{display:flex;flex-flow:row;align-items: center;}
-.p(8/12){padding:8px 12px;}
-.pack{display:flex;align-items:center;justify-content:center;}
-.pointer{cursor:pointer;}
-html .active:b(#000.2):active,html .active:b(#000.2).:active{border:1px solid rgba(0,0,0,.2);}
-.b(#000.2){border:1px solid rgba(0,0,0,.2);}
-.r(6){border-radius:6px;}
-.gap(6){gap:6px;}
-.layer{position:absolute;top:0;right:0;bottom:0;left:0}
-.transition(.2s){transition:all .2s;}
-`,vt,Ve,u,re,pt,ut,ce,bt,mt,ne,gt,xt,_t,Ct,O,ul='<p>디자인을 만들기 위해 구조를 변경하고 CSS를 수정하고 이름을 수정하고 Selector를 수정하고 다시 HTML을 수정하고...</p> <div class="m(20)">👇</div> <p>HTML, JSX를 수정하면서 실시간으로 변경되는 디자인을 확인하며 작업해보세요!</p>',Me,g,ie,Et,St,de,wt,Ht,he,yt,Dt,x,z,A,bl="More extensible Syntax",It,fe,ml=`<div class="font(14/1.5/-1%)"/>
-<div class="w(100~200)"/>
-<div class="nowrap..."/>
-<div class="line-clamp(3)"/>
-<div class="hbox(bottom+right)"/>
-<div class="layer(right)"/>
-
-.font(14/1.5/-1%){font-size:14px;line-height:1.5;letter-spacing:-0.01em}
-.w(100~200){min-width:100px;max-width:200px;}
-.hbox(bottom+right){display:flex;flex-flow:row;align-items:flex-end;justify-content:flex-end;}
-.nowrap...{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-shrink:1;}
-.line-clamp(3){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
-.layer(right){position:absolute;top:0;right:0;bottom:0}
-`,kt,Vt,R,q,gl="Support Full Pesudo-class/element",Mt,ve,xl=`<a class="hover:underline active:bg(#000)"/>
-<div class="nth-child(3n+1):bg(orange)"/>
-<input class="placeholder:c(#ccc)"/>
-<div class="after:content(--my-content)" style="--my-content: 'hello adorable'"/>
-
-.placeholder\\:c\\(\\#ccc\\)::placeholder{color:#ccc;}
-html .active\\:bg\\(\\#000\\):active,html .active\\:bg\\(\\#000\\).\\:active{background-color:#000;}
-.nth-child\\(3n\\+1\\)\\:bg\\(orange\\):nth-child(3n+1){background-color:orange;}
-@media (hover:hover){.hover\\:underline:hover,.hover\\:underline.\\:hover{text-decoration:underline;}}
-.after\\:content\\(--my-content\\):after{content:'var(--my-content)'}
-`,Lt,Tt,B,G,_l="Selector Support",Nt,pe,Cl=`<div class=".selected:bg(#000) .selected:c(#fff)"/>
-<div class=">h1:m(20)"/>
-<input class=">>a:c(#4f80ff)"/>
-
-.\\.selected\\:c\\(\\#fff\\).selected,.selected .\\.selected\\:c\\(\\#fff\\){color:#fff;}
-.\\>\\>a\\:c\\(\\#4f80ff\\)>>a{color:#4f80ff;}
-.\\.selected\\:bg\\(\\#000\\).selected,.selected .\\.selected\\:bg\\(\\#000\\){background-color:#000;}
-.\\>h1\\:m\\(20\\)>h1{margin:20px;}
-`,Wt,jt,X,F,El="Media Query Support",Jt,ue,Sl=`<div class="@w(320~):c(red)">320 > red</div>
-
-.\\.selected\\:c\\(\\#fff\\).selected,.selected .\\.selected\\:c\\(\\#fff\\){color:#fff;}
-.\\>\\>a\\:c\\(\\#4f80ff\\)>>a{color:#4f80ff;}
-.\\.selected\\:bg\\(\\#000\\).selected,.selected .\\.selected\\:bg\\(\\#000\\){background-color:#000;}
-.\\>h1\\:m\\(20\\)>h1{margin:20px;}
-`,Pt,Le,E,be,Ot,zt,me,At,Rt,V,qt,Bt,Gt,Te,p,ge,Xt,Ft,xe,$t,Qt,_e,Kt,Ut,Ce,Yt,Zt,He,el,ye,wl;return{c(){C=t("div"),W=t("div"),W.innerHTML=sl,Re=r(),$=t("div"),$.innerHTML=al,De=r(),m=t("div"),Q=t("h1"),qe=i("No more writing your own CSS."),Be=r(),K=t("h2"),Ge=i("We have created almost all the CSS you need. Just write down in your HTML(or JSX)."),Xe=r(),Se=t("div"),Fe=r(),we=t("img"),Ie=r(),h=t("div"),U=t("h1"),$e=i("[ •́ ‸ •̀ ]"),Qe=r(),Y=t("h1"),Ke=i("Naming things is hard."),Ue=r(),Z=t("h2"),Ye=i(rl),Ze=r(),ee=t("p"),ee.textContent=cl,et=r(),tt=t("br"),lt=r(),te=t("h2"),st=i(nl),at=r(),le=t("p"),le.textContent=il,ot=r(),rt=t("br"),ct=r(),se=t("h2"),nt=i(dl),ke=r(),j=t("div"),D=t("div"),I=t("div"),J=t("h1"),J.textContent=hl,it=r(),ae=t("code"),dt=i(fl),ht=r(),k=t("div"),P=t("h1"),P.textContent=vl,ft=r(),oe=t("code"),vt=i(pl),Ve=r(),u=t("div"),re=t("h1"),pt=i("⚡️"),ut=r(),ce=t("h1"),bt=i("Fast Writing without switching!"),mt=r(),ne=t("h2"),gt=i("이제 HTML과 CSS와 화면을 번갈아가면서 개발하지마세요."),xt=r(),_t=t("br"),Ct=r(),O=t("div"),O.innerHTML=ul,Me=r(),g=t("div"),ie=t("h1"),Et=i("ᕙ(`▿´)ᕗ"),St=r(),de=t("h1"),wt=i("Write less do more!"),Ht=r(),he=t("h2"),yt=i("Isn't it 90s-vibe inline-style? No!"),Dt=r(),x=t("div"),z=t("div"),A=t("h2"),A.textContent=bl,It=r(),fe=t("code"),kt=i(ml),Vt=r(),R=t("div"),q=t("h2"),q.textContent=gl,Mt=r(),ve=t("code"),Lt=i(xl),Tt=r(),B=t("div"),G=t("h2"),G.textContent=_l,Nt=r(),pe=t("code"),Wt=i(Cl),jt=r(),X=t("div"),F=t("h2"),F.textContent=El,Jt=r(),ue=t("code"),Pt=i(Sl),Le=r(),E=t("div"),be=t("h1"),Ot=i("📦"),zt=r(),me=t("h1"),At=i("Portable and Compact"),Rt=r(),V=t("h2"),qt=i("Are you refactor code? you don't worry about that separated CSS."),Bt=t("br"),Gt=i("We don't write CSS. Just Cut & Paste!"),Te=r(),p=t("div"),ge=t("h1"),Xt=i("No Semantic + No CSS = Great for handoff!"),Ft=r(),xe=t("h1"),$t=i("🤝"),Qt=r(),_e=t("h2"),Kt=i("디자인 파일의 속성을 서식 그대로 HTML로 옮겨올 수가 있습니다."),Ut=r(),Ce=t("h2"),Yt=i("figma handshake plugin"),Zt=r(),He=t("div"),el=r(),ye=t("img"),this.h()},l(n){C=l(n,"DIV",{class:!0});var f=o(C);W=l(f,"DIV",{class:!0,"data-svelte-h":!0}),S(W)!=="svelte-e2a0ax"&&(W.innerHTML=sl),Re=c(f),$=l(f,"DIV",{"data-svelte-h":!0}),S($)!=="svelte-1oxlqx"&&($.innerHTML=al),f.forEach(s),De=c(n),m=l(n,"DIV",{class:!0});var M=o(m);Q=l(M,"H1",{class:!0});var Hl=o(Q);qe=d(Hl,"No more writing your own CSS."),Hl.forEach(s),Be=c(M),K=l(M,"H2",{class:!0});var yl=o(K);Ge=d(yl,"We have created almost all the CSS you need. Just write down in your HTML(or JSX)."),yl.forEach(s),Xe=c(M),Se=l(M,"DIV",{class:!0}),o(Se).forEach(s),Fe=c(M),we=l(M,"IMG",{src:!0}),M.forEach(s),Ie=c(n),h=l(n,"DIV",{class:!0});var v=o(h);U=l(v,"H1",{class:!0});var Dl=o(U);$e=d(Dl,"[ •́ ‸ •̀ ]"),Dl.forEach(s),Qe=c(v),Y=l(v,"H1",{class:!0});var Il=o(Y);Ke=d(Il,"Naming things is hard."),Il.forEach(s),Ue=c(v),Z=l(v,"H2",{class:!0});var kl=o(Z);Ye=d(kl,rl),kl.forEach(s),Ze=c(v),ee=l(v,"P",{"data-svelte-h":!0}),S(ee)!=="svelte-1e51161"&&(ee.textContent=cl),et=c(v),tt=l(v,"BR",{}),lt=c(v),te=l(v,"H2",{class:!0});var Vl=o(te);st=d(Vl,nl),Vl.forEach(s),at=c(v),le=l(v,"P",{"data-svelte-h":!0}),S(le)!=="svelte-1j1szsm"&&(le.textContent=il),ot=c(v),rt=l(v,"BR",{}),ct=c(v),se=l(v,"H2",{class:!0});var Ml=o(se);nt=d(Ml,dl),Ml.forEach(s),v.forEach(s),ke=c(n),j=l(n,"DIV",{class:!0});var Ll=o(j);D=l(Ll,"DIV",{class:!0});var Ne=o(D);I=l(Ne,"DIV",{class:!0});var We=o(I);J=l(We,"H1",{class:!0,"data-svelte-h":!0}),S(J)!=="svelte-1g9dldl"&&(J.textContent=hl),it=c(We),ae=l(We,"CODE",{class:!0});var Tl=o(ae);dt=d(Tl,fl),Tl.forEach(s),We.forEach(s),ht=c(Ne),k=l(Ne,"DIV",{class:!0});var je=o(k);P=l(je,"H1",{class:!0,"data-svelte-h":!0}),S(P)!=="svelte-145vrx0"&&(P.textContent=vl),ft=c(je),oe=l(je,"CODE",{class:!0});var Nl=o(oe);vt=d(Nl,pl),Nl.forEach(s),je.forEach(s),Ne.forEach(s),Ll.forEach(s),Ve=c(n),u=l(n,"DIV",{class:!0});var H=o(u);re=l(H,"H1",{class:!0});var Wl=o(re);pt=d(Wl,"⚡️"),Wl.forEach(s),ut=c(H),ce=l(H,"H1",{class:!0});var jl=o(ce);bt=d(jl,"Fast Writing without switching!"),jl.forEach(s),mt=c(H),ne=l(H,"H2",{class:!0});var Jl=o(ne);gt=d(Jl,"이제 HTML과 CSS와 화면을 번갈아가면서 개발하지마세요."),Jl.forEach(s),xt=c(H),_t=l(H,"BR",{}),Ct=c(H),O=l(H,"DIV",{class:!0,"data-svelte-h":!0}),S(O)!=="svelte-6h5pm3"&&(O.innerHTML=ul),H.forEach(s),Me=c(n),g=l(n,"DIV",{class:!0});var L=o(g);ie=l(L,"H1",{class:!0});var Pl=o(ie);Et=d(Pl,"ᕙ(`▿´)ᕗ"),Pl.forEach(s),St=c(L),de=l(L,"H1",{class:!0});var Ol=o(de);wt=d(Ol,"Write less do more!"),Ol.forEach(s),Ht=c(L),he=l(L,"H2",{class:!0});var zl=o(he);yt=d(zl,"Isn't it 90s-vibe inline-style? No!"),zl.forEach(s),Dt=c(L),x=l(L,"DIV",{class:!0});var T=o(x);z=l(T,"DIV",{});var Je=o(z);A=l(Je,"H2",{class:!0,"data-svelte-h":!0}),S(A)!=="svelte-1bv6hpj"&&(A.textContent=bl),It=c(Je),fe=l(Je,"CODE",{class:!0});var Al=o(fe);kt=d(Al,ml),Al.forEach(s),Je.forEach(s),Vt=c(T),R=l(T,"DIV",{});var Pe=o(R);q=l(Pe,"H2",{class:!0,"data-svelte-h":!0}),S(q)!=="svelte-cz51uo"&&(q.textContent=gl),Mt=c(Pe),ve=l(Pe,"CODE",{class:!0});var Rl=o(ve);Lt=d(Rl,xl),Rl.forEach(s),Pe.forEach(s),Tt=c(T),B=l(T,"DIV",{});var Oe=o(B);G=l(Oe,"H2",{class:!0,"data-svelte-h":!0}),S(G)!=="svelte-3v2qw2"&&(G.textContent=_l),Nt=c(Oe),pe=l(Oe,"CODE",{class:!0});var ql=o(pe);Wt=d(ql,Cl),ql.forEach(s),Oe.forEach(s),jt=c(T),X=l(T,"DIV",{});var ze=o(X);F=l(ze,"H2",{class:!0,"data-svelte-h":!0}),S(F)!=="svelte-1ny7j3j"&&(F.textContent=El),Jt=c(ze),ue=l(ze,"CODE",{class:!0});var Bl=o(ue);Pt=d(Bl,Sl),Bl.forEach(s),ze.forEach(s),T.forEach(s),L.forEach(s),Le=c(n),E=l(n,"DIV",{class:!0});var Ee=o(E);be=l(Ee,"H1",{class:!0});var Gl=o(be);Ot=d(Gl,"📦"),Gl.forEach(s),zt=c(Ee),me=l(Ee,"H1",{class:!0});var Xl=o(me);At=d(Xl,"Portable and Compact"),Xl.forEach(s),Rt=c(Ee),V=l(Ee,"H2",{class:!0});var Ae=o(V);qt=d(Ae,"Are you refactor code? you don't worry about that separated CSS."),Bt=l(Ae,"BR",{}),Gt=d(Ae,"We don't write CSS. Just Cut & Paste!"),Ae.forEach(s),Ee.forEach(s),Te=c(n),p=l(n,"DIV",{class:!0});var _=o(p);ge=l(_,"H1",{class:!0});var Fl=o(ge);Xt=d(Fl,"No Semantic + No CSS = Great for handoff!"),Fl.forEach(s),Ft=c(_),xe=l(_,"H1",{class:!0});var $l=o(xe);$t=d($l,"🤝"),$l.forEach(s),Qt=c(_),_e=l(_,"H2",{class:!0});var Ql=o(_e);Kt=d(Ql,"디자인 파일의 속성을 서식 그대로 HTML로 옮겨올 수가 있습니다."),Ql.forEach(s),Ut=c(_),Ce=l(_,"H2",{class:!0});var Kl=o(Ce);Yt=d(Kl,"figma handshake plugin"),Kl.forEach(s),Zt=c(_),He=l(_,"DIV",{class:!0}),o(He).forEach(s),el=c(_),ye=l(_,"IMG",{src:!0}),_.forEach(s),this.h()},h(){a(W,"class","hbox font(80/-/-15%) AppleSD opacity(0.7) hover:scale(1.05) hover:opacity(1) transition(.4s) pointer group"),a(C,"class",N+" gap(40) max-h(60vh)"),a(Q,"class",w),a(K,"class",y),a(Se,"class","space(2em)"),Ul(we.src,ol="https://images.velog.io/images/teo/post/dde8bc56-15d0-4fc0-a15a-f3c204f50494/AdorableCSS.gif")||a(we,"src",ol),a(m,"class",N),a(U,"class",w+" hover:scale(1.05) active:rotate(5deg) active:color(--primary) transition(.4s) pointer"),a(Y,"class",w),a(Z,"class",y),a(te,"class",y),a(se,"class",y),a(h,"class",N),a(J,"class","font(30/-/-1.5%) bold"),a(ae,"class","pre text-left bg(#f1f1f1) p(20) r(8) monospace"),a(I,"class","vbox(center)"),a(P,"class","font(30/-/-1.5%) bold"),a(oe,"class","pre text-left bg(#f1f1f1) p(20) r(8) monospace"),a(k,"class","vbox(center)"),a(D,"class","hbox(top+center) flex-wrap gap(60)"),a(j,"class",N),a(re,"class",w),a(ce,"class",w),a(ne,"class",y),a(O,"class","bg(#f1f1f1) r(8) p(20)"),a(u,"class",N),a(ie,"class",w+" hover:scale(1.05) active:rotate(5deg) active:color(--primary) transition(.4s) pointer"),a(de,"class",w),a(he,"class",y),a(A,"class","font(24) 700 m(10/0)"),a(fe,"class","block pre font(13) w(~800) text-left bg(#f1f1f1) p(20) r(8) monospace"),a(q,"class","font(24) 700 m(10/0)"),a(ve,"class","block pre font(13) w(~800) text-left bg(#f1f1f1) p(20) r(8) monospace"),a(G,"class","font(24) 700 m(10/0)"),a(pe,"class","block pre font(13) w(~800) text-left bg(#f1f1f1) p(20) r(8) monospace"),a(F,"class","font(24) 700 m(10/0)"),a(ue,"class","block pre font(13) w(~800) text-left bg(#f1f1f1) p(20) r(8) monospace"),a(x,"class","vbox gap(40) mt(40)"),a(g,"class",N),a(be,"class",w),a(me,"class",w),a(V,"class",y),a(E,"class",N),a(ge,"class",w),a(xe,"class",w),a(_e,"class",y),a(Ce,"class",y),a(He,"class","space(2em)"),Ul(ye.src,wl="https://camo.githubusercontent.com/c52ff55a6f6c7da295067d57b30035aa8d6c7f7e439f64e3e1713a1b98187e9e/68747470733a2f2f696d616765732e76656c6f672e696f2f696d616765732f74656f2f706f73742f35373963646237622d383831392d343930322d386639372d3036633334303062323032312f254531253834253932254531253835254141254531253834253836254531253835254137254531253836254142253230254531253834253830254531253835254235254531253834253835254531253835254139254531253836254138253230323032312d30392d3031253230254531253834253842254531253835254139254531253834253932254531253835254145253230332e31372e31372e6d6f762e676966")||a(ye,"src",wl),a(p,"class",N)},m(n,f){b(n,C,f),e(C,W),e(C,Re),e(C,$),b(n,De,f),b(n,m,f),e(m,Q),e(Q,qe),e(m,Be),e(m,K),e(K,Ge),e(m,Xe),e(m,Se),e(m,Fe),e(m,we),b(n,Ie,f),b(n,h,f),e(h,U),e(U,$e),e(h,Qe),e(h,Y),e(Y,Ke),e(h,Ue),e(h,Z),e(Z,Ye),e(h,Ze),e(h,ee),e(h,et),e(h,tt),e(h,lt),e(h,te),e(te,st),e(h,at),e(h,le),e(h,ot),e(h,rt),e(h,ct),e(h,se),e(se,nt),b(n,ke,f),b(n,j,f),e(j,D),e(D,I),e(I,J),e(I,it),e(I,ae),e(ae,dt),e(D,ht),e(D,k),e(k,P),e(k,ft),e(k,oe),e(oe,vt),b(n,Ve,f),b(n,u,f),e(u,re),e(re,pt),e(u,ut),e(u,ce),e(ce,bt),e(u,mt),e(u,ne),e(ne,gt),e(u,xt),e(u,_t),e(u,Ct),e(u,O),b(n,Me,f),b(n,g,f),e(g,ie),e(ie,Et),e(g,St),e(g,de),e(de,wt),e(g,Ht),e(g,he),e(he,yt),e(g,Dt),e(g,x),e(x,z),e(z,A),e(z,It),e(z,fe),e(fe,kt),e(x,Vt),e(x,R),e(R,q),e(R,Mt),e(R,ve),e(ve,Lt),e(x,Tt),e(x,B),e(B,G),e(B,Nt),e(B,pe),e(pe,Wt),e(x,jt),e(x,X),e(X,F),e(X,Jt),e(X,ue),e(ue,Pt),b(n,Le,f),b(n,E,f),e(E,be),e(be,Ot),e(E,zt),e(E,me),e(me,At),e(E,Rt),e(E,V),e(V,qt),e(V,Bt),e(V,Gt),b(n,Te,f),b(n,p,f),e(p,ge),e(ge,Xt),e(p,Ft),e(p,xe),e(xe,$t),e(p,Qt),e(p,_e),e(_e,Kt),e(p,Ut),e(p,Ce),e(Ce,Yt),e(p,Zt),e(p,He),e(p,el),e(p,ye)},p:tl,i:tl,o:tl,d(n){n&&(s(C),s(De),s(m),s(Ie),s(h),s(ke),s(j),s(Ve),s(u),s(Me),s(g),s(Le),s(E),s(Te),s(p))}}}const N="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip",w="font(3em/-/-1.5%) bold ~md:font(1.6em)",y="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)";function ls(ll){return[]}class as extends Yl{constructor(C){super(),Zl(this,C,ls,ts,es,{})}}export{as as default};
diff --git a/_app/immutable/components/pages/cdn/_page.svelte-6cd4c225.js b/_app/immutable/components/pages/cdn/_page.svelte-6cd4c225.js
deleted file mode 100644
index 2274187..0000000
--- a/_app/immutable/components/pages/cdn/_page.svelte-6cd4c225.js
+++ /dev/null
@@ -1,2 +0,0 @@
-import{S as m,i as h,s as f,e as v,c as p,m as y,o as g,h as E,n as i,f as S}from"../../../chunks/index-bc0b20f1.js";import{r as b,g as L}from"../../../chunks/atomizer-551903d3.js";function _(r){let e,s="cdn no vite!";return{c(){e=v("div"),e.textContent=s,this.h()},l(t){e=p(t,"DIV",{id:!0,"data-svelte-h":!0}),y(e)!=="svelte-h83w1p"&&(e.textContent=s),this.h()},h(){g(e,"id","test c(red) font(100) p(10)")},m(t,d){E(t,e,d)},p:i,i,o:i,d(t){t&&S(e)}}}if(typeof document<"u"){const r=document.documentElement,e=document.createElement("style");r.querySelector("head").appendChild(e);const s=new Set,t=()=>e.innerHTML=b+L([...s]).join(`
-`);new MutationObserver(o=>{o.forEach(a=>{var l,u;(l=a.oldValue)==null||l.split(/\s+/).forEach(c=>s.delete(c)),Array.from((u=a.target)==null?void 0:u.classList).forEach(c=>s.add(c)),t()})}).observe(r,{attributes:!0,subtree:!0,childList:!0,attributeOldValue:!0,attributeFilter:["class"]});const n=()=>{Array.from(document.querySelectorAll("*[class]")).forEach(o=>Array.from(o.classList).forEach(a=>s.add(a))),t()};document.readyState==="loading"?document.addEventListener("readystatechange",()=>{n(),document.removeEventListener("readystatechange",n)}):n()}class A extends m{constructor(e){super(),h(this,e,null,_,f,{})}}export{A as default};
diff --git a/_app/immutable/components/pages/docs/_page.svelte-db427261.js b/_app/immutable/components/pages/docs/_page.svelte-db427261.js
deleted file mode 100644
index 5b547c5..0000000
--- a/_app/immutable/components/pages/docs/_page.svelte-db427261.js
+++ /dev/null
@@ -1,28 +0,0 @@
-import{S as np,i as lp,s as sp,e as s,a as o,H as xl,c as p,m as a,g as i,b as cl,A as vl,f as e,o as le,h as l,n as ul,u as ap,v as cp,w as up,x as dp,y as xp,z as vp}from"../../../chunks/index-bc0b20f1.js";function Cp(dl){let c,d='<img src="https://images.velog.io/images/teo/post/0282cd6a-7530-4674-ad56-2cea0b55b773/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202022-01-12%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2012.06.40.png"/>',x,u,C="AdorableCSS",se,f,Cl="<p>⚡️ Rapid On-Demand Atomic CSS framework</p>",pe,k,fl="어떤 CSS가 좋은 CSS인지 모르겠나요?<br/>AdorableCSS를 이용해서 CSS 이름짓기와 좋은 구조에 대한 고민을 날려보세요!",oe,H,kl="Why AdorableCSS?",ie,_,Hl="초창기 웹 문서의 서식을 위해 만들어진 CSS는 무엇보다 훌륭한 디자인 도구였습니다.",ae,b,_l="하지만 웹은 문서가 아니라 아니라 어플리케이션의 형태로 발전했고 페이지가 아니라 이제는 프레임워크와 컴포넌트 기반의 개발 방식으로 변경이 되었습니다.",ce,T,bl=`문서 서식을 위해 만들어진 CSS는 안타깝게도 현대 프레임워크 방식과는 잘 맞지않게 설계되었습니다. CSS는 전역적이며 모듈화되지 않고 Cascade와 상세도에 의해 언제나 부서지기 쉬운 상태가 되었습니다. 그리고
-이를 해결하기 위해서 BEM과 같은 CSS 방법론등이 필요하게 되었지만 여전히 CSS개발은 어려운 작업이 되었습니다.`,ue,L,Tl="Naming things is hard.",de,M,Ll="CSS가 어려운 이유는 뭘까요? 그것은 바로 이름짓기 문제입니다. CSS뿐만 아니라 모든 소프웨어 작업에서 꼭 필요한 좋은 이름을 짓는다는 것은 참 어려운 일입니다. CSS의 방법론이나 CSS를 잘 한다는 것은 이 좋은 이름을 짓는데서 출발하게 됩니다.",xe,r,Ml="하지만 우리는 늘 <code>.inner-wraper</code> <code>.wrap-container</code> 와 같은 의미없는 이름들을 지으면서 괴로워합니다.",ve,y,rl="또한 <code>.nav__title</code> <code>.nav__title--selected</code> 어떤 식으로 구조를 짜야하는지 늘 혼란스러워 합니다.",Ce,m,yl="No more writing your own CSS!",fe,S,ml="그렇다면 아예 CSS를 작성하지 않는 방법은 어떨까요?",ke,h,Sl="CSS의 잘못된 설계와 어플리케이션 개발방식이 맞지 않는 문제에서 더 이상 고민하지 마세요. 어플리케이션을 만드는 방식처럼 눈에 보이는 서식 그대로 HTML위에서 디자인기반으로 작업을 해보세요.",He,P,hl="HTML과 CSS와 화면을 왔다갔다하며 새로고침을 할 필요도 없습니다. 직관적으로 HTML위에서 작성해보세요.",_e,w,Pl="최적화는 걱정마세요! 필요한 CSS는 미리 다 함수로 만들어 두었습니다.",be,z,Te,pp=`<code class="language-html"><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 attr-equals">=</span><span class="token punctuation">"</span>hbox pack bg(#333) c(#fff) r(6) p(8/12)
-               font(14/16/-1%) bold pointer<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>click me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span></code>`,Le,v,wl="click me",Me,E,zl="Portable and Compact",re,q,El="미리 만들었다면 CSS의 용량은 매우 크지 아닐까요? No!",ye,j,ql="CSS는 빌드타임에 최적화되어 필요한 양만큼만 생성이 됩니다. 뿐만 아니라 한번 만들어진 CSS는 모든 페이지에서 재사용이 되기에 기존 방식보다 훨씬 더 적는 양의 CSS 파일을 사용하게 됩니다. 웹 서비스의 크기가 늘어다도 CSS의 크기는 더 커지지 않습니다.",me,B,jl="또한 HTML과 CSS가 하나의 파일로 관리되기 때문에 리팩토링에서도 자유롭습니다.",Se,he,Pe,A,Bl="Key Feature",we,R,Al="<ol><li>AtomicCSS 방식으로 CSS 작업없이 HTML에서만 개발이 가능합니다.</li> <li>그러면서도 Selector, Peseduo Class등 CSS의 모든 기능을 사용할 수 있습니다.</li> <li>변경사항을 추적해서 실시간으로 CSS를 생성해서 최적의 코드를 만들어냅니다.</li> <li>Learning-Curve를 고려하여 문법을 간결하고 직관적이면서도 세련되게 다듬었습니다.</li></ol>",ze,Ee,qe,$,Rl="Syntax",je,O,Be,op=`<code class="language-html">property(value) 
-  - 가장 기본적인 형태로 프로퍼티(값)의 형태를 가집니다.
-  ex) class="w(240) h(100) c(#fff.3)"
-
-property(value/value/...) 
-  - 클래스는 띄어쓰기로 구분되므로 기존 css에서 띄어쓰기 구분자들은 '/'로 구분합니다.
-  ex) class="p(10/20) m(10/20/30/40)"
-
-property
-  - 값이 없는 프로퍼티는 ()를 사용하지 않습니다.
-  ex) class="hbox absolute bold none"
-
-prefix:property(value) 
-  - 조건부 렌더링 prefix를 통해 상황별로 서식을 다르게 적용할 수 있습니다.
-  ex) class="hover:bg(red) focus:ring(blue) .isSelected:underline mobile:vbox"
-
-prefix:property(value)! or property(value)! or property!
-  - 마지막에 !를 붙이면 !important 로 만들어줍니다.
-  ex) class="active:bg(red)! b(0)! none! fixed!"</code>`,Ae,F,$l="Basic Properties",Re,$e,Oe,N,Ol="Text",Fe,D,Fl="Color",Ne,K,Nl="<code>c(red)</code> <code>c(#f00)</code> <code>c(#f00.5)</code> <code>c(255,0,0)</code> <code>c(255,0,0,.3)</code> <code>c(100%,0,0)</code>",De,U,Dl="font(size/line-height/letter-spacing/word-spacing)",Ke,Q,Kl="<code>font(20/1.4/-1%)</code> <code>font(20/1.4)</code> <code>font(20/-/-1%)</code>",Ue,V,Ul="<code>font-size(30)</code> <code>line-height(1.5)</code> <code>letter-spacing(-1px)</code>",Qe,I,Ql="<code>word-spacing(-1px)</code>",Ve,W,Vl="font-family",Ie,G,Il="<code>sans-serif</code> <code>serif</code> <code>cursive</code> <code>monospace</code>",We,J,Wl="font-style",Ge,X,Gl="<code>bold</code> <code>italic</code> <code>underline</code> <code>strike</code>",Je,Y,Jl="font-weight",Xe,Z,Xl="<code>100</code> <code>200</code> <code>300</code> <code>400</code> <code>500</code> <code>600</code> <code>700</code> <code>800</code> <code>900</code>",Ye,g,Yl="<code>thin</code> <code>light</code> <code>medium</code> <code>regular</code> <code>bold</code> <code>heavy</code>",Ze,tt,Zl="text-align",ge,et,gl="<code>text(left)</code> <code>text(center)</code> <code>text(right)</code> <code>text(justify)</code>",tn,nt,ts="<code>text(center+bottom)</code> <code>text(pack)</code>",en,lt,es="etc",nn,st,ns="<code>lowercase</code> <code>uppercase</code> <code>small-caps</code>",ln,pt,ls="<code>monospace(number)</code>",sn,ot,ss="stroke",pn,it,ps="<code>text-shadow()</code>",on,an,cn,at,os="Box",un,ct,is="Size",dn,ut,as="<code>w(30)</code> <code>w(~30)</code> <code>w(30~)</code> <code>w(20~30)</code>",xn,dt,cs="<code>h(30)</code> <code>h(~30)</code> <code>h(30~)</code> <code>h(20~30)</code>",vn,xt,us="Radius",Cn,vt,ds="<code>r(10)</code> <code>r(fill)</code> <code>r(100%)</code>",fn,Ct,xs="Fill",kn,ft,vs="<code>bg(#B75959)</code> <code>bg(linear-gradient(#000,#fff))</code> <code>bg(/image.png)</code>",Hn,kt,Cs="<code>cover</code> <code>contain</code>",_n,Ht,fs="Stroke",bn,_t,ks="<code>b(#000)</code> <code>b(1/#000)</code> <code>b(1/solid/#000)</code>",Tn,bt,Hs="<code>bt(#000)</code> <code>br()</code> <code>bb()</code> <code>bl()</code>",Ln,Tt,_s="<code>outline()</code> <code>ring()</code>",Mn,Lt,bs="Effects",rn,Mt,Ts="<code>box-shadow(0/4/4/#000.25)</code>",yn,rt,Ls="<code>box-shadow(inset/0/4/4/#000.25)</code>",mn,yt,Ms="<code>blur(4)</code>",Sn,mt,rs="<code>backdrop-blur(4)</code>",hn,St,ys="Clip content",Pn,ht,ms="<code>clip</code> <code>overflow(hidden)</code>",wn,Pt,Ss="<code>nowrap...</code> <code>line-clamp(3)</code>",zn,wt,hs="Scroll",En,zt,Ps="<code>scroll</code> <code>scroll-x</code> <code>scroll-y</code>",qn,jn,Bn,Et,ws="Layout",An,qt,zs="Flexbox",Rn,jt,Es="<code>hbox</code> <code>vbox</code> <code>pack</code>",$n,Bt,qs="hbox",On,At,js="<code>hbox(top)</code> <code>hbox(top+center)</code> <code>hbox(top+right)</code>",Fn,Rt,Bs="<code>hbox(left)</code> <code>pack</code> <code>hbox(right)</code>",Nn,$t,As="<code>hbox(bottom)</code> <code>hbox(bottom+center)</code> <code>hbox(bottom+right)</code>",Dn,Ot,Rs="<code>hbox(fill)</code>",Kn,Ft,$s="vbox",Un,Nt,Os="<code>vbox(top)</code> <code>vbox(top+center)</code> <code>vbox(top+right)</code>",Qn,Dt,Fs="<code>vbox(left)</code> <code>vbox pack</code> <code>vbox(right)</code>",Vn,Kt,Ns="<code>vbox(bottom+left)</code> <code>vbox(bottom+center)</code> <code>vbox(bottom+right)</code>",In,Ut,Ds="Autolayout (direaction, gap, padding)",Wn,Qt,Ks="<code>p(10)</code> <code>p(10/20)</code> <code>p(10/20/30)</code> <code>p(10/20/30/40)</code>",Gn,Vt,Us="<code>gap(10)</code> <code>gap(10/20)</code>",Jn,It,Qs="<code>flex</code> <code>flex(1)</code> <code>flex(2)</code>",Xn,Wt,Vs="Position",Yn,Gt,Is="<code>static</code> <code>relative</code> <code>absolute</code> <code>fixed</code>",Zn,Jt,Ws="<code>sticky</code> <code>sticky-top</code> <code>sticky-right</code> <code>sticky-bottom</code> <code>sticky-left</code>",gn,Xt,Gs="<code>layer()</code> <code>layer(top)</code> <code>layer(top+right)</code>",tl,Yt,Js="<code>top()</code> <code>right()</code> <code>bottom()</code> <code>left()</code> <code>x()</code> <code>y()</code>",el,Zt,Xs="<code>z()</code>",nl,gt,Ys="Visibility",ll,te,Zs="<code>none</code> <code>hidden</code> <code>visible</code> <code>blind</code> <code>opacity(.5)</code>",sl,pl,ol,ee,gs="Reset CSS",il,ne,al,ip=`<code class="language-css"><span class="token selector">*,:after,:before</span><span class="token punctuation">&#123;</span><span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">font</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">box-sizing</span><span class="token punctuation">:</span>border-box<span class="token punctuation">;</span><span class="token property">flex-shrink</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
-<span class="token selector">:root</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-tap-highlight-color</span><span class="token punctuation">:</span>transparent<span class="token punctuation">;</span><span class="token property">text-size-adjust</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">-webkit-text-size-adjust</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>1.5<span class="token punctuation">;</span><span class="token property">overflow-wrap</span><span class="token punctuation">:</span>break-word<span class="token punctuation">;</span><span class="token property">word-break</span><span class="token punctuation">:</span>break-word<span class="token punctuation">;</span><span class="token property">tab-size</span><span class="token punctuation">:</span>2<span class="token punctuation">;</span><span class="token property">font-synthesis</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">text-rendering</span><span class="token punctuation">:</span>optimizeLegibility<span class="token punctuation">;</span><span class="token property">-webkit-font-smoothing</span><span class="token punctuation">:</span>antialiased<span class="token punctuation">;</span><span class="token property">-moz-osx-font-smoothing</span><span class="token punctuation">:</span>grayscale<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
-<span class="token selector">html,body</span><span class="token punctuation">&#123;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
-<span class="token selector">img,picture,video,canvas</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">max-width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
-<span class="token selector">button</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
-<span class="token selector">a</span><span class="token punctuation">&#123;</span><span class="token property">text-decoration</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
-<span class="token selector">table</span><span class="token punctuation">&#123;</span><span class="token property">border-collapse</span><span class="token punctuation">:</span>collapse<span class="token punctuation">;</span><span class="token property">border-spacing</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
-<span class="token selector">ol,ul,menu,dir</span><span class="token punctuation">&#123;</span><span class="token property">list-style</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token punctuation">&#125;</span></code>`;return{c(){c=s("p"),c.innerHTML=d,x=o(),u=s("h1"),u.textContent=C,se=o(),f=s("blockquote"),f.innerHTML=Cl,pe=o(),k=s("p"),k.innerHTML=fl,oe=o(),H=s("h3"),H.textContent=kl,ie=o(),_=s("p"),_.textContent=Hl,ae=o(),b=s("p"),b.textContent=_l,ce=o(),T=s("p"),T.textContent=bl,ue=o(),L=s("h3"),L.textContent=Tl,de=o(),M=s("p"),M.textContent=Ll,xe=o(),r=s("p"),r.innerHTML=Ml,ve=o(),y=s("p"),y.innerHTML=rl,Ce=o(),m=s("h3"),m.textContent=yl,fe=o(),S=s("p"),S.textContent=ml,ke=o(),h=s("p"),h.textContent=Sl,He=o(),P=s("p"),P.textContent=hl,_e=o(),w=s("p"),w.textContent=Pl,be=o(),z=s("pre"),Te=new xl(!1),Le=o(),v=s("button"),v.textContent=wl,Me=o(),E=s("h3"),E.textContent=zl,re=o(),q=s("p"),q.textContent=El,ye=o(),j=s("p"),j.textContent=ql,me=o(),B=s("p"),B.textContent=jl,Se=o(),he=s("hr"),Pe=o(),A=s("h2"),A.textContent=Bl,we=o(),R=s("blockquote"),R.innerHTML=Al,ze=o(),Ee=s("hr"),qe=o(),$=s("h2"),$.textContent=Rl,je=o(),O=s("pre"),Be=new xl(!1),Ae=o(),F=s("h2"),F.textContent=$l,Re=o(),$e=s("hr"),Oe=o(),N=s("h2"),N.textContent=Ol,Fe=o(),D=s("h3"),D.textContent=Fl,Ne=o(),K=s("p"),K.innerHTML=Nl,De=o(),U=s("h3"),U.textContent=Dl,Ke=o(),Q=s("p"),Q.innerHTML=Kl,Ue=o(),V=s("p"),V.innerHTML=Ul,Qe=o(),I=s("p"),I.innerHTML=Ql,Ve=o(),W=s("h3"),W.textContent=Vl,Ie=o(),G=s("p"),G.innerHTML=Il,We=o(),J=s("h3"),J.textContent=Wl,Ge=o(),X=s("p"),X.innerHTML=Gl,Je=o(),Y=s("h3"),Y.textContent=Jl,Xe=o(),Z=s("p"),Z.innerHTML=Xl,Ye=o(),g=s("p"),g.innerHTML=Yl,Ze=o(),tt=s("h3"),tt.textContent=Zl,ge=o(),et=s("p"),et.innerHTML=gl,tn=o(),nt=s("p"),nt.innerHTML=ts,en=o(),lt=s("h3"),lt.textContent=es,nn=o(),st=s("p"),st.innerHTML=ns,ln=o(),pt=s("p"),pt.innerHTML=ls,sn=o(),ot=s("h3"),ot.textContent=ss,pn=o(),it=s("p"),it.innerHTML=ps,on=o(),an=s("hr"),cn=o(),at=s("h2"),at.textContent=os,un=o(),ct=s("h3"),ct.textContent=is,dn=o(),ut=s("p"),ut.innerHTML=as,xn=o(),dt=s("p"),dt.innerHTML=cs,vn=o(),xt=s("h3"),xt.textContent=us,Cn=o(),vt=s("p"),vt.innerHTML=ds,fn=o(),Ct=s("h3"),Ct.textContent=xs,kn=o(),ft=s("p"),ft.innerHTML=vs,Hn=o(),kt=s("p"),kt.innerHTML=Cs,_n=o(),Ht=s("h3"),Ht.textContent=fs,bn=o(),_t=s("p"),_t.innerHTML=ks,Tn=o(),bt=s("p"),bt.innerHTML=Hs,Ln=o(),Tt=s("p"),Tt.innerHTML=_s,Mn=o(),Lt=s("h3"),Lt.textContent=bs,rn=o(),Mt=s("p"),Mt.innerHTML=Ts,yn=o(),rt=s("p"),rt.innerHTML=Ls,mn=o(),yt=s("p"),yt.innerHTML=Ms,Sn=o(),mt=s("p"),mt.innerHTML=rs,hn=o(),St=s("h3"),St.textContent=ys,Pn=o(),ht=s("p"),ht.innerHTML=ms,wn=o(),Pt=s("p"),Pt.innerHTML=Ss,zn=o(),wt=s("h3"),wt.textContent=hs,En=o(),zt=s("p"),zt.innerHTML=Ps,qn=o(),jn=s("hr"),Bn=o(),Et=s("h2"),Et.textContent=ws,An=o(),qt=s("h3"),qt.textContent=zs,Rn=o(),jt=s("p"),jt.innerHTML=Es,$n=o(),Bt=s("h3"),Bt.textContent=qs,On=o(),At=s("p"),At.innerHTML=js,Fn=o(),Rt=s("p"),Rt.innerHTML=Bs,Nn=o(),$t=s("p"),$t.innerHTML=As,Dn=o(),Ot=s("p"),Ot.innerHTML=Rs,Kn=o(),Ft=s("h3"),Ft.textContent=$s,Un=o(),Nt=s("p"),Nt.innerHTML=Os,Qn=o(),Dt=s("p"),Dt.innerHTML=Fs,Vn=o(),Kt=s("p"),Kt.innerHTML=Ns,In=o(),Ut=s("h3"),Ut.textContent=Ds,Wn=o(),Qt=s("p"),Qt.innerHTML=Ks,Gn=o(),Vt=s("p"),Vt.innerHTML=Us,Jn=o(),It=s("p"),It.innerHTML=Qs,Xn=o(),Wt=s("h3"),Wt.textContent=Vs,Yn=o(),Gt=s("p"),Gt.innerHTML=Is,Zn=o(),Jt=s("p"),Jt.innerHTML=Ws,gn=o(),Xt=s("p"),Xt.innerHTML=Gs,tl=o(),Yt=s("p"),Yt.innerHTML=Js,el=o(),Zt=s("p"),Zt.innerHTML=Xs,nl=o(),gt=s("h3"),gt.textContent=Ys,ll=o(),te=s("p"),te.innerHTML=Zs,sl=o(),pl=s("hr"),ol=o(),ee=s("h2"),ee.textContent=gs,il=o(),ne=s("pre"),al=new xl(!1),this.h()},l(t){c=p(t,"P",{"data-svelte-h":!0}),a(c)!=="svelte-151xwb1"&&(c.innerHTML=d),x=i(t),u=p(t,"H1",{"data-svelte-h":!0}),a(u)!=="svelte-xl68b3"&&(u.textContent=C),se=i(t),f=p(t,"BLOCKQUOTE",{"data-svelte-h":!0}),a(f)!=="svelte-zazub8"&&(f.innerHTML=Cl),pe=i(t),k=p(t,"P",{"data-svelte-h":!0}),a(k)!=="svelte-1co465p"&&(k.innerHTML=fl),oe=i(t),H=p(t,"H3",{"data-svelte-h":!0}),a(H)!=="svelte-18656gu"&&(H.textContent=kl),ie=i(t),_=p(t,"P",{"data-svelte-h":!0}),a(_)!=="svelte-1glakif"&&(_.textContent=Hl),ae=i(t),b=p(t,"P",{"data-svelte-h":!0}),a(b)!=="svelte-1le5bsw"&&(b.textContent=_l),ce=i(t),T=p(t,"P",{"data-svelte-h":!0}),a(T)!=="svelte-17fdy0v"&&(T.textContent=bl),ue=i(t),L=p(t,"H3",{"data-svelte-h":!0}),a(L)!=="svelte-1rl64zq"&&(L.textContent=Tl),de=i(t),M=p(t,"P",{"data-svelte-h":!0}),a(M)!=="svelte-tda8pv"&&(M.textContent=Ll),xe=i(t),r=p(t,"P",{"data-svelte-h":!0}),a(r)!=="svelte-zocbfy"&&(r.innerHTML=Ml),ve=i(t),y=p(t,"P",{"data-svelte-h":!0}),a(y)!=="svelte-74vn8d"&&(y.innerHTML=rl),Ce=i(t),m=p(t,"H3",{"data-svelte-h":!0}),a(m)!=="svelte-ioby6r"&&(m.textContent=yl),fe=i(t),S=p(t,"P",{"data-svelte-h":!0}),a(S)!=="svelte-y4qnet"&&(S.textContent=ml),ke=i(t),h=p(t,"P",{"data-svelte-h":!0}),a(h)!=="svelte-libngj"&&(h.textContent=Sl),He=i(t),P=p(t,"P",{"data-svelte-h":!0}),a(P)!=="svelte-k484li"&&(P.textContent=hl),_e=i(t),w=p(t,"P",{"data-svelte-h":!0}),a(w)!=="svelte-fqg26"&&(w.textContent=Pl),be=i(t),z=p(t,"PRE",{class:!0});var n=cl(z);Te=vl(n,!1),n.forEach(e),Le=i(t),v=p(t,"BUTTON",{class:!0,"data-svelte-h":!0}),a(v)!=="svelte-1eere6d"&&(v.textContent=wl),Me=i(t),E=p(t,"H3",{"data-svelte-h":!0}),a(E)!=="svelte-19ht93"&&(E.textContent=zl),re=i(t),q=p(t,"P",{"data-svelte-h":!0}),a(q)!=="svelte-vd0mqg"&&(q.textContent=El),ye=i(t),j=p(t,"P",{"data-svelte-h":!0}),a(j)!=="svelte-481uy8"&&(j.textContent=ql),me=i(t),B=p(t,"P",{"data-svelte-h":!0}),a(B)!=="svelte-v1uo1s"&&(B.textContent=jl),Se=i(t),he=p(t,"HR",{}),Pe=i(t),A=p(t,"H2",{"data-svelte-h":!0}),a(A)!=="svelte-1bnnqdt"&&(A.textContent=Bl),we=i(t),R=p(t,"BLOCKQUOTE",{"data-svelte-h":!0}),a(R)!=="svelte-yuk5dg"&&(R.innerHTML=Al),ze=i(t),Ee=p(t,"HR",{}),qe=i(t),$=p(t,"H2",{"data-svelte-h":!0}),a($)!=="svelte-1dqs4d9"&&($.textContent=Rl),je=i(t),O=p(t,"PRE",{class:!0});var tp=cl(O);Be=vl(tp,!1),tp.forEach(e),Ae=i(t),F=p(t,"H2",{"data-svelte-h":!0}),a(F)!=="svelte-18nl5sl"&&(F.textContent=$l),Re=i(t),$e=p(t,"HR",{}),Oe=i(t),N=p(t,"H2",{"data-svelte-h":!0}),a(N)!=="svelte-lrbnt"&&(N.textContent=Ol),Fe=i(t),D=p(t,"H3",{"data-svelte-h":!0}),a(D)!=="svelte-1hlz3iz"&&(D.textContent=Fl),Ne=i(t),K=p(t,"P",{"data-svelte-h":!0}),a(K)!=="svelte-15mvadf"&&(K.innerHTML=Nl),De=i(t),U=p(t,"H3",{"data-svelte-h":!0}),a(U)!=="svelte-1lzyvuw"&&(U.textContent=Dl),Ke=i(t),Q=p(t,"P",{"data-svelte-h":!0}),a(Q)!=="svelte-4sigep"&&(Q.innerHTML=Kl),Ue=i(t),V=p(t,"P",{"data-svelte-h":!0}),a(V)!=="svelte-12m2z5g"&&(V.innerHTML=Ul),Qe=i(t),I=p(t,"P",{"data-svelte-h":!0}),a(I)!=="svelte-1jrmzdq"&&(I.innerHTML=Ql),Ve=i(t),W=p(t,"H3",{"data-svelte-h":!0}),a(W)!=="svelte-t6b4pe"&&(W.textContent=Vl),Ie=i(t),G=p(t,"P",{"data-svelte-h":!0}),a(G)!=="svelte-tdgp5c"&&(G.innerHTML=Il),We=i(t),J=p(t,"H3",{"data-svelte-h":!0}),a(J)!=="svelte-dosctx"&&(J.textContent=Wl),Ge=i(t),X=p(t,"P",{"data-svelte-h":!0}),a(X)!=="svelte-ubjcod"&&(X.innerHTML=Gl),Je=i(t),Y=p(t,"H3",{"data-svelte-h":!0}),a(Y)!=="svelte-4cyzae"&&(Y.textContent=Jl),Xe=i(t),Z=p(t,"P",{"data-svelte-h":!0}),a(Z)!=="svelte-1jg3m3i"&&(Z.innerHTML=Xl),Ye=i(t),g=p(t,"P",{"data-svelte-h":!0}),a(g)!=="svelte-32v5x4"&&(g.innerHTML=Yl),Ze=i(t),tt=p(t,"H3",{"data-svelte-h":!0}),a(tt)!=="svelte-10j97a7"&&(tt.textContent=Zl),ge=i(t),et=p(t,"P",{"data-svelte-h":!0}),a(et)!=="svelte-1pkntrg"&&(et.innerHTML=gl),tn=i(t),nt=p(t,"P",{"data-svelte-h":!0}),a(nt)!=="svelte-50opbk"&&(nt.innerHTML=ts),en=i(t),lt=p(t,"H3",{"data-svelte-h":!0}),a(lt)!=="svelte-p0tfw0"&&(lt.textContent=es),nn=i(t),st=p(t,"P",{"data-svelte-h":!0}),a(st)!=="svelte-cnt0gb"&&(st.innerHTML=ns),ln=i(t),pt=p(t,"P",{"data-svelte-h":!0}),a(pt)!=="svelte-1utadbq"&&(pt.innerHTML=ls),sn=i(t),ot=p(t,"H3",{"data-svelte-h":!0}),a(ot)!=="svelte-1plsvjw"&&(ot.textContent=ss),pn=i(t),it=p(t,"P",{"data-svelte-h":!0}),a(it)!=="svelte-ppg8ac"&&(it.innerHTML=ps),on=i(t),an=p(t,"HR",{}),cn=i(t),at=p(t,"H2",{"data-svelte-h":!0}),a(at)!=="svelte-x159i5"&&(at.textContent=os),un=i(t),ct=p(t,"H3",{"data-svelte-h":!0}),a(ct)!=="svelte-151n3eh"&&(ct.textContent=is),dn=i(t),ut=p(t,"P",{"data-svelte-h":!0}),a(ut)!=="svelte-bqx0ie"&&(ut.innerHTML=as),xn=i(t),dt=p(t,"P",{"data-svelte-h":!0}),a(dt)!=="svelte-1yd0cyo"&&(dt.innerHTML=cs),vn=i(t),xt=p(t,"H3",{"data-svelte-h":!0}),a(xt)!=="svelte-1takt42"&&(xt.textContent=us),Cn=i(t),vt=p(t,"P",{"data-svelte-h":!0}),a(vt)!=="svelte-1j2c2ns"&&(vt.innerHTML=ds),fn=i(t),Ct=p(t,"H3",{"data-svelte-h":!0}),a(Ct)!=="svelte-kqzvlh"&&(Ct.textContent=xs),kn=i(t),ft=p(t,"P",{"data-svelte-h":!0}),a(ft)!=="svelte-6ulo55"&&(ft.innerHTML=vs),Hn=i(t),kt=p(t,"P",{"data-svelte-h":!0}),a(kt)!=="svelte-1k3bcv9"&&(kt.innerHTML=Cs),_n=i(t),Ht=p(t,"H3",{"data-svelte-h":!0}),a(Ht)!=="svelte-1q2asbg"&&(Ht.textContent=fs),bn=i(t),_t=p(t,"P",{"data-svelte-h":!0}),a(_t)!=="svelte-19y9ydv"&&(_t.innerHTML=ks),Tn=i(t),bt=p(t,"P",{"data-svelte-h":!0}),a(bt)!=="svelte-1ujh88n"&&(bt.innerHTML=Hs),Ln=i(t),Tt=p(t,"P",{"data-svelte-h":!0}),a(Tt)!=="svelte-uae5wo"&&(Tt.innerHTML=_s),Mn=i(t),Lt=p(t,"H3",{"data-svelte-h":!0}),a(Lt)!=="svelte-toh1kc"&&(Lt.textContent=bs),rn=i(t),Mt=p(t,"P",{"data-svelte-h":!0}),a(Mt)!=="svelte-186trtl"&&(Mt.innerHTML=Ts),yn=i(t),rt=p(t,"P",{"data-svelte-h":!0}),a(rt)!=="svelte-15ji1yr"&&(rt.innerHTML=Ls),mn=i(t),yt=p(t,"P",{"data-svelte-h":!0}),a(yt)!=="svelte-1r45b5l"&&(yt.innerHTML=Ms),Sn=i(t),mt=p(t,"P",{"data-svelte-h":!0}),a(mt)!=="svelte-1g5w7po"&&(mt.innerHTML=rs),hn=i(t),St=p(t,"H3",{"data-svelte-h":!0}),a(St)!=="svelte-18mayj"&&(St.textContent=ys),Pn=i(t),ht=p(t,"P",{"data-svelte-h":!0}),a(ht)!=="svelte-1rgha3l"&&(ht.innerHTML=ms),wn=i(t),Pt=p(t,"P",{"data-svelte-h":!0}),a(Pt)!=="svelte-1yzzgyx"&&(Pt.innerHTML=Ss),zn=i(t),wt=p(t,"H3",{"data-svelte-h":!0}),a(wt)!=="svelte-1ris5vt"&&(wt.textContent=hs),En=i(t),zt=p(t,"P",{"data-svelte-h":!0}),a(zt)!=="svelte-ut7e7z"&&(zt.innerHTML=Ps),qn=i(t),jn=p(t,"HR",{}),Bn=i(t),Et=p(t,"H2",{"data-svelte-h":!0}),a(Et)!=="svelte-19krxxg"&&(Et.textContent=ws),An=i(t),qt=p(t,"H3",{"data-svelte-h":!0}),a(qt)!=="svelte-fiwae2"&&(qt.textContent=zs),Rn=i(t),jt=p(t,"P",{"data-svelte-h":!0}),a(jt)!=="svelte-12gfinw"&&(jt.innerHTML=Es),$n=i(t),Bt=p(t,"H3",{"data-svelte-h":!0}),a(Bt)!=="svelte-go5ik9"&&(Bt.textContent=qs),On=i(t),At=p(t,"P",{"data-svelte-h":!0}),a(At)!=="svelte-1rkaj2r"&&(At.innerHTML=js),Fn=i(t),Rt=p(t,"P",{"data-svelte-h":!0}),a(Rt)!=="svelte-toqt73"&&(Rt.innerHTML=Bs),Nn=i(t),$t=p(t,"P",{"data-svelte-h":!0}),a($t)!=="svelte-rrltld"&&($t.innerHTML=As),Dn=i(t),Ot=p(t,"P",{"data-svelte-h":!0}),a(Ot)!=="svelte-18zxzdi"&&(Ot.innerHTML=Rs),Kn=i(t),Ft=p(t,"H3",{"data-svelte-h":!0}),a(Ft)!=="svelte-h11qnj"&&(Ft.textContent=$s),Un=i(t),Nt=p(t,"P",{"data-svelte-h":!0}),a(Nt)!=="svelte-18epelp"&&(Nt.innerHTML=Os),Qn=i(t),Dt=p(t,"P",{"data-svelte-h":!0}),a(Dt)!=="svelte-12gb04y"&&(Dt.innerHTML=Fs),Vn=i(t),Kt=p(t,"P",{"data-svelte-h":!0}),a(Kt)!=="svelte-k0yu6j"&&(Kt.innerHTML=Ns),In=i(t),Ut=p(t,"H3",{"data-svelte-h":!0}),a(Ut)!=="svelte-gpqyi7"&&(Ut.textContent=Ds),Wn=i(t),Qt=p(t,"P",{"data-svelte-h":!0}),a(Qt)!=="svelte-1fi00v2"&&(Qt.innerHTML=Ks),Gn=i(t),Vt=p(t,"P",{"data-svelte-h":!0}),a(Vt)!=="svelte-5hgi9t"&&(Vt.innerHTML=Us),Jn=i(t),It=p(t,"P",{"data-svelte-h":!0}),a(It)!=="svelte-tnne4h"&&(It.innerHTML=Qs),Xn=i(t),Wt=p(t,"H3",{"data-svelte-h":!0}),a(Wt)!=="svelte-1tvio83"&&(Wt.textContent=Vs),Yn=i(t),Gt=p(t,"P",{"data-svelte-h":!0}),a(Gt)!=="svelte-1nhfscz"&&(Gt.innerHTML=Is),Zn=i(t),Jt=p(t,"P",{"data-svelte-h":!0}),a(Jt)!=="svelte-iaq7fx"&&(Jt.innerHTML=Ws),gn=i(t),Xt=p(t,"P",{"data-svelte-h":!0}),a(Xt)!=="svelte-1jrz4gk"&&(Xt.innerHTML=Gs),tl=i(t),Yt=p(t,"P",{"data-svelte-h":!0}),a(Yt)!=="svelte-13qg3g6"&&(Yt.innerHTML=Js),el=i(t),Zt=p(t,"P",{"data-svelte-h":!0}),a(Zt)!=="svelte-en827w"&&(Zt.innerHTML=Xs),nl=i(t),gt=p(t,"H3",{"data-svelte-h":!0}),a(gt)!=="svelte-1rey7x4"&&(gt.textContent=Ys),ll=i(t),te=p(t,"P",{"data-svelte-h":!0}),a(te)!=="svelte-1r4k8dr"&&(te.innerHTML=Zs),sl=i(t),pl=p(t,"HR",{}),ol=i(t),ee=p(t,"H2",{"data-svelte-h":!0}),a(ee)!=="svelte-j7zh5i"&&(ee.textContent=gs),il=i(t),ne=p(t,"PRE",{class:!0});var ep=cl(ne);al=vl(ep,!1),ep.forEach(e),this.h()},h(){Te.a=null,le(z,"class","language-html"),le(v,"class","hbox pack bg(#333) c(#fff) r(6) p(8/12) font(14/16/-1%) bold pointer"),Be.a=null,le(O,"class","language-html"),al.a=null,le(ne,"class","language-css")},m(t,n){l(t,c,n),l(t,x,n),l(t,u,n),l(t,se,n),l(t,f,n),l(t,pe,n),l(t,k,n),l(t,oe,n),l(t,H,n),l(t,ie,n),l(t,_,n),l(t,ae,n),l(t,b,n),l(t,ce,n),l(t,T,n),l(t,ue,n),l(t,L,n),l(t,de,n),l(t,M,n),l(t,xe,n),l(t,r,n),l(t,ve,n),l(t,y,n),l(t,Ce,n),l(t,m,n),l(t,fe,n),l(t,S,n),l(t,ke,n),l(t,h,n),l(t,He,n),l(t,P,n),l(t,_e,n),l(t,w,n),l(t,be,n),l(t,z,n),Te.m(pp,z),l(t,Le,n),l(t,v,n),l(t,Me,n),l(t,E,n),l(t,re,n),l(t,q,n),l(t,ye,n),l(t,j,n),l(t,me,n),l(t,B,n),l(t,Se,n),l(t,he,n),l(t,Pe,n),l(t,A,n),l(t,we,n),l(t,R,n),l(t,ze,n),l(t,Ee,n),l(t,qe,n),l(t,$,n),l(t,je,n),l(t,O,n),Be.m(op,O),l(t,Ae,n),l(t,F,n),l(t,Re,n),l(t,$e,n),l(t,Oe,n),l(t,N,n),l(t,Fe,n),l(t,D,n),l(t,Ne,n),l(t,K,n),l(t,De,n),l(t,U,n),l(t,Ke,n),l(t,Q,n),l(t,Ue,n),l(t,V,n),l(t,Qe,n),l(t,I,n),l(t,Ve,n),l(t,W,n),l(t,Ie,n),l(t,G,n),l(t,We,n),l(t,J,n),l(t,Ge,n),l(t,X,n),l(t,Je,n),l(t,Y,n),l(t,Xe,n),l(t,Z,n),l(t,Ye,n),l(t,g,n),l(t,Ze,n),l(t,tt,n),l(t,ge,n),l(t,et,n),l(t,tn,n),l(t,nt,n),l(t,en,n),l(t,lt,n),l(t,nn,n),l(t,st,n),l(t,ln,n),l(t,pt,n),l(t,sn,n),l(t,ot,n),l(t,pn,n),l(t,it,n),l(t,on,n),l(t,an,n),l(t,cn,n),l(t,at,n),l(t,un,n),l(t,ct,n),l(t,dn,n),l(t,ut,n),l(t,xn,n),l(t,dt,n),l(t,vn,n),l(t,xt,n),l(t,Cn,n),l(t,vt,n),l(t,fn,n),l(t,Ct,n),l(t,kn,n),l(t,ft,n),l(t,Hn,n),l(t,kt,n),l(t,_n,n),l(t,Ht,n),l(t,bn,n),l(t,_t,n),l(t,Tn,n),l(t,bt,n),l(t,Ln,n),l(t,Tt,n),l(t,Mn,n),l(t,Lt,n),l(t,rn,n),l(t,Mt,n),l(t,yn,n),l(t,rt,n),l(t,mn,n),l(t,yt,n),l(t,Sn,n),l(t,mt,n),l(t,hn,n),l(t,St,n),l(t,Pn,n),l(t,ht,n),l(t,wn,n),l(t,Pt,n),l(t,zn,n),l(t,wt,n),l(t,En,n),l(t,zt,n),l(t,qn,n),l(t,jn,n),l(t,Bn,n),l(t,Et,n),l(t,An,n),l(t,qt,n),l(t,Rn,n),l(t,jt,n),l(t,$n,n),l(t,Bt,n),l(t,On,n),l(t,At,n),l(t,Fn,n),l(t,Rt,n),l(t,Nn,n),l(t,$t,n),l(t,Dn,n),l(t,Ot,n),l(t,Kn,n),l(t,Ft,n),l(t,Un,n),l(t,Nt,n),l(t,Qn,n),l(t,Dt,n),l(t,Vn,n),l(t,Kt,n),l(t,In,n),l(t,Ut,n),l(t,Wn,n),l(t,Qt,n),l(t,Gn,n),l(t,Vt,n),l(t,Jn,n),l(t,It,n),l(t,Xn,n),l(t,Wt,n),l(t,Yn,n),l(t,Gt,n),l(t,Zn,n),l(t,Jt,n),l(t,gn,n),l(t,Xt,n),l(t,tl,n),l(t,Yt,n),l(t,el,n),l(t,Zt,n),l(t,nl,n),l(t,gt,n),l(t,ll,n),l(t,te,n),l(t,sl,n),l(t,pl,n),l(t,ol,n),l(t,ee,n),l(t,il,n),l(t,ne,n),al.m(ip,ne)},p:ul,i:ul,o:ul,d(t){t&&(e(c),e(x),e(u),e(se),e(f),e(pe),e(k),e(oe),e(H),e(ie),e(_),e(ae),e(b),e(ce),e(T),e(ue),e(L),e(de),e(M),e(xe),e(r),e(ve),e(y),e(Ce),e(m),e(fe),e(S),e(ke),e(h),e(He),e(P),e(_e),e(w),e(be),e(z),e(Le),e(v),e(Me),e(E),e(re),e(q),e(ye),e(j),e(me),e(B),e(Se),e(he),e(Pe),e(A),e(we),e(R),e(ze),e(Ee),e(qe),e($),e(je),e(O),e(Ae),e(F),e(Re),e($e),e(Oe),e(N),e(Fe),e(D),e(Ne),e(K),e(De),e(U),e(Ke),e(Q),e(Ue),e(V),e(Qe),e(I),e(Ve),e(W),e(Ie),e(G),e(We),e(J),e(Ge),e(X),e(Je),e(Y),e(Xe),e(Z),e(Ye),e(g),e(Ze),e(tt),e(ge),e(et),e(tn),e(nt),e(en),e(lt),e(nn),e(st),e(ln),e(pt),e(sn),e(ot),e(pn),e(it),e(on),e(an),e(cn),e(at),e(un),e(ct),e(dn),e(ut),e(xn),e(dt),e(vn),e(xt),e(Cn),e(vt),e(fn),e(Ct),e(kn),e(ft),e(Hn),e(kt),e(_n),e(Ht),e(bn),e(_t),e(Tn),e(bt),e(Ln),e(Tt),e(Mn),e(Lt),e(rn),e(Mt),e(yn),e(rt),e(mn),e(yt),e(Sn),e(mt),e(hn),e(St),e(Pn),e(ht),e(wn),e(Pt),e(zn),e(wt),e(En),e(zt),e(qn),e(jn),e(Bn),e(Et),e(An),e(qt),e(Rn),e(jt),e($n),e(Bt),e(On),e(At),e(Fn),e(Rt),e(Nn),e($t),e(Dn),e(Ot),e(Kn),e(Ft),e(Un),e(Nt),e(Qn),e(Dt),e(Vn),e(Kt),e(In),e(Ut),e(Wn),e(Qt),e(Gn),e(Vt),e(Jn),e(It),e(Xn),e(Wt),e(Yn),e(Gt),e(Zn),e(Jt),e(gn),e(Xt),e(tl),e(Yt),e(el),e(Zt),e(nl),e(gt),e(ll),e(te),e(sl),e(pl),e(ol),e(ee),e(il),e(ne))}}}class fp extends np{constructor(c){super(),lp(this,c,null,Cp,sp,{})}}function kp(dl){let c,d,x;return d=new fp({}),{c(){c=s("div"),ap(d.$$.fragment),this.h()},l(u){c=p(u,"DIV",{class:!0});var C=cl(c);cp(d.$$.fragment,C),C.forEach(e),this.h()},h(){le(c,"class","markdown p(20)")},m(u,C){l(u,c,C),up(d,c,null),x=!0},p:ul,i(u){x||(dp(d.$$.fragment,u),x=!0)},o(u){xp(d.$$.fragment,u),x=!1},d(u){u&&e(c),vp(d)}}}class _p extends np{constructor(c){super(),lp(this,c,null,kp,sp,{})}}export{_p as default};
diff --git a/_app/immutable/components/pages/test/_page.svelte-ec80c5e1.js b/_app/immutable/components/pages/test/_page.svelte-ec80c5e1.js
deleted file mode 100644
index f0083be..0000000
--- a/_app/immutable/components/pages/test/_page.svelte-ec80c5e1.js
+++ /dev/null
@@ -1 +0,0 @@
-import{S as j,i as k,s as E,e as f,a as V,t as q,c as v,b as m,g as w,d as x,f as _,o as u,h as C,j as c,q as b,r as P,k as S,n as D}from"../../../chunks/index-bc0b20f1.js";import{t as z,g as N}from"../../../chunks/atomizer-551903d3.js";function T(e){let i,s,t,o,a,r=e[1].map(I).join(" ")+"",p,h,g;return{c(){i=f("div"),s=f("div"),t=f("input"),o=V(),a=f("div"),p=q(r),this.h()},l(n){i=v(n,"DIV",{class:!0});var l=m(i);s=v(l,"DIV",{class:!0});var d=m(s);t=v(d,"INPUT",{type:!0,class:!0}),o=w(d),a=v(d,"DIV",{class:!0});var y=m(a);p=x(y,r),y.forEach(_),d.forEach(_),l.forEach(_),this.h()},h(){u(t,"type","text"),u(t,"class","b(-) outline(-) bb(#000) p(10)"),t.autofocus=!0,u(a,"class","pre font(10) word-spacing(20)"),u(s,"class","w(800) m(auto) vbox"),u(i,"class","layer pack")},m(n,l){C(n,i,l),c(i,s),c(s,t),b(t,e[0]),c(s,o),c(s,a),c(a,p),t.focus(),h||(g=P(t,"input",e[3]),h=!0)},p(n,[l]){l&1&&t.value!==n[0]&&b(t,n[0]),l&2&&r!==(r=n[1].map(I).join(" ")+"")&&S(p,r)},i:D,o:D,d(n){n&&_(i),h=!1,g()}}}const I=e=>e.value;function U(e,i,s){let t,o,a="c(blue)+font(19/42)+c(#D0D0D0)";function r(){a=this.value,s(0,a)}return e.$$.update=()=>{e.$$.dirty&1&&s(1,t=z(a)),e.$$.dirty&1&&s(2,o=N([a])),e.$$.dirty&2&&console.log(t),e.$$.dirty&4&&console.log(o)},[a,t,o,r]}class F extends j{constructor(i){super(),k(this,i,U,T,E,{})}}export{F as default};
diff --git a/_app/immutable/entry/app.Bfq2bQc-.js b/_app/immutable/entry/app.Bfq2bQc-.js
new file mode 100644
index 0000000..67b4a7d
--- /dev/null
+++ b/_app/immutable/entry/app.Bfq2bQc-.js
@@ -0,0 +1,2 @@
+const __vite__fileDeps=["../nodes/0.D8tTu7vi.js","../chunks/scheduler.CH-LaNC3.js","../chunks/index.Wx35Jw4s.js","../chunks/entry.BuFVMvRG.js","../chunks/stores.BRRwbFP8.js","../assets/0.DpC0Hi-A.css","../nodes/1.C7u5LCzc.js","../nodes/2.pVRefU1S.js","../nodes/3.CF2hN1Y_.js","../nodes/4.C_AbAqvr.js","../chunks/atomizer.BAxtnY4Y.js","../nodes/5.CXeimHnj.js","../nodes/6.CLik99gw.js","../nodes/7.mE9eZBxR.js","../nodes/8.CQ94Hg3v.js","../nodes/9.CC7VGadN.js","../nodes/10.reYDxQ95.js","../assets/10.DRHiPZoV.css"],__vite__mapDeps=i=>i.map(i=>__vite__fileDeps[i]);
+import{s as C,b as N,o as U,d as I,t as j}from"../chunks/scheduler.CH-LaNC3.js";import{S as z,i as W,s as F,x as h,f as G,g as v,u as g,y as A,r as w,d as E,e as H,c as J,a as K,l as O,z as p,t as Q,b as X,j as Y,A as D,B as R,o as P,p as T,q as L,v as y}from"../chunks/index.Wx35Jw4s.js";const Z="modulepreload",M=function(a,e){return new URL(a,e).href},V={},d=function(e,n,i){let r=Promise.resolve();if(n&&n.length>0){const _=document.getElementsByTagName("link"),t=document.querySelector("meta[property=csp-nonce]"),s=(t==null?void 0:t.nonce)||(t==null?void 0:t.getAttribute("nonce"));r=Promise.all(n.map(o=>{if(o=M(o,i),o in V)return;V[o]=!0;const c=o.endsWith(".css"),l=c?'[rel="stylesheet"]':"";if(!!i)for(let b=_.length-1;b>=0;b--){const k=_[b];if(k.href===o&&(!c||k.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${o}"]${l}`))return;const u=document.createElement("link");if(u.rel=c?"stylesheet":Z,c||(u.as="script",u.crossOrigin=""),u.href=o,s&&u.setAttribute("nonce",s),document.head.appendChild(u),c)return new Promise((b,k)=>{u.addEventListener("load",b),u.addEventListener("error",()=>k(new Error(`Unable to preload CSS for ${o}`)))})}))}return r.then(()=>e()).catch(_=>{const t=new Event("vite:preloadError",{cancelable:!0});if(t.payload=_,window.dispatchEvent(t),!t.defaultPrevented)throw _})},se={};function $(a){let e,n,i;var r=a[1][0];function _(t,s){return{props:{data:t[3],form:t[2]}}}return r&&(e=R(r,_(a)),a[12](e)),{c(){e&&P(e.$$.fragment),n=h()},l(t){e&&T(e.$$.fragment,t),n=h()},m(t,s){e&&L(e,t,s),v(t,n,s),i=!0},p(t,s){if(s&2&&r!==(r=t[1][0])){if(e){D();const o=e;g(o.$$.fragment,1,0,()=>{y(o,1)}),A()}r?(e=R(r,_(t)),t[12](e),P(e.$$.fragment),w(e.$$.fragment,1),L(e,n.parentNode,n)):e=null}else if(r){const o={};s&8&&(o.data=t[3]),s&4&&(o.form=t[2]),e.$set(o)}},i(t){i||(e&&w(e.$$.fragment,t),i=!0)},o(t){e&&g(e.$$.fragment,t),i=!1},d(t){t&&E(n),a[12](null),e&&y(e,t)}}}function x(a){let e,n,i;var r=a[1][0];function _(t,s){return{props:{data:t[3],$$slots:{default:[ee]},$$scope:{ctx:t}}}}return r&&(e=R(r,_(a)),a[11](e)),{c(){e&&P(e.$$.fragment),n=h()},l(t){e&&T(e.$$.fragment,t),n=h()},m(t,s){e&&L(e,t,s),v(t,n,s),i=!0},p(t,s){if(s&2&&r!==(r=t[1][0])){if(e){D();const o=e;g(o.$$.fragment,1,0,()=>{y(o,1)}),A()}r?(e=R(r,_(t)),t[11](e),P(e.$$.fragment),w(e.$$.fragment,1),L(e,n.parentNode,n)):e=null}else if(r){const o={};s&8&&(o.data=t[3]),s&8215&&(o.$$scope={dirty:s,ctx:t}),e.$set(o)}},i(t){i||(e&&w(e.$$.fragment,t),i=!0)},o(t){e&&g(e.$$.fragment,t),i=!1},d(t){t&&E(n),a[11](null),e&&y(e,t)}}}function ee(a){let e,n,i;var r=a[1][1];function _(t,s){return{props:{data:t[4],form:t[2]}}}return r&&(e=R(r,_(a)),a[10](e)),{c(){e&&P(e.$$.fragment),n=h()},l(t){e&&T(e.$$.fragment,t),n=h()},m(t,s){e&&L(e,t,s),v(t,n,s),i=!0},p(t,s){if(s&2&&r!==(r=t[1][1])){if(e){D();const o=e;g(o.$$.fragment,1,0,()=>{y(o,1)}),A()}r?(e=R(r,_(t)),t[10](e),P(e.$$.fragment),w(e.$$.fragment,1),L(e,n.parentNode,n)):e=null}else if(r){const o={};s&16&&(o.data=t[4]),s&4&&(o.form=t[2]),e.$set(o)}},i(t){i||(e&&w(e.$$.fragment,t),i=!0)},o(t){e&&g(e.$$.fragment,t),i=!1},d(t){t&&E(n),a[10](null),e&&y(e,t)}}}function S(a){let e,n=a[6]&&q(a);return{c(){e=H("div"),n&&n.c(),this.h()},l(i){e=J(i,"DIV",{id:!0,"aria-live":!0,"aria-atomic":!0,style:!0});var r=K(e);n&&n.l(r),r.forEach(E),this.h()},h(){O(e,"id","svelte-announcer"),O(e,"aria-live","assertive"),O(e,"aria-atomic","true"),p(e,"position","absolute"),p(e,"left","0"),p(e,"top","0"),p(e,"clip","rect(0 0 0 0)"),p(e,"clip-path","inset(50%)"),p(e,"overflow","hidden"),p(e,"white-space","nowrap"),p(e,"width","1px"),p(e,"height","1px")},m(i,r){v(i,e,r),n&&n.m(e,null)},p(i,r){i[6]?n?n.p(i,r):(n=q(i),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(i){i&&E(e),n&&n.d()}}}function q(a){let e;return{c(){e=Q(a[7])},l(n){e=X(n,a[7])},m(n,i){v(n,e,i)},p(n,i){i&128&&Y(e,n[7])},d(n){n&&E(e)}}}function te(a){let e,n,i,r,_;const t=[x,$],s=[];function o(l,m){return l[1][1]?0:1}e=o(a),n=s[e]=t[e](a);let c=a[5]&&S(a);return{c(){n.c(),i=F(),c&&c.c(),r=h()},l(l){n.l(l),i=G(l),c&&c.l(l),r=h()},m(l,m){s[e].m(l,m),v(l,i,m),c&&c.m(l,m),v(l,r,m),_=!0},p(l,[m]){let u=e;e=o(l),e===u?s[e].p(l,m):(D(),g(s[u],1,1,()=>{s[u]=null}),A(),n=s[e],n?n.p(l,m):(n=s[e]=t[e](l),n.c()),w(n,1),n.m(i.parentNode,i)),l[5]?c?c.p(l,m):(c=S(l),c.c(),c.m(r.parentNode,r)):c&&(c.d(1),c=null)},i(l){_||(w(n),_=!0)},o(l){g(n),_=!1},d(l){l&&(E(i),E(r)),s[e].d(l),c&&c.d(l)}}}function ne(a,e,n){let{stores:i}=e,{page:r}=e,{constructors:_}=e,{components:t=[]}=e,{form:s}=e,{data_0:o=null}=e,{data_1:c=null}=e;N(i.page.notify);let l=!1,m=!1,u=null;U(()=>{const f=i.page.subscribe(()=>{l&&(n(6,m=!0),j().then(()=>{n(7,u=document.title||"untitled page")}))});return n(5,l=!0),f});function b(f){I[f?"unshift":"push"](()=>{t[1]=f,n(0,t)})}function k(f){I[f?"unshift":"push"](()=>{t[0]=f,n(0,t)})}function B(f){I[f?"unshift":"push"](()=>{t[0]=f,n(0,t)})}return a.$$set=f=>{"stores"in f&&n(8,i=f.stores),"page"in f&&n(9,r=f.page),"constructors"in f&&n(1,_=f.constructors),"components"in f&&n(0,t=f.components),"form"in f&&n(2,s=f.form),"data_0"in f&&n(3,o=f.data_0),"data_1"in f&&n(4,c=f.data_1)},a.$$.update=()=>{a.$$.dirty&768&&i.page.set(r)},[t,_,s,o,c,l,m,u,i,r,b,k,B]}class oe extends z{constructor(e){super(),W(this,e,ne,te,C,{stores:8,page:9,constructors:1,components:0,form:2,data_0:3,data_1:4})}}const ae=[()=>d(()=>import("../nodes/0.D8tTu7vi.js"),__vite__mapDeps([0,1,2,3,4,5]),import.meta.url),()=>d(()=>import("../nodes/1.C7u5LCzc.js"),__vite__mapDeps([6,1,2,4,3]),import.meta.url),()=>d(()=>import("../nodes/2.pVRefU1S.js"),__vite__mapDeps([7,1,2]),import.meta.url),()=>d(()=>import("../nodes/3.CF2hN1Y_.js"),__vite__mapDeps([8,1,2]),import.meta.url),()=>d(()=>import("../nodes/4.C_AbAqvr.js"),__vite__mapDeps([9,1,2,10]),import.meta.url),()=>d(()=>import("../nodes/5.CXeimHnj.js"),__vite__mapDeps([11,1,2]),import.meta.url),()=>d(()=>import("../nodes/6.CLik99gw.js"),__vite__mapDeps([12,1,2]),import.meta.url),()=>d(()=>import("../nodes/7.mE9eZBxR.js"),__vite__mapDeps([13,1,2]),import.meta.url),()=>d(()=>import("../nodes/8.CQ94Hg3v.js"),__vite__mapDeps([14,1,2]),import.meta.url),()=>d(()=>import("../nodes/9.CC7VGadN.js"),__vite__mapDeps([15,1,2,10]),import.meta.url),()=>d(()=>import("../nodes/10.reYDxQ95.js"),__vite__mapDeps([16,1,2,10,17]),import.meta.url)],le=[],ce={"/":[2],"/background":[3],"/cdn":[4],"/changelogs":[5],"/docs":[6],"/guide":[7],"/reference":[8],"/test":[9],"/tutorial":[10]},fe={handleError:({error:a})=>{console.error(a)},reroute:()=>{}};export{ce as dictionary,fe as hooks,se as matchers,ae as nodes,oe as root,le as server_loads};
diff --git a/_app/immutable/entry/start.O7R-oumk.js b/_app/immutable/entry/start.O7R-oumk.js
new file mode 100644
index 0000000..a6f86e5
--- /dev/null
+++ b/_app/immutable/entry/start.O7R-oumk.js
@@ -0,0 +1 @@
+import{a as t}from"../chunks/entry.BuFVMvRG.js";export{t as start};
diff --git a/_app/immutable/modules/pages/_layout.ts-9cbb603b.js b/_app/immutable/modules/pages/_layout.ts-9cbb603b.js
deleted file mode 100644
index e2eb9cf..0000000
--- a/_app/immutable/modules/pages/_layout.ts-9cbb603b.js
+++ /dev/null
@@ -1 +0,0 @@
-import{p}from"../../chunks/_layout-da46b06b.js";export{p as prerender};
diff --git a/_app/immutable/nodes/0.D8tTu7vi.js b/_app/immutable/nodes/0.D8tTu7vi.js
new file mode 100644
index 0000000..91b5303
--- /dev/null
+++ b/_app/immutable/nodes/0.D8tTu7vi.js
@@ -0,0 +1 @@
+import{s as ct,n as lt,u as ht,v as S,w as pt,x as dt,y as vt,r as _t}from"../chunks/scheduler.CH-LaNC3.js";import{S as ut,i as ft,e as u,t as st,s as d,c as f,a as j,b as nt,f as v,d as D,l as i,g as K,h as a,j as mt,o as gt,k as m,p as xt,q as Ct,r as rt,u as ot,v as bt}from"../chunks/index.Wx35Jw4s.js";import{b as z}from"../chunks/entry.BuFVMvRG.js";import{p as $t}from"../chunks/stores.BRRwbFP8.js";const yt=!0,Vt=Object.freeze(Object.defineProperty({__proto__:null,prerender:yt},Symbol.toStringTag,{value:"Module"})),it="1.3.0";function wt(r){let e,s=r[0]!=="prod"?`[${r[0]}]`:"",o,p,g;return{c(){e=u("div"),o=st(s),p=d(),g=st(it),this.h()},l(t){e=f(t,"DIV",{class:!0,"aria-hidden":!0});var n=j(e);o=nt(n,s),p=v(n),g=nt(n,it),n.forEach(D),this.h()},h(){i(e,"class","version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)"),i(e,"aria-hidden","true")},m(t,n){K(t,e,n),a(e,o),a(e,p),a(e,g)},p(t,[n]){n&1&&s!==(s=t[0]!=="prod"?`[${t[0]}]`:"")&&mt(o,s)},i:lt,o:lt,d(t){t&&D(e)}}}function kt(r,e,s){let{phase:o="prod"}=e;return r.$$set=p=>{"phase"in p&&s(0,o=p.phase)},[o]}class At extends ut{constructor(e){super(),ft(this,e,kt,wt,ct,{phase:0})}}function Lt(r){let e,s,o,p="^•ﻌ•^ฅ",g,t,n,N="왜 만들었나요?",q,x,Q="가이드",M,C,W="문서",T,b,G="✨ 튜토리얼",E,$,X="✨ ChangeLog",R,y,Y="Reference",B,w,Z="블로그",H,k,tt="기능 제안",O,A,et='<a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&amp;list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&amp;index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a>',P,V,L,F,U,at;const J=r[2].default,h=ht(J,r,r[1],null);return L=new At({}),{c(){e=u("div"),s=u("div"),o=u("a"),o.textContent=p,g=d(),t=u("div"),n=u("a"),n.textContent=N,q=d(),x=u("a"),x.textContent=Q,M=d(),C=u("a"),C.textContent=W,T=d(),b=u("a"),b.textContent=G,E=d(),$=u("a"),$.textContent=X,R=d(),y=u("a"),y.textContent=Y,B=d(),w=u("a"),w.textContent=Z,H=d(),k=u("a"),k.textContent=tt,O=d(),A=u("div"),A.innerHTML=et,P=d(),h&&h.c(),V=d(),gt(L.$$.fragment),this.h()},l(l){e=f(l,"DIV",{class:!0});var _=j(e);s=f(_,"DIV",{class:!0});var I=j(s);o=f(I,"A",{href:!0,class:!0,"data-svelte-h":!0}),m(o)!=="svelte-1pu47t9"&&(o.textContent=p),g=v(I),t=f(I,"DIV",{class:!0});var c=j(t);n=f(c,"A",{href:!0,"data-svelte-h":!0}),m(n)!=="svelte-c727qv"&&(n.textContent=N),q=v(c),x=f(c,"A",{href:!0,"data-svelte-h":!0}),m(x)!=="svelte-10mixkq"&&(x.textContent=Q),M=v(c),C=f(c,"A",{href:!0,"data-svelte-h":!0}),m(C)!=="svelte-1sco1eh"&&(C.textContent=W),T=v(c),b=f(c,"A",{href:!0,"data-svelte-h":!0}),m(b)!=="svelte-rlq5lo"&&(b.textContent=G),E=v(c),$=f(c,"A",{href:!0,"data-svelte-h":!0}),m($)!=="svelte-16vt69p"&&($.textContent=X),R=v(c),y=f(c,"A",{href:!0,"data-svelte-h":!0}),m(y)!=="svelte-14njj80"&&(y.textContent=Y),B=v(c),w=f(c,"A",{target:!0,href:!0,"data-svelte-h":!0}),m(w)!=="svelte-13z2g4i"&&(w.textContent=Z),H=v(c),k=f(c,"A",{target:!0,href:!0,"data-svelte-h":!0}),m(k)!=="svelte-1tpgna0"&&(k.textContent=tt),c.forEach(D),O=v(I),A=f(I,"DIV",{class:!0,"data-svelte-h":!0}),m(A)!=="svelte-woofac"&&(A.innerHTML=et),I.forEach(D),P=v(_),h&&h.l(_),_.forEach(D),V=v(l),xt(L.$$.fragment,l),this.h()},h(){i(o,"href",z+"/"),i(o,"class","pack font(20/-/-10%) pointer AppleSD"),i(n,"href",z+"/background"),i(x,"href",z+"/guide"),i(C,"href",z+"/docs"),i(b,"href",z+"/tutorial"),i($,"href",z+"/changelogs"),i(y,"href",z+"/reference"),i(w,"target","_blank"),i(w,"href","https://velog.io/@teo/series/AdorableCSS"),i(k,"target","_blank"),i(k,"href","https://github.com/developer-1px/adorable-css/issues"),i(t,"class","hbox gap(20)"),i(A,"class","hbox gap(20)"),i(s,"class","relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"),i(e,"class","vbox")},m(l,_){K(l,e,_),a(e,s),a(s,o),a(s,g),a(s,t),a(t,n),a(t,q),a(t,x),a(t,M),a(t,C),a(t,T),a(t,b),a(t,E),a(t,$),a(t,R),a(t,y),a(t,B),a(t,w),a(t,H),a(t,k),a(s,O),a(s,A),a(e,P),h&&h.m(e,null),K(l,V,_),Ct(L,l,_),F=!0,U||(at=[S(r[0].call(null,n)),S(r[0].call(null,x)),S(r[0].call(null,C)),S(r[0].call(null,b)),S(r[0].call(null,$)),S(r[0].call(null,y))],U=!0)},p(l,[_]){h&&h.p&&(!F||_&2)&&pt(h,J,l,l[1],F?vt(J,l[1],_,null):dt(l[1]),null)},i(l){F||(rt(h,l),rt(L.$$.fragment,l),F=!0)},o(l){ot(h,l),ot(L.$$.fragment,l),F=!1},d(l){l&&(D(e),D(V)),h&&h.d(l),bt(L,l),U=!1,_t(at)}}}function zt(r,e,s){let{$$slots:o={},$$scope:p}=e;const g=t=>{$t.subscribe(n=>{t.classList.toggle("active",location.origin+n.url.pathname===t.href)})};return r.$$set=t=>{"$$scope"in t&&s(1,p=t.$$scope)},[g,p,o]}class jt extends ut{constructor(e){super(),ft(this,e,zt,Lt,ct,{})}}export{jt as component,Vt as universal};
diff --git a/_app/immutable/nodes/1.C7u5LCzc.js b/_app/immutable/nodes/1.C7u5LCzc.js
new file mode 100644
index 0000000..5a100b3
--- /dev/null
+++ b/_app/immutable/nodes/1.C7u5LCzc.js
@@ -0,0 +1 @@
+import{s as x,n as u,c as S}from"../chunks/scheduler.CH-LaNC3.js";import{S as j,i as q,e as h,t as d,s as y,c as v,a as g,b,d as c,f as C,g as _,h as E,j as $}from"../chunks/index.Wx35Jw4s.js";import{p as H}from"../chunks/stores.BRRwbFP8.js";function P(p){var f;let a,s=p[0].status+"",r,o,n,i=((f=p[0].error)==null?void 0:f.message)+"",m;return{c(){a=h("h1"),r=d(s),o=y(),n=h("p"),m=d(i)},l(e){a=v(e,"H1",{});var t=g(a);r=b(t,s),t.forEach(c),o=C(e),n=v(e,"P",{});var l=g(n);m=b(l,i),l.forEach(c)},m(e,t){_(e,a,t),E(a,r),_(e,o,t),_(e,n,t),E(n,m)},p(e,[t]){var l;t&1&&s!==(s=e[0].status+"")&&$(r,s),t&1&&i!==(i=((l=e[0].error)==null?void 0:l.message)+"")&&$(m,i)},i:u,o:u,d(e){e&&(c(a),c(o),c(n))}}}function k(p,a,s){let r;return S(p,H,o=>s(0,r=o)),[r]}class B extends j{constructor(a){super(),q(this,a,k,P,x,{})}}export{B as component};
diff --git a/_app/immutable/components/pages/tutorial/_page.svelte-9d8364a9.js b/_app/immutable/nodes/10.reYDxQ95.js
similarity index 90%
rename from _app/immutable/components/pages/tutorial/_page.svelte-9d8364a9.js
rename to _app/immutable/nodes/10.reYDxQ95.js
index b1e8528..563880c 100644
--- a/_app/immutable/components/pages/tutorial/_page.svelte-9d8364a9.js
+++ b/_app/immutable/nodes/10.reYDxQ95.js
@@ -1,4 +1,4 @@
-import{S as le,i as re,s as de,e as g,c as u,b as x,f as p,o as h,h as K,n as W,M as ce,Q as G,R as pe,a as F,u as fe,t as ne,g as B,v as be,m as ie,d as ve,T as R,j as c,w as ge,r as Q,U as ue,k as me,x as we,y as xe,V as ye,z as ke,G as _e}from"../../../chunks/index-bc0b20f1.js";import{r as Se,g as Te,p as Re}from"../../../chunks/atomizer-551903d3.js";function te(e){return(e==null?void 0:e.length)!==void 0?e:Array.from(e)}const oe=`
+import{s as le,n as W,o as re,d as q,z as pe,r as fe}from"../chunks/scheduler.CH-LaNC3.js";import{S as de,i as ce,e as g,c as u,a as x,d as p,l as h,g as Q,C as be,s as B,o as ge,t as ne,f as F,p as ue,k as ie,b as ve,D as R,h as c,q as me,n as K,j as we,r as xe,u as ye,E as ke,v as _e}from"../chunks/index.Wx35Jw4s.js";import{r as Se,g as Te,p as Re}from"../chunks/atomizer.BAxtnY4Y.js";function te(e){return(e==null?void 0:e.length)!==void 0?e:Array.from(e)}const oe=`
 <!--
 ฅ^•ﻌ•^ฅ ♥
 
@@ -28,7 +28,7 @@ class="property(value)" 의 형식의 문법으로 작성해 주시면 됩니다
   </div>
 </div>
 
-`.trim(),Oe=`
+`.trim(),Ce=`
 <!--
 
 Colors
@@ -98,7 +98,7 @@ c(linear-gradient(90deg,#f00,#00f))
   <div class="bg(--css-var)">bg(--css-var) css-variable</div>
 </div>
 
-`.trim(),Ie=`
+`.trim(),Oe=`
 <!--
 Media Query
 https://developer.mozilla.org/ko/docs/Web/CSS/Media_Queries/Using_media_queries 
@@ -120,7 +120,7 @@ https://developer.mozilla.org/ko/docs/Web/CSS/Media_Queries/Using_media_queries
 
 </div>
 
-`.trim(),Le=`
+`.trim(),Ie=`
 <!--
 Class Selector
 클래스 조건에 맞는 속성을 선택하는 선택자 기능입니다.
@@ -190,7 +190,7 @@ ex)
 <style>
 h1 { margin: 20px 0; font-size: 20px;}
 </style>
-`.trim(),Ae=`
+`.trim(),Le=`
 <!--
 Important!
 
@@ -215,7 +215,7 @@ Important!
 h1 { margin: 20px 0; font-size: 20px;}
 </style>
 
-`.trim(),Ce=`
+`.trim(),Ae=`
 <!--
 Grouping
 
@@ -419,7 +419,7 @@ content-box { box-sizing: content-box }
 
 <div class="bg(#fff) w(100) h(100) bt(red) br(8/orange) bb(dashed) bl(dotted/blue) m(20)">bt br bb bl</div>
 
-`.trim(),Fe=`
+`.trim(),Be=`
 <!--
 Overflow
 - 자주쓰는 기능 속성을 짧게 쓸 수 있도록 편의성 제공
@@ -501,7 +501,7 @@ line-clamp(value) {display:-webkit-box;-webkit-line-clamp:<value>;-webkit-box-or
 h1 {font-size:20px;font-weight:bold;margin:0 0 10px 0}
 h2 {font-weight:bold}
 </style>
-`.trim(),Be=`
+`.trim(),Fe=`
 <!--
 Layout - Flexbox
 AdorableCSS는 flexbox에 기반하여 레이아웃을 아주 쉽게 만들수 있도록 구성하였습니다.
@@ -672,7 +672,7 @@ vbox
   </div>
 </div>
 
-`.trim(),ze=`
+`.trim(),De=`
 <!--
 Layout - Position
 https://youtu.be/T5wMhoVHFU0
@@ -804,7 +804,7 @@ Extension
 
 </div>
 
-`.trim(),De=`
+`.trim(),ze=`
 <!--
 Prefix
 https://www.youtube.com/watch?v=12YGCglbdrY&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=5 
@@ -992,12 +992,12 @@ https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-elements
   </div>
 </div>
 
-`.trim(),Pe="vs",Ye=!0,Xe=[{background:"FFFFFF",token:""},{foreground:"c41a16",token:"string"},{foreground:"1c00cf",token:"constant.numeric"},{foreground:"aa0d91",token:"keyword"},{foreground:"000000",token:"keyword.operator"},{foreground:"aa0d91",token:"constant.language"},{foreground:"990000",token:"support.class.exception"},{foreground:"000000",token:"entity.name.function"},{fontStyle:"bold underline",token:"entity.name.type"},{fontStyle:"italic",token:"variable.parameter"},{foreground:"888888",token:"comment"},{foreground:"ff0000",token:"invalid"},{background:"e71a1100",token:"invalid.deprecated.trailing-whitespace"},{foreground:"000000",background:"fafafafc",token:"text source"},{foreground:"aa0d91",token:"meta.tag"},{foreground:"aa0d91",token:"declaration.tag"},{foreground:"000000",fontStyle:"bold",token:"support"},{foreground:"aa0d91",token:"storage"},{fontStyle:"bold underline",token:"entity.name.section"},{foreground:"000000",fontStyle:"bold",token:"entity.name.function.frame"},{foreground:"333333",token:"meta.tag.preprocessor.xml"},{foreground:"994500",fontStyle:"italic",token:"entity.other.attribute-name"},{foreground:"881280",token:"entity.name.tag"}],Ge={"editor.foreground":"#000000","editor.background":"#FFFFFF","editor.selectionBackground":"#BAD6FD","editor.lineHighlightBackground":"#FFFFFF","editorCursor.foreground":"#000000","editorWhitespace.foreground":"#B3B3B3F4"},Ne={base:Pe,inherit:Ye,rules:Xe,colors:Ge};function qe(e){let i;return{c(){i=g("div"),this.h()},l(t){i=u(t,"DIV",{class:!0}),x(i).forEach(p),this.h()},h(){h(i,"class","h(100%)")},m(t,r){K(t,i,r),e[3](i)},p:W,i:W,o:W,d(t){t&&p(i),e[3](null)}}}function je(e,i,t){let{value:r=""}=i,l=null,a;const T=o=>{a&&a.setValue(o)};ce(()=>{require.config({paths:{vs:"https://unpkg.com/monaco-editor@latest/min/vs"}}),window.MonacoEnvironment={getWorkerUrl:()=>o};let o=URL.createObjectURL(new Blob([`
+`.trim(),Pe="vs",Ye=!0,Xe=[{background:"FFFFFF",token:""},{foreground:"c41a16",token:"string"},{foreground:"1c00cf",token:"constant.numeric"},{foreground:"aa0d91",token:"keyword"},{foreground:"000000",token:"keyword.operator"},{foreground:"aa0d91",token:"constant.language"},{foreground:"990000",token:"support.class.exception"},{foreground:"000000",token:"entity.name.function"},{fontStyle:"bold underline",token:"entity.name.type"},{fontStyle:"italic",token:"variable.parameter"},{foreground:"888888",token:"comment"},{foreground:"ff0000",token:"invalid"},{background:"e71a1100",token:"invalid.deprecated.trailing-whitespace"},{foreground:"000000",background:"fafafafc",token:"text source"},{foreground:"aa0d91",token:"meta.tag"},{foreground:"aa0d91",token:"declaration.tag"},{foreground:"000000",fontStyle:"bold",token:"support"},{foreground:"aa0d91",token:"storage"},{fontStyle:"bold underline",token:"entity.name.section"},{foreground:"000000",fontStyle:"bold",token:"entity.name.function.frame"},{foreground:"333333",token:"meta.tag.preprocessor.xml"},{foreground:"994500",fontStyle:"italic",token:"entity.other.attribute-name"},{foreground:"881280",token:"entity.name.tag"}],qe={"editor.foreground":"#000000","editor.background":"#FFFFFF","editor.selectionBackground":"#BAD6FD","editor.lineHighlightBackground":"#FFFFFF","editorCursor.foreground":"#000000","editorWhitespace.foreground":"#B3B3B3F4"},Ne={base:Pe,inherit:Ye,rules:Xe,colors:qe};function Ge(e){let i;return{c(){i=g("div"),this.h()},l(t){i=u(t,"DIV",{class:!0}),x(i).forEach(p),this.h()},h(){h(i,"class","h(100%)")},m(t,r){Q(t,i,r),e[3](i)},p:W,i:W,o:W,d(t){t&&p(i),e[3](null)}}}function je(e,i,t){let{value:r=""}=i,l=null,a;const T=o=>{a&&a.setValue(o)};re(()=>{require.config({paths:{vs:"https://unpkg.com/monaco-editor@latest/min/vs"}}),window.MonacoEnvironment={getWorkerUrl:()=>o};let o=URL.createObjectURL(new Blob([`
 	self.MonacoEnvironment = {
 		baseUrl: 'https://unpkg.com/monaco-editor@latest/min/'
 	};
 	importScripts('https://unpkg.com/monaco-editor@latest/min/vs/base/worker/workerMain.js');
-`],{type:"text/javascript"}));return require(["vs/editor/editor.main"],function(){monaco.editor.defineTheme("adorableCSS",Ne),a=monaco.editor.create(l,{value:r,language:"html",automaticLayout:!0,scrollBeyondLastLine:!1,readOnly:!1,theme:"adorableCSS",tabSize:2,fontSize:"12px",overviewRulerLanes:0,wordWrap:"on",minimap:{enabled:!1}}),a.onDidChangeModelContent(E=>{t(1,r=a.getValue())}),a.addCommand(monaco.KeyMod.CtrlCmd|monaco.KeyCode.KeyS,function(){a.getAction("editor.action.formatDocument").run()}),window.addEventListener("resize",()=>{a.layout()})}),()=>{a&&a.dispose()}});function d(o){G[o?"unshift":"push"](()=>{l=o,t(0,l)})}return e.$$set=o=>{"value"in o&&t(1,r=o.value)},[l,r,T,d]}class We extends le{constructor(i){super(),re(this,i,je,qe,de,{value:1,setValue:2})}get setValue(){return this.$$.ctx[2]}}const Qe=`
+`],{type:"text/javascript"}));return require(["vs/editor/editor.main"],function(){monaco.editor.defineTheme("adorableCSS",Ne),a=monaco.editor.create(l,{value:r,language:"html",automaticLayout:!0,scrollBeyondLastLine:!1,readOnly:!1,theme:"adorableCSS",tabSize:2,fontSize:"12px",overviewRulerLanes:0,wordWrap:"on",minimap:{enabled:!1}}),a.onDidChangeModelContent(E=>{t(1,r=a.getValue())}),a.addCommand(monaco.KeyMod.CtrlCmd|monaco.KeyCode.KeyS,function(){a.getAction("editor.action.formatDocument").run()}),window.addEventListener("resize",()=>{a.layout()})}),()=>{a&&a.dispose()}});function d(o){q[o?"unshift":"push"](()=>{l=o,t(0,l)})}return e.$$set=o=>{"value"in o&&t(1,r=o.value)},[l,r,T,d]}class We extends de{constructor(i){super(),ce(this,i,je,Ge,le,{value:1,setValue:2})}get setValue(){return this.$$.ctx[2]}}const Ke=`
 <!--
 
 TextBox (TextAlign)
@@ -1028,7 +1028,7 @@ text(pack): {text-align:left;display:flex;flex-flow:column;justify-content:cente
   <div class="w(200) h(150) b(#000) text(pack)">This is<br/> text(pack)</div>
 </div>
 
-`.trim(),Ke=`
+`.trim(),Qe=`
 <!--
 <Basic Position>
 
@@ -1103,6 +1103,6 @@ ex)
   <p class="c(#888) dark:c(#ccc) font(14)">라이크모트와 다크모드를 토글해보세요!</p>
 </div>
 
-`.trim();function se(e,i,t){const r=e.slice();return r[14]=i[t][0],r[15]=i[t][1],r[17]=t,r}function ae(e){let i,t=e[14]+"",r,l,a;function T(){return e[10](e[14],e[15],e[17])}return{c(){i=g("div"),r=ne(t),this.h()},l(d){i=u(d,"DIV",{class:!0});var o=x(i);r=ve(o,t),o.forEach(p),this.h()},h(){h(i,"class","p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!"),R(i,"selected",e[3]===e[17])},m(d,o){K(d,i,o),c(i,r),l||(a=Q(i,"click",T),l=!0)},p(d,o){e=d,o&8&&R(i,"selected",e[3]===e[17])},d(d){d&&p(i),l=!1,a()}}}function Ze(e){let i,t,r,l,a,T,d,o,E,z,y,w,k,M="Result",D,_,v="CSS Output",I,S,L,C,N,A,H,O,q,J,U=te(e[6]),n=[];for(let s=0;s<U.length;s+=1)n[s]=ae(se(e,U,s));function he(s){e[11](s)}let Z={};return e[1]!==void 0&&(Z.value=e[1]),o=new We({props:Z}),G.push(()=>pe(o,"value",he)),e[12](o),{c(){i=g("div"),t=g("div"),r=F(),l=g("div"),a=g("div");for(let s=0;s<n.length;s+=1)n[s].c();T=F(),d=g("div"),fe(o.$$.fragment),z=F(),y=g("div"),w=g("div"),k=g("button"),k.textContent=M,D=F(),_=g("button"),_.textContent=v,I=F(),S=g("div"),L=g("div"),C=g("iframe"),N=F(),A=g("div"),H=ne(e[2]),this.h()},l(s){i=u(s,"DIV",{class:!0});var f=x(i);t=u(f,"DIV",{class:!0}),x(t).forEach(p),r=B(f),l=u(f,"DIV",{class:!0});var m=x(l);a=u(m,"DIV",{class:!0});var b=x(a);for(let j=0;j<n.length;j+=1)n[j].l(b);b.forEach(p),T=B(m),d=u(m,"DIV",{class:!0});var V=x(d);be(o.$$.fragment,V),V.forEach(p),z=B(m),y=u(m,"DIV",{class:!0});var P=x(y);w=u(P,"DIV",{class:!0});var Y=x(w);k=u(Y,"BUTTON",{class:!0,"data-svelte-h":!0}),ie(k)!=="svelte-1vrhu4d"&&(k.textContent=M),D=B(Y),_=u(Y,"BUTTON",{class:!0,"data-svelte-h":!0}),ie(_)!=="svelte-1bp9krm"&&(_.textContent=v),Y.forEach(p),I=B(P),S=u(P,"DIV",{class:!0});var X=x(S);L=u(X,"DIV",{class:!0});var $=x(L);C=u($,"IFRAME",{class:!0,frameborder:!0}),x(C).forEach(p),$.forEach(p),N=B(X),A=u(X,"DIV",{class:!0});var ee=x(A);H=ve(ee,e[2]),ee.forEach(p),X.forEach(p),P.forEach(p),m.forEach(p),f.forEach(p),this.h()},h(){h(t,"class","h(60)"),h(a,"class","w(200) vbox monospace(number) p(10) scroll-y"),h(d,"class","flex(4) vbox p(10)"),h(k,"class","p(8/12) pt(12) bb(4/transparent) .selected:bbc(--primary) .selected:c(#000)"),R(k,"selected",e[4]==="Result"),h(_,"class","p(8/12) pt(12) bb(4/transparent) .selected:bbc(--primary) .selected:c(#000)"),R(_,"selected",e[4]==="CSS_output"),h(w,"class","hbox bg(#fff) font(12) c(#999)"),h(C,"class","layer w(100%) h(100%) bg(transparent)"),h(C,"frameborder","0"),h(L,"class","layer pack check-board none"),R(L,"none",e[4]!=="Result"),h(A,"class","layer bg(#f9f9f9) pre monospace font(12) p(10) scroll-y none"),R(A,"none",e[4]!=="CSS_output"),h(S,"class","flex relative"),h(y,"class","flex(3) relative vbox c(#000) p(10) r(4)"),h(l,"class","flex hbox(fill) clip bg(#f9f9f9)"),h(i,"class","layer vbox overscroll(none)")},m(s,f){K(s,i,f),c(i,t),c(i,r),c(i,l),c(l,a);for(let m=0;m<n.length;m+=1)n[m]&&n[m].m(a,null);c(l,T),c(l,d),ge(o,d,null),c(l,z),c(l,y),c(y,w),c(w,k),c(w,D),c(w,_),c(y,I),c(y,S),c(S,L),c(L,C),e[13](C),c(S,N),c(S,A),c(A,H),O=!0,q||(J=[Q(k,"click",e[7]),Q(_,"click",e[8])],q=!0)},p(s,[f]){if(f&584){U=te(s[6]);let b;for(b=0;b<U.length;b+=1){const V=se(s,U,b);n[b]?n[b].p(V,f):(n[b]=ae(V),n[b].c(),n[b].m(a,null))}for(;b<n.length;b+=1)n[b].d(1);n.length=U.length}const m={};!E&&f&2&&(E=!0,m.value=s[1],ue(()=>E=!1)),o.$set(m),(!O||f&16)&&R(k,"selected",s[4]==="Result"),(!O||f&16)&&R(_,"selected",s[4]==="CSS_output"),(!O||f&16)&&R(L,"none",s[4]!=="Result"),(!O||f&4)&&me(H,s[2]),(!O||f&16)&&R(A,"none",s[4]!=="CSS_output")},i(s){O||(we(o.$$.fragment,s),O=!0)},o(s){xe(o.$$.fragment,s),O=!1},d(s){s&&p(i),ye(n,s),e[12](null),ke(o),e[13](null),q=!1,_e(J)}}}function $e(e,i,t){let r,l,a=oe;const T=[["Hello AdorableCSS!",oe],["1. Colors",Oe],["2. Typography",Ee],["✨3. TextBox(align)",Qe],["4. Box Model",Ue],["5. Overflow",Fe],["✨6. Flexbox",Be],["✨7. Position",Ke],["8. Layer",ze],["9. Visibility",Ve],["10. Hover, Active",De],["11. Pseudo Class",Me],["12. Pseudo Element",He],["13. Media Query",Ie],["14. Selector",Le],["15. Important!",Ae],["16. Grouping +",Ce],["✨17. DarkMode",Je],["계속 작업 중입니다...",""]];let d=0,o="Result";const E=()=>t(4,o="Result"),z=()=>t(4,o="CSS_output"),y=(v,I,S)=>{t(1,a=I),t(3,d=S),w.setValue(I),location.hash=String(d)};let w;ce(()=>{const v=+location.hash.slice(1);v>0&&(t(3,d=v),y(...T[d],d))});const k=(v,I,S)=>y(v,I,S);function M(v){a=v,t(1,a)}function D(v){G[v?"unshift":"push"](()=>{w=v,t(5,w)})}function _(v){G[v?"unshift":"push"](()=>{l=v,t(0,l),t(2,r),t(1,a)})}return e.$$.update=()=>{e.$$.dirty&2&&t(2,r=Se+Te(Re(a)).join(`
+`.trim();function se(e,i,t){const r=e.slice();return r[14]=i[t][0],r[15]=i[t][1],r[17]=t,r}function ae(e){let i,t=e[14]+"",r,l,a;function T(){return e[10](e[14],e[15],e[17])}return{c(){i=g("div"),r=ne(t),this.h()},l(d){i=u(d,"DIV",{class:!0});var o=x(i);r=ve(o,t),o.forEach(p),this.h()},h(){h(i,"class","p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!"),R(i,"selected",e[3]===e[17])},m(d,o){Q(d,i,o),c(i,r),l||(a=K(i,"click",T),l=!0)},p(d,o){e=d,o&8&&R(i,"selected",e[3]===e[17])},d(d){d&&p(i),l=!1,a()}}}function Ze(e){let i,t,r,l,a,T,d,o,E,D,y,w,k,M="Result",z,_,v="CSS Output",O,S,I,A,N,L,H,C,G,J,U=te(e[6]),n=[];for(let s=0;s<U.length;s+=1)n[s]=ae(se(e,U,s));function he(s){e[11](s)}let Z={};return e[1]!==void 0&&(Z.value=e[1]),o=new We({props:Z}),q.push(()=>be(o,"value",he)),e[12](o),{c(){i=g("div"),t=g("div"),r=B(),l=g("div"),a=g("div");for(let s=0;s<n.length;s+=1)n[s].c();T=B(),d=g("div"),ge(o.$$.fragment),D=B(),y=g("div"),w=g("div"),k=g("button"),k.textContent=M,z=B(),_=g("button"),_.textContent=v,O=B(),S=g("div"),I=g("div"),A=g("iframe"),N=B(),L=g("div"),H=ne(e[2]),this.h()},l(s){i=u(s,"DIV",{class:!0});var f=x(i);t=u(f,"DIV",{class:!0}),x(t).forEach(p),r=F(f),l=u(f,"DIV",{class:!0});var m=x(l);a=u(m,"DIV",{class:!0});var b=x(a);for(let j=0;j<n.length;j+=1)n[j].l(b);b.forEach(p),T=F(m),d=u(m,"DIV",{class:!0});var V=x(d);ue(o.$$.fragment,V),V.forEach(p),D=F(m),y=u(m,"DIV",{class:!0});var P=x(y);w=u(P,"DIV",{class:!0});var Y=x(w);k=u(Y,"BUTTON",{class:!0,"data-svelte-h":!0}),ie(k)!=="svelte-1vrhu4d"&&(k.textContent=M),z=F(Y),_=u(Y,"BUTTON",{class:!0,"data-svelte-h":!0}),ie(_)!=="svelte-1bp9krm"&&(_.textContent=v),Y.forEach(p),O=F(P),S=u(P,"DIV",{class:!0});var X=x(S);I=u(X,"DIV",{class:!0});var $=x(I);A=u($,"IFRAME",{class:!0,frameborder:!0}),x(A).forEach(p),$.forEach(p),N=F(X),L=u(X,"DIV",{class:!0});var ee=x(L);H=ve(ee,e[2]),ee.forEach(p),X.forEach(p),P.forEach(p),m.forEach(p),f.forEach(p),this.h()},h(){h(t,"class","h(60)"),h(a,"class","w(200) vbox monospace(number) p(10) scroll-y"),h(d,"class","flex(4) vbox p(10)"),h(k,"class","p(8/12) pt(12) bb(4/transparent) .selected:bbc(--primary) .selected:c(#000)"),R(k,"selected",e[4]==="Result"),h(_,"class","p(8/12) pt(12) bb(4/transparent) .selected:bbc(--primary) .selected:c(#000)"),R(_,"selected",e[4]==="CSS_output"),h(w,"class","hbox bg(#fff) font(12) c(#999)"),h(A,"class","layer w(100%) h(100%) bg(transparent)"),h(A,"frameborder","0"),h(I,"class","layer pack check-board none"),R(I,"none",e[4]!=="Result"),h(L,"class","layer bg(#f9f9f9) pre monospace font(12) p(10) scroll-y none"),R(L,"none",e[4]!=="CSS_output"),h(S,"class","flex relative"),h(y,"class","flex(3) relative vbox c(#000) p(10) r(4)"),h(l,"class","flex hbox(fill) clip bg(#f9f9f9)"),h(i,"class","layer vbox overscroll(none)")},m(s,f){Q(s,i,f),c(i,t),c(i,r),c(i,l),c(l,a);for(let m=0;m<n.length;m+=1)n[m]&&n[m].m(a,null);c(l,T),c(l,d),me(o,d,null),c(l,D),c(l,y),c(y,w),c(w,k),c(w,z),c(w,_),c(y,O),c(y,S),c(S,I),c(I,A),e[13](A),c(S,N),c(S,L),c(L,H),C=!0,G||(J=[K(k,"click",e[7]),K(_,"click",e[8])],G=!0)},p(s,[f]){if(f&584){U=te(s[6]);let b;for(b=0;b<U.length;b+=1){const V=se(s,U,b);n[b]?n[b].p(V,f):(n[b]=ae(V),n[b].c(),n[b].m(a,null))}for(;b<n.length;b+=1)n[b].d(1);n.length=U.length}const m={};!E&&f&2&&(E=!0,m.value=s[1],pe(()=>E=!1)),o.$set(m),(!C||f&16)&&R(k,"selected",s[4]==="Result"),(!C||f&16)&&R(_,"selected",s[4]==="CSS_output"),(!C||f&16)&&R(I,"none",s[4]!=="Result"),(!C||f&4)&&we(H,s[2]),(!C||f&16)&&R(L,"none",s[4]!=="CSS_output")},i(s){C||(xe(o.$$.fragment,s),C=!0)},o(s){ye(o.$$.fragment,s),C=!1},d(s){s&&p(i),ke(n,s),e[12](null),_e(o),e[13](null),G=!1,fe(J)}}}function $e(e,i,t){let r,l,a=oe;const T=[["Hello AdorableCSS!",oe],["1. Colors",Ce],["2. Typography",Ee],["✨3. TextBox(align)",Ke],["4. Box Model",Ue],["5. Overflow",Be],["✨6. Flexbox",Fe],["✨7. Position",Qe],["8. Layer",De],["9. Visibility",Ve],["10. Hover, Active",ze],["11. Pseudo Class",Me],["12. Pseudo Element",He],["13. Media Query",Oe],["14. Selector",Ie],["15. Important!",Le],["16. Grouping +",Ae],["✨17. DarkMode",Je],["계속 작업 중입니다...",""]];let d=0,o="Result";const E=()=>t(4,o="Result"),D=()=>t(4,o="CSS_output"),y=(v,O,S)=>{t(1,a=O),t(3,d=S),w.setValue(O),location.hash=String(d)};let w;re(()=>{const v=+location.hash.slice(1);v>0&&(t(3,d=v),y(...T[d],d))});const k=(v,O,S)=>y(v,O,S);function M(v){a=v,t(1,a)}function z(v){q[v?"unshift":"push"](()=>{w=v,t(5,w)})}function _(v){q[v?"unshift":"push"](()=>{l=v,t(0,l),t(2,r),t(1,a)})}return e.$$.update=()=>{e.$$.dirty&2&&t(2,r=Se+Te(Re(a)).join(`
 `)),e.$$.dirty&7&&l&&t(0,l.contentWindow.document.body.innerHTML=`<style>${r}</style>
-`+a,l)},[l,a,r,d,o,w,T,E,z,y,k,M,D,_]}class ti extends le{constructor(i){super(),re(this,i,$e,Ze,de,{})}}export{ti as default};
+`+a,l)},[l,a,r,d,o,w,T,E,D,y,k,M,z,_]}class oi extends de{constructor(i){super(),ce(this,i,$e,Ze,le,{})}}export{oi as component};
diff --git a/_app/immutable/nodes/2.pVRefU1S.js b/_app/immutable/nodes/2.pVRefU1S.js
new file mode 100644
index 0000000..c2c5fe4
--- /dev/null
+++ b/_app/immutable/nodes/2.pVRefU1S.js
@@ -0,0 +1,63 @@
+import{s as Zl,a as Ul,n as tl}from"../chunks/scheduler.CH-LaNC3.js";import{S as $l,i as es,e as t,s as r,t as i,c as l,a as o,k as S,f as c,d as s,b as d,l as a,g as b,h as e}from"../chunks/index.Wx35Jw4s.js";function ts(Yl){let C,W,ll='<span class="group-hover:rotate(-10deg) group-active:rotate(10deg) transition(.4s)">ฅ</span> <span>^•ﻌ•^</span> <span class="group-hover:rotate(10deg) group-active:rotate(-10deg) transition(.4s)">ฅ <span class="font(20) c(#ccc) group-hover:c(--primary) vertical-top transition(.4s)">♥</span></span>',Re,Q,sl='<h1 class="font(30) 200 c(#666)">AdorableCSS</h1> <p>⚡️ Rapid on-demand atomic css framework</p>',De,m,K,qe,Be,U,Ge,Xe,Se,Fe,we,al,Ie,h,Y,Qe,Ke,Z,Ue,Ye,$,ol=".inner-wrapper { position:relative; padding: 10px 20px }",Ze,$e,ee,rl=".inner-wrapper? 서식을 위해 의미없는 이름을 짓기 위해서 고민하지마세요.",et,tt,lt,te,cl='<div class="relative p(10/10)">',st,at,le,nl="그냥 서식 그대로 HTML에 적어보세요. 필요한 CSS는 다 만들어두었습니다.",ot,rt,ct,se,il='<div class="font(10) c(#ff0) bold text-center">',nt,ke,J,D,I,P,dl="When just write down in HTML or JSX",it,ae,hl=`<button class="hbox pack gap(6) bg(#333) c(#fff) b(#000.2) r(6) p(8/12) font(14/16/-1%) bold pointer transition(.2s)
+  hover:bg(#555)
+  active:bg(#000)! active:b(#000.2)">
+    <div>👍</div>
+    <div>Like</div>
+  </button>
+`,dt,ht,k,j,vl="... and auto generate CSS on realtime! (and build-time) 😎",vt,oe,fl=`/* @adorable.css */
+
+* {margin:0;padding:0;box-sizing:border-box;font:inherit;color:inherit;flex-shrink:0;}
+.c(#fff){color:#fff;}
+html .active:bg(#000)!:active,html .active:bg(#000)!.:active{background-color:#000!important;}
+.bg(#333){background-color:#333;}
+@media (hover:hover){.hover:bg(#555):hover,.hover:bg(#555).:hover{background-color:#555;}}
+.font(14/16/-1%){font-size:14px;line-height:16px;letter-spacing:-0.01em}
+.bold{font-weight:700;}
+.hbox{display:flex;flex-flow:row;align-items: center;}
+.p(8/12){padding:8px 12px;}
+.pack{display:flex;align-items:center;justify-content:center;}
+.pointer{cursor:pointer;}
+html .active:b(#000.2):active,html .active:b(#000.2).:active{border:1px solid rgba(0,0,0,.2);}
+.b(#000.2){border:1px solid rgba(0,0,0,.2);}
+.r(6){border-radius:6px;}
+.gap(6){gap:6px;}
+.layer{position:absolute;top:0;right:0;bottom:0;left:0}
+.transition(.2s){transition:all .2s;}
+`,ft,Ve,u,re,pt,ut,ce,bt,mt,ne,gt,xt,_t,Ct,O,pl='<p>디자인을 만들기 위해 구조를 변경하고 CSS를 수정하고 이름을 수정하고 Selector를 수정하고 다시 HTML을 수정하고...</p> <div class="m(20)">👇</div> <p>HTML, JSX를 수정하면서 실시간으로 변경되는 디자인을 확인하며 작업해보세요!</p>',Me,g,ie,Et,St,de,wt,Ht,he,yt,Dt,x,z,A,ul="More extensible Syntax",It,ve,bl=`<div class="font(14/1.5/-1%)"/>
+<div class="w(100~200)"/>
+<div class="nowrap..."/>
+<div class="line-clamp(3)"/>
+<div class="hbox(bottom+right)"/>
+<div class="layer(right)"/>
+
+.font(14/1.5/-1%){font-size:14px;line-height:1.5;letter-spacing:-0.01em}
+.w(100~200){min-width:100px;max-width:200px;}
+.hbox(bottom+right){display:flex;flex-flow:row;align-items:flex-end;justify-content:flex-end;}
+.nowrap...{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;flex-shrink:1;}
+.line-clamp(3){display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}
+.layer(right){position:absolute;top:0;right:0;bottom:0}
+`,kt,Vt,R,q,ml="Support Full Pesudo-class/element",Mt,fe,gl=`<a class="hover:underline active:bg(#000)"/>
+<div class="nth-child(3n+1):bg(orange)"/>
+<input class="placeholder:c(#ccc)"/>
+<div class="after:content(--my-content)" style="--my-content: 'hello adorable'"/>
+
+.placeholder\\:c\\(\\#ccc\\)::placeholder{color:#ccc;}
+html .active\\:bg\\(\\#000\\):active,html .active\\:bg\\(\\#000\\).\\:active{background-color:#000;}
+.nth-child\\(3n\\+1\\)\\:bg\\(orange\\):nth-child(3n+1){background-color:orange;}
+@media (hover:hover){.hover\\:underline:hover,.hover\\:underline.\\:hover{text-decoration:underline;}}
+.after\\:content\\(--my-content\\):after{content:'var(--my-content)'}
+`,Lt,Tt,B,G,xl="Selector Support",Nt,pe,_l=`<div class=".selected:bg(#000) .selected:c(#fff)"/>
+<div class=">h1:m(20)"/>
+<input class=">>a:c(#4f80ff)"/>
+
+.\\.selected\\:c\\(\\#fff\\).selected,.selected .\\.selected\\:c\\(\\#fff\\){color:#fff;}
+.\\>\\>a\\:c\\(\\#4f80ff\\)>>a{color:#4f80ff;}
+.\\.selected\\:bg\\(\\#000\\).selected,.selected .\\.selected\\:bg\\(\\#000\\){background-color:#000;}
+.\\>h1\\:m\\(20\\)>h1{margin:20px;}
+`,Wt,Jt,X,F,Cl="Media Query Support",Pt,ue,El=`<div class="@w(320~):c(red)">320 > red</div>
+
+.\\.selected\\:c\\(\\#fff\\).selected,.selected .\\.selected\\:c\\(\\#fff\\){color:#fff;}
+.\\>\\>a\\:c\\(\\#4f80ff\\)>>a{color:#4f80ff;}
+.\\.selected\\:bg\\(\\#000\\).selected,.selected .\\.selected\\:bg\\(\\#000\\){background-color:#000;}
+.\\>h1\\:m\\(20\\)>h1{margin:20px;}
+`,jt,Le,E,be,Ot,zt,me,At,Rt,V,qt,Bt,Gt,Te,p,ge,Xt,Ft,xe,Qt,Kt,_e,Ut,Yt,Ce,Zt,$t,He,el,ye,Sl;return{c(){C=t("div"),W=t("div"),W.innerHTML=ll,Re=r(),Q=t("div"),Q.innerHTML=sl,De=r(),m=t("div"),K=t("h1"),qe=i("No more writing your own CSS."),Be=r(),U=t("h2"),Ge=i("We have created almost all the CSS you need. Just write down in your HTML(or JSX)."),Xe=r(),Se=t("div"),Fe=r(),we=t("img"),Ie=r(),h=t("div"),Y=t("h1"),Qe=i("[ •́ ‸ •̀ ]"),Ke=r(),Z=t("h1"),Ue=i("Naming things is hard."),Ye=r(),$=t("h2"),Ze=i(ol),$e=r(),ee=t("p"),ee.textContent=rl,et=r(),tt=t("br"),lt=r(),te=t("h2"),st=i(cl),at=r(),le=t("p"),le.textContent=nl,ot=r(),rt=t("br"),ct=r(),se=t("h2"),nt=i(il),ke=r(),J=t("div"),D=t("div"),I=t("div"),P=t("h1"),P.textContent=dl,it=r(),ae=t("code"),dt=i(hl),ht=r(),k=t("div"),j=t("h1"),j.textContent=vl,vt=r(),oe=t("code"),ft=i(fl),Ve=r(),u=t("div"),re=t("h1"),pt=i("⚡️"),ut=r(),ce=t("h1"),bt=i("Fast Writing without switching!"),mt=r(),ne=t("h2"),gt=i("이제 HTML과 CSS와 화면을 번갈아가면서 개발하지마세요."),xt=r(),_t=t("br"),Ct=r(),O=t("div"),O.innerHTML=pl,Me=r(),g=t("div"),ie=t("h1"),Et=i("ᕙ(`▿´)ᕗ"),St=r(),de=t("h1"),wt=i("Write less do more!"),Ht=r(),he=t("h2"),yt=i("Isn't it 90s-vibe inline-style? No!"),Dt=r(),x=t("div"),z=t("div"),A=t("h2"),A.textContent=ul,It=r(),ve=t("code"),kt=i(bl),Vt=r(),R=t("div"),q=t("h2"),q.textContent=ml,Mt=r(),fe=t("code"),Lt=i(gl),Tt=r(),B=t("div"),G=t("h2"),G.textContent=xl,Nt=r(),pe=t("code"),Wt=i(_l),Jt=r(),X=t("div"),F=t("h2"),F.textContent=Cl,Pt=r(),ue=t("code"),jt=i(El),Le=r(),E=t("div"),be=t("h1"),Ot=i("📦"),zt=r(),me=t("h1"),At=i("Portable and Compact"),Rt=r(),V=t("h2"),qt=i("Are you refactor code? you don't worry about that separated CSS."),Bt=t("br"),Gt=i("We don't write CSS. Just Cut & Paste!"),Te=r(),p=t("div"),ge=t("h1"),Xt=i("No Semantic + No CSS = Great for handoff!"),Ft=r(),xe=t("h1"),Qt=i("🤝"),Kt=r(),_e=t("h2"),Ut=i("디자인 파일의 속성을 서식 그대로 HTML로 옮겨올 수가 있습니다."),Yt=r(),Ce=t("h2"),Zt=i("figma handshake plugin"),$t=r(),He=t("div"),el=r(),ye=t("img"),this.h()},l(n){C=l(n,"DIV",{class:!0});var v=o(C);W=l(v,"DIV",{class:!0,"data-svelte-h":!0}),S(W)!=="svelte-e2a0ax"&&(W.innerHTML=ll),Re=c(v),Q=l(v,"DIV",{"data-svelte-h":!0}),S(Q)!=="svelte-1oxlqx"&&(Q.innerHTML=sl),v.forEach(s),De=c(n),m=l(n,"DIV",{class:!0});var M=o(m);K=l(M,"H1",{class:!0});var wl=o(K);qe=d(wl,"No more writing your own CSS."),wl.forEach(s),Be=c(M),U=l(M,"H2",{class:!0});var Hl=o(U);Ge=d(Hl,"We have created almost all the CSS you need. Just write down in your HTML(or JSX)."),Hl.forEach(s),Xe=c(M),Se=l(M,"DIV",{class:!0}),o(Se).forEach(s),Fe=c(M),we=l(M,"IMG",{src:!0}),M.forEach(s),Ie=c(n),h=l(n,"DIV",{class:!0});var f=o(h);Y=l(f,"H1",{class:!0});var yl=o(Y);Qe=d(yl,"[ •́ ‸ •̀ ]"),yl.forEach(s),Ke=c(f),Z=l(f,"H1",{class:!0});var Dl=o(Z);Ue=d(Dl,"Naming things is hard."),Dl.forEach(s),Ye=c(f),$=l(f,"H2",{class:!0});var Il=o($);Ze=d(Il,ol),Il.forEach(s),$e=c(f),ee=l(f,"P",{"data-svelte-h":!0}),S(ee)!=="svelte-1e51161"&&(ee.textContent=rl),et=c(f),tt=l(f,"BR",{}),lt=c(f),te=l(f,"H2",{class:!0});var kl=o(te);st=d(kl,cl),kl.forEach(s),at=c(f),le=l(f,"P",{"data-svelte-h":!0}),S(le)!=="svelte-1j1szsm"&&(le.textContent=nl),ot=c(f),rt=l(f,"BR",{}),ct=c(f),se=l(f,"H2",{class:!0});var Vl=o(se);nt=d(Vl,il),Vl.forEach(s),f.forEach(s),ke=c(n),J=l(n,"DIV",{class:!0});var Ml=o(J);D=l(Ml,"DIV",{class:!0});var Ne=o(D);I=l(Ne,"DIV",{class:!0});var We=o(I);P=l(We,"H1",{class:!0,"data-svelte-h":!0}),S(P)!=="svelte-1g9dldl"&&(P.textContent=dl),it=c(We),ae=l(We,"CODE",{class:!0});var Ll=o(ae);dt=d(Ll,hl),Ll.forEach(s),We.forEach(s),ht=c(Ne),k=l(Ne,"DIV",{class:!0});var Je=o(k);j=l(Je,"H1",{class:!0,"data-svelte-h":!0}),S(j)!=="svelte-145vrx0"&&(j.textContent=vl),vt=c(Je),oe=l(Je,"CODE",{class:!0});var Tl=o(oe);ft=d(Tl,fl),Tl.forEach(s),Je.forEach(s),Ne.forEach(s),Ml.forEach(s),Ve=c(n),u=l(n,"DIV",{class:!0});var H=o(u);re=l(H,"H1",{class:!0});var Nl=o(re);pt=d(Nl,"⚡️"),Nl.forEach(s),ut=c(H),ce=l(H,"H1",{class:!0});var Wl=o(ce);bt=d(Wl,"Fast Writing without switching!"),Wl.forEach(s),mt=c(H),ne=l(H,"H2",{class:!0});var Jl=o(ne);gt=d(Jl,"이제 HTML과 CSS와 화면을 번갈아가면서 개발하지마세요."),Jl.forEach(s),xt=c(H),_t=l(H,"BR",{}),Ct=c(H),O=l(H,"DIV",{class:!0,"data-svelte-h":!0}),S(O)!=="svelte-6h5pm3"&&(O.innerHTML=pl),H.forEach(s),Me=c(n),g=l(n,"DIV",{class:!0});var L=o(g);ie=l(L,"H1",{class:!0});var Pl=o(ie);Et=d(Pl,"ᕙ(`▿´)ᕗ"),Pl.forEach(s),St=c(L),de=l(L,"H1",{class:!0});var jl=o(de);wt=d(jl,"Write less do more!"),jl.forEach(s),Ht=c(L),he=l(L,"H2",{class:!0});var Ol=o(he);yt=d(Ol,"Isn't it 90s-vibe inline-style? No!"),Ol.forEach(s),Dt=c(L),x=l(L,"DIV",{class:!0});var T=o(x);z=l(T,"DIV",{});var Pe=o(z);A=l(Pe,"H2",{class:!0,"data-svelte-h":!0}),S(A)!=="svelte-1bv6hpj"&&(A.textContent=ul),It=c(Pe),ve=l(Pe,"CODE",{class:!0});var zl=o(ve);kt=d(zl,bl),zl.forEach(s),Pe.forEach(s),Vt=c(T),R=l(T,"DIV",{});var je=o(R);q=l(je,"H2",{class:!0,"data-svelte-h":!0}),S(q)!=="svelte-cz51uo"&&(q.textContent=ml),Mt=c(je),fe=l(je,"CODE",{class:!0});var Al=o(fe);Lt=d(Al,gl),Al.forEach(s),je.forEach(s),Tt=c(T),B=l(T,"DIV",{});var Oe=o(B);G=l(Oe,"H2",{class:!0,"data-svelte-h":!0}),S(G)!=="svelte-3v2qw2"&&(G.textContent=xl),Nt=c(Oe),pe=l(Oe,"CODE",{class:!0});var Rl=o(pe);Wt=d(Rl,_l),Rl.forEach(s),Oe.forEach(s),Jt=c(T),X=l(T,"DIV",{});var ze=o(X);F=l(ze,"H2",{class:!0,"data-svelte-h":!0}),S(F)!=="svelte-1ny7j3j"&&(F.textContent=Cl),Pt=c(ze),ue=l(ze,"CODE",{class:!0});var ql=o(ue);jt=d(ql,El),ql.forEach(s),ze.forEach(s),T.forEach(s),L.forEach(s),Le=c(n),E=l(n,"DIV",{class:!0});var Ee=o(E);be=l(Ee,"H1",{class:!0});var Bl=o(be);Ot=d(Bl,"📦"),Bl.forEach(s),zt=c(Ee),me=l(Ee,"H1",{class:!0});var Gl=o(me);At=d(Gl,"Portable and Compact"),Gl.forEach(s),Rt=c(Ee),V=l(Ee,"H2",{class:!0});var Ae=o(V);qt=d(Ae,"Are you refactor code? you don't worry about that separated CSS."),Bt=l(Ae,"BR",{}),Gt=d(Ae,"We don't write CSS. Just Cut & Paste!"),Ae.forEach(s),Ee.forEach(s),Te=c(n),p=l(n,"DIV",{class:!0});var _=o(p);ge=l(_,"H1",{class:!0});var Xl=o(ge);Xt=d(Xl,"No Semantic + No CSS = Great for handoff!"),Xl.forEach(s),Ft=c(_),xe=l(_,"H1",{class:!0});var Fl=o(xe);Qt=d(Fl,"🤝"),Fl.forEach(s),Kt=c(_),_e=l(_,"H2",{class:!0});var Ql=o(_e);Ut=d(Ql,"디자인 파일의 속성을 서식 그대로 HTML로 옮겨올 수가 있습니다."),Ql.forEach(s),Yt=c(_),Ce=l(_,"H2",{class:!0});var Kl=o(Ce);Zt=d(Kl,"figma handshake plugin"),Kl.forEach(s),$t=c(_),He=l(_,"DIV",{class:!0}),o(He).forEach(s),el=c(_),ye=l(_,"IMG",{src:!0}),_.forEach(s),this.h()},h(){a(W,"class","hbox font(80/-/-15%) AppleSD opacity(0.7) hover:scale(1.05) hover:opacity(1) transition(.4s) pointer group"),a(C,"class",N+" gap(40) max-h(60vh)"),a(K,"class",w),a(U,"class",y),a(Se,"class","space(2em)"),Ul(we.src,al="https://images.velog.io/images/teo/post/dde8bc56-15d0-4fc0-a15a-f3c204f50494/AdorableCSS.gif")||a(we,"src",al),a(m,"class",N),a(Y,"class",w+" hover:scale(1.05) active:rotate(5deg) active:color(--primary) transition(.4s) pointer"),a(Z,"class",w),a($,"class",y),a(te,"class",y),a(se,"class",y),a(h,"class",N),a(P,"class","font(30/-/-1.5%) bold"),a(ae,"class","pre text-left bg(#f1f1f1) p(20) r(8) monospace"),a(I,"class","vbox(center)"),a(j,"class","font(30/-/-1.5%) bold"),a(oe,"class","pre text-left bg(#f1f1f1) p(20) r(8) monospace"),a(k,"class","vbox(center)"),a(D,"class","hbox(top+center) flex-wrap gap(60)"),a(J,"class",N),a(re,"class",w),a(ce,"class",w),a(ne,"class",y),a(O,"class","bg(#f1f1f1) r(8) p(20)"),a(u,"class",N),a(ie,"class",w+" hover:scale(1.05) active:rotate(5deg) active:color(--primary) transition(.4s) pointer"),a(de,"class",w),a(he,"class",y),a(A,"class","font(24) 700 m(10/0)"),a(ve,"class","block pre font(13) w(~800) text-left bg(#f1f1f1) p(20) r(8) monospace"),a(q,"class","font(24) 700 m(10/0)"),a(fe,"class","block pre font(13) w(~800) text-left bg(#f1f1f1) p(20) r(8) monospace"),a(G,"class","font(24) 700 m(10/0)"),a(pe,"class","block pre font(13) w(~800) text-left bg(#f1f1f1) p(20) r(8) monospace"),a(F,"class","font(24) 700 m(10/0)"),a(ue,"class","block pre font(13) w(~800) text-left bg(#f1f1f1) p(20) r(8) monospace"),a(x,"class","vbox gap(40) mt(40)"),a(g,"class",N),a(be,"class",w),a(me,"class",w),a(V,"class",y),a(E,"class",N),a(ge,"class",w),a(xe,"class",w),a(_e,"class",y),a(Ce,"class",y),a(He,"class","space(2em)"),Ul(ye.src,Sl="https://camo.githubusercontent.com/eeee35511c7b7979a00fba1b85ba91a2a750807b1c55aa90d2e4317d370147fc/68747470733a2f2f696d616765732e76656c6f672e696f2f696d616765732f74656f2f706f73742f35373963646237622d383831392d343930322d386639372d3036633334303062323032312f254531253834253932254531253835254141254531253834253836254531253835254137254531253836254142253230254531253834253830254531253835254235254531253834253835254531253835254139254531253836254138253230323032312d30392d3031253230254531253834253842254531253835254139254531253834253932254531253835254145253230332e31372e31372e6d6f762e676966")||a(ye,"src",Sl),a(p,"class",N)},m(n,v){b(n,C,v),e(C,W),e(C,Re),e(C,Q),b(n,De,v),b(n,m,v),e(m,K),e(K,qe),e(m,Be),e(m,U),e(U,Ge),e(m,Xe),e(m,Se),e(m,Fe),e(m,we),b(n,Ie,v),b(n,h,v),e(h,Y),e(Y,Qe),e(h,Ke),e(h,Z),e(Z,Ue),e(h,Ye),e(h,$),e($,Ze),e(h,$e),e(h,ee),e(h,et),e(h,tt),e(h,lt),e(h,te),e(te,st),e(h,at),e(h,le),e(h,ot),e(h,rt),e(h,ct),e(h,se),e(se,nt),b(n,ke,v),b(n,J,v),e(J,D),e(D,I),e(I,P),e(I,it),e(I,ae),e(ae,dt),e(D,ht),e(D,k),e(k,j),e(k,vt),e(k,oe),e(oe,ft),b(n,Ve,v),b(n,u,v),e(u,re),e(re,pt),e(u,ut),e(u,ce),e(ce,bt),e(u,mt),e(u,ne),e(ne,gt),e(u,xt),e(u,_t),e(u,Ct),e(u,O),b(n,Me,v),b(n,g,v),e(g,ie),e(ie,Et),e(g,St),e(g,de),e(de,wt),e(g,Ht),e(g,he),e(he,yt),e(g,Dt),e(g,x),e(x,z),e(z,A),e(z,It),e(z,ve),e(ve,kt),e(x,Vt),e(x,R),e(R,q),e(R,Mt),e(R,fe),e(fe,Lt),e(x,Tt),e(x,B),e(B,G),e(B,Nt),e(B,pe),e(pe,Wt),e(x,Jt),e(x,X),e(X,F),e(X,Pt),e(X,ue),e(ue,jt),b(n,Le,v),b(n,E,v),e(E,be),e(be,Ot),e(E,zt),e(E,me),e(me,At),e(E,Rt),e(E,V),e(V,qt),e(V,Bt),e(V,Gt),b(n,Te,v),b(n,p,v),e(p,ge),e(ge,Xt),e(p,Ft),e(p,xe),e(xe,Qt),e(p,Kt),e(p,_e),e(_e,Ut),e(p,Yt),e(p,Ce),e(Ce,Zt),e(p,$t),e(p,He),e(p,el),e(p,ye)},p:tl,i:tl,o:tl,d(n){n&&(s(C),s(De),s(m),s(Ie),s(h),s(ke),s(J),s(Ve),s(u),s(Me),s(g),s(Le),s(E),s(Te),s(p))}}}const N="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip",w="font(3em/-/-1.5%) bold ~md:font(1.6em)",y="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)";class as extends $l{constructor(C){super(),es(this,C,null,ts,Zl,{})}}export{as as component};
diff --git a/_app/immutable/components/pages/background/_page.svelte-33635414.js b/_app/immutable/nodes/3.CF2hN1Y_.js
similarity index 79%
rename from _app/immutable/components/pages/background/_page.svelte-33635414.js
rename to _app/immutable/nodes/3.CF2hN1Y_.js
index e78dfa8..110a45a 100644
--- a/_app/immutable/components/pages/background/_page.svelte-33635414.js
+++ b/_app/immutable/nodes/3.CF2hN1Y_.js
@@ -1,13 +1,13 @@
-import{S as Bi,i as Ui,s as Qi,e as n,a as x,c as C,m as p,g as v,o as $i,h as l,n as ul,f as e,u as Ki,b as Ii,v as Ji,w as Fi,x as Ri,y as Vi,z as Di}from"../../../chunks/index-bc0b20f1.js";function Xi(sl){let o,s="어쩌다 AdorableCSS를 만들게 되었나요?",f,u,S="<li>TailwindCSS를 현업에서 사용하지 못했던 이유</li> <li>그래서 이렇게 만들었습니다.</li>",Qt,$t,Kt,T,fl="TailwindCSS를 현업에서 사용하지 못했던 이유",It,m,dl=`TailwindCSS를 현업에서 쓰기위해 적용을 해보니 당시에는 몇가지 문제들이 있었습니다.
+import{s as Bi,n as sl}from"../chunks/scheduler.CH-LaNC3.js";import{S as Ui,i as Qi,e as n,s as x,c as C,k as p,f as v,l as $i,g as l,d as e,o as Ki,a as Ii,p as Ji,q as Fi,r as Ri,u as Vi,v as Di}from"../chunks/index.Wx35Jw4s.js";function Xi(ul){let o,u="어쩌다 AdorableCSS를 만들게 되었나요?",f,s,S="<li>TailwindCSS를 현업에서 사용하지 못했던 이유</li> <li>그래서 이렇게 만들었습니다.</li>",Qt,$t,Kt,T,fl="TailwindCSS를 현업에서 사용하지 못했던 이유",It,m,dl=`TailwindCSS를 현업에서 쓰기위해 적용을 해보니 당시에는 몇가지 문제들이 있었습니다.
 TailwindCSS는 아래와 같이 크기와 색상을 미리 만들어서 제공을 하였습니다.`,Jt,b,Sl='<img src="https://velog.velcdn.com/images/teo/post/df3e1c91-52b6-4319-bea9-9d77630a1e0a/image.png"/>',Ft,_,Tl='<img src="https://velog.velcdn.com/images/teo/post/24dc0f4b-0640-4e70-82b1-78c7061b9395/image.png"/>',Rt,L,ml="하지만 저는 대부분 실전에서 디자이너가 만들어 달라는대로 작업을 해야했기에 <strong>미리 지정된 크기와 색상으로만 작업 할 수는 없었습니다.</strong>",Vt,H,bl=`<strong>TailwindCSS는 미리 정해둔 색상과 정해진 규격에 맞춰서 개발을 하는 것이 좋은 것</strong> 이라고 설명을 하고 있었지만
 실전에서는 디자인의 수정과 개발의 작업을 불편하게 만들어 줄 뿐이었습니다.`,Dt,M,_l=`TailwindCSS가 주장하는 바가 곧 디자인 시스템이고 이는 틀린말은 아니었으나, 실제로 디자인 시스템이 갖춰지기까지에는 상당한 시간이 걸리고,
 그 시간동안은 디자인 시스템이 갖춰지지 않은 상태에서 개발을 해야하는데 TailwindCSS는 이러한 상황에서는 적합하지 않았습니다.`,Xt,c,Ll="뿐만 아니라 w-12는 12px이 아니라 48px로 당시 머터리얼 디자인에서 사용하던 4px grid 기반의 체계는 내가 원하는 크기를 만들기 위해서 계속 계산을 해서 개발 과정을 멈칫거리게 만들었습니다.",Gt,w,Hl="<strong>내가 원하는 수치와 색상을 그대로 사용할 수 있으면 좋겠다</strong>라는 생각이 들었고 이것이 AdorableCSS를 만들어야겠다는 생각이 들게 만들었습니다.",Nt,P,Ml="<p>Tailwind도 현재는 3.0 이후로 <strong>JIT(Just-In-Time)이라는 방식</strong>이 나오면서 이러한 부분을 해결을 하고 있습니다만, 여전히 w-12는 12px이 아니며 복잡해지는 문법으로 인해 러닝커브가 발생하고 있습니다.</p>",Wt,q,cl=`대부분의 inline class이름은 직관적이었으나, 몇몇 이름들은 - 특히 flexbox는 - CSS 스펙과 이름이 미묘하게 달라서 매번 문서를 찾아 봐야했어요.
 CSS를 많이했던 저의 개발 경험과는 조금 어긋남을 느꼈습니다.`,Yt,y,wl=`무엇보다 <strong>tailwindCSS는 내가 알고 있는 CSS의 모든 기능을 다 제공하는 것은 아니었어요.</strong> 조건부 class 서식이나, Child Selector를 쓸 수도 없었습니다.
-코드 가독성이 떨어지는 부분들은 inline이라서가 아니라 이렇게 조건부 class들이라는 것들도 알게 되었습니다.`,Zt,a,Pl=`결국 TailwindCSS가 <strong>기존 CSS 개발경험을 완전히 대체를 할 수 없다보니</strong> 디자인이 없는 프로토타입에는 유리하나
-디자이너와 주로 협업을 하는 현업환경에서 쓰기에는 상당히 부담이 되었습니다.`,rt,k,ql="그렇다고 TailwindCSS가 완전히 싫은 것은 아니었습니다. 어떤 부분에는 꽤 괜찮은 점들도 있었고, Atomic CSS 패러다임 자체는 괜찮은 것 같았습니다.",gt,A,yl=`<p><strong>‘TailwindCSS가 컨셉과 패러다임은 참 좋은 것 같은데 나한테는 맞지 않는 옷인듯 하다. 이 참에 나한테 맞는 AtomicCSS 프레임워크를 만들수 있지 않을까?’</strong>
-라는 생각에 “내가 현업에서 쓸 수 있는 CSS 프레임워크” 라는 컨셉으로 한번 만들어보기로 하였습니다!</p>`,te,ee,le,E,al="AdorableCSS는 뭐가 다를까?",ie,j,kl="Atomic CSS 패러다임은 사실 괜찮은건데 TailwindCSS가 아쉬운거라면 더 괜찮은 AtomicCSS 라이브러리를 만들 수 있지 않을까?",ne,z,Al="<h4>TailwindCSS의 아쉬운 점 정리</h4> <ol><li><del>내가 원하는 색상과 수치를 직접 입력 할 수가 없다.</del> (JIT 3.0 출시)</li> <li><del>용량이 크다. purge를 하면 되지만 속도가 느리다.</del> (JIT 3.0 출시)</li> <li>w-16은 16px이 아니다. 4배수 계산 이슈.</li> <li>미묘하게 아쉬운 스펙과 문법 = 러닝커브 발생 (특히 flexbox)</li> <li>조건부 서식등으로 HTML이 복잡해진다.</li> <li>CSS 기능이 부족하다.</li></ol>",Ce,O,El="최초 제일 핵심 차별화가 될거라고 기대했던 부분은 지금은 tailwind에서 JIT를 쓰면서 해결이 되었습니다. 그럼에도 tailwindCSS를 쓰다보면 뭔가 멈칫멈칫 거리게 되는 부분들이 있었습니다.",xe,h,jl="그 이유가 무엇일지 생각해보니 내가 CSS와 HTML와 JS를 코딩하던 습관들과 미묘하게 다른 구성들이 있었기에 최대한 <strong>직관적이고 더 간결한 문법을 가질 수 있도록</strong> 만들어보고 싶었습니다.",ve,B,zl="또한 두번 배우지 않고 내가 알고 있는 CSS 지식을 가급적 그대로 쓸 수 있도록 하기 위해서 CSS의 모든 기능을 제공하고 싶었습니다.",pe,U,Ol="🤔 내가 원하는 CSS는 어떤 CSS일까?",oe,Q,hl="<li>러닝커브를 더 낮추고 싶었다.</li> <li>수치나 값이 눈에 잘 보였으면 좋겠다.</li> <li>타이핑은 많이 하지 않았으면 좋겠다.</li> <li>가독성이 더 높았으면 좋겠다.</li> <li>손에 익은 타이핑 방식이면 좋겠다.</li> <li>px이 근본이었으면 좋겠다.</li>",ue,$,Bl=`이러한 생각들을 바탕으로 새로운 문법을 가진 CSS Framework를 만들어 보았습니다.
-AdorableCSS의 문법이 탄생하게 된 배경과 생각을 따라가면서 아주 쉽게 문법을 배울 수 있게 되기를 바랍니다.`,se,K,Ul="어떻게 해서 지금의 문법이 탄생했는가?",fe,I,Ql="러닝커브를 최소화하기 위해서는 CSS의 문법과 최대한 유사하게 만드는 게 좋겠다고 생각을 했습니다. 그래서 처음에는 inline-style을 쓰는 것과 비슷한 형태로 만들어보고자 했습니다.",de,J,$l="1",Se,F,Kl="<code>style=&quot;font: 18px/1.5 bold; position: absolute; top: 0; margin: 0 20px; color: red;&quot;</code>",Te,R,Il="class이름은 띄어쓰기를 분리가 되므로 하나의 속성을 나타내기 위해서 띄어쓰기를 하면 안되기 때문에",me,V,Jl="<li><code>;</code>를 대신 띄어쓰기로 구분을 하고, 기존 띄어쓰기는 <code>/</code>로 대체하였습니다.</li> <li>그리고 <code>px단위는 생략</code>을 할 수 있도록 해서 조금 더 간결하게 쓸 수 있도록 해보았습니다.</li>",be,D,Fl="2",_e,X,Rl="<code>class=&quot;font:18/1.5 bold position:absolute top:0 margin:0/20 color:red&quot;</code>",Le,G,Vl="위와 같이 작성을 해보니 2가지가 눈에 밟혔습니다.",He,N,Dl="<li><code>:</code> 다음에 습관적으로 스페이스를 누르는 경우가 빈번했습니다. <code>font: 18</code> (X)</li> <li>숫자나 값이 눈에 잘 들어오지 않는다. <code>top:0 margin:0/20</code></li>",Me,W,Xl="3",ce,Y,Gl="그래서 <code>()표기법</code>을 통해 값을 조금 더 잘보이게 하면서 띄어쓰기 습관에 문제가 되지 않던 문법을 선택하였습니다.",we,Z,Nl="<code>class=&quot;font(18/1.5) bold position(absolute) top(0) margin(0/20) color(red)&quot;</code>",Pe,r,Wl="4",qe,g,Yl="class명이 너무 길어지는 것 같아서 이름들을 최대한 줄여서 작성을 해보았습니다.",ye,tt,Zl="<code>class=&quot;f(18/1.5) b abs t(0) m(0/20) c(red)&quot;</code>",ae,et,rl="1~2글자로 줄여도 <code>m(20) c(red)</code>와 같이 가독성 측면에서도 더 나아지는 것이 있는가 하면, 반대로 <code>f(18) t(0)</code> <code>abs</code>와 같이 글자수를 줄이면 의미파악이 잘 되지 않는 것 등이 있었습니다.",ke,lt,gl="타이핑을 줄이면서도 CSS를 새로 배운지 않게 할 수 있도록 중간점을 찾는 고민을 많이 하면서 다음과 같은 규칙을 선정하였습니다.",Ae,it,ti="<li>이미 1~2글자로 줄여서 부르고 있어서 <strong>짧게 축약해도 그 속성이 바로 떠오르는 것들은 줄여서 쓴다.</strong> 그 외에는 그대로 쓴다.</li>",Ee,nt,ei="<code>class=&quot;w(32) h(32) r(8) p(10/16) m(4/8/10/12) z(9999) bg(#000) c(#fff) b(#480ff)&quot;</code>",je,Ct,li="<li>w = width</li> <li>h = height</li> <li>r = border-radius</li> <li>m = margin</li> <li>b = border</li> <li>p = padding</li> <li>z = z-index</li> <li>bg = background</li> <li>c = color</li> <li>mt = margin-top</li> <li>bbw = border-bottom-width</li> <li>pr = padding-right</li>",ze,d,ii="<li><strong>유니크한 CSS value거나 속성을 유추할 수 있는 값이라면 값만 쓴다.</strong></li>",Oe,xt,ni="ex) <code>.inline</code> <code>.block</code> <code>.none</code> <code>.visible</code> <code>.hidden</code> <code>.bold</code> <code>.underline</code> <code>.100</code> <code>.200</code> <code>.absolute</code> <code>.relative</code> <code>.sticky</code> <code>.fixed</code> <code>.border-box</code> <code>.content-box</code> <code>.space-between</code> <code>.space-around</code> <code>.pointer</code>",he,vt,Ci="5",Be,pt,xi=`CSS의 모든 다른 모든 기능들인 Selector와 Pseudo-class, Pseudo-element, Media Query, Keyframes, Variables 등을 모두 쓸 수 있도록 제공하고 싶었습니다.
-그래서 조금 더 복잡한 CSS 구문들을 고민해보았습니다.`,Ue,ot,vi="<code>div.selected:hover { background: rgba(255,170,0,.5) !important; color: var(--primary);}</code>",Qe,ut,pi="위와 같은 구문을 최대한 구조는 유지하면서도 간결하게 쓸 수 있도록 해보았습니다.",$e,st,oi="<code>&lt;div class=&quot;.selected:hover:bg(#fa0.5)! c(--primary)&quot;&gt;</code>",Ke,ft,ui="이러한 전개를 통해서 현재의 AdorableCSS의 기본적인 큰 문법의 틀이 완성되었습니다.",Ie,dt,si='<img src="https://velog.velcdn.com/images/teo/post/3a5b06a8-45a4-4613-9d22-6920cc62d2df/image.png"/>',Je,St,fi="최대한 내가 쓰고 있던 CSS의 큰 틀을 흔들지 않고 몇가지 추론 가능한 문법을 통해서 문법이 완전히 같지 않지만 충분히 유추가 가능하도록 만들어보았습니다.",Fe,Tt,di="가장 많이 쓰는 flexbox는 편하게 쓰게 해주자!",Re,mt,Si="tailwindCSS를 쓰면서 또 아쉬웠던 부분은 flexbox 및 layout 관련 문법들이었습니다. CSS에서 가장 많이 쓰이는 속성들인데 직관적이지 못한 방식들과 길어지는 타이핑으로 인해 복잡하게 보이게 만드는 주범이라고 생각을 했습니다.",Ve,bt,Ti=`<p><code>items-*</code> <code>content-*</code> <code>justify-content-*</code> <code>justify-*</code>
+코드 가독성이 떨어지는 부분들은 inline이라서가 아니라 이렇게 조건부 class들이라는 것들도 알게 되었습니다.`,Zt,k,Pl=`결국 TailwindCSS가 <strong>기존 CSS 개발경험을 완전히 대체를 할 수 없다보니</strong> 디자인이 없는 프로토타입에는 유리하나
+디자이너와 주로 협업을 하는 현업환경에서 쓰기에는 상당히 부담이 되었습니다.`,rt,a,ql="그렇다고 TailwindCSS가 완전히 싫은 것은 아니었습니다. 어떤 부분에는 꽤 괜찮은 점들도 있었고, Atomic CSS 패러다임 자체는 괜찮은 것 같았습니다.",gt,A,yl=`<p><strong>‘TailwindCSS가 컨셉과 패러다임은 참 좋은 것 같은데 나한테는 맞지 않는 옷인듯 하다. 이 참에 나한테 맞는 AtomicCSS 프레임워크를 만들수 있지 않을까?’</strong>
+라는 생각에 “내가 현업에서 쓸 수 있는 CSS 프레임워크” 라는 컨셉으로 한번 만들어보기로 하였습니다!</p>`,te,ee,le,E,kl="AdorableCSS는 뭐가 다를까?",ie,j,al="Atomic CSS 패러다임은 사실 괜찮은건데 TailwindCSS가 아쉬운거라면 더 괜찮은 AtomicCSS 라이브러리를 만들 수 있지 않을까?",ne,z,Al="<h4>TailwindCSS의 아쉬운 점 정리</h4> <ol><li><del>내가 원하는 색상과 수치를 직접 입력 할 수가 없다.</del> (JIT 3.0 출시)</li> <li><del>용량이 크다. purge를 하면 되지만 속도가 느리다.</del> (JIT 3.0 출시)</li> <li>w-16은 16px이 아니다. 4배수 계산 이슈.</li> <li>미묘하게 아쉬운 스펙과 문법 = 러닝커브 발생 (특히 flexbox)</li> <li>조건부 서식등으로 HTML이 복잡해진다.</li> <li>CSS 기능이 부족하다.</li></ol>",Ce,O,El="최초 제일 핵심 차별화가 될거라고 기대했던 부분은 지금은 tailwind에서 JIT를 쓰면서 해결이 되었습니다. 그럼에도 tailwindCSS를 쓰다보면 뭔가 멈칫멈칫 거리게 되는 부분들이 있었습니다.",xe,h,jl="그 이유가 무엇일지 생각해보니 내가 CSS와 HTML와 JS를 코딩하던 습관들과 미묘하게 다른 구성들이 있었기에 최대한 <strong>직관적이고 더 간결한 문법을 가질 수 있도록</strong> 만들어보고 싶었습니다.",ve,B,zl="또한 두번 배우지 않고 내가 알고 있는 CSS 지식을 가급적 그대로 쓸 수 있도록 하기 위해서 CSS의 모든 기능을 제공하고 싶었습니다.",pe,U,Ol="🤔 내가 원하는 CSS는 어떤 CSS일까?",oe,Q,hl="<li>러닝커브를 더 낮추고 싶었다.</li> <li>수치나 값이 눈에 잘 보였으면 좋겠다.</li> <li>타이핑은 많이 하지 않았으면 좋겠다.</li> <li>가독성이 더 높았으면 좋겠다.</li> <li>손에 익은 타이핑 방식이면 좋겠다.</li> <li>px이 근본이었으면 좋겠다.</li>",se,$,Bl=`이러한 생각들을 바탕으로 새로운 문법을 가진 CSS Framework를 만들어 보았습니다.
+AdorableCSS의 문법이 탄생하게 된 배경과 생각을 따라가면서 아주 쉽게 문법을 배울 수 있게 되기를 바랍니다.`,ue,K,Ul="어떻게 해서 지금의 문법이 탄생했는가?",fe,I,Ql="러닝커브를 최소화하기 위해서는 CSS의 문법과 최대한 유사하게 만드는 게 좋겠다고 생각을 했습니다. 그래서 처음에는 inline-style을 쓰는 것과 비슷한 형태로 만들어보고자 했습니다.",de,J,$l="1",Se,F,Kl="<code>style=&quot;font: 18px/1.5 bold; position: absolute; top: 0; margin: 0 20px; color: red;&quot;</code>",Te,R,Il="class이름은 띄어쓰기를 분리가 되므로 하나의 속성을 나타내기 위해서 띄어쓰기를 하면 안되기 때문에",me,V,Jl="<li><code>;</code>를 대신 띄어쓰기로 구분을 하고, 기존 띄어쓰기는 <code>/</code>로 대체하였습니다.</li> <li>그리고 <code>px단위는 생략</code>을 할 수 있도록 해서 조금 더 간결하게 쓸 수 있도록 해보았습니다.</li>",be,D,Fl="2",_e,X,Rl="<code>class=&quot;font:18/1.5 bold position:absolute top:0 margin:0/20 color:red&quot;</code>",Le,G,Vl="위와 같이 작성을 해보니 2가지가 눈에 밟혔습니다.",He,N,Dl="<li><code>:</code> 다음에 습관적으로 스페이스를 누르는 경우가 빈번했습니다. <code>font: 18</code> (X)</li> <li>숫자나 값이 눈에 잘 들어오지 않는다. <code>top:0 margin:0/20</code></li>",Me,W,Xl="3",ce,Y,Gl="그래서 <code>()표기법</code>을 통해 값을 조금 더 잘보이게 하면서 띄어쓰기 습관에 문제가 되지 않던 문법을 선택하였습니다.",we,Z,Nl="<code>class=&quot;font(18/1.5) bold position(absolute) top(0) margin(0/20) color(red)&quot;</code>",Pe,r,Wl="4",qe,g,Yl="class명이 너무 길어지는 것 같아서 이름들을 최대한 줄여서 작성을 해보았습니다.",ye,tt,Zl="<code>class=&quot;f(18/1.5) b abs t(0) m(0/20) c(red)&quot;</code>",ke,et,rl="1~2글자로 줄여도 <code>m(20) c(red)</code>와 같이 가독성 측면에서도 더 나아지는 것이 있는가 하면, 반대로 <code>f(18) t(0)</code> <code>abs</code>와 같이 글자수를 줄이면 의미파악이 잘 되지 않는 것 등이 있었습니다.",ae,lt,gl="타이핑을 줄이면서도 CSS를 새로 배운지 않게 할 수 있도록 중간점을 찾는 고민을 많이 하면서 다음과 같은 규칙을 선정하였습니다.",Ae,it,ti="<li>이미 1~2글자로 줄여서 부르고 있어서 <strong>짧게 축약해도 그 속성이 바로 떠오르는 것들은 줄여서 쓴다.</strong> 그 외에는 그대로 쓴다.</li>",Ee,nt,ei="<code>class=&quot;w(32) h(32) r(8) p(10/16) m(4/8/10/12) z(9999) bg(#000) c(#fff) b(#480ff)&quot;</code>",je,Ct,li="<li>w = width</li> <li>h = height</li> <li>r = border-radius</li> <li>m = margin</li> <li>b = border</li> <li>p = padding</li> <li>z = z-index</li> <li>bg = background</li> <li>c = color</li> <li>mt = margin-top</li> <li>bbw = border-bottom-width</li> <li>pr = padding-right</li>",ze,d,ii="<li><strong>유니크한 CSS value거나 속성을 유추할 수 있는 값이라면 값만 쓴다.</strong></li>",Oe,xt,ni="ex) <code>.inline</code> <code>.block</code> <code>.none</code> <code>.visible</code> <code>.hidden</code> <code>.bold</code> <code>.underline</code> <code>.100</code> <code>.200</code> <code>.absolute</code> <code>.relative</code> <code>.sticky</code> <code>.fixed</code> <code>.border-box</code> <code>.content-box</code> <code>.space-between</code> <code>.space-around</code> <code>.pointer</code>",he,vt,Ci="5",Be,pt,xi=`CSS의 모든 다른 모든 기능들인 Selector와 Pseudo-class, Pseudo-element, Media Query, Keyframes, Variables 등을 모두 쓸 수 있도록 제공하고 싶었습니다.
+그래서 조금 더 복잡한 CSS 구문들을 고민해보았습니다.`,Ue,ot,vi="<code>div.selected:hover { background: rgba(255,170,0,.5) !important; color: var(--primary);}</code>",Qe,st,pi="위와 같은 구문을 최대한 구조는 유지하면서도 간결하게 쓸 수 있도록 해보았습니다.",$e,ut,oi="<code>&lt;div class=&quot;.selected:hover:bg(#fa0.5)! c(--primary)&quot;&gt;</code>",Ke,ft,si="이러한 전개를 통해서 현재의 AdorableCSS의 기본적인 큰 문법의 틀이 완성되었습니다.",Ie,dt,ui='<img src="https://velog.velcdn.com/images/teo/post/3a5b06a8-45a4-4613-9d22-6920cc62d2df/image.png"/>',Je,St,fi="최대한 내가 쓰고 있던 CSS의 큰 틀을 흔들지 않고 몇가지 추론 가능한 문법을 통해서 문법이 완전히 같지 않지만 충분히 유추가 가능하도록 만들어보았습니다.",Fe,Tt,di="가장 많이 쓰는 flexbox는 편하게 쓰게 해주자!",Re,mt,Si="tailwindCSS를 쓰면서 또 아쉬웠던 부분은 flexbox 및 layout 관련 문법들이었습니다. CSS에서 가장 많이 쓰이는 속성들인데 직관적이지 못한 방식들과 길어지는 타이핑으로 인해 복잡하게 보이게 만드는 주범이라고 생각을 했습니다.",Ve,bt,Ti=`<p><code>items-*</code> <code>content-*</code> <code>justify-content-*</code> <code>justify-*</code>
 align-items? align-content? justify-content? justify-items?
 flexbox를 다루다보면 정말 헷갈리는 속성들! 조금더 쉽게 다룰 수는 없을까?</p>`,De,_t,mi="이러한 문법은 가장 많이쓰는 디자인 핸드오프 툴인 figma에서 영감을 받아 AutoLayout과 유사한 형태로 작성할 수 있게 하여 간결함과 생산성을 높였습니다.",Xe,Lt,bi=`<h4>flexbox와 figma의 AutoLayout</h4> <ol><li>방향 2. gap, 3. padding, 4. 배치
-<img src="https://velog.velcdn.com/images%2Fteo%2Fpost%2F167167a9-da4b-4063-a6dc-e34a69c59f10%2F%E1%84%92%E1%85%AA%E1%84%86%E1%85%A7%E1%86%AB%20%E1%84%80%E1%85%B5%E1%84%85%E1%85%A9%E1%86%A8%202021-12-05%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%201.48.44.mov.gif"/></li></ol>`,Ge,Ht,_i='<img src="https://velog.velcdn.com/images/teo/post/8a00bb36-16d7-4d23-bd03-ae26f70838c4/image.png"/>',Ne,Mt,Li="편리한 Positioning Layer",We,ct,Hi="뿐만 아니라 absolute나 fixed를 이용한 배치의 경우도 빈번이 일어나는데 <code>top:0; left:0; right:0; bottom:0; width:100%; height:100%</code> 와 같은 배치구문들도 보다 직관적인 방식을 제공하여 훨씬 던 간결하면서도 생산성 있는 문법을 제공하였습니다.",Ye,wt,Mi='<img src="https://velog.velcdn.com/images/teo/post/f1066bd9-00da-4c2f-b12f-924bafae69a8/image.png"/>',Ze,Pt,ci="그밖에 더 많은 기능들",re,qt,wi="그밖에도 여러가지 진보된 AtomicCSS의 기조를 따르면서도 불편했었던 많은 부분들을 수정, 보완하는 방법들을 추가하였습니다.",ge,yt,Pi="TailwindCSS를 하다보면 TailwindCSS로 할 수 없는 상황이 나오곤 했습니다. class선택자나 자식 선택자나 복잡한 셀렉터를 써야 하는 경우도 마찬가지였습니다. 기본적으로 CSS에서 제공하는 모든 기능들을 제공하려고 하였습니다.",tl,at,qi="<h4>All-in-one package!</h4> <ol><li>모든 CSS Property 사용 가능</li> <li>:nth-child, ::after등 모든 pseudo 사용 가능</li> <li>모든 Selector 사용 가능</li> <li>모든 Media Query 사용 가능 (예정, 현재는 width만 제공하고 있습니다.)</li></ol>",el,kt,yi="뿐만 아니라 적게쓰고 짧게 축약하면서도 직관적으로 다 담을 수 있도록 만들어 보았습니다.",ll,At,ai="<h4>기타 센스 있는 문법들</h4> <ul><li><code>w(32~100%)</code> = min-width: 32px; max-width: 100%;</li> <li><code>font(16/1.5/-1%)</code> = font-size, line-height, letter-spacing</li> <li><code>c(--primary)</code> = color: var(—primary)</li> <li><code>@w(~768)</code>: <code>@media max-width(768) { ... }</code></li> <li><code>nowarp...</code> = 말줄임…</li></ul>",il,Et,ki="내가 편하면 남들도 편하다!",nl,jt,Ai="라는 생각으로 만들어진 AdorableCSS는 누구나 쉽게 쓸 수 있도록 만들어졌습니다.",Cl,zt,Ei="사용해 본 사람은 알겠지만 tailwindCSS는 사용하기 쉽지만 익숙해지기까지는 시간이 필요합니다.",xl,Ot,ji="그러나 AdorableCSS는 tailwindCSS와 비슷한 문법을 제공하면서도 더 직관적이고 익숙한 문법을 제공하고 있습니다.",vl,ht,zi="tailwindCSS보다 할 수 있는 것이 더 많으면서도 훨씬 더 직관적이며 손이 덜 가는 문법을 제공하고 있습니다.",pl,Bt,Oi="AdorableCSS와 함께 ‘이렇게도 CSS를 편하게 사용할 수 있구나!’ 하는 멋진 경험을 한번 해보시기 바랍니다.",ol,Ut,hi="감사합니다.";return{c(){o=n("h1"),o.textContent=s,f=x(),u=n("ol"),u.innerHTML=S,Qt=x(),$t=n("hr"),Kt=x(),T=n("h3"),T.textContent=fl,It=x(),m=n("p"),m.textContent=dl,Jt=x(),b=n("p"),b.innerHTML=Sl,Ft=x(),_=n("p"),_.innerHTML=Tl,Rt=x(),L=n("p"),L.innerHTML=ml,Vt=x(),H=n("p"),H.innerHTML=bl,Dt=x(),M=n("p"),M.textContent=_l,Xt=x(),c=n("p"),c.textContent=Ll,Gt=x(),w=n("p"),w.innerHTML=Hl,Nt=x(),P=n("blockquote"),P.innerHTML=Ml,Wt=x(),q=n("p"),q.textContent=cl,Yt=x(),y=n("p"),y.innerHTML=wl,Zt=x(),a=n("p"),a.innerHTML=Pl,rt=x(),k=n("p"),k.textContent=ql,gt=x(),A=n("blockquote"),A.innerHTML=yl,te=x(),ee=n("hr"),le=x(),E=n("h2"),E.textContent=al,ie=x(),j=n("p"),j.textContent=kl,ne=x(),z=n("blockquote"),z.innerHTML=Al,Ce=x(),O=n("p"),O.textContent=El,xe=x(),h=n("p"),h.innerHTML=jl,ve=x(),B=n("p"),B.textContent=zl,pe=x(),U=n("h3"),U.textContent=Ol,oe=x(),Q=n("ul"),Q.innerHTML=hl,ue=x(),$=n("p"),$.textContent=Bl,se=x(),K=n("h3"),K.textContent=Ul,fe=x(),I=n("p"),I.textContent=Ql,de=x(),J=n("h4"),J.textContent=$l,Se=x(),F=n("p"),F.innerHTML=Kl,Te=x(),R=n("p"),R.textContent=Il,me=x(),V=n("ul"),V.innerHTML=Jl,be=x(),D=n("h4"),D.textContent=Fl,_e=x(),X=n("p"),X.innerHTML=Rl,Le=x(),G=n("p"),G.textContent=Vl,He=x(),N=n("ul"),N.innerHTML=Dl,Me=x(),W=n("h4"),W.textContent=Xl,ce=x(),Y=n("p"),Y.innerHTML=Gl,we=x(),Z=n("p"),Z.innerHTML=Nl,Pe=x(),r=n("h4"),r.textContent=Wl,qe=x(),g=n("p"),g.textContent=Yl,ye=x(),tt=n("p"),tt.innerHTML=Zl,ae=x(),et=n("p"),et.innerHTML=rl,ke=x(),lt=n("p"),lt.textContent=gl,Ae=x(),it=n("ol"),it.innerHTML=ti,Ee=x(),nt=n("p"),nt.innerHTML=ei,je=x(),Ct=n("ul"),Ct.innerHTML=li,ze=x(),d=n("ol"),d.innerHTML=ii,Oe=x(),xt=n("p"),xt.innerHTML=ni,he=x(),vt=n("h4"),vt.textContent=Ci,Be=x(),pt=n("p"),pt.textContent=xi,Ue=x(),ot=n("p"),ot.innerHTML=vi,Qe=x(),ut=n("p"),ut.textContent=pi,$e=x(),st=n("p"),st.innerHTML=oi,Ke=x(),ft=n("p"),ft.textContent=ui,Ie=x(),dt=n("p"),dt.innerHTML=si,Je=x(),St=n("p"),St.textContent=fi,Fe=x(),Tt=n("h3"),Tt.textContent=di,Re=x(),mt=n("p"),mt.textContent=Si,Ve=x(),bt=n("blockquote"),bt.innerHTML=Ti,De=x(),_t=n("p"),_t.textContent=mi,Xe=x(),Lt=n("blockquote"),Lt.innerHTML=bi,Ge=x(),Ht=n("p"),Ht.innerHTML=_i,Ne=x(),Mt=n("h3"),Mt.textContent=Li,We=x(),ct=n("p"),ct.innerHTML=Hi,Ye=x(),wt=n("p"),wt.innerHTML=Mi,Ze=x(),Pt=n("h3"),Pt.textContent=ci,re=x(),qt=n("p"),qt.textContent=wi,ge=x(),yt=n("p"),yt.textContent=Pi,tl=x(),at=n("blockquote"),at.innerHTML=qi,el=x(),kt=n("p"),kt.textContent=yi,ll=x(),At=n("blockquote"),At.innerHTML=ai,il=x(),Et=n("h3"),Et.textContent=ki,nl=x(),jt=n("p"),jt.textContent=Ai,Cl=x(),zt=n("p"),zt.textContent=Ei,xl=x(),Ot=n("p"),Ot.textContent=ji,vl=x(),ht=n("p"),ht.textContent=zi,pl=x(),Bt=n("p"),Bt.textContent=Oi,ol=x(),Ut=n("p"),Ut.textContent=hi,this.h()},l(t){o=C(t,"H1",{"data-svelte-h":!0}),p(o)!=="svelte-1nwzk6c"&&(o.textContent=s),f=v(t),u=C(t,"OL",{"data-svelte-h":!0}),p(u)!=="svelte-1ajfuow"&&(u.innerHTML=S),Qt=v(t),$t=C(t,"HR",{}),Kt=v(t),T=C(t,"H3",{"data-svelte-h":!0}),p(T)!=="svelte-13zma8o"&&(T.textContent=fl),It=v(t),m=C(t,"P",{"data-svelte-h":!0}),p(m)!=="svelte-6tsstj"&&(m.textContent=dl),Jt=v(t),b=C(t,"P",{"data-svelte-h":!0}),p(b)!=="svelte-1gdnggt"&&(b.innerHTML=Sl),Ft=v(t),_=C(t,"P",{"data-svelte-h":!0}),p(_)!=="svelte-1jwzbmm"&&(_.innerHTML=Tl),Rt=v(t),L=C(t,"P",{"data-svelte-h":!0}),p(L)!=="svelte-13x5qyl"&&(L.innerHTML=ml),Vt=v(t),H=C(t,"P",{"data-svelte-h":!0}),p(H)!=="svelte-scl2b7"&&(H.innerHTML=bl),Dt=v(t),M=C(t,"P",{"data-svelte-h":!0}),p(M)!=="svelte-1mhl7nr"&&(M.textContent=_l),Xt=v(t),c=C(t,"P",{"data-svelte-h":!0}),p(c)!=="svelte-1te6h0o"&&(c.textContent=Ll),Gt=v(t),w=C(t,"P",{"data-svelte-h":!0}),p(w)!=="svelte-im8is8"&&(w.innerHTML=Hl),Nt=v(t),P=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(P)!=="svelte-g7o4vy"&&(P.innerHTML=Ml),Wt=v(t),q=C(t,"P",{"data-svelte-h":!0}),p(q)!=="svelte-1lemn3y"&&(q.textContent=cl),Yt=v(t),y=C(t,"P",{"data-svelte-h":!0}),p(y)!=="svelte-h2yv0k"&&(y.innerHTML=wl),Zt=v(t),a=C(t,"P",{"data-svelte-h":!0}),p(a)!=="svelte-1jlvazz"&&(a.innerHTML=Pl),rt=v(t),k=C(t,"P",{"data-svelte-h":!0}),p(k)!=="svelte-b7tocc"&&(k.textContent=ql),gt=v(t),A=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(A)!=="svelte-128lkn3"&&(A.innerHTML=yl),te=v(t),ee=C(t,"HR",{}),le=v(t),E=C(t,"H2",{"data-svelte-h":!0}),p(E)!=="svelte-1qbwhza"&&(E.textContent=al),ie=v(t),j=C(t,"P",{"data-svelte-h":!0}),p(j)!=="svelte-1qur7q2"&&(j.textContent=kl),ne=v(t),z=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(z)!=="svelte-1ber9dl"&&(z.innerHTML=Al),Ce=v(t),O=C(t,"P",{"data-svelte-h":!0}),p(O)!=="svelte-73g5wd"&&(O.textContent=El),xe=v(t),h=C(t,"P",{"data-svelte-h":!0}),p(h)!=="svelte-1so859t"&&(h.innerHTML=jl),ve=v(t),B=C(t,"P",{"data-svelte-h":!0}),p(B)!=="svelte-v6sslj"&&(B.textContent=zl),pe=v(t),U=C(t,"H3",{"data-svelte-h":!0}),p(U)!=="svelte-hse4j3"&&(U.textContent=Ol),oe=v(t),Q=C(t,"UL",{"data-svelte-h":!0}),p(Q)!=="svelte-bsxv3f"&&(Q.innerHTML=hl),ue=v(t),$=C(t,"P",{"data-svelte-h":!0}),p($)!=="svelte-e0clqz"&&($.textContent=Bl),se=v(t),K=C(t,"H3",{"data-svelte-h":!0}),p(K)!=="svelte-1ryky70"&&(K.textContent=Ul),fe=v(t),I=C(t,"P",{"data-svelte-h":!0}),p(I)!=="svelte-1a6b650"&&(I.textContent=Ql),de=v(t),J=C(t,"H4",{"data-svelte-h":!0}),p(J)!=="svelte-bt39ub"&&(J.textContent=$l),Se=v(t),F=C(t,"P",{"data-svelte-h":!0}),p(F)!=="svelte-1cn4sh1"&&(F.innerHTML=Kl),Te=v(t),R=C(t,"P",{"data-svelte-h":!0}),p(R)!=="svelte-ng48si"&&(R.textContent=Il),me=v(t),V=C(t,"UL",{"data-svelte-h":!0}),p(V)!=="svelte-vhe8v9"&&(V.innerHTML=Jl),be=v(t),D=C(t,"H4",{"data-svelte-h":!0}),p(D)!=="svelte-bshyp0"&&(D.textContent=Fl),_e=v(t),X=C(t,"P",{"data-svelte-h":!0}),p(X)!=="svelte-bq951m"&&(X.innerHTML=Rl),Le=v(t),G=C(t,"P",{"data-svelte-h":!0}),p(G)!=="svelte-x0qm9x"&&(G.textContent=Vl),He=v(t),N=C(t,"UL",{"data-svelte-h":!0}),p(N)!=="svelte-ybg1vx"&&(N.innerHTML=Dl),Me=v(t),W=C(t,"H4",{"data-svelte-h":!0}),p(W)!=="svelte-bu9bwx"&&(W.textContent=Xl),ce=v(t),Y=C(t,"P",{"data-svelte-h":!0}),p(Y)!=="svelte-16q834u"&&(Y.innerHTML=Gl),we=v(t),Z=C(t,"P",{"data-svelte-h":!0}),p(Z)!=="svelte-1x7uim7"&&(Z.innerHTML=Nl),Pe=v(t),r=C(t,"H4",{"data-svelte-h":!0}),p(r)!=="svelte-boznoa"&&(r.textContent=Wl),qe=v(t),g=C(t,"P",{"data-svelte-h":!0}),p(g)!=="svelte-1aujv3c"&&(g.textContent=Yl),ye=v(t),tt=C(t,"P",{"data-svelte-h":!0}),p(tt)!=="svelte-1lvz17w"&&(tt.innerHTML=Zl),ae=v(t),et=C(t,"P",{"data-svelte-h":!0}),p(et)!=="svelte-7dmkcc"&&(et.innerHTML=rl),ke=v(t),lt=C(t,"P",{"data-svelte-h":!0}),p(lt)!=="svelte-expmsk"&&(lt.textContent=gl),Ae=v(t),it=C(t,"OL",{"data-svelte-h":!0}),p(it)!=="svelte-1l42kj1"&&(it.innerHTML=ti),Ee=v(t),nt=C(t,"P",{"data-svelte-h":!0}),p(nt)!=="svelte-19s99qu"&&(nt.innerHTML=ei),je=v(t),Ct=C(t,"UL",{"data-svelte-h":!0}),p(Ct)!=="svelte-opa79o"&&(Ct.innerHTML=li),ze=v(t),d=C(t,"OL",{start:!0,"data-svelte-h":!0}),p(d)!=="svelte-ud5dlh"&&(d.innerHTML=ii),Oe=v(t),xt=C(t,"P",{"data-svelte-h":!0}),p(xt)!=="svelte-1s553pt"&&(xt.innerHTML=ni),he=v(t),vt=C(t,"H4",{"data-svelte-h":!0}),p(vt)!=="svelte-bqqtnb"&&(vt.textContent=Ci),Be=v(t),pt=C(t,"P",{"data-svelte-h":!0}),p(pt)!=="svelte-1svmi03"&&(pt.textContent=xi),Ue=v(t),ot=C(t,"P",{"data-svelte-h":!0}),p(ot)!=="svelte-9qayvb"&&(ot.innerHTML=vi),Qe=v(t),ut=C(t,"P",{"data-svelte-h":!0}),p(ut)!=="svelte-wc3jyh"&&(ut.textContent=pi),$e=v(t),st=C(t,"P",{"data-svelte-h":!0}),p(st)!=="svelte-1n4e8rx"&&(st.innerHTML=oi),Ke=v(t),ft=C(t,"P",{"data-svelte-h":!0}),p(ft)!=="svelte-emquxo"&&(ft.textContent=ui),Ie=v(t),dt=C(t,"P",{"data-svelte-h":!0}),p(dt)!=="svelte-zzc9oy"&&(dt.innerHTML=si),Je=v(t),St=C(t,"P",{"data-svelte-h":!0}),p(St)!=="svelte-swduud"&&(St.textContent=fi),Fe=v(t),Tt=C(t,"H3",{"data-svelte-h":!0}),p(Tt)!=="svelte-1jytkye"&&(Tt.textContent=di),Re=v(t),mt=C(t,"P",{"data-svelte-h":!0}),p(mt)!=="svelte-yfjvwf"&&(mt.textContent=Si),Ve=v(t),bt=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(bt)!=="svelte-1auknq5"&&(bt.innerHTML=Ti),De=v(t),_t=C(t,"P",{"data-svelte-h":!0}),p(_t)!=="svelte-8zxaq7"&&(_t.textContent=mi),Xe=v(t),Lt=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(Lt)!=="svelte-1vjckc2"&&(Lt.innerHTML=bi),Ge=v(t),Ht=C(t,"P",{"data-svelte-h":!0}),p(Ht)!=="svelte-3f3k67"&&(Ht.innerHTML=_i),Ne=v(t),Mt=C(t,"H3",{"data-svelte-h":!0}),p(Mt)!=="svelte-1t8rg7m"&&(Mt.textContent=Li),We=v(t),ct=C(t,"P",{"data-svelte-h":!0}),p(ct)!=="svelte-xwdcwi"&&(ct.innerHTML=Hi),Ye=v(t),wt=C(t,"P",{"data-svelte-h":!0}),p(wt)!=="svelte-1jdqj8j"&&(wt.innerHTML=Mi),Ze=v(t),Pt=C(t,"H3",{"data-svelte-h":!0}),p(Pt)!=="svelte-sf9clt"&&(Pt.textContent=ci),re=v(t),qt=C(t,"P",{"data-svelte-h":!0}),p(qt)!=="svelte-bio7be"&&(qt.textContent=wi),ge=v(t),yt=C(t,"P",{"data-svelte-h":!0}),p(yt)!=="svelte-19lckal"&&(yt.textContent=Pi),tl=v(t),at=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(at)!=="svelte-1h4yg6o"&&(at.innerHTML=qi),el=v(t),kt=C(t,"P",{"data-svelte-h":!0}),p(kt)!=="svelte-1xtdd84"&&(kt.textContent=yi),ll=v(t),At=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(At)!=="svelte-cgg6o3"&&(At.innerHTML=ai),il=v(t),Et=C(t,"H3",{"data-svelte-h":!0}),p(Et)!=="svelte-rik7f7"&&(Et.textContent=ki),nl=v(t),jt=C(t,"P",{"data-svelte-h":!0}),p(jt)!=="svelte-132yszi"&&(jt.textContent=Ai),Cl=v(t),zt=C(t,"P",{"data-svelte-h":!0}),p(zt)!=="svelte-tolwz3"&&(zt.textContent=Ei),xl=v(t),Ot=C(t,"P",{"data-svelte-h":!0}),p(Ot)!=="svelte-qywpjc"&&(Ot.textContent=ji),vl=v(t),ht=C(t,"P",{"data-svelte-h":!0}),p(ht)!=="svelte-ot7ajp"&&(ht.textContent=zi),pl=v(t),Bt=C(t,"P",{"data-svelte-h":!0}),p(Bt)!=="svelte-7qszjd"&&(Bt.textContent=Oi),ol=v(t),Ut=C(t,"P",{"data-svelte-h":!0}),p(Ut)!=="svelte-qia825"&&(Ut.textContent=hi),this.h()},h(){$i(d,"start","2")},m(t,i){l(t,o,i),l(t,f,i),l(t,u,i),l(t,Qt,i),l(t,$t,i),l(t,Kt,i),l(t,T,i),l(t,It,i),l(t,m,i),l(t,Jt,i),l(t,b,i),l(t,Ft,i),l(t,_,i),l(t,Rt,i),l(t,L,i),l(t,Vt,i),l(t,H,i),l(t,Dt,i),l(t,M,i),l(t,Xt,i),l(t,c,i),l(t,Gt,i),l(t,w,i),l(t,Nt,i),l(t,P,i),l(t,Wt,i),l(t,q,i),l(t,Yt,i),l(t,y,i),l(t,Zt,i),l(t,a,i),l(t,rt,i),l(t,k,i),l(t,gt,i),l(t,A,i),l(t,te,i),l(t,ee,i),l(t,le,i),l(t,E,i),l(t,ie,i),l(t,j,i),l(t,ne,i),l(t,z,i),l(t,Ce,i),l(t,O,i),l(t,xe,i),l(t,h,i),l(t,ve,i),l(t,B,i),l(t,pe,i),l(t,U,i),l(t,oe,i),l(t,Q,i),l(t,ue,i),l(t,$,i),l(t,se,i),l(t,K,i),l(t,fe,i),l(t,I,i),l(t,de,i),l(t,J,i),l(t,Se,i),l(t,F,i),l(t,Te,i),l(t,R,i),l(t,me,i),l(t,V,i),l(t,be,i),l(t,D,i),l(t,_e,i),l(t,X,i),l(t,Le,i),l(t,G,i),l(t,He,i),l(t,N,i),l(t,Me,i),l(t,W,i),l(t,ce,i),l(t,Y,i),l(t,we,i),l(t,Z,i),l(t,Pe,i),l(t,r,i),l(t,qe,i),l(t,g,i),l(t,ye,i),l(t,tt,i),l(t,ae,i),l(t,et,i),l(t,ke,i),l(t,lt,i),l(t,Ae,i),l(t,it,i),l(t,Ee,i),l(t,nt,i),l(t,je,i),l(t,Ct,i),l(t,ze,i),l(t,d,i),l(t,Oe,i),l(t,xt,i),l(t,he,i),l(t,vt,i),l(t,Be,i),l(t,pt,i),l(t,Ue,i),l(t,ot,i),l(t,Qe,i),l(t,ut,i),l(t,$e,i),l(t,st,i),l(t,Ke,i),l(t,ft,i),l(t,Ie,i),l(t,dt,i),l(t,Je,i),l(t,St,i),l(t,Fe,i),l(t,Tt,i),l(t,Re,i),l(t,mt,i),l(t,Ve,i),l(t,bt,i),l(t,De,i),l(t,_t,i),l(t,Xe,i),l(t,Lt,i),l(t,Ge,i),l(t,Ht,i),l(t,Ne,i),l(t,Mt,i),l(t,We,i),l(t,ct,i),l(t,Ye,i),l(t,wt,i),l(t,Ze,i),l(t,Pt,i),l(t,re,i),l(t,qt,i),l(t,ge,i),l(t,yt,i),l(t,tl,i),l(t,at,i),l(t,el,i),l(t,kt,i),l(t,ll,i),l(t,At,i),l(t,il,i),l(t,Et,i),l(t,nl,i),l(t,jt,i),l(t,Cl,i),l(t,zt,i),l(t,xl,i),l(t,Ot,i),l(t,vl,i),l(t,ht,i),l(t,pl,i),l(t,Bt,i),l(t,ol,i),l(t,Ut,i)},p:ul,i:ul,o:ul,d(t){t&&(e(o),e(f),e(u),e(Qt),e($t),e(Kt),e(T),e(It),e(m),e(Jt),e(b),e(Ft),e(_),e(Rt),e(L),e(Vt),e(H),e(Dt),e(M),e(Xt),e(c),e(Gt),e(w),e(Nt),e(P),e(Wt),e(q),e(Yt),e(y),e(Zt),e(a),e(rt),e(k),e(gt),e(A),e(te),e(ee),e(le),e(E),e(ie),e(j),e(ne),e(z),e(Ce),e(O),e(xe),e(h),e(ve),e(B),e(pe),e(U),e(oe),e(Q),e(ue),e($),e(se),e(K),e(fe),e(I),e(de),e(J),e(Se),e(F),e(Te),e(R),e(me),e(V),e(be),e(D),e(_e),e(X),e(Le),e(G),e(He),e(N),e(Me),e(W),e(ce),e(Y),e(we),e(Z),e(Pe),e(r),e(qe),e(g),e(ye),e(tt),e(ae),e(et),e(ke),e(lt),e(Ae),e(it),e(Ee),e(nt),e(je),e(Ct),e(ze),e(d),e(Oe),e(xt),e(he),e(vt),e(Be),e(pt),e(Ue),e(ot),e(Qe),e(ut),e($e),e(st),e(Ke),e(ft),e(Ie),e(dt),e(Je),e(St),e(Fe),e(Tt),e(Re),e(mt),e(Ve),e(bt),e(De),e(_t),e(Xe),e(Lt),e(Ge),e(Ht),e(Ne),e(Mt),e(We),e(ct),e(Ye),e(wt),e(Ze),e(Pt),e(re),e(qt),e(ge),e(yt),e(tl),e(at),e(el),e(kt),e(ll),e(At),e(il),e(Et),e(nl),e(jt),e(Cl),e(zt),e(xl),e(Ot),e(vl),e(ht),e(pl),e(Bt),e(ol),e(Ut))}}}class Gi extends Bi{constructor(o){super(),Ui(this,o,null,Xi,Qi,{})}}function Ni(sl){let o,s,f;return s=new Gi({}),{c(){o=n("div"),Ki(s.$$.fragment),this.h()},l(u){o=C(u,"DIV",{class:!0});var S=Ii(o);Ji(s.$$.fragment,S),S.forEach(e),this.h()},h(){$i(o,"class","markdown p(20)")},m(u,S){l(u,o,S),Fi(s,o,null),f=!0},p:ul,i(u){f||(Ri(s.$$.fragment,u),f=!0)},o(u){Vi(s.$$.fragment,u),f=!1},d(u){u&&e(o),Di(s)}}}class Yi extends Bi{constructor(o){super(),Ui(this,o,null,Ni,Qi,{})}}export{Yi as default};
+<img src="https://velog.velcdn.com/images%2Fteo%2Fpost%2F167167a9-da4b-4063-a6dc-e34a69c59f10%2F%E1%84%92%E1%85%AA%E1%84%86%E1%85%A7%E1%86%AB%20%E1%84%80%E1%85%B5%E1%84%85%E1%85%A9%E1%86%A8%202021-12-05%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%201.48.44.mov.gif"/></li></ol>`,Ge,Ht,_i='<img src="https://velog.velcdn.com/images/teo/post/8a00bb36-16d7-4d23-bd03-ae26f70838c4/image.png"/>',Ne,Mt,Li="편리한 Positioning Layer",We,ct,Hi="뿐만 아니라 absolute나 fixed를 이용한 배치의 경우도 빈번이 일어나는데 <code>top:0; left:0; right:0; bottom:0; width:100%; height:100%</code> 와 같은 배치구문들도 보다 직관적인 방식을 제공하여 훨씬 던 간결하면서도 생산성 있는 문법을 제공하였습니다.",Ye,wt,Mi='<img src="https://velog.velcdn.com/images/teo/post/f1066bd9-00da-4c2f-b12f-924bafae69a8/image.png"/>',Ze,Pt,ci="그밖에 더 많은 기능들",re,qt,wi="그밖에도 여러가지 진보된 AtomicCSS의 기조를 따르면서도 불편했었던 많은 부분들을 수정, 보완하는 방법들을 추가하였습니다.",ge,yt,Pi="TailwindCSS를 하다보면 TailwindCSS로 할 수 없는 상황이 나오곤 했습니다. class선택자나 자식 선택자나 복잡한 셀렉터를 써야 하는 경우도 마찬가지였습니다. 기본적으로 CSS에서 제공하는 모든 기능들을 제공하려고 하였습니다.",tl,kt,qi="<h4>All-in-one package!</h4> <ol><li>모든 CSS Property 사용 가능</li> <li>:nth-child, ::after등 모든 pseudo 사용 가능</li> <li>모든 Selector 사용 가능</li> <li>모든 Media Query 사용 가능 (예정, 현재는 width만 제공하고 있습니다.)</li></ol>",el,at,yi="뿐만 아니라 적게쓰고 짧게 축약하면서도 직관적으로 다 담을 수 있도록 만들어 보았습니다.",ll,At,ki="<h4>기타 센스 있는 문법들</h4> <ul><li><code>w(32~100%)</code> = min-width: 32px; max-width: 100%;</li> <li><code>font(16/1.5/-1%)</code> = font-size, line-height, letter-spacing</li> <li><code>c(--primary)</code> = color: var(—primary)</li> <li><code>@w(~768)</code>: <code>@media max-width(768) { ... }</code></li> <li><code>nowarp...</code> = 말줄임…</li></ul>",il,Et,ai="내가 편하면 남들도 편하다!",nl,jt,Ai="라는 생각으로 만들어진 AdorableCSS는 누구나 쉽게 쓸 수 있도록 만들어졌습니다.",Cl,zt,Ei="사용해 본 사람은 알겠지만 tailwindCSS는 사용하기 쉽지만 익숙해지기까지는 시간이 필요합니다.",xl,Ot,ji="그러나 AdorableCSS는 tailwindCSS와 비슷한 문법을 제공하면서도 더 직관적이고 익숙한 문법을 제공하고 있습니다.",vl,ht,zi="tailwindCSS보다 할 수 있는 것이 더 많으면서도 훨씬 더 직관적이며 손이 덜 가는 문법을 제공하고 있습니다.",pl,Bt,Oi="AdorableCSS와 함께 ‘이렇게도 CSS를 편하게 사용할 수 있구나!’ 하는 멋진 경험을 한번 해보시기 바랍니다.",ol,Ut,hi="감사합니다.";return{c(){o=n("h1"),o.textContent=u,f=x(),s=n("ol"),s.innerHTML=S,Qt=x(),$t=n("hr"),Kt=x(),T=n("h3"),T.textContent=fl,It=x(),m=n("p"),m.textContent=dl,Jt=x(),b=n("p"),b.innerHTML=Sl,Ft=x(),_=n("p"),_.innerHTML=Tl,Rt=x(),L=n("p"),L.innerHTML=ml,Vt=x(),H=n("p"),H.innerHTML=bl,Dt=x(),M=n("p"),M.textContent=_l,Xt=x(),c=n("p"),c.textContent=Ll,Gt=x(),w=n("p"),w.innerHTML=Hl,Nt=x(),P=n("blockquote"),P.innerHTML=Ml,Wt=x(),q=n("p"),q.textContent=cl,Yt=x(),y=n("p"),y.innerHTML=wl,Zt=x(),k=n("p"),k.innerHTML=Pl,rt=x(),a=n("p"),a.textContent=ql,gt=x(),A=n("blockquote"),A.innerHTML=yl,te=x(),ee=n("hr"),le=x(),E=n("h2"),E.textContent=kl,ie=x(),j=n("p"),j.textContent=al,ne=x(),z=n("blockquote"),z.innerHTML=Al,Ce=x(),O=n("p"),O.textContent=El,xe=x(),h=n("p"),h.innerHTML=jl,ve=x(),B=n("p"),B.textContent=zl,pe=x(),U=n("h3"),U.textContent=Ol,oe=x(),Q=n("ul"),Q.innerHTML=hl,se=x(),$=n("p"),$.textContent=Bl,ue=x(),K=n("h3"),K.textContent=Ul,fe=x(),I=n("p"),I.textContent=Ql,de=x(),J=n("h4"),J.textContent=$l,Se=x(),F=n("p"),F.innerHTML=Kl,Te=x(),R=n("p"),R.textContent=Il,me=x(),V=n("ul"),V.innerHTML=Jl,be=x(),D=n("h4"),D.textContent=Fl,_e=x(),X=n("p"),X.innerHTML=Rl,Le=x(),G=n("p"),G.textContent=Vl,He=x(),N=n("ul"),N.innerHTML=Dl,Me=x(),W=n("h4"),W.textContent=Xl,ce=x(),Y=n("p"),Y.innerHTML=Gl,we=x(),Z=n("p"),Z.innerHTML=Nl,Pe=x(),r=n("h4"),r.textContent=Wl,qe=x(),g=n("p"),g.textContent=Yl,ye=x(),tt=n("p"),tt.innerHTML=Zl,ke=x(),et=n("p"),et.innerHTML=rl,ae=x(),lt=n("p"),lt.textContent=gl,Ae=x(),it=n("ol"),it.innerHTML=ti,Ee=x(),nt=n("p"),nt.innerHTML=ei,je=x(),Ct=n("ul"),Ct.innerHTML=li,ze=x(),d=n("ol"),d.innerHTML=ii,Oe=x(),xt=n("p"),xt.innerHTML=ni,he=x(),vt=n("h4"),vt.textContent=Ci,Be=x(),pt=n("p"),pt.textContent=xi,Ue=x(),ot=n("p"),ot.innerHTML=vi,Qe=x(),st=n("p"),st.textContent=pi,$e=x(),ut=n("p"),ut.innerHTML=oi,Ke=x(),ft=n("p"),ft.textContent=si,Ie=x(),dt=n("p"),dt.innerHTML=ui,Je=x(),St=n("p"),St.textContent=fi,Fe=x(),Tt=n("h3"),Tt.textContent=di,Re=x(),mt=n("p"),mt.textContent=Si,Ve=x(),bt=n("blockquote"),bt.innerHTML=Ti,De=x(),_t=n("p"),_t.textContent=mi,Xe=x(),Lt=n("blockquote"),Lt.innerHTML=bi,Ge=x(),Ht=n("p"),Ht.innerHTML=_i,Ne=x(),Mt=n("h3"),Mt.textContent=Li,We=x(),ct=n("p"),ct.innerHTML=Hi,Ye=x(),wt=n("p"),wt.innerHTML=Mi,Ze=x(),Pt=n("h3"),Pt.textContent=ci,re=x(),qt=n("p"),qt.textContent=wi,ge=x(),yt=n("p"),yt.textContent=Pi,tl=x(),kt=n("blockquote"),kt.innerHTML=qi,el=x(),at=n("p"),at.textContent=yi,ll=x(),At=n("blockquote"),At.innerHTML=ki,il=x(),Et=n("h3"),Et.textContent=ai,nl=x(),jt=n("p"),jt.textContent=Ai,Cl=x(),zt=n("p"),zt.textContent=Ei,xl=x(),Ot=n("p"),Ot.textContent=ji,vl=x(),ht=n("p"),ht.textContent=zi,pl=x(),Bt=n("p"),Bt.textContent=Oi,ol=x(),Ut=n("p"),Ut.textContent=hi,this.h()},l(t){o=C(t,"H1",{"data-svelte-h":!0}),p(o)!=="svelte-1nwzk6c"&&(o.textContent=u),f=v(t),s=C(t,"OL",{"data-svelte-h":!0}),p(s)!=="svelte-1ajfuow"&&(s.innerHTML=S),Qt=v(t),$t=C(t,"HR",{}),Kt=v(t),T=C(t,"H3",{"data-svelte-h":!0}),p(T)!=="svelte-13zma8o"&&(T.textContent=fl),It=v(t),m=C(t,"P",{"data-svelte-h":!0}),p(m)!=="svelte-6tsstj"&&(m.textContent=dl),Jt=v(t),b=C(t,"P",{"data-svelte-h":!0}),p(b)!=="svelte-1gdnggt"&&(b.innerHTML=Sl),Ft=v(t),_=C(t,"P",{"data-svelte-h":!0}),p(_)!=="svelte-1jwzbmm"&&(_.innerHTML=Tl),Rt=v(t),L=C(t,"P",{"data-svelte-h":!0}),p(L)!=="svelte-13x5qyl"&&(L.innerHTML=ml),Vt=v(t),H=C(t,"P",{"data-svelte-h":!0}),p(H)!=="svelte-scl2b7"&&(H.innerHTML=bl),Dt=v(t),M=C(t,"P",{"data-svelte-h":!0}),p(M)!=="svelte-1mhl7nr"&&(M.textContent=_l),Xt=v(t),c=C(t,"P",{"data-svelte-h":!0}),p(c)!=="svelte-1te6h0o"&&(c.textContent=Ll),Gt=v(t),w=C(t,"P",{"data-svelte-h":!0}),p(w)!=="svelte-im8is8"&&(w.innerHTML=Hl),Nt=v(t),P=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(P)!=="svelte-g7o4vy"&&(P.innerHTML=Ml),Wt=v(t),q=C(t,"P",{"data-svelte-h":!0}),p(q)!=="svelte-1lemn3y"&&(q.textContent=cl),Yt=v(t),y=C(t,"P",{"data-svelte-h":!0}),p(y)!=="svelte-h2yv0k"&&(y.innerHTML=wl),Zt=v(t),k=C(t,"P",{"data-svelte-h":!0}),p(k)!=="svelte-1jlvazz"&&(k.innerHTML=Pl),rt=v(t),a=C(t,"P",{"data-svelte-h":!0}),p(a)!=="svelte-b7tocc"&&(a.textContent=ql),gt=v(t),A=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(A)!=="svelte-128lkn3"&&(A.innerHTML=yl),te=v(t),ee=C(t,"HR",{}),le=v(t),E=C(t,"H2",{"data-svelte-h":!0}),p(E)!=="svelte-1qbwhza"&&(E.textContent=kl),ie=v(t),j=C(t,"P",{"data-svelte-h":!0}),p(j)!=="svelte-1qur7q2"&&(j.textContent=al),ne=v(t),z=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(z)!=="svelte-1ber9dl"&&(z.innerHTML=Al),Ce=v(t),O=C(t,"P",{"data-svelte-h":!0}),p(O)!=="svelte-73g5wd"&&(O.textContent=El),xe=v(t),h=C(t,"P",{"data-svelte-h":!0}),p(h)!=="svelte-1so859t"&&(h.innerHTML=jl),ve=v(t),B=C(t,"P",{"data-svelte-h":!0}),p(B)!=="svelte-v6sslj"&&(B.textContent=zl),pe=v(t),U=C(t,"H3",{"data-svelte-h":!0}),p(U)!=="svelte-hse4j3"&&(U.textContent=Ol),oe=v(t),Q=C(t,"UL",{"data-svelte-h":!0}),p(Q)!=="svelte-bsxv3f"&&(Q.innerHTML=hl),se=v(t),$=C(t,"P",{"data-svelte-h":!0}),p($)!=="svelte-e0clqz"&&($.textContent=Bl),ue=v(t),K=C(t,"H3",{"data-svelte-h":!0}),p(K)!=="svelte-1ryky70"&&(K.textContent=Ul),fe=v(t),I=C(t,"P",{"data-svelte-h":!0}),p(I)!=="svelte-1a6b650"&&(I.textContent=Ql),de=v(t),J=C(t,"H4",{"data-svelte-h":!0}),p(J)!=="svelte-bt39ub"&&(J.textContent=$l),Se=v(t),F=C(t,"P",{"data-svelte-h":!0}),p(F)!=="svelte-1cn4sh1"&&(F.innerHTML=Kl),Te=v(t),R=C(t,"P",{"data-svelte-h":!0}),p(R)!=="svelte-ng48si"&&(R.textContent=Il),me=v(t),V=C(t,"UL",{"data-svelte-h":!0}),p(V)!=="svelte-vhe8v9"&&(V.innerHTML=Jl),be=v(t),D=C(t,"H4",{"data-svelte-h":!0}),p(D)!=="svelte-bshyp0"&&(D.textContent=Fl),_e=v(t),X=C(t,"P",{"data-svelte-h":!0}),p(X)!=="svelte-bq951m"&&(X.innerHTML=Rl),Le=v(t),G=C(t,"P",{"data-svelte-h":!0}),p(G)!=="svelte-x0qm9x"&&(G.textContent=Vl),He=v(t),N=C(t,"UL",{"data-svelte-h":!0}),p(N)!=="svelte-ybg1vx"&&(N.innerHTML=Dl),Me=v(t),W=C(t,"H4",{"data-svelte-h":!0}),p(W)!=="svelte-bu9bwx"&&(W.textContent=Xl),ce=v(t),Y=C(t,"P",{"data-svelte-h":!0}),p(Y)!=="svelte-16q834u"&&(Y.innerHTML=Gl),we=v(t),Z=C(t,"P",{"data-svelte-h":!0}),p(Z)!=="svelte-1x7uim7"&&(Z.innerHTML=Nl),Pe=v(t),r=C(t,"H4",{"data-svelte-h":!0}),p(r)!=="svelte-boznoa"&&(r.textContent=Wl),qe=v(t),g=C(t,"P",{"data-svelte-h":!0}),p(g)!=="svelte-1aujv3c"&&(g.textContent=Yl),ye=v(t),tt=C(t,"P",{"data-svelte-h":!0}),p(tt)!=="svelte-1lvz17w"&&(tt.innerHTML=Zl),ke=v(t),et=C(t,"P",{"data-svelte-h":!0}),p(et)!=="svelte-7dmkcc"&&(et.innerHTML=rl),ae=v(t),lt=C(t,"P",{"data-svelte-h":!0}),p(lt)!=="svelte-expmsk"&&(lt.textContent=gl),Ae=v(t),it=C(t,"OL",{"data-svelte-h":!0}),p(it)!=="svelte-1l42kj1"&&(it.innerHTML=ti),Ee=v(t),nt=C(t,"P",{"data-svelte-h":!0}),p(nt)!=="svelte-19s99qu"&&(nt.innerHTML=ei),je=v(t),Ct=C(t,"UL",{"data-svelte-h":!0}),p(Ct)!=="svelte-opa79o"&&(Ct.innerHTML=li),ze=v(t),d=C(t,"OL",{start:!0,"data-svelte-h":!0}),p(d)!=="svelte-ud5dlh"&&(d.innerHTML=ii),Oe=v(t),xt=C(t,"P",{"data-svelte-h":!0}),p(xt)!=="svelte-1s553pt"&&(xt.innerHTML=ni),he=v(t),vt=C(t,"H4",{"data-svelte-h":!0}),p(vt)!=="svelte-bqqtnb"&&(vt.textContent=Ci),Be=v(t),pt=C(t,"P",{"data-svelte-h":!0}),p(pt)!=="svelte-1svmi03"&&(pt.textContent=xi),Ue=v(t),ot=C(t,"P",{"data-svelte-h":!0}),p(ot)!=="svelte-9qayvb"&&(ot.innerHTML=vi),Qe=v(t),st=C(t,"P",{"data-svelte-h":!0}),p(st)!=="svelte-wc3jyh"&&(st.textContent=pi),$e=v(t),ut=C(t,"P",{"data-svelte-h":!0}),p(ut)!=="svelte-1n4e8rx"&&(ut.innerHTML=oi),Ke=v(t),ft=C(t,"P",{"data-svelte-h":!0}),p(ft)!=="svelte-emquxo"&&(ft.textContent=si),Ie=v(t),dt=C(t,"P",{"data-svelte-h":!0}),p(dt)!=="svelte-zzc9oy"&&(dt.innerHTML=ui),Je=v(t),St=C(t,"P",{"data-svelte-h":!0}),p(St)!=="svelte-swduud"&&(St.textContent=fi),Fe=v(t),Tt=C(t,"H3",{"data-svelte-h":!0}),p(Tt)!=="svelte-1jytkye"&&(Tt.textContent=di),Re=v(t),mt=C(t,"P",{"data-svelte-h":!0}),p(mt)!=="svelte-yfjvwf"&&(mt.textContent=Si),Ve=v(t),bt=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(bt)!=="svelte-1auknq5"&&(bt.innerHTML=Ti),De=v(t),_t=C(t,"P",{"data-svelte-h":!0}),p(_t)!=="svelte-8zxaq7"&&(_t.textContent=mi),Xe=v(t),Lt=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(Lt)!=="svelte-1vjckc2"&&(Lt.innerHTML=bi),Ge=v(t),Ht=C(t,"P",{"data-svelte-h":!0}),p(Ht)!=="svelte-3f3k67"&&(Ht.innerHTML=_i),Ne=v(t),Mt=C(t,"H3",{"data-svelte-h":!0}),p(Mt)!=="svelte-1t8rg7m"&&(Mt.textContent=Li),We=v(t),ct=C(t,"P",{"data-svelte-h":!0}),p(ct)!=="svelte-xwdcwi"&&(ct.innerHTML=Hi),Ye=v(t),wt=C(t,"P",{"data-svelte-h":!0}),p(wt)!=="svelte-1jdqj8j"&&(wt.innerHTML=Mi),Ze=v(t),Pt=C(t,"H3",{"data-svelte-h":!0}),p(Pt)!=="svelte-sf9clt"&&(Pt.textContent=ci),re=v(t),qt=C(t,"P",{"data-svelte-h":!0}),p(qt)!=="svelte-bio7be"&&(qt.textContent=wi),ge=v(t),yt=C(t,"P",{"data-svelte-h":!0}),p(yt)!=="svelte-19lckal"&&(yt.textContent=Pi),tl=v(t),kt=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(kt)!=="svelte-1h4yg6o"&&(kt.innerHTML=qi),el=v(t),at=C(t,"P",{"data-svelte-h":!0}),p(at)!=="svelte-1xtdd84"&&(at.textContent=yi),ll=v(t),At=C(t,"BLOCKQUOTE",{"data-svelte-h":!0}),p(At)!=="svelte-cgg6o3"&&(At.innerHTML=ki),il=v(t),Et=C(t,"H3",{"data-svelte-h":!0}),p(Et)!=="svelte-rik7f7"&&(Et.textContent=ai),nl=v(t),jt=C(t,"P",{"data-svelte-h":!0}),p(jt)!=="svelte-132yszi"&&(jt.textContent=Ai),Cl=v(t),zt=C(t,"P",{"data-svelte-h":!0}),p(zt)!=="svelte-tolwz3"&&(zt.textContent=Ei),xl=v(t),Ot=C(t,"P",{"data-svelte-h":!0}),p(Ot)!=="svelte-qywpjc"&&(Ot.textContent=ji),vl=v(t),ht=C(t,"P",{"data-svelte-h":!0}),p(ht)!=="svelte-ot7ajp"&&(ht.textContent=zi),pl=v(t),Bt=C(t,"P",{"data-svelte-h":!0}),p(Bt)!=="svelte-7qszjd"&&(Bt.textContent=Oi),ol=v(t),Ut=C(t,"P",{"data-svelte-h":!0}),p(Ut)!=="svelte-qia825"&&(Ut.textContent=hi),this.h()},h(){$i(d,"start","2")},m(t,i){l(t,o,i),l(t,f,i),l(t,s,i),l(t,Qt,i),l(t,$t,i),l(t,Kt,i),l(t,T,i),l(t,It,i),l(t,m,i),l(t,Jt,i),l(t,b,i),l(t,Ft,i),l(t,_,i),l(t,Rt,i),l(t,L,i),l(t,Vt,i),l(t,H,i),l(t,Dt,i),l(t,M,i),l(t,Xt,i),l(t,c,i),l(t,Gt,i),l(t,w,i),l(t,Nt,i),l(t,P,i),l(t,Wt,i),l(t,q,i),l(t,Yt,i),l(t,y,i),l(t,Zt,i),l(t,k,i),l(t,rt,i),l(t,a,i),l(t,gt,i),l(t,A,i),l(t,te,i),l(t,ee,i),l(t,le,i),l(t,E,i),l(t,ie,i),l(t,j,i),l(t,ne,i),l(t,z,i),l(t,Ce,i),l(t,O,i),l(t,xe,i),l(t,h,i),l(t,ve,i),l(t,B,i),l(t,pe,i),l(t,U,i),l(t,oe,i),l(t,Q,i),l(t,se,i),l(t,$,i),l(t,ue,i),l(t,K,i),l(t,fe,i),l(t,I,i),l(t,de,i),l(t,J,i),l(t,Se,i),l(t,F,i),l(t,Te,i),l(t,R,i),l(t,me,i),l(t,V,i),l(t,be,i),l(t,D,i),l(t,_e,i),l(t,X,i),l(t,Le,i),l(t,G,i),l(t,He,i),l(t,N,i),l(t,Me,i),l(t,W,i),l(t,ce,i),l(t,Y,i),l(t,we,i),l(t,Z,i),l(t,Pe,i),l(t,r,i),l(t,qe,i),l(t,g,i),l(t,ye,i),l(t,tt,i),l(t,ke,i),l(t,et,i),l(t,ae,i),l(t,lt,i),l(t,Ae,i),l(t,it,i),l(t,Ee,i),l(t,nt,i),l(t,je,i),l(t,Ct,i),l(t,ze,i),l(t,d,i),l(t,Oe,i),l(t,xt,i),l(t,he,i),l(t,vt,i),l(t,Be,i),l(t,pt,i),l(t,Ue,i),l(t,ot,i),l(t,Qe,i),l(t,st,i),l(t,$e,i),l(t,ut,i),l(t,Ke,i),l(t,ft,i),l(t,Ie,i),l(t,dt,i),l(t,Je,i),l(t,St,i),l(t,Fe,i),l(t,Tt,i),l(t,Re,i),l(t,mt,i),l(t,Ve,i),l(t,bt,i),l(t,De,i),l(t,_t,i),l(t,Xe,i),l(t,Lt,i),l(t,Ge,i),l(t,Ht,i),l(t,Ne,i),l(t,Mt,i),l(t,We,i),l(t,ct,i),l(t,Ye,i),l(t,wt,i),l(t,Ze,i),l(t,Pt,i),l(t,re,i),l(t,qt,i),l(t,ge,i),l(t,yt,i),l(t,tl,i),l(t,kt,i),l(t,el,i),l(t,at,i),l(t,ll,i),l(t,At,i),l(t,il,i),l(t,Et,i),l(t,nl,i),l(t,jt,i),l(t,Cl,i),l(t,zt,i),l(t,xl,i),l(t,Ot,i),l(t,vl,i),l(t,ht,i),l(t,pl,i),l(t,Bt,i),l(t,ol,i),l(t,Ut,i)},p:sl,i:sl,o:sl,d(t){t&&(e(o),e(f),e(s),e(Qt),e($t),e(Kt),e(T),e(It),e(m),e(Jt),e(b),e(Ft),e(_),e(Rt),e(L),e(Vt),e(H),e(Dt),e(M),e(Xt),e(c),e(Gt),e(w),e(Nt),e(P),e(Wt),e(q),e(Yt),e(y),e(Zt),e(k),e(rt),e(a),e(gt),e(A),e(te),e(ee),e(le),e(E),e(ie),e(j),e(ne),e(z),e(Ce),e(O),e(xe),e(h),e(ve),e(B),e(pe),e(U),e(oe),e(Q),e(se),e($),e(ue),e(K),e(fe),e(I),e(de),e(J),e(Se),e(F),e(Te),e(R),e(me),e(V),e(be),e(D),e(_e),e(X),e(Le),e(G),e(He),e(N),e(Me),e(W),e(ce),e(Y),e(we),e(Z),e(Pe),e(r),e(qe),e(g),e(ye),e(tt),e(ke),e(et),e(ae),e(lt),e(Ae),e(it),e(Ee),e(nt),e(je),e(Ct),e(ze),e(d),e(Oe),e(xt),e(he),e(vt),e(Be),e(pt),e(Ue),e(ot),e(Qe),e(st),e($e),e(ut),e(Ke),e(ft),e(Ie),e(dt),e(Je),e(St),e(Fe),e(Tt),e(Re),e(mt),e(Ve),e(bt),e(De),e(_t),e(Xe),e(Lt),e(Ge),e(Ht),e(Ne),e(Mt),e(We),e(ct),e(Ye),e(wt),e(Ze),e(Pt),e(re),e(qt),e(ge),e(yt),e(tl),e(kt),e(el),e(at),e(ll),e(At),e(il),e(Et),e(nl),e(jt),e(Cl),e(zt),e(xl),e(Ot),e(vl),e(ht),e(pl),e(Bt),e(ol),e(Ut))}}}class Gi extends Ui{constructor(o){super(),Qi(this,o,null,Xi,Bi,{})}}function Ni(ul){let o,u,f;return u=new Gi({}),{c(){o=n("div"),Ki(u.$$.fragment),this.h()},l(s){o=C(s,"DIV",{class:!0});var S=Ii(o);Ji(u.$$.fragment,S),S.forEach(e),this.h()},h(){$i(o,"class","markdown p(20)")},m(s,S){l(s,o,S),Fi(u,o,null),f=!0},p:sl,i(s){f||(Ri(u.$$.fragment,s),f=!0)},o(s){Vi(u.$$.fragment,s),f=!1},d(s){s&&e(o),Di(u)}}}class Zi extends Ui{constructor(o){super(),Qi(this,o,null,Ni,Bi,{})}}export{Zi as component};
diff --git a/_app/immutable/nodes/4.C_AbAqvr.js b/_app/immutable/nodes/4.C_AbAqvr.js
new file mode 100644
index 0000000..53dcd27
--- /dev/null
+++ b/_app/immutable/nodes/4.C_AbAqvr.js
@@ -0,0 +1,2 @@
+import{s as m,n as i}from"../chunks/scheduler.CH-LaNC3.js";import{S as h,i as f,e as p,c as v,k as y,l as g,g as E,d as S}from"../chunks/index.Wx35Jw4s.js";import{r as b,g as L}from"../chunks/atomizer.BAxtnY4Y.js";function _(s){let e,r="cdn no vite!";return{c(){e=p("div"),e.textContent=r,this.h()},l(t){e=v(t,"DIV",{id:!0,"data-svelte-h":!0}),y(e)!=="svelte-h83w1p"&&(e.textContent=r),this.h()},h(){g(e,"id","test c(red) font(100) p(10)")},m(t,d){E(t,e,d)},p:i,i,o:i,d(t){t&&S(e)}}}if(typeof document<"u"){const s=document.documentElement,e=document.createElement("style");s.querySelector("head").appendChild(e);const r=new Set,t=()=>e.innerHTML=b+L([...r]).join(`
+`);new MutationObserver(o=>{o.forEach(a=>{var l,u;(l=a.oldValue)==null||l.split(/\s+/).forEach(c=>r.delete(c)),Array.from((u=a.target)==null?void 0:u.classList).forEach(c=>r.add(c)),t()})}).observe(s,{attributes:!0,subtree:!0,childList:!0,attributeOldValue:!0,attributeFilter:["class"]});const n=()=>{Array.from(document.querySelectorAll("*[class]")).forEach(o=>Array.from(o.classList).forEach(a=>r.add(a))),t()};document.readyState==="loading"?document.addEventListener("readystatechange",()=>{n(),document.removeEventListener("readystatechange",n)}):n()}class q extends h{constructor(e){super(),f(this,e,null,_,m,{})}}export{q as component};
diff --git a/_app/immutable/components/pages/changelogs/_page.svelte-3cef522e.js b/_app/immutable/nodes/5.CXeimHnj.js
similarity index 90%
rename from _app/immutable/components/pages/changelogs/_page.svelte-3cef522e.js
rename to _app/immutable/nodes/5.CXeimHnj.js
index 003f2a9..a788e24 100644
--- a/_app/immutable/components/pages/changelogs/_page.svelte-3cef522e.js
+++ b/_app/immutable/nodes/5.CXeimHnj.js
@@ -1,15 +1,15 @@
-import{S as Uo,i as zo,s as So,e as a,a as p,H as x,c as l,m as i,g as o,b as r,A as m,f as n,o as k,h as e,n as Fa,u as No,v as Oo,w as Io,x as Wo,y as Go,z as Fo}from"../../../chunks/index-bc0b20f1.js";function Vo(Va){let c,v="1.5.8",f,u,C="<li>✨ <code>c(linear-gradient(90deg,#f00,#00f))</code> 와 같이 text-color에 그라데이션을 넣을 경우 적용이 되도록 기능을 추가하였습니다.</li>",Zn,d,Ya="1.5.6",ts,g,Ja="<li>🐛 .vbox 자식 엘리먼트 에서 <code>w(fill)</code>을 사용할 경우 의도치 않은 <code>flex-shrink:1</code>가 적용이 되어 문제가 발생하던 부분을 수정하였습니다.</li> <li>🐛 .hbox 자식 엘리먼트 에서 <code>h(fill)</code>을 사용할 경우 의도치 않은 <code>flex-shrink:1</code>가 적용이 되어 문제가 발생하던 부분을 수정하였습니다.</li>",ns,H,Ka="1.5.5",ss,L,Qa="1.5.4",es,_,Za="<li>사용하지 마세요!</li>",as,y,tl="1.5.3",ls,b,nl=`<li>🐛 .vbox 내부의 .h(fill).scroll 이 예상대로 동작하지 않습니다
-#77</li> <li>새롭게 추가된 <code>h(fill)</code>에 <code>flex-shrink:1;max-height:100%;</code> 이 누락되어 있어 추가하였습니다.</li> <li>dolsup님의 제보 감사드립니다.</li>`,ps,h,sl="1.5.2",os,T,el="<li>🐛 1.5.1에서 clip, hbox 등 일부 기능이 동작하지 않던 버그를 수정하였습니다.</li>",is,M,al="1.5.1",cs,w,ll="<li>사용하지 마세요! BUG FIX</li>",us,U,pl="1.5.0",rs,z,ol="<li><code>dark:</code> dark mode 기능이 정식으로 추가되었습니다.</li> <li><code>&lt;div class=&quot;c(#000) dark:c(#fff)&gt;&quot;</code> 와 같이 사용할 수 있습니다.</li>",ks,S,il="1.4.9",vs,q,cl="<li><code>min-w</code>, <code>min-h</code>, <code>max-w</code>, <code>max-h</code> 기능이 추가되었습니다.</li>",xs,j,ul="1.4.8",ms,E,rl="<li><code>wrap</code>: <code>display:flex;flex-flow:wrap;</code> 기능이 추가되었습니다.</li>",fs,P,kl="1.4.7",Cs,$,vl="<li><code>gap(auto)!</code>시 <code>important!</code>가 적용되지 않던 버그를 수정하였습니다.</li>",ds,R,xl="1.4.6",gs,A,ml="<li><code>gap(auto)</code>시 엘리먼트가 하나라면 figma에서처럼 가운데 정렬하도록 개선하였습니다.</li>",Hs,D,fl="1.4.5",Ls,X,Cl="<li>✨ <code>gap(auto)</code>가 추가되었습니다.</li> <li><code>gap(auto) = space-between</code> 으로 조금 더 직관적이고 단순한 기입이 가능하도록 수정하였습니다.</li>",_s,B,dl="1.4.4",ys,N,gl="<li>🐛 <code>rotate()</code>가 정상동작하지 않던 현상을 수정하였습니다.</li> <li>✨ <code>rotate(90)</code> 처럼 숫자만 적어도 자동으로 <code>90deg</code> unit이 붙도록 개선하였습니다.</li>",bs,O,Hl="1.4.3",hs,I,Ll="<li>⚡️타 CSS와 호환시(ex mui) 디자인이 틀어지게 되는 <code>*{flex-shrink:0}</code> 속성을 기본 Reset에서 제거하였습니다.</li> <li>⚡️그러면서도 hbox, vbox 등은 여전히 figma의 AutoLayout과 동일하도록 <code>where:(.hbox&gt;*){flex-shrink:0}</code>의 속성이 적용될 수 있도록 하였습니다.</li> <li>🐛 <code>bc(border-color)</code>, <code>bw(border-width)</code>가 4방향을 다르게 각각 적용이 되지 않던 버그를 수정하였습니다.</li>",Ts,W,_l="1.4.0",Ms,G,yl="<li><p>✨ top/bottom 과 left/right를 이제 x(), y()로 더 간단하고 멋지게 표현할 수 있습니다.</p> <ul><li><code>x(10) = left(10)</code></li> <li><code>x(~10) = right(10)</code></li> <li><code>x(10~20) = left(10)+right(20)</code></li></ul></li> <li><p>✨ x(center) 기능이 추가 되었습니다.</p> <ul><li><code>x(center) = left(50%)+translateX(-50%)</code></li> <li><code>x(center+50px) = left(50%+50px)+translateX(-50%)</code></li></ul></li> <li><p>✨<code>r(fill)</code>이 추가되어 양 옆이 둥근 사각형을 더 직관적으로 만들 수 있게 되었습니다.</p> <ul><li><code>r(fill) = border-radius:9999px;</code></li></ul></li> <li><p>🐛 w(max-content) width:max-content;가 적용되지 않던 버그를 수정하였습니다.</p></li>",ws,F,bl="1.3.7",Us,V,hl="<li>✨ 이제 <code>w(fill)</code>, <code>h(fill)</code>이 Flexbox에서 제대로 동작하게 됩니다.</li> <li>🐛 invalidate한 CSS 결과물들을 필터링하는 기능이 추가되었습니다.</li>",zs,Y,Tl="1.3.6",Ss,J,Ml="<li>🐛<code>nowrap</code>, <code>nowrap...</code> 에 max-width:100%를 두어 특정 상황에서 글 내용이 넘치는 현상을 수정하였습니다.</li>",qs,K,wl="1.3.5",js,Q,Ul="<li>✨글자 배치를 가로+세로를 함께 할 수 있는 새로운 textAlign 스펙이 추가되었습니다.</li> <li>튜토리얼을 확인해주세요!</li> <li>ex) <code>text(left)</code> <code>text(middle+right)</code> <code>text(pack)</code></li>",Es,Z,zl="1.3.4",Ps,tt,Sl="<li>✨filter와 backdrop-filter에 -webkit- prefix를 추가하였습니다.</li> <li>🐛일부 ;이 누락되어 !important가 적용되지 않던 속성들을 수정하였습니다.</li>",$s,nt,ql="1.3.3",Rs,st,jl="<li>✨<code>mx(3)</code>, <code>px(10) py(20)</code> 과 같이 mx = margin-left+margin-right를 같이 적용하는 rule을 추가하였습니다.</li>",As,et,El="1.3.1",Ds,at,Pl="<li>✨<code>.blind</code>, <code>.sr-only</code> 스크린 리더용 클래스를 추가하였습니다. 해당 클래스를 사용하면 화면에는 보이지 않지만 스크린 리더에서는 읽어줍니다. 참고로 blind와 sr-only는 동일한 역할을 수행합니다.</li> <li>table-layout의 축약버전을 추가하였습니다.</li> <li>table-fixed <code>table-layout:fixed;</code>,</li> <li>table-auto <code>table-layout:auto;</code>,</li>",Xs,lt,$l="1.3.0",Bs,pt,Rl="<li><p>✨align-items, justify-content, align-content, justify-items의 축약버전을 추가하였습니다.</p></li> <li><p><code>ex) &lt;div class=&quot;ai(flex-start) jc(flex-end)&quot;&gt;</code></p></li> <li><p>✨flex-grow, flex-shrink의 축약버전을 추가하였습니다. grow, grow-0, no-grow, shrink, shrink-0, no-shrink</p></li> <li><p>no-grow와 grow-0는 같은 의미입니다.</p></li> <li><p>🐛CDN 방식에서 class가 하나도 없을 때 <code>body {display:none}</code>이 사라지지 않던 버그를 수정하였습니다.</p></li>",Ns,ot,Al="1.2.8",Os,it,Dl="<li><p>✨layer(top:10) 과 같이 layer에 offset을 지정할 수 있는 기능을 추가하였습니다.</p></li> <li><p>✨layer(top+outside) 와 같이 부모 엘리먼트의 바깥쪽을 기준으로 붙이는 기능이 추가되었습니다.</p></li> <li><p>🐛adorableCSS가 잘못된 CSS를 생성하더라도 이후 라인이 문제가 생기지 않게 하도록 개선하였습니다. 복잡한 Selector 구문인 경우 맨 뒤에 <code>{}</code> 문자열을 추가하여 그 다음 라인은 정상적으로 동작할 수 있도록 하였습니다.</p></li> <li><p><code>ex) .transform\\:scale\\(10\\):transform{transform:scale(10);}{}</code></p></li>",Is,ct,Xl="1.2.7",Ws,ut,Bl="<li>🐛.test:hgap(10)+c(#111)과 같이 복합 rule과 +가 결합했을때 css값이 잘못 출력이 되는 현상을 수정하였습니다.</li>",Gs,rt,Nl="1.2.6",Fs,kt,Ol="<li>✨ &gt;p(10) &gt;&gt;w(100%)와 같이 자식선택자, 하위 선택자 기능을 추가하였습니다.</li>",Vs,vt,Il="1.2.5",Ys,xt,Wl="<li>🐛 font(13/20)+c(red)와 같이 font를 먼저쓰고 +를 할 경우 이후 서식이 적용이 되지 않던 버그를 수정하였습니다.</li>",Js,mt,Gl="1.2.4",Ks,ft,Fl="<li>✨️ ~ selector는 media rule과 <code>ex) ~md:font(2em)</code>e 충돌이 나서 삭제하기로 함. ~selector는 반대로 만들어야 하는데 <code>ex) p ~ &amp; { ... }</code> 사용성이 낮아서 우선순위 보류</li>",Qs,Ct,Vl="1.2.2",Zs,dt,Yl="<li>✨️ box-shadow(0/0/10/#000.2) box-shadow에 단위를 생략하면 px이 자동으로 붙도록 수정하였습니다.</li> <li>🐛bg-position에서 /가 적용이 안되는 현상을 수정하였습니다.</li>",te,gt,Jl="1.2.1",ne,Ht,Kl="<li>✨️ absolute(-/10/20/-) 기능이 추가 되었습니다. position + top, right, bottom, left, -는 생략</li> <li>✨️ absolute(10,20) 기능이 추가 되었습니다. position(x,y)</li> <li>✨️ absolute(~10,~20) 기능이 추가 되었습니다. position(right,bottom)</li>",se,Lt,Ql="1.1.8",ee,_t,Zl="<li>✨️ cdn 방식이 astro에서 적용이 되지 않던 현상을 수정하였습니다.</li> <li>✨️ skew() skewX() skewY() skewZ()가 누락되어 있던 현상을 수정하였습니다.</li>",ae,yt,tp="1.1.5",le,bt,np="<li>⛱ vite, webpack, postcss등 다른 복잡한 설정 없이 그냥 script 한줄만 추가하면 adorableCSS를 사용할 수 있습니다.</li> <li>⚡️ adorableCSS를 간편하게 쓰는 방법! body 맨 아래 <code>&lt;script src=&quot;https://unpkg.com/adorable-css&quot;&gt;&lt;/script&gt;</code>만 추가해보세요.</li> <li>런타임 방식으로 css in js 방식을 통해서 동적으로 style을 생성하여 적용해줍니다.</li> <li>(지금 개발자 도구를 열어서 아무 엘리먼트나 class=“bg(red)” 를 한번 추가해보세요.)</li>",pe,ht,oe,qo=`<code class="language-html">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/adorable-css<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+import{s as Uo,n as Fa}from"../chunks/scheduler.CH-LaNC3.js";import{S as zo,i as So,e as a,s as p,H as x,c as l,k as i,f as o,a as r,w as m,d as n,l as k,g as e,o as No,p as Oo,q as Io,r as Wo,u as Go,v as Fo}from"../chunks/index.Wx35Jw4s.js";function Vo(Va){let c,v="1.5.8",f,u,C="<li>✨ <code>c(linear-gradient(90deg,#f00,#00f))</code> 와 같이 text-color에 그라데이션을 넣을 경우 적용이 되도록 기능을 추가하였습니다.</li>",Zn,d,Ya="1.5.6",ts,g,Ja="<li>🐛 .vbox 자식 엘리먼트 에서 <code>w(fill)</code>을 사용할 경우 의도치 않은 <code>flex-shrink:1</code>가 적용이 되어 문제가 발생하던 부분을 수정하였습니다.</li> <li>🐛 .hbox 자식 엘리먼트 에서 <code>h(fill)</code>을 사용할 경우 의도치 않은 <code>flex-shrink:1</code>가 적용이 되어 문제가 발생하던 부분을 수정하였습니다.</li>",ns,H,Ka="1.5.5",ss,L,Qa="1.5.4",es,_,Za="<li>사용하지 마세요!</li>",as,y,tl="1.5.3",ls,b,nl=`<li>🐛 .vbox 내부의 .h(fill).scroll 이 예상대로 동작하지 않습니다
+#77</li> <li>새롭게 추가된 <code>h(fill)</code>에 <code>flex-shrink:1;max-height:100%;</code> 이 누락되어 있어 추가하였습니다.</li> <li>dolsup님의 제보 감사드립니다.</li>`,ps,h,sl="1.5.2",os,T,el="<li>🐛 1.5.1에서 clip, hbox 등 일부 기능이 동작하지 않던 버그를 수정하였습니다.</li>",is,M,al="1.5.1",cs,w,ll="<li>사용하지 마세요! BUG FIX</li>",us,U,pl="1.5.0",rs,z,ol="<li><code>dark:</code> dark mode 기능이 정식으로 추가되었습니다.</li> <li><code>&lt;div class=&quot;c(#000) dark:c(#fff)&gt;&quot;</code> 와 같이 사용할 수 있습니다.</li>",ks,S,il="1.4.9",vs,q,cl="<li><code>min-w</code>, <code>min-h</code>, <code>max-w</code>, <code>max-h</code> 기능이 추가되었습니다.</li>",xs,j,ul="1.4.8",ms,E,rl="<li><code>wrap</code>: <code>display:flex;flex-flow:wrap;</code> 기능이 추가되었습니다.</li>",fs,P,kl="1.4.7",Cs,$,vl="<li><code>gap(auto)!</code>시 <code>important!</code>가 적용되지 않던 버그를 수정하였습니다.</li>",ds,R,xl="1.4.6",gs,D,ml="<li><code>gap(auto)</code>시 엘리먼트가 하나라면 figma에서처럼 가운데 정렬하도록 개선하였습니다.</li>",Hs,A,fl="1.4.5",Ls,X,Cl="<li>✨ <code>gap(auto)</code>가 추가되었습니다.</li> <li><code>gap(auto) = space-between</code> 으로 조금 더 직관적이고 단순한 기입이 가능하도록 수정하였습니다.</li>",_s,B,dl="1.4.4",ys,N,gl="<li>🐛 <code>rotate()</code>가 정상동작하지 않던 현상을 수정하였습니다.</li> <li>✨ <code>rotate(90)</code> 처럼 숫자만 적어도 자동으로 <code>90deg</code> unit이 붙도록 개선하였습니다.</li>",bs,O,Hl="1.4.3",hs,I,Ll="<li>⚡️타 CSS와 호환시(ex mui) 디자인이 틀어지게 되는 <code>*{flex-shrink:0}</code> 속성을 기본 Reset에서 제거하였습니다.</li> <li>⚡️그러면서도 hbox, vbox 등은 여전히 figma의 AutoLayout과 동일하도록 <code>where:(.hbox&gt;*){flex-shrink:0}</code>의 속성이 적용될 수 있도록 하였습니다.</li> <li>🐛 <code>bc(border-color)</code>, <code>bw(border-width)</code>가 4방향을 다르게 각각 적용이 되지 않던 버그를 수정하였습니다.</li>",Ts,W,_l="1.4.0",Ms,G,yl="<li><p>✨ top/bottom 과 left/right를 이제 x(), y()로 더 간단하고 멋지게 표현할 수 있습니다.</p> <ul><li><code>x(10) = left(10)</code></li> <li><code>x(~10) = right(10)</code></li> <li><code>x(10~20) = left(10)+right(20)</code></li></ul></li> <li><p>✨ x(center) 기능이 추가 되었습니다.</p> <ul><li><code>x(center) = left(50%)+translateX(-50%)</code></li> <li><code>x(center+50px) = left(50%+50px)+translateX(-50%)</code></li></ul></li> <li><p>✨<code>r(fill)</code>이 추가되어 양 옆이 둥근 사각형을 더 직관적으로 만들 수 있게 되었습니다.</p> <ul><li><code>r(fill) = border-radius:9999px;</code></li></ul></li> <li><p>🐛 w(max-content) width:max-content;가 적용되지 않던 버그를 수정하였습니다.</p></li>",ws,F,bl="1.3.7",Us,V,hl="<li>✨ 이제 <code>w(fill)</code>, <code>h(fill)</code>이 Flexbox에서 제대로 동작하게 됩니다.</li> <li>🐛 invalidate한 CSS 결과물들을 필터링하는 기능이 추가되었습니다.</li>",zs,Y,Tl="1.3.6",Ss,J,Ml="<li>🐛<code>nowrap</code>, <code>nowrap...</code> 에 max-width:100%를 두어 특정 상황에서 글 내용이 넘치는 현상을 수정하였습니다.</li>",qs,K,wl="1.3.5",js,Q,Ul="<li>✨글자 배치를 가로+세로를 함께 할 수 있는 새로운 textAlign 스펙이 추가되었습니다.</li> <li>튜토리얼을 확인해주세요!</li> <li>ex) <code>text(left)</code> <code>text(middle+right)</code> <code>text(pack)</code></li>",Es,Z,zl="1.3.4",Ps,tt,Sl="<li>✨filter와 backdrop-filter에 -webkit- prefix를 추가하였습니다.</li> <li>🐛일부 ;이 누락되어 !important가 적용되지 않던 속성들을 수정하였습니다.</li>",$s,nt,ql="1.3.3",Rs,st,jl="<li>✨<code>mx(3)</code>, <code>px(10) py(20)</code> 과 같이 mx = margin-left+margin-right를 같이 적용하는 rule을 추가하였습니다.</li>",Ds,et,El="1.3.1",As,at,Pl="<li>✨<code>.blind</code>, <code>.sr-only</code> 스크린 리더용 클래스를 추가하였습니다. 해당 클래스를 사용하면 화면에는 보이지 않지만 스크린 리더에서는 읽어줍니다. 참고로 blind와 sr-only는 동일한 역할을 수행합니다.</li> <li>table-layout의 축약버전을 추가하였습니다.</li> <li>table-fixed <code>table-layout:fixed;</code>,</li> <li>table-auto <code>table-layout:auto;</code>,</li>",Xs,lt,$l="1.3.0",Bs,pt,Rl="<li><p>✨align-items, justify-content, align-content, justify-items의 축약버전을 추가하였습니다.</p></li> <li><p><code>ex) &lt;div class=&quot;ai(flex-start) jc(flex-end)&quot;&gt;</code></p></li> <li><p>✨flex-grow, flex-shrink의 축약버전을 추가하였습니다. grow, grow-0, no-grow, shrink, shrink-0, no-shrink</p></li> <li><p>no-grow와 grow-0는 같은 의미입니다.</p></li> <li><p>🐛CDN 방식에서 class가 하나도 없을 때 <code>body {display:none}</code>이 사라지지 않던 버그를 수정하였습니다.</p></li>",Ns,ot,Dl="1.2.8",Os,it,Al="<li><p>✨layer(top:10) 과 같이 layer에 offset을 지정할 수 있는 기능을 추가하였습니다.</p></li> <li><p>✨layer(top+outside) 와 같이 부모 엘리먼트의 바깥쪽을 기준으로 붙이는 기능이 추가되었습니다.</p></li> <li><p>🐛adorableCSS가 잘못된 CSS를 생성하더라도 이후 라인이 문제가 생기지 않게 하도록 개선하였습니다. 복잡한 Selector 구문인 경우 맨 뒤에 <code>{}</code> 문자열을 추가하여 그 다음 라인은 정상적으로 동작할 수 있도록 하였습니다.</p></li> <li><p><code>ex) .transform\\:scale\\(10\\):transform{transform:scale(10);}{}</code></p></li>",Is,ct,Xl="1.2.7",Ws,ut,Bl="<li>🐛.test:hgap(10)+c(#111)과 같이 복합 rule과 +가 결합했을때 css값이 잘못 출력이 되는 현상을 수정하였습니다.</li>",Gs,rt,Nl="1.2.6",Fs,kt,Ol="<li>✨ &gt;p(10) &gt;&gt;w(100%)와 같이 자식선택자, 하위 선택자 기능을 추가하였습니다.</li>",Vs,vt,Il="1.2.5",Ys,xt,Wl="<li>🐛 font(13/20)+c(red)와 같이 font를 먼저쓰고 +를 할 경우 이후 서식이 적용이 되지 않던 버그를 수정하였습니다.</li>",Js,mt,Gl="1.2.4",Ks,ft,Fl="<li>✨️ ~ selector는 media rule과 <code>ex) ~md:font(2em)</code>e 충돌이 나서 삭제하기로 함. ~selector는 반대로 만들어야 하는데 <code>ex) p ~ &amp; { ... }</code> 사용성이 낮아서 우선순위 보류</li>",Qs,Ct,Vl="1.2.2",Zs,dt,Yl="<li>✨️ box-shadow(0/0/10/#000.2) box-shadow에 단위를 생략하면 px이 자동으로 붙도록 수정하였습니다.</li> <li>🐛bg-position에서 /가 적용이 안되는 현상을 수정하였습니다.</li>",te,gt,Jl="1.2.1",ne,Ht,Kl="<li>✨️ absolute(-/10/20/-) 기능이 추가 되었습니다. position + top, right, bottom, left, -는 생략</li> <li>✨️ absolute(10,20) 기능이 추가 되었습니다. position(x,y)</li> <li>✨️ absolute(~10,~20) 기능이 추가 되었습니다. position(right,bottom)</li>",se,Lt,Ql="1.1.8",ee,_t,Zl="<li>✨️ cdn 방식이 astro에서 적용이 되지 않던 현상을 수정하였습니다.</li> <li>✨️ skew() skewX() skewY() skewZ()가 누락되어 있던 현상을 수정하였습니다.</li>",ae,yt,tp="1.1.5",le,bt,np="<li>⛱ vite, webpack, postcss등 다른 복잡한 설정 없이 그냥 script 한줄만 추가하면 adorableCSS를 사용할 수 있습니다.</li> <li>⚡️ adorableCSS를 간편하게 쓰는 방법! body 맨 아래 <code>&lt;script src=&quot;https://unpkg.com/adorable-css&quot;&gt;&lt;/script&gt;</code>만 추가해보세요.</li> <li>런타임 방식으로 css in js 방식을 통해서 동적으로 style을 생성하여 적용해줍니다.</li> <li>(지금 개발자 도구를 열어서 아무 엘리먼트나 class=“bg(red)” 를 한번 추가해보세요.)</li>",pe,ht,oe,qo=`<code class="language-html">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/adorable-css<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>script</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">></span></span>
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code>`,ie,Tt,sp="1.1.2",ce,Mt,ep='<li>✨ adoarbleCSS cli 기능 업데이트 (PR 너무 너무 감사합니다!! ❤️)</li> <li><a href="https://github.com/dudlf/adorable-css-cli" rel="nofollow">https://github.com/dudlf/adorable-css-cli</a></li>',ue,wt,ap="1.1.0",re,Ut,lp="<li>🐛 outline(1/red), drop-shadow(30px/10px/4px/#4444dd)가 제대로 동작하지 않던 버그 수정</li>",ke,zt,pp="1.0.9",ve,St,op="<li>✨ vpack, hpack 속성을 추가하였습니다. vpack = vbox+pack</li>",xe,qt,ip="1.0.4",me,jt,cp="<li>🐛 after:content(’|’) 와 같이 따옴표가 포함된 값이 제대로 적용되지 않던 현상을 수정하였습니다.</li>",fe,Et,up="1.0.3",Ce,Pt,rp="<li>🐛 background-image가 url을 함께 사용했을때 제대로 동작하지 않던 현상을 수정하였습니다.</li> <li>✨ background-image에서 url을 쓰지 않아도 동작하도록 수정하였습니다.</li> <li>✨ background-image를 bg-image로 축약해서 쓸 수 있도록 수정하였습니다.</li>",de,$t,kp="0.9.6",ge,Rt,vp="<li>🐛 typescript에서 package type 에러가 나던 현상을 수정하였습니다.</li> <li>♻️ <code>import {adorableCSS} from &quot;adorable-css/vite&quot; // import path를 하나로 통일했습니다.</code></li>",He,At,xp="0.8.8",Le,Dt,mp="<li>🐛 chokidar 윈도우 버그 때문에 기능 삭제. vite plugin 타입 에러가 나는 부분을 수정하였습니다.</li>",_e,Xt,fp="0.8.7",ye,Bt,Cp="<li>✨ w(10~50%~100)나, h(~100~100%) 등 value와 minmax를 한번에 쓸 수 있도록 기능을 추가하였습니다.</li> <li>📝 (단, 해당 기능은 인지적 측면에서 직관적이지는 않으므로 Best Practice의 형태는 w(100%) w(32~300) 처럼 value와 minmax를 분리해서 쓰기를 권장합니다.)</li>",be,Nt,dp="0.8.6",he,Ot,gp="<li>✨ snap-x-proximity, snap-y-proximity, snap-both-proximity를 추가하였습니다.</li>",Te,It,Hp="0.8.5",Me,Wt,Lp="<li>✨ &amp;:last-child&gt;span 과 같이 &amp; 기능을 추가하였습니다.</li>",we,Gt,Ue,jo=`<code class="language-undefined">&lt;div class=&quot;flex &amp;:last-child&gt;span:c(red)&quot;&gt;
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code>`,ie,Tt,sp="1.1.2",ce,Mt,ep='<li>✨ adoarbleCSS cli 기능 업데이트 (PR 너무 너무 감사합니다!! ❤️)</li> <li><a href="https://github.com/dudlf/adorable-css-cli" rel="nofollow">https://github.com/dudlf/adorable-css-cli</a></li>',ue,wt,ap="1.1.0",re,Ut,lp="<li>🐛 outline(1/red), drop-shadow(30px/10px/4px/#4444dd)가 제대로 동작하지 않던 버그 수정</li>",ke,zt,pp="1.0.9",ve,St,op="<li>✨ vpack, hpack 속성을 추가하였습니다. vpack = vbox+pack</li>",xe,qt,ip="1.0.4",me,jt,cp="<li>🐛 after:content(’|’) 와 같이 따옴표가 포함된 값이 제대로 적용되지 않던 현상을 수정하였습니다.</li>",fe,Et,up="1.0.3",Ce,Pt,rp="<li>🐛 background-image가 url을 함께 사용했을때 제대로 동작하지 않던 현상을 수정하였습니다.</li> <li>✨ background-image에서 url을 쓰지 않아도 동작하도록 수정하였습니다.</li> <li>✨ background-image를 bg-image로 축약해서 쓸 수 있도록 수정하였습니다.</li>",de,$t,kp="0.9.6",ge,Rt,vp="<li>🐛 typescript에서 package type 에러가 나던 현상을 수정하였습니다.</li> <li>♻️ <code>import {adorableCSS} from &quot;adorable-css/vite&quot; // import path를 하나로 통일했습니다.</code></li>",He,Dt,xp="0.8.8",Le,At,mp="<li>🐛 chokidar 윈도우 버그 때문에 기능 삭제. vite plugin 타입 에러가 나는 부분을 수정하였습니다.</li>",_e,Xt,fp="0.8.7",ye,Bt,Cp="<li>✨ w(10~50%~100)나, h(~100~100%) 등 value와 minmax를 한번에 쓸 수 있도록 기능을 추가하였습니다.</li> <li>📝 (단, 해당 기능은 인지적 측면에서 직관적이지는 않으므로 Best Practice의 형태는 w(100%) w(32~300) 처럼 value와 minmax를 분리해서 쓰기를 권장합니다.)</li>",be,Nt,dp="0.8.6",he,Ot,gp="<li>✨ snap-x-proximity, snap-y-proximity, snap-both-proximity를 추가하였습니다.</li>",Te,It,Hp="0.8.5",Me,Wt,Lp="<li>✨ &amp;:last-child&gt;span 과 같이 &amp; 기능을 추가하였습니다.</li>",we,Gt,Ue,jo=`<code class="language-undefined">&lt;div class=&quot;flex &amp;:last-child&gt;span:c(red)&quot;&gt;
   &lt;span&gt;&#123;index + 1&#125;&lt;/span&gt;
 &lt;/div&gt;</code>`,ze,Ft,_p="✨ &.selected, &[disabled] 기능도 함께 출시가 되었습니다.",Se,Vt,yp="0.8.4",qe,Yt,bp="✨ Vite가 없어도 CDN 방식으로 AdorableCSS를 사용할 수 있는 방법이 추가 되었습니다. (beta 주의!) angular나 webpack, vanilla HTML에서도 AdorableCSS를 사용해보세요!",je,Jt,hp="🔥 경고! 아직은 검증이 더 필요하기에 production용으로는 가급적 사용하지 마세요. IE11 주의!",Ee,Kt,Tp="CDN(beta): Just-in-time + css-in-js",Pe,Qt,$e,Eo=`<code class="language-html"><span class="token doctype"><span class="token punctuation">&lt;!</span><span class="token doctype-tag">DOCTYPE</span> <span class="token name">html</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">></span></span>
   ...
-  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/adorable-css<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/adorable-css<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>script</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">></span></span>
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code>`,Re,Zt,Mp="다른 CSS 프레임워크 없이 script만 넣어보세요. css-in-js 방식으로 실시간으로 AdorableCSS의 스펙을 지원합니다.",Ae,tn,wp="0.7.8",De,nn,Up="<li>cursor 단축 표현이 일부 추가되었습니다.</li>",Xe,sn,Be,Po=`<code class="language-js"><span class="token punctuation">&#123;</span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code>`,Re,Zt,Mp="다른 CSS 프레임워크 없이 script만 넣어보세요. css-in-js 방식으로 실시간으로 AdorableCSS의 스펙을 지원합니다.",De,tn,wp="0.7.8",Ae,nn,Up="<li>cursor 단축 표현이 일부 추가되었습니다.</li>",Xe,sn,Be,Po=`<code class="language-js"><span class="token punctuation">&#123;</span>
   <span class="token string-property property">"col-resize"</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">cursor: col-resize;</span><span class="token template-punctuation string">&#96;</span></span><span class="token punctuation">,</span>
   <span class="token string-property property">"crosshair"</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">cursor: crosshair;</span><span class="token template-punctuation string">&#96;</span></span><span class="token punctuation">,</span>
   <span class="token string-property property">"e-resize"</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">cursor: e-resize;</span><span class="token template-punctuation string">&#96;</span></span><span class="token punctuation">,</span>
@@ -66,14 +66,14 @@ import{S as Uo,i as zo,s as So,e as a,a as p,H as x,c as l,m as i,g as o,b as r,
 
   <span class="token string-property property">"snap-normal"</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">scroll-snap-stop: normal;</span><span class="token template-punctuation string">&#96;</span></span><span class="token punctuation">,</span>
   <span class="token string-property property">"snap-always"</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">scroll-snap-stop: always;</span><span class="token template-punctuation string">&#96;</span></span><span class="token punctuation">,</span>
-<span class="token punctuation">&#125;</span></code>`,Ye,cn,jp="0.7.5",Je,un,Ep="<li>🐛 hover:mt(10)+bold는 동작하나 hover:bold+mt(10)이 동작하지 않던 버그 수정</li>",Ke,rn,Pp="0.7.3",Qe,kn,$p="<li>✨ grid(5) 기능이 추가 되었습니다. = grid-template-columns:repeat(5,1fr);</li> <li>✨ grid(1fr,1f,1f) = grid-template-columns:1fr,1f,1f</li> <li>grid의 값은 가장 많이 쓰이는 grid-template-columns을 사용하도록 문법을 작성하였습니다.</li>",Ze,vn,Rp="0.7.1",ta,xn,Ap="<li>🐛 !touch 와 같이 !로 시작하는 prefix가 동작하지 않던 현상을 수정하였습니다.</li> <li>⚡️ 불필요한 자동생성이 되는 현상을 수정하였습니다.</li>",na,mn,Dp="0.7.0",sa,fn,Xp="<li>✨ prop(value)! prop(value)!! prop(value)!!! 기능이 추가되었습니다.</li> <li>✨ hover:c(red)+bg(blue)+b(#000) + 기능이 추가되었습니다.</li> <li>📝 selector 기능 관련 문서를 추가하였습니다.</li> <li>📝 important! 기능 관련 문서를 추가하였습니다.</li>",ea,Cn,Bp="0.6.9",aa,dn,Np="<li>✨ subbox 기능이 추가되었습니다.</li> <li>🐛️ 예외처리를 강화해서 잘못된 CSS를 생성하지 않도록 수정하였습니다.</li>",la,gn,Op="0.6.8",pa,Hn,Ip="<li>✨ bg(url(…)) background-image:url(…)</li> <li>✨ bg(http…), bg(./), bg(/…) background-image:url(…)</li> <li>🐛 transition(none)이 되지 않던 버그를 수정했습니다.</li>",oa,Ln,Wp="0.6.7",ia,_n,Gp="<li>🐛 class에서 줄바꿈시 오류 수정</li>",ca,yn,Fp="0.6.6",ua,bn,Vp="<li>🐛 hsl컬러 지정안되는 현상을 수정하였습니다.</li> <li>🐛 after:content(’…‘)가 동작하지 않던 현상을 수정하였습니다.</li> <li>✨ after:content 만 입력할 경우 content:” 의 default값으로 적용하도록 수정하였습니다.</li>",ra,hn,Yp="0.6.5",ka,Tn,Jp=`<li>✨ .index 파일의 경우 vite의 transform 목록에 포함되어 있지 않아 adorable.css 를 자동생성하지 못하는 문제 수정 #32
-config에 <code>preLoads</code>의 옵션을 이용해서 (default: <code>[/*/**.html]</code>) 모든 html파일을 미리 watch 목록에 올리도록 기능 추가함.</li>`,va,Mn,Kp="0.6.4",xa,wn,Qp="<li>🐛️ ~sm, ~md 기능 안되던 버그 수정</li> <li>🐛️ :root <code>{ ... word-break:break-word ... }</code> 추가 해서 text로 인해 flex-box가 커지는 기능 방지</li> <li>✨️ flex-wrap에 <code>&amp; &gt; {max-width:100%;max-height:100%;}</code>를 주어 overflow 방지 기능 추가</li> <li>✨️ reset에 min-width:0 추가</li>",ma,Un,Zp="0.6.3",fa,zn,to="<li>🐛️ hidden(구 invisible) vs visible 이 동시에 있을때는 visible이 우선순위가 더 높도록 수정하였습니다.</li>",Ca,Sn,no="0.6.2",da,qn,so="<li>✨️ #000.2 와 같은 HEXa 포맷을 구문 전체에서 지원합니다.</li> <li>⚡️ cover, contain에 background-repeat: no-repeat 추가 되었습니다.</li> <li>✨️ —serif, —sans-serif와 같이 css variable을 통해서 기본 폰트를 지정할 수 있도록 수정하였습니다.</li> <li>✨️ @media query 지원 기능을 추가하였습니다. @w(~360), @w(360~), @w(360~720)</li>",ga,jn,eo="0.6.1",Ha,En,ao="<li>🚑️ pointer-events-auto! 와 같이 ()가 없는 ! 기능이 동작하지 않던 현상을 수정하였습니다.</li>",La,Pn,lo="0.6.0",_a,$n,po="<li>🧑‍💻 flex-shrink === flex-shrink(1), flex-glow === flex-glow(1)로 default 값을 추가헀습니다.</li>",ya,Rn,oo="0.5.8",ba,An,io='<li>🎉 홈페이지를 새롭게 단장하였습니다. 1.0.0 정식 오픈을 위해서 열심히 해보곘습니다.</li> <li>🐛 정규식이 있는 경우 CSS가 잘못 분석이 되던 버그를 수정하였습니다.</li> <li>⚡️ 파서 엔진을 교체하여 잘못된 CSS가 생성되는 현상을 수정하였습니다.</li> <li>✨ monospace(number) 기능이 추가되었습니다. <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric</a></li>',ha,Ta,Ma,Dn,co="0.5.7",wa,Xn,uo="<li><code>:after</code> <code>:before</code> <code>content</code> 기능이 추가되었습니다.</li> <li>class는 띄어쓰기를 못하므로 content에 공백이 있다면 css variable를 추천합니다.</li>",Ua,Bn,za,Ao=`<code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>before:content('hello') before:c(red)<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>world<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 attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>before:content(--content) before:c(red)<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">--content</span><span class="token punctuation">:</span><span class="token string">'hello, '</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>world<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span></code>`,Sa,Nn,ro="<p>@NOTE: <code>:after</code> vs <code>::after</code> 정석은 <code>::after</code>가 맞으나 IE8 이후 오랜 관습으로 남아 있는 <code>:after</code>도 사용가능하도록 추가하였습니다. <code>:before</code>도 동일합니다.</p>",qa,On,ko='<li>::first-line과 같은 pseudo-elements를 지원합니다. <a href="https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-elements" rel="nofollow">https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-elements</a></li>',ja,In,Ea,Do=`<code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>first-line::c(red)<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
+<span class="token punctuation">&#125;</span></code>`,Ye,cn,jp="0.7.5",Je,un,Ep="<li>🐛 hover:mt(10)+bold는 동작하나 hover:bold+mt(10)이 동작하지 않던 버그 수정</li>",Ke,rn,Pp="0.7.3",Qe,kn,$p="<li>✨ grid(5) 기능이 추가 되었습니다. = grid-template-columns:repeat(5,1fr);</li> <li>✨ grid(1fr,1f,1f) = grid-template-columns:1fr,1f,1f</li> <li>grid의 값은 가장 많이 쓰이는 grid-template-columns을 사용하도록 문법을 작성하였습니다.</li>",Ze,vn,Rp="0.7.1",ta,xn,Dp="<li>🐛 !touch 와 같이 !로 시작하는 prefix가 동작하지 않던 현상을 수정하였습니다.</li> <li>⚡️ 불필요한 자동생성이 되는 현상을 수정하였습니다.</li>",na,mn,Ap="0.7.0",sa,fn,Xp="<li>✨ prop(value)! prop(value)!! prop(value)!!! 기능이 추가되었습니다.</li> <li>✨ hover:c(red)+bg(blue)+b(#000) + 기능이 추가되었습니다.</li> <li>📝 selector 기능 관련 문서를 추가하였습니다.</li> <li>📝 important! 기능 관련 문서를 추가하였습니다.</li>",ea,Cn,Bp="0.6.9",aa,dn,Np="<li>✨ subbox 기능이 추가되었습니다.</li> <li>🐛️ 예외처리를 강화해서 잘못된 CSS를 생성하지 않도록 수정하였습니다.</li>",la,gn,Op="0.6.8",pa,Hn,Ip="<li>✨ bg(url(…)) background-image:url(…)</li> <li>✨ bg(http…), bg(./), bg(/…) background-image:url(…)</li> <li>🐛 transition(none)이 되지 않던 버그를 수정했습니다.</li>",oa,Ln,Wp="0.6.7",ia,_n,Gp="<li>🐛 class에서 줄바꿈시 오류 수정</li>",ca,yn,Fp="0.6.6",ua,bn,Vp="<li>🐛 hsl컬러 지정안되는 현상을 수정하였습니다.</li> <li>🐛 after:content(’…‘)가 동작하지 않던 현상을 수정하였습니다.</li> <li>✨ after:content 만 입력할 경우 content:” 의 default값으로 적용하도록 수정하였습니다.</li>",ra,hn,Yp="0.6.5",ka,Tn,Jp=`<li>✨ .index 파일의 경우 vite의 transform 목록에 포함되어 있지 않아 adorable.css 를 자동생성하지 못하는 문제 수정 #32
+config에 <code>preLoads</code>의 옵션을 이용해서 (default: <code>[/*/**.html]</code>) 모든 html파일을 미리 watch 목록에 올리도록 기능 추가함.</li>`,va,Mn,Kp="0.6.4",xa,wn,Qp="<li>🐛️ ~sm, ~md 기능 안되던 버그 수정</li> <li>🐛️ :root <code>{ ... word-break:break-word ... }</code> 추가 해서 text로 인해 flex-box가 커지는 기능 방지</li> <li>✨️ flex-wrap에 <code>&amp; &gt; {max-width:100%;max-height:100%;}</code>를 주어 overflow 방지 기능 추가</li> <li>✨️ reset에 min-width:0 추가</li>",ma,Un,Zp="0.6.3",fa,zn,to="<li>🐛️ hidden(구 invisible) vs visible 이 동시에 있을때는 visible이 우선순위가 더 높도록 수정하였습니다.</li>",Ca,Sn,no="0.6.2",da,qn,so="<li>✨️ #000.2 와 같은 HEXa 포맷을 구문 전체에서 지원합니다.</li> <li>⚡️ cover, contain에 background-repeat: no-repeat 추가 되었습니다.</li> <li>✨️ —serif, —sans-serif와 같이 css variable을 통해서 기본 폰트를 지정할 수 있도록 수정하였습니다.</li> <li>✨️ @media query 지원 기능을 추가하였습니다. @w(~360), @w(360~), @w(360~720)</li>",ga,jn,eo="0.6.1",Ha,En,ao="<li>🚑️ pointer-events-auto! 와 같이 ()가 없는 ! 기능이 동작하지 않던 현상을 수정하였습니다.</li>",La,Pn,lo="0.6.0",_a,$n,po="<li>🧑‍💻 flex-shrink === flex-shrink(1), flex-glow === flex-glow(1)로 default 값을 추가헀습니다.</li>",ya,Rn,oo="0.5.8",ba,Dn,io='<li>🎉 홈페이지를 새롭게 단장하였습니다. 1.0.0 정식 오픈을 위해서 열심히 해보곘습니다.</li> <li>🐛 정규식이 있는 경우 CSS가 잘못 분석이 되던 버그를 수정하였습니다.</li> <li>⚡️ 파서 엔진을 교체하여 잘못된 CSS가 생성되는 현상을 수정하였습니다.</li> <li>✨ monospace(number) 기능이 추가되었습니다. <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric</a></li>',ha,Ta,Ma,An,co="0.5.7",wa,Xn,uo="<li><code>:after</code> <code>:before</code> <code>content</code> 기능이 추가되었습니다.</li> <li>class는 띄어쓰기를 못하므로 content에 공백이 있다면 css variable를 추천합니다.</li>",Ua,Bn,za,Do=`<code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>before:content('hello') before:c(red)<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>world<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 attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>before:content(--content) before:c(red)<span class="token punctuation">"</span></span> <span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>--content:'hello, '<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>world<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span></code>`,Sa,Nn,ro="<p>@NOTE: <code>:after</code> vs <code>::after</code> 정석은 <code>::after</code>가 맞으나 IE8 이후 오랜 관습으로 남아 있는 <code>:after</code>도 사용가능하도록 추가하였습니다. <code>:before</code>도 동일합니다.</p>",qa,On,ko='<li>::first-line과 같은 pseudo-elements를 지원합니다. <a href="https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-elements" rel="nofollow">https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-elements</a></li>',ja,In,Ea,Ao=`<code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>first-line::c(red)<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>p</span><span class="token punctuation">></span></span>first-line<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>second-line<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</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>`,Pa,Wn,vo="<li>::webkit-scrollbar를 적용할 수 있습니다.</li>",$a,Gn,Ra,Xo=`<code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>h(100) scroll-y -webkit-scrollbar::w(4) -webkit-scrollbar-thumb::bg(red)<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>div</span><span class="token punctuation">></span></span></code>`,Aa,Fn,xo="<li>reset를 config에서 커스텀이 가능하도록 하였습니다.</li>",Da,Vn,Xa,Bo=`<code class="language-js">    <span class="token literal-property property">plugins</span><span class="token operator">:</span> <span class="token punctuation">[</span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span></code>`,Da,Fn,xo="<li>reset를 config에서 커스텀이 가능하도록 하였습니다.</li>",Aa,Vn,Xa,Bo=`<code class="language-js">    <span class="token literal-property property">plugins</span><span class="token operator">:</span> <span class="token punctuation">[</span>
       <span class="token function">adorableCSS</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>
         <span class="token literal-property property">reset</span><span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">*&#123;margin:0; padding&#125; /* &lt;-- your reset code here */</span><span class="token template-punctuation string">&#96;</span></span>
       <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
-    <span class="token punctuation">]</span><span class="token punctuation">,</span></code>`,Ba,Na,Oa,Yn,mo="지난 로그",Ia,Jn,fo='<li>0.5.6 - (beta) bg(linear-gradient) 기능 추가</li> <li>0.5.5 - user-select 사파리에서 동작하지 않는 버그 수정, -webkit- prefix 추가</li> <li>0.5.3 - CSS Reset 보강 <a href="https://github.com/developer-1px/adorable-css/blob/master/src%5Badorable-css%5D/src/rules.ts" rel="nofollow">https://github.com/developer-1px/adorable-css/blob/master/src%5Badorable-css%5D/src/rules.ts</a></li> <li>0.5.2 - PostCSS를 사용하는 build 환경에서 에러발생하는 오류 수정함.</li> <li>0.4.9 - :nth-child를 비롯한 <strong>모든 pseudo class</strong> 지원, 등록되지 않은 모든 css도 일단 지원. ex) touch-action(pan-x)</li> <li>0.4.7 - glob방식의 config.include 추가 ex) <code>adorableCSS({include: &quot;src/**/*.{svelte,svx})&quot;</code></li> <li>0.4.5 - attribute selector 기능 추가 ex) [attr=‘value’]:c(red)</li> <li>0.4.4 - build시 sourcemap 포함되면 error나던 현상 수정</li>',Wa,Kn,Co="지금 준비하고 있는 기능들",Ga,Qn,go="<li>transform 결합: ex) translateX(10)+scale(.5)</li> <li>more level cascade priority(!important): ex) bg(red) .test:bg(orange)! .test2:bg(red)!!</li>";return{c(){c=a("h2"),c.textContent=v,f=p(),u=a("ul"),u.innerHTML=C,Zn=p(),d=a("h2"),d.textContent=Ya,ts=p(),g=a("ul"),g.innerHTML=Ja,ns=p(),H=a("h2"),H.textContent=Ka,ss=p(),L=a("h2"),L.textContent=Qa,es=p(),_=a("ul"),_.innerHTML=Za,as=p(),y=a("h2"),y.textContent=tl,ls=p(),b=a("ul"),b.innerHTML=nl,ps=p(),h=a("h2"),h.textContent=sl,os=p(),T=a("ul"),T.innerHTML=el,is=p(),M=a("h2"),M.textContent=al,cs=p(),w=a("ul"),w.innerHTML=ll,us=p(),U=a("h2"),U.textContent=pl,rs=p(),z=a("ul"),z.innerHTML=ol,ks=p(),S=a("h2"),S.textContent=il,vs=p(),q=a("ul"),q.innerHTML=cl,xs=p(),j=a("h2"),j.textContent=ul,ms=p(),E=a("ul"),E.innerHTML=rl,fs=p(),P=a("h2"),P.textContent=kl,Cs=p(),$=a("ul"),$.innerHTML=vl,ds=p(),R=a("h2"),R.textContent=xl,gs=p(),A=a("ul"),A.innerHTML=ml,Hs=p(),D=a("h2"),D.textContent=fl,Ls=p(),X=a("ul"),X.innerHTML=Cl,_s=p(),B=a("h2"),B.textContent=dl,ys=p(),N=a("ul"),N.innerHTML=gl,bs=p(),O=a("h2"),O.textContent=Hl,hs=p(),I=a("ul"),I.innerHTML=Ll,Ts=p(),W=a("h2"),W.textContent=_l,Ms=p(),G=a("ul"),G.innerHTML=yl,ws=p(),F=a("h2"),F.textContent=bl,Us=p(),V=a("ul"),V.innerHTML=hl,zs=p(),Y=a("h2"),Y.textContent=Tl,Ss=p(),J=a("ul"),J.innerHTML=Ml,qs=p(),K=a("h2"),K.textContent=wl,js=p(),Q=a("ul"),Q.innerHTML=Ul,Es=p(),Z=a("h2"),Z.textContent=zl,Ps=p(),tt=a("ul"),tt.innerHTML=Sl,$s=p(),nt=a("h2"),nt.textContent=ql,Rs=p(),st=a("ul"),st.innerHTML=jl,As=p(),et=a("h2"),et.textContent=El,Ds=p(),at=a("ul"),at.innerHTML=Pl,Xs=p(),lt=a("h2"),lt.textContent=$l,Bs=p(),pt=a("ul"),pt.innerHTML=Rl,Ns=p(),ot=a("h2"),ot.textContent=Al,Os=p(),it=a("ul"),it.innerHTML=Dl,Is=p(),ct=a("h2"),ct.textContent=Xl,Ws=p(),ut=a("ul"),ut.innerHTML=Bl,Gs=p(),rt=a("h2"),rt.textContent=Nl,Fs=p(),kt=a("ul"),kt.innerHTML=Ol,Vs=p(),vt=a("h2"),vt.textContent=Il,Ys=p(),xt=a("ul"),xt.innerHTML=Wl,Js=p(),mt=a("h2"),mt.textContent=Gl,Ks=p(),ft=a("ul"),ft.innerHTML=Fl,Qs=p(),Ct=a("h2"),Ct.textContent=Vl,Zs=p(),dt=a("ul"),dt.innerHTML=Yl,te=p(),gt=a("h2"),gt.textContent=Jl,ne=p(),Ht=a("ul"),Ht.innerHTML=Kl,se=p(),Lt=a("h2"),Lt.textContent=Ql,ee=p(),_t=a("ul"),_t.innerHTML=Zl,ae=p(),yt=a("h2"),yt.textContent=tp,le=p(),bt=a("ul"),bt.innerHTML=np,pe=p(),ht=a("pre"),oe=new x(!1),ie=p(),Tt=a("h2"),Tt.textContent=sp,ce=p(),Mt=a("ul"),Mt.innerHTML=ep,ue=p(),wt=a("h2"),wt.textContent=ap,re=p(),Ut=a("ul"),Ut.innerHTML=lp,ke=p(),zt=a("h2"),zt.textContent=pp,ve=p(),St=a("ul"),St.innerHTML=op,xe=p(),qt=a("h2"),qt.textContent=ip,me=p(),jt=a("ul"),jt.innerHTML=cp,fe=p(),Et=a("h2"),Et.textContent=up,Ce=p(),Pt=a("ul"),Pt.innerHTML=rp,de=p(),$t=a("h2"),$t.textContent=kp,ge=p(),Rt=a("ul"),Rt.innerHTML=vp,He=p(),At=a("h2"),At.textContent=xp,Le=p(),Dt=a("ul"),Dt.innerHTML=mp,_e=p(),Xt=a("h2"),Xt.textContent=fp,ye=p(),Bt=a("ul"),Bt.innerHTML=Cp,be=p(),Nt=a("h2"),Nt.textContent=dp,he=p(),Ot=a("ul"),Ot.innerHTML=gp,Te=p(),It=a("h2"),It.textContent=Hp,Me=p(),Wt=a("ul"),Wt.innerHTML=Lp,we=p(),Gt=a("pre"),Ue=new x(!1),ze=p(),Ft=a("p"),Ft.textContent=_p,Se=p(),Vt=a("h2"),Vt.textContent=yp,qe=p(),Yt=a("p"),Yt.textContent=bp,je=p(),Jt=a("p"),Jt.textContent=hp,Ee=p(),Kt=a("h3"),Kt.textContent=Tp,Pe=p(),Qt=a("pre"),$e=new x(!1),Re=p(),Zt=a("p"),Zt.textContent=Mp,Ae=p(),tn=a("h2"),tn.textContent=wp,De=p(),nn=a("ul"),nn.innerHTML=Up,Xe=p(),sn=a("pre"),Be=new x(!1),Ne=p(),en=a("h2"),en.textContent=zp,Oe=p(),an=a("ul"),an.innerHTML=Sp,Ie=p(),ln=a("pre"),We=new x(!1),Ge=p(),pn=a("ul"),pn.innerHTML=qp,Fe=p(),on=a("pre"),Ve=new x(!1),Ye=p(),cn=a("h2"),cn.textContent=jp,Je=p(),un=a("ul"),un.innerHTML=Ep,Ke=p(),rn=a("h2"),rn.textContent=Pp,Qe=p(),kn=a("ul"),kn.innerHTML=$p,Ze=p(),vn=a("h2"),vn.textContent=Rp,ta=p(),xn=a("ul"),xn.innerHTML=Ap,na=p(),mn=a("h2"),mn.textContent=Dp,sa=p(),fn=a("ul"),fn.innerHTML=Xp,ea=p(),Cn=a("h2"),Cn.textContent=Bp,aa=p(),dn=a("ul"),dn.innerHTML=Np,la=p(),gn=a("h2"),gn.textContent=Op,pa=p(),Hn=a("ul"),Hn.innerHTML=Ip,oa=p(),Ln=a("h2"),Ln.textContent=Wp,ia=p(),_n=a("ul"),_n.innerHTML=Gp,ca=p(),yn=a("h2"),yn.textContent=Fp,ua=p(),bn=a("ul"),bn.innerHTML=Vp,ra=p(),hn=a("h2"),hn.textContent=Yp,ka=p(),Tn=a("ul"),Tn.innerHTML=Jp,va=p(),Mn=a("h2"),Mn.textContent=Kp,xa=p(),wn=a("ul"),wn.innerHTML=Qp,ma=p(),Un=a("h2"),Un.textContent=Zp,fa=p(),zn=a("ul"),zn.innerHTML=to,Ca=p(),Sn=a("h2"),Sn.textContent=no,da=p(),qn=a("ul"),qn.innerHTML=so,ga=p(),jn=a("h2"),jn.textContent=eo,Ha=p(),En=a("ul"),En.innerHTML=ao,La=p(),Pn=a("h2"),Pn.textContent=lo,_a=p(),$n=a("ul"),$n.innerHTML=po,ya=p(),Rn=a("h2"),Rn.textContent=oo,ba=p(),An=a("ul"),An.innerHTML=io,ha=p(),Ta=a("hr"),Ma=p(),Dn=a("h2"),Dn.textContent=co,wa=p(),Xn=a("ul"),Xn.innerHTML=uo,Ua=p(),Bn=a("pre"),za=new x(!1),Sa=p(),Nn=a("blockquote"),Nn.innerHTML=ro,qa=p(),On=a("ul"),On.innerHTML=ko,ja=p(),In=a("pre"),Ea=new x(!1),Pa=p(),Wn=a("ul"),Wn.innerHTML=vo,$a=p(),Gn=a("pre"),Ra=new x(!1),Aa=p(),Fn=a("ul"),Fn.innerHTML=xo,Da=p(),Vn=a("pre"),Xa=new x(!1),Ba=p(),Na=a("hr"),Oa=p(),Yn=a("h2"),Yn.textContent=mo,Ia=p(),Jn=a("ul"),Jn.innerHTML=fo,Wa=p(),Kn=a("h2"),Kn.textContent=Co,Ga=p(),Qn=a("ul"),Qn.innerHTML=go,this.h()},l(t){c=l(t,"H2",{"data-svelte-h":!0}),i(c)!=="svelte-116ljs6"&&(c.textContent=v),f=o(t),u=l(t,"UL",{"data-svelte-h":!0}),i(u)!=="svelte-rpewtd"&&(u.innerHTML=C),Zn=o(t),d=l(t,"H2",{"data-svelte-h":!0}),i(d)!=="svelte-zgvwyg"&&(d.textContent=Ya),ts=o(t),g=l(t,"UL",{"data-svelte-h":!0}),i(g)!=="svelte-m56f93"&&(g.innerHTML=Ja),ns=o(t),H=l(t,"H2",{"data-svelte-h":!0}),i(H)!=="svelte-iz3yjj"&&(H.textContent=Ka),ss=o(t),L=l(t,"H2",{"data-svelte-h":!0}),i(L)!=="svelte-i1xrx6"&&(L.textContent=Qa),es=o(t),_=l(t,"UL",{"data-svelte-h":!0}),i(_)!=="svelte-iikobb"&&(_.innerHTML=Za),as=o(t),y=l(t,"H2",{"data-svelte-h":!0}),i(y)!=="svelte-h9g8lt"&&(y.textContent=tl),ls=o(t),b=l(t,"UL",{"data-svelte-h":!0}),i(b)!=="svelte-42vhd1"&&(b.innerHTML=nl),ps=o(t),h=l(t,"H2",{"data-svelte-h":!0}),i(h)!=="svelte-1dlidzw"&&(h.textContent=sl),os=o(t),T=l(t,"UL",{"data-svelte-h":!0}),i(T)!=="svelte-8074pv"&&(T.innerHTML=el),is=o(t),M=l(t,"H2",{"data-svelte-h":!0}),i(M)!=="svelte-1yvmbo3"&&(M.textContent=al),cs=o(t),w=l(t,"UL",{"data-svelte-h":!0}),i(w)!=="svelte-6zog3y"&&(w.innerHTML=ll),us=o(t),U=l(t,"H2",{"data-svelte-h":!0}),i(U)!=="svelte-1cpma32"&&(U.textContent=pl),rs=o(t),z=l(t,"UL",{"data-svelte-h":!0}),i(z)!=="svelte-o1gr9v"&&(z.innerHTML=ol),ks=o(t),S=l(t,"H2",{"data-svelte-h":!0}),i(S)!=="svelte-1c0u45u"&&(S.textContent=il),vs=o(t),q=l(t,"UL",{"data-svelte-h":!0}),i(q)!=="svelte-bm029l"&&(q.innerHTML=cl),xs=o(t),j=l(t,"H2",{"data-svelte-h":!0}),i(j)!=="svelte-1pen63j"&&(j.textContent=ul),ms=o(t),E=l(t,"UL",{"data-svelte-h":!0}),i(E)!=="svelte-mz7ewg"&&(E.innerHTML=rl),fs=o(t),P=l(t,"H2",{"data-svelte-h":!0}),i(P)!=="svelte-c8a1v8"&&(P.textContent=kl),Cs=o(t),$=l(t,"UL",{"data-svelte-h":!0}),i($)!=="svelte-jfupz"&&($.innerHTML=vl),ds=o(t),R=l(t,"H2",{"data-svelte-h":!0}),i(R)!=="svelte-1nozg5t"&&(R.textContent=xl),gs=o(t),A=l(t,"UL",{"data-svelte-h":!0}),i(A)!=="svelte-1ycnrj5"&&(A.innerHTML=ml),Hs=o(t),D=l(t,"H2",{"data-svelte-h":!0}),i(D)!=="svelte-1ts6e7a"&&(D.textContent=fl),Ls=o(t),X=l(t,"UL",{"data-svelte-h":!0}),i(X)!=="svelte-6m36w2"&&(X.innerHTML=Cl),_s=o(t),B=l(t,"H2",{"data-svelte-h":!0}),i(B)!=="svelte-16a1h8z"&&(B.textContent=dl),ys=o(t),N=l(t,"UL",{"data-svelte-h":!0}),i(N)!=="svelte-he41hy"&&(N.innerHTML=gl),bs=o(t),O=l(t,"H2",{"data-svelte-h":!0}),i(O)!=="svelte-1s2grdk"&&(O.textContent=Hl),hs=o(t),I=l(t,"UL",{"data-svelte-h":!0}),i(I)!=="svelte-1je6ikl"&&(I.innerHTML=Ll),Ts=o(t),W=l(t,"H2",{"data-svelte-h":!0}),i(W)!=="svelte-1wlxfr"&&(W.textContent=_l),Ms=o(t),G=l(t,"UL",{"data-svelte-h":!0}),i(G)!=="svelte-zyedm"&&(G.innerHTML=yl),ws=o(t),F=l(t,"H2",{"data-svelte-h":!0}),i(F)!=="svelte-dogmtv"&&(F.textContent=bl),Us=o(t),V=l(t,"UL",{"data-svelte-h":!0}),i(V)!=="svelte-16oo4pj"&&(V.innerHTML=hl),zs=o(t),Y=l(t,"H2",{"data-svelte-h":!0}),i(Y)!=="svelte-1upuicm"&&(Y.textContent=Tl),Ss=o(t),J=l(t,"UL",{"data-svelte-h":!0}),i(J)!=="svelte-1j71py0"&&(J.innerHTML=Ml),qs=o(t),K=l(t,"H2",{"data-svelte-h":!0}),i(K)!=="svelte-1mrbc0h"&&(K.textContent=wl),js=o(t),Q=l(t,"UL",{"data-svelte-h":!0}),i(Q)!=="svelte-1i5k4ln"&&(Q.innerHTML=Ul),Es=o(t),Z=l(t,"H2",{"data-svelte-h":!0}),i(Z)!=="svelte-14tuwac"&&(Z.textContent=zl),Ps=o(t),tt=l(t,"UL",{"data-svelte-h":!0}),i(tt)!=="svelte-fnyu41"&&(tt.innerHTML=Sl),$s=o(t),nt=l(t,"H2",{"data-svelte-h":!0}),i(nt)!=="svelte-1cicx3z"&&(nt.textContent=ql),Rs=o(t),st=l(t,"UL",{"data-svelte-h":!0}),i(st)!=="svelte-m31t87"&&(st.innerHTML=jl),As=o(t),et=l(t,"H2",{"data-svelte-h":!0}),i(et)!=="svelte-mk3kbh"&&(et.textContent=El),Ds=o(t),at=l(t,"UL",{"data-svelte-h":!0}),i(at)!=="svelte-cfvg6u"&&(at.innerHTML=Pl),Xs=o(t),lt=l(t,"H2",{"data-svelte-h":!0}),i(lt)!=="svelte-hgprpc"&&(lt.textContent=$l),Bs=o(t),pt=l(t,"UL",{"data-svelte-h":!0}),i(pt)!=="svelte-1yoi8wx"&&(pt.innerHTML=Rl),Ns=o(t),ot=l(t,"H2",{"data-svelte-h":!0}),i(ot)!=="svelte-u5qhld"&&(ot.textContent=Al),Os=o(t),it=l(t,"UL",{"data-svelte-h":!0}),i(it)!=="svelte-yc8rpv"&&(it.innerHTML=Dl),Is=o(t),ct=l(t,"H2",{"data-svelte-h":!0}),i(ct)!=="svelte-1ohgzh6"&&(ct.textContent=Xl),Ws=o(t),ut=l(t,"UL",{"data-svelte-h":!0}),i(ut)!=="svelte-k7p1qr"&&(ut.innerHTML=Bl),Gs=o(t),rt=l(t,"H2",{"data-svelte-h":!0}),i(rt)!=="svelte-jws2ov"&&(rt.textContent=Nl),Fs=o(t),kt=l(t,"UL",{"data-svelte-h":!0}),i(kt)!=="svelte-15re117"&&(kt.innerHTML=Ol),Vs=o(t),vt=l(t,"H2",{"data-svelte-h":!0}),i(vt)!=="svelte-yj7st4"&&(vt.textContent=Il),Ys=o(t),xt=l(t,"UL",{"data-svelte-h":!0}),i(xt)!=="svelte-135gn0n"&&(xt.innerHTML=Wl),Js=o(t),mt=l(t,"H2",{"data-svelte-h":!0}),i(mt)!=="svelte-1szmrvh"&&(mt.textContent=Gl),Ks=o(t),ft=l(t,"UL",{"data-svelte-h":!0}),i(ft)!=="svelte-1ac24zw"&&(ft.innerHTML=Fl),Qs=o(t),Ct=l(t,"H2",{"data-svelte-h":!0}),i(Ct)!=="svelte-o04bmj"&&(Ct.textContent=Vl),Zs=o(t),dt=l(t,"UL",{"data-svelte-h":!0}),i(dt)!=="svelte-p3hwxn"&&(dt.innerHTML=Yl),te=o(t),gt=l(t,"H2",{"data-svelte-h":!0}),i(gt)!=="svelte-1xffqpg"&&(gt.textContent=Jl),ne=o(t),Ht=l(t,"UL",{"data-svelte-h":!0}),i(Ht)!=="svelte-4jol9q"&&(Ht.innerHTML=Kl),se=o(t),Lt=l(t,"H2",{"data-svelte-h":!0}),i(Lt)!=="svelte-19pui6y"&&(Lt.textContent=Ql),ee=o(t),_t=l(t,"UL",{"data-svelte-h":!0}),i(_t)!=="svelte-1u474xq"&&(_t.innerHTML=Zl),ae=o(t),yt=l(t,"H2",{"data-svelte-h":!0}),i(yt)!=="svelte-riezyr"&&(yt.textContent=tp),le=o(t),bt=l(t,"UL",{"data-svelte-h":!0}),i(bt)!=="svelte-yp8vod"&&(bt.innerHTML=np),pe=o(t),ht=l(t,"PRE",{class:!0});var s=r(ht);oe=m(s,!1),s.forEach(n),ie=o(t),Tt=l(t,"H2",{"data-svelte-h":!0}),i(Tt)!=="svelte-1m4tfts"&&(Tt.textContent=sp),ce=o(t),Mt=l(t,"UL",{"data-svelte-h":!0}),i(Mt)!=="svelte-rps6ol"&&(Mt.innerHTML=ep),ue=o(t),wt=l(t,"H2",{"data-svelte-h":!0}),i(wt)!=="svelte-1l8xbia"&&(wt.textContent=ap),re=o(t),Ut=l(t,"UL",{"data-svelte-h":!0}),i(Ut)!=="svelte-1czbsk1"&&(Ut.innerHTML=lp),ke=o(t),zt=l(t,"H2",{"data-svelte-h":!0}),i(zt)!=="svelte-13hj2qm"&&(zt.textContent=pp),ve=o(t),St=l(t,"UL",{"data-svelte-h":!0}),i(St)!=="svelte-1dk51dh"&&(St.innerHTML=op),xe=o(t),qt=l(t,"H2",{"data-svelte-h":!0}),i(qt)!=="svelte-xqqftr"&&(qt.textContent=ip),me=o(t),jt=l(t,"UL",{"data-svelte-h":!0}),i(jt)!=="svelte-1mixfin"&&(jt.innerHTML=cp),fe=o(t),Et=l(t,"H2",{"data-svelte-h":!0}),i(Et)!=="svelte-1jlhdkk"&&(Et.textContent=up),Ce=o(t),Pt=l(t,"UL",{"data-svelte-h":!0}),i(Pt)!=="svelte-huruy4"&&(Pt.innerHTML=rp),de=o(t),$t=l(t,"H2",{"data-svelte-h":!0}),i($t)!=="svelte-181y4k1"&&($t.textContent=kp),ge=o(t),Rt=l(t,"UL",{"data-svelte-h":!0}),i(Rt)!=="svelte-bdb20m"&&(Rt.innerHTML=vp),He=o(t),At=l(t,"H2",{"data-svelte-h":!0}),i(At)!=="svelte-vkq8ie"&&(At.textContent=xp),Le=o(t),Dt=l(t,"UL",{"data-svelte-h":!0}),i(Dt)!=="svelte-1hbtrka"&&(Dt.innerHTML=mp),_e=o(t),Xt=l(t,"H2",{"data-svelte-h":!0}),i(Xt)!=="svelte-11tmp3p"&&(Xt.textContent=fp),ye=o(t),Bt=l(t,"UL",{"data-svelte-h":!0}),i(Bt)!=="svelte-92t6x1"&&(Bt.innerHTML=Cp),be=o(t),Nt=l(t,"H2",{"data-svelte-h":!0}),i(Nt)!=="svelte-1w6jbtc"&&(Nt.textContent=dp),he=o(t),Ot=l(t,"UL",{"data-svelte-h":!0}),i(Ot)!=="svelte-z8r303"&&(Ot.innerHTML=gp),Te=o(t),It=l(t,"H2",{"data-svelte-h":!0}),i(It)!=="svelte-keoq6v"&&(It.textContent=Hp),Me=o(t),Wt=l(t,"UL",{"data-svelte-h":!0}),i(Wt)!=="svelte-1z0nmv"&&(Wt.innerHTML=Lp),we=o(t),Gt=l(t,"PRE",{class:!0});var Ho=r(Gt);Ue=m(Ho,!1),Ho.forEach(n),ze=o(t),Ft=l(t,"P",{"data-svelte-h":!0}),i(Ft)!=="svelte-cg5lav"&&(Ft.textContent=_p),Se=o(t),Vt=l(t,"H2",{"data-svelte-h":!0}),i(Vt)!=="svelte-1erl6s2"&&(Vt.textContent=yp),qe=o(t),Yt=l(t,"P",{"data-svelte-h":!0}),i(Yt)!=="svelte-2cuktg"&&(Yt.textContent=bp),je=o(t),Jt=l(t,"P",{"data-svelte-h":!0}),i(Jt)!=="svelte-1ksj4vk"&&(Jt.textContent=hp),Ee=o(t),Kt=l(t,"H3",{"data-svelte-h":!0}),i(Kt)!=="svelte-1hhpck0"&&(Kt.textContent=Tp),Pe=o(t),Qt=l(t,"PRE",{class:!0});var Lo=r(Qt);$e=m(Lo,!1),Lo.forEach(n),Re=o(t),Zt=l(t,"P",{"data-svelte-h":!0}),i(Zt)!=="svelte-5vcrdx"&&(Zt.textContent=Mp),Ae=o(t),tn=l(t,"H2",{"data-svelte-h":!0}),i(tn)!=="svelte-1wh74pl"&&(tn.textContent=wp),De=o(t),nn=l(t,"UL",{"data-svelte-h":!0}),i(nn)!=="svelte-1egxu7v"&&(nn.innerHTML=Up),Xe=o(t),sn=l(t,"PRE",{class:!0});var _o=r(sn);Be=m(_o,!1),_o.forEach(n),Ne=o(t),en=l(t,"H2",{"data-svelte-h":!0}),i(en)!=="svelte-53e93u"&&(en.textContent=zp),Oe=o(t),an=l(t,"UL",{"data-svelte-h":!0}),i(an)!=="svelte-nray8n"&&(an.innerHTML=Sp),Ie=o(t),ln=l(t,"PRE",{class:!0});var yo=r(ln);We=m(yo,!1),yo.forEach(n),Ge=o(t),pn=l(t,"UL",{"data-svelte-h":!0}),i(pn)!=="svelte-1f6p7s9"&&(pn.innerHTML=qp),Fe=o(t),on=l(t,"PRE",{class:!0});var bo=r(on);Ve=m(bo,!1),bo.forEach(n),Ye=o(t),cn=l(t,"H2",{"data-svelte-h":!0}),i(cn)!=="svelte-1e694ew"&&(cn.textContent=jp),Je=o(t),un=l(t,"UL",{"data-svelte-h":!0}),i(un)!=="svelte-c5afys"&&(un.innerHTML=Ep),Ke=o(t),rn=l(t,"H2",{"data-svelte-h":!0}),i(rn)!=="svelte-1kzwmn2"&&(rn.textContent=Pp),Qe=o(t),kn=l(t,"UL",{"data-svelte-h":!0}),i(kn)!=="svelte-1z0sogl"&&(kn.innerHTML=$p),Ze=o(t),vn=l(t,"H2",{"data-svelte-h":!0}),i(vn)!=="svelte-v1nfkc"&&(vn.textContent=Rp),ta=o(t),xn=l(t,"UL",{"data-svelte-h":!0}),i(xn)!=="svelte-4g1cuc"&&(xn.innerHTML=Ap),na=o(t),mn=l(t,"H2",{"data-svelte-h":!0}),i(mn)!=="svelte-8z5w1t"&&(mn.textContent=Dp),sa=o(t),fn=l(t,"UL",{"data-svelte-h":!0}),i(fn)!=="svelte-1w1tye9"&&(fn.innerHTML=Xp),ea=o(t),Cn=l(t,"H2",{"data-svelte-h":!0}),i(Cn)!=="svelte-8adqj9"&&(Cn.textContent=Bp),aa=o(t),dn=l(t,"UL",{"data-svelte-h":!0}),i(dn)!=="svelte-1b5mh3a"&&(dn.innerHTML=Np),la=o(t),gn=l(t,"H2",{"data-svelte-h":!0}),i(gn)!=="svelte-lko9zs"&&(gn.textContent=Op),pa=o(t),Hn=l(t,"UL",{"data-svelte-h":!0}),i(Hn)!=="svelte-1lhuhcl"&&(Hn.innerHTML=Ip),oa=o(t),Ln=l(t,"H2",{"data-svelte-h":!0}),i(Ln)!=="svelte-1fzx9y3"&&(Ln.textContent=Wp),ia=o(t),_n=l(t,"UL",{"data-svelte-h":!0}),i(_n)!=="svelte-1n183ye"&&(_n.innerHTML=Gp),ca=o(t),yn=l(t,"H2",{"data-svelte-h":!0}),i(yn)!=="svelte-sebs7y"&&(yn.textContent=Fp),ua=o(t),bn=l(t,"UL",{"data-svelte-h":!0}),i(bn)!=="svelte-1mu1oeg"&&(bn.innerHTML=Vp),ra=o(t),hn=l(t,"H2",{"data-svelte-h":!0}),i(hn)!=="svelte-q1nx5l"&&(hn.textContent=Yp),ka=o(t),Tn=l(t,"UL",{"data-svelte-h":!0}),i(Tn)!=="svelte-10y62h"&&(Tn.innerHTML=Jp),va=o(t),Mn=l(t,"H2",{"data-svelte-h":!0}),i(Mn)!=="svelte-2g2l58"&&(Mn.textContent=Kp),xa=o(t),wn=l(t,"UL",{"data-svelte-h":!0}),i(wn)!=="svelte-1qzw0x8"&&(wn.innerHTML=Qp),ma=o(t),Un=l(t,"H2",{"data-svelte-h":!0}),i(Un)!=="svelte-wvbli7"&&(Un.textContent=Zp),fa=o(t),zn=l(t,"UL",{"data-svelte-h":!0}),i(zn)!=="svelte-mue65p"&&(zn.innerHTML=to),Ca=o(t),Sn=l(t,"H2",{"data-svelte-h":!0}),i(Sn)!=="svelte-w3lzvm"&&(Sn.textContent=no),da=o(t),qn=l(t,"UL",{"data-svelte-h":!0}),i(qn)!=="svelte-17h2imx"&&(qn.innerHTML=so),ga=o(t),jn=l(t,"H2",{"data-svelte-h":!0}),i(jn)!=="svelte-6x28pp"&&(jn.textContent=eo),Ha=o(t),En=l(t,"UL",{"data-svelte-h":!0}),i(En)!=="svelte-66cqkn"&&(En.innerHTML=ao),La=o(t),Pn=l(t,"H2",{"data-svelte-h":!0}),i(Pn)!=="svelte-x3r3b4"&&(Pn.textContent=lo),_a=o(t),$n=l(t,"UL",{"data-svelte-h":!0}),i($n)!=="svelte-1lzj1wx"&&($n.innerHTML=po),ya=o(t),Rn=l(t,"H2",{"data-svelte-h":!0}),i(Rn)!=="svelte-118asnv"&&(Rn.textContent=oo),ba=o(t),An=l(t,"UL",{"data-svelte-h":!0}),i(An)!=="svelte-1loi799"&&(An.innerHTML=io),ha=o(t),Ta=l(t,"HR",{}),Ma=o(t),Dn=l(t,"H2",{"data-svelte-h":!0}),i(Dn)!=="svelte-10cara0"&&(Dn.textContent=co),wa=o(t),Xn=l(t,"UL",{"data-svelte-h":!0}),i(Xn)!=="svelte-nndhyx"&&(Xn.innerHTML=uo),Ua=o(t),Bn=l(t,"PRE",{class:!0});var ho=r(Bn);za=m(ho,!1),ho.forEach(n),Sa=o(t),Nn=l(t,"BLOCKQUOTE",{"data-svelte-h":!0}),i(Nn)!=="svelte-1nhkj9v"&&(Nn.innerHTML=ro),qa=o(t),On=l(t,"UL",{"data-svelte-h":!0}),i(On)!=="svelte-6gk22h"&&(On.innerHTML=ko),ja=o(t),In=l(t,"PRE",{class:!0});var To=r(In);Ea=m(To,!1),To.forEach(n),Pa=o(t),Wn=l(t,"UL",{"data-svelte-h":!0}),i(Wn)!=="svelte-10z8ls3"&&(Wn.innerHTML=vo),$a=o(t),Gn=l(t,"PRE",{class:!0});var Mo=r(Gn);Ra=m(Mo,!1),Mo.forEach(n),Aa=o(t),Fn=l(t,"UL",{"data-svelte-h":!0}),i(Fn)!=="svelte-1hosivj"&&(Fn.innerHTML=xo),Da=o(t),Vn=l(t,"PRE",{class:!0});var wo=r(Vn);Xa=m(wo,!1),wo.forEach(n),Ba=o(t),Na=l(t,"HR",{}),Oa=o(t),Yn=l(t,"H2",{"data-svelte-h":!0}),i(Yn)!=="svelte-xgi1vi"&&(Yn.textContent=mo),Ia=o(t),Jn=l(t,"UL",{"data-svelte-h":!0}),i(Jn)!=="svelte-pzzxqn"&&(Jn.innerHTML=fo),Wa=o(t),Kn=l(t,"H2",{"data-svelte-h":!0}),i(Kn)!=="svelte-5ql4of"&&(Kn.textContent=Co),Ga=o(t),Qn=l(t,"UL",{"data-svelte-h":!0}),i(Qn)!=="svelte-19tzs2m"&&(Qn.innerHTML=go),this.h()},h(){oe.a=null,k(ht,"class","language-html"),Ue.a=null,k(Gt,"class","language-undefined"),$e.a=null,k(Qt,"class","language-html"),Be.a=null,k(sn,"class","language-js"),We.a=null,k(ln,"class","language-ts"),Ve.a=null,k(on,"class","language-ts"),za.a=null,k(Bn,"class","language-html"),Ea.a=null,k(In,"class","language-html"),Ra.a=null,k(Gn,"class","language-html"),Xa.a=null,k(Vn,"class","language-js")},m(t,s){e(t,c,s),e(t,f,s),e(t,u,s),e(t,Zn,s),e(t,d,s),e(t,ts,s),e(t,g,s),e(t,ns,s),e(t,H,s),e(t,ss,s),e(t,L,s),e(t,es,s),e(t,_,s),e(t,as,s),e(t,y,s),e(t,ls,s),e(t,b,s),e(t,ps,s),e(t,h,s),e(t,os,s),e(t,T,s),e(t,is,s),e(t,M,s),e(t,cs,s),e(t,w,s),e(t,us,s),e(t,U,s),e(t,rs,s),e(t,z,s),e(t,ks,s),e(t,S,s),e(t,vs,s),e(t,q,s),e(t,xs,s),e(t,j,s),e(t,ms,s),e(t,E,s),e(t,fs,s),e(t,P,s),e(t,Cs,s),e(t,$,s),e(t,ds,s),e(t,R,s),e(t,gs,s),e(t,A,s),e(t,Hs,s),e(t,D,s),e(t,Ls,s),e(t,X,s),e(t,_s,s),e(t,B,s),e(t,ys,s),e(t,N,s),e(t,bs,s),e(t,O,s),e(t,hs,s),e(t,I,s),e(t,Ts,s),e(t,W,s),e(t,Ms,s),e(t,G,s),e(t,ws,s),e(t,F,s),e(t,Us,s),e(t,V,s),e(t,zs,s),e(t,Y,s),e(t,Ss,s),e(t,J,s),e(t,qs,s),e(t,K,s),e(t,js,s),e(t,Q,s),e(t,Es,s),e(t,Z,s),e(t,Ps,s),e(t,tt,s),e(t,$s,s),e(t,nt,s),e(t,Rs,s),e(t,st,s),e(t,As,s),e(t,et,s),e(t,Ds,s),e(t,at,s),e(t,Xs,s),e(t,lt,s),e(t,Bs,s),e(t,pt,s),e(t,Ns,s),e(t,ot,s),e(t,Os,s),e(t,it,s),e(t,Is,s),e(t,ct,s),e(t,Ws,s),e(t,ut,s),e(t,Gs,s),e(t,rt,s),e(t,Fs,s),e(t,kt,s),e(t,Vs,s),e(t,vt,s),e(t,Ys,s),e(t,xt,s),e(t,Js,s),e(t,mt,s),e(t,Ks,s),e(t,ft,s),e(t,Qs,s),e(t,Ct,s),e(t,Zs,s),e(t,dt,s),e(t,te,s),e(t,gt,s),e(t,ne,s),e(t,Ht,s),e(t,se,s),e(t,Lt,s),e(t,ee,s),e(t,_t,s),e(t,ae,s),e(t,yt,s),e(t,le,s),e(t,bt,s),e(t,pe,s),e(t,ht,s),oe.m(qo,ht),e(t,ie,s),e(t,Tt,s),e(t,ce,s),e(t,Mt,s),e(t,ue,s),e(t,wt,s),e(t,re,s),e(t,Ut,s),e(t,ke,s),e(t,zt,s),e(t,ve,s),e(t,St,s),e(t,xe,s),e(t,qt,s),e(t,me,s),e(t,jt,s),e(t,fe,s),e(t,Et,s),e(t,Ce,s),e(t,Pt,s),e(t,de,s),e(t,$t,s),e(t,ge,s),e(t,Rt,s),e(t,He,s),e(t,At,s),e(t,Le,s),e(t,Dt,s),e(t,_e,s),e(t,Xt,s),e(t,ye,s),e(t,Bt,s),e(t,be,s),e(t,Nt,s),e(t,he,s),e(t,Ot,s),e(t,Te,s),e(t,It,s),e(t,Me,s),e(t,Wt,s),e(t,we,s),e(t,Gt,s),Ue.m(jo,Gt),e(t,ze,s),e(t,Ft,s),e(t,Se,s),e(t,Vt,s),e(t,qe,s),e(t,Yt,s),e(t,je,s),e(t,Jt,s),e(t,Ee,s),e(t,Kt,s),e(t,Pe,s),e(t,Qt,s),$e.m(Eo,Qt),e(t,Re,s),e(t,Zt,s),e(t,Ae,s),e(t,tn,s),e(t,De,s),e(t,nn,s),e(t,Xe,s),e(t,sn,s),Be.m(Po,sn),e(t,Ne,s),e(t,en,s),e(t,Oe,s),e(t,an,s),e(t,Ie,s),e(t,ln,s),We.m($o,ln),e(t,Ge,s),e(t,pn,s),e(t,Fe,s),e(t,on,s),Ve.m(Ro,on),e(t,Ye,s),e(t,cn,s),e(t,Je,s),e(t,un,s),e(t,Ke,s),e(t,rn,s),e(t,Qe,s),e(t,kn,s),e(t,Ze,s),e(t,vn,s),e(t,ta,s),e(t,xn,s),e(t,na,s),e(t,mn,s),e(t,sa,s),e(t,fn,s),e(t,ea,s),e(t,Cn,s),e(t,aa,s),e(t,dn,s),e(t,la,s),e(t,gn,s),e(t,pa,s),e(t,Hn,s),e(t,oa,s),e(t,Ln,s),e(t,ia,s),e(t,_n,s),e(t,ca,s),e(t,yn,s),e(t,ua,s),e(t,bn,s),e(t,ra,s),e(t,hn,s),e(t,ka,s),e(t,Tn,s),e(t,va,s),e(t,Mn,s),e(t,xa,s),e(t,wn,s),e(t,ma,s),e(t,Un,s),e(t,fa,s),e(t,zn,s),e(t,Ca,s),e(t,Sn,s),e(t,da,s),e(t,qn,s),e(t,ga,s),e(t,jn,s),e(t,Ha,s),e(t,En,s),e(t,La,s),e(t,Pn,s),e(t,_a,s),e(t,$n,s),e(t,ya,s),e(t,Rn,s),e(t,ba,s),e(t,An,s),e(t,ha,s),e(t,Ta,s),e(t,Ma,s),e(t,Dn,s),e(t,wa,s),e(t,Xn,s),e(t,Ua,s),e(t,Bn,s),za.m(Ao,Bn),e(t,Sa,s),e(t,Nn,s),e(t,qa,s),e(t,On,s),e(t,ja,s),e(t,In,s),Ea.m(Do,In),e(t,Pa,s),e(t,Wn,s),e(t,$a,s),e(t,Gn,s),Ra.m(Xo,Gn),e(t,Aa,s),e(t,Fn,s),e(t,Da,s),e(t,Vn,s),Xa.m(Bo,Vn),e(t,Ba,s),e(t,Na,s),e(t,Oa,s),e(t,Yn,s),e(t,Ia,s),e(t,Jn,s),e(t,Wa,s),e(t,Kn,s),e(t,Ga,s),e(t,Qn,s)},p:Fa,i:Fa,o:Fa,d(t){t&&(n(c),n(f),n(u),n(Zn),n(d),n(ts),n(g),n(ns),n(H),n(ss),n(L),n(es),n(_),n(as),n(y),n(ls),n(b),n(ps),n(h),n(os),n(T),n(is),n(M),n(cs),n(w),n(us),n(U),n(rs),n(z),n(ks),n(S),n(vs),n(q),n(xs),n(j),n(ms),n(E),n(fs),n(P),n(Cs),n($),n(ds),n(R),n(gs),n(A),n(Hs),n(D),n(Ls),n(X),n(_s),n(B),n(ys),n(N),n(bs),n(O),n(hs),n(I),n(Ts),n(W),n(Ms),n(G),n(ws),n(F),n(Us),n(V),n(zs),n(Y),n(Ss),n(J),n(qs),n(K),n(js),n(Q),n(Es),n(Z),n(Ps),n(tt),n($s),n(nt),n(Rs),n(st),n(As),n(et),n(Ds),n(at),n(Xs),n(lt),n(Bs),n(pt),n(Ns),n(ot),n(Os),n(it),n(Is),n(ct),n(Ws),n(ut),n(Gs),n(rt),n(Fs),n(kt),n(Vs),n(vt),n(Ys),n(xt),n(Js),n(mt),n(Ks),n(ft),n(Qs),n(Ct),n(Zs),n(dt),n(te),n(gt),n(ne),n(Ht),n(se),n(Lt),n(ee),n(_t),n(ae),n(yt),n(le),n(bt),n(pe),n(ht),n(ie),n(Tt),n(ce),n(Mt),n(ue),n(wt),n(re),n(Ut),n(ke),n(zt),n(ve),n(St),n(xe),n(qt),n(me),n(jt),n(fe),n(Et),n(Ce),n(Pt),n(de),n($t),n(ge),n(Rt),n(He),n(At),n(Le),n(Dt),n(_e),n(Xt),n(ye),n(Bt),n(be),n(Nt),n(he),n(Ot),n(Te),n(It),n(Me),n(Wt),n(we),n(Gt),n(ze),n(Ft),n(Se),n(Vt),n(qe),n(Yt),n(je),n(Jt),n(Ee),n(Kt),n(Pe),n(Qt),n(Re),n(Zt),n(Ae),n(tn),n(De),n(nn),n(Xe),n(sn),n(Ne),n(en),n(Oe),n(an),n(Ie),n(ln),n(Ge),n(pn),n(Fe),n(on),n(Ye),n(cn),n(Je),n(un),n(Ke),n(rn),n(Qe),n(kn),n(Ze),n(vn),n(ta),n(xn),n(na),n(mn),n(sa),n(fn),n(ea),n(Cn),n(aa),n(dn),n(la),n(gn),n(pa),n(Hn),n(oa),n(Ln),n(ia),n(_n),n(ca),n(yn),n(ua),n(bn),n(ra),n(hn),n(ka),n(Tn),n(va),n(Mn),n(xa),n(wn),n(ma),n(Un),n(fa),n(zn),n(Ca),n(Sn),n(da),n(qn),n(ga),n(jn),n(Ha),n(En),n(La),n(Pn),n(_a),n($n),n(ya),n(Rn),n(ba),n(An),n(ha),n(Ta),n(Ma),n(Dn),n(wa),n(Xn),n(Ua),n(Bn),n(Sa),n(Nn),n(qa),n(On),n(ja),n(In),n(Pa),n(Wn),n($a),n(Gn),n(Aa),n(Fn),n(Da),n(Vn),n(Ba),n(Na),n(Oa),n(Yn),n(Ia),n(Jn),n(Wa),n(Kn),n(Ga),n(Qn))}}}class Yo extends Uo{constructor(c){super(),zo(this,c,null,Vo,So,{})}}function Jo(Va){let c,v,f;return v=new Yo({}),{c(){c=a("div"),No(v.$$.fragment),this.h()},l(u){c=l(u,"DIV",{class:!0});var C=r(c);Oo(v.$$.fragment,C),C.forEach(n),this.h()},h(){k(c,"class","markdown p(20)")},m(u,C){e(u,c,C),Io(v,c,null),f=!0},p:Fa,i(u){f||(Wo(v.$$.fragment,u),f=!0)},o(u){Go(v.$$.fragment,u),f=!1},d(u){u&&n(c),Fo(v)}}}class Qo extends Uo{constructor(c){super(),zo(this,c,null,Jo,So,{})}}export{Qo as default};
+    <span class="token punctuation">]</span><span class="token punctuation">,</span></code>`,Ba,Na,Oa,Yn,mo="지난 로그",Ia,Jn,fo='<li>0.5.6 - (beta) bg(linear-gradient) 기능 추가</li> <li>0.5.5 - user-select 사파리에서 동작하지 않는 버그 수정, -webkit- prefix 추가</li> <li>0.5.3 - CSS Reset 보강 <a href="https://github.com/developer-1px/adorable-css/blob/master/src%5Badorable-css%5D/src/rules.ts" rel="nofollow">https://github.com/developer-1px/adorable-css/blob/master/src%5Badorable-css%5D/src/rules.ts</a></li> <li>0.5.2 - PostCSS를 사용하는 build 환경에서 에러발생하는 오류 수정함.</li> <li>0.4.9 - :nth-child를 비롯한 <strong>모든 pseudo class</strong> 지원, 등록되지 않은 모든 css도 일단 지원. ex) touch-action(pan-x)</li> <li>0.4.7 - glob방식의 config.include 추가 ex) <code>adorableCSS({include: &quot;src/**/*.{svelte,svx})&quot;</code></li> <li>0.4.5 - attribute selector 기능 추가 ex) [attr=‘value’]:c(red)</li> <li>0.4.4 - build시 sourcemap 포함되면 error나던 현상 수정</li>',Wa,Kn,Co="지금 준비하고 있는 기능들",Ga,Qn,go="<li>transform 결합: ex) translateX(10)+scale(.5)</li> <li>more level cascade priority(!important): ex) bg(red) .test:bg(orange)! .test2:bg(red)!!</li>";return{c(){c=a("h2"),c.textContent=v,f=p(),u=a("ul"),u.innerHTML=C,Zn=p(),d=a("h2"),d.textContent=Ya,ts=p(),g=a("ul"),g.innerHTML=Ja,ns=p(),H=a("h2"),H.textContent=Ka,ss=p(),L=a("h2"),L.textContent=Qa,es=p(),_=a("ul"),_.innerHTML=Za,as=p(),y=a("h2"),y.textContent=tl,ls=p(),b=a("ul"),b.innerHTML=nl,ps=p(),h=a("h2"),h.textContent=sl,os=p(),T=a("ul"),T.innerHTML=el,is=p(),M=a("h2"),M.textContent=al,cs=p(),w=a("ul"),w.innerHTML=ll,us=p(),U=a("h2"),U.textContent=pl,rs=p(),z=a("ul"),z.innerHTML=ol,ks=p(),S=a("h2"),S.textContent=il,vs=p(),q=a("ul"),q.innerHTML=cl,xs=p(),j=a("h2"),j.textContent=ul,ms=p(),E=a("ul"),E.innerHTML=rl,fs=p(),P=a("h2"),P.textContent=kl,Cs=p(),$=a("ul"),$.innerHTML=vl,ds=p(),R=a("h2"),R.textContent=xl,gs=p(),D=a("ul"),D.innerHTML=ml,Hs=p(),A=a("h2"),A.textContent=fl,Ls=p(),X=a("ul"),X.innerHTML=Cl,_s=p(),B=a("h2"),B.textContent=dl,ys=p(),N=a("ul"),N.innerHTML=gl,bs=p(),O=a("h2"),O.textContent=Hl,hs=p(),I=a("ul"),I.innerHTML=Ll,Ts=p(),W=a("h2"),W.textContent=_l,Ms=p(),G=a("ul"),G.innerHTML=yl,ws=p(),F=a("h2"),F.textContent=bl,Us=p(),V=a("ul"),V.innerHTML=hl,zs=p(),Y=a("h2"),Y.textContent=Tl,Ss=p(),J=a("ul"),J.innerHTML=Ml,qs=p(),K=a("h2"),K.textContent=wl,js=p(),Q=a("ul"),Q.innerHTML=Ul,Es=p(),Z=a("h2"),Z.textContent=zl,Ps=p(),tt=a("ul"),tt.innerHTML=Sl,$s=p(),nt=a("h2"),nt.textContent=ql,Rs=p(),st=a("ul"),st.innerHTML=jl,Ds=p(),et=a("h2"),et.textContent=El,As=p(),at=a("ul"),at.innerHTML=Pl,Xs=p(),lt=a("h2"),lt.textContent=$l,Bs=p(),pt=a("ul"),pt.innerHTML=Rl,Ns=p(),ot=a("h2"),ot.textContent=Dl,Os=p(),it=a("ul"),it.innerHTML=Al,Is=p(),ct=a("h2"),ct.textContent=Xl,Ws=p(),ut=a("ul"),ut.innerHTML=Bl,Gs=p(),rt=a("h2"),rt.textContent=Nl,Fs=p(),kt=a("ul"),kt.innerHTML=Ol,Vs=p(),vt=a("h2"),vt.textContent=Il,Ys=p(),xt=a("ul"),xt.innerHTML=Wl,Js=p(),mt=a("h2"),mt.textContent=Gl,Ks=p(),ft=a("ul"),ft.innerHTML=Fl,Qs=p(),Ct=a("h2"),Ct.textContent=Vl,Zs=p(),dt=a("ul"),dt.innerHTML=Yl,te=p(),gt=a("h2"),gt.textContent=Jl,ne=p(),Ht=a("ul"),Ht.innerHTML=Kl,se=p(),Lt=a("h2"),Lt.textContent=Ql,ee=p(),_t=a("ul"),_t.innerHTML=Zl,ae=p(),yt=a("h2"),yt.textContent=tp,le=p(),bt=a("ul"),bt.innerHTML=np,pe=p(),ht=a("pre"),oe=new x(!1),ie=p(),Tt=a("h2"),Tt.textContent=sp,ce=p(),Mt=a("ul"),Mt.innerHTML=ep,ue=p(),wt=a("h2"),wt.textContent=ap,re=p(),Ut=a("ul"),Ut.innerHTML=lp,ke=p(),zt=a("h2"),zt.textContent=pp,ve=p(),St=a("ul"),St.innerHTML=op,xe=p(),qt=a("h2"),qt.textContent=ip,me=p(),jt=a("ul"),jt.innerHTML=cp,fe=p(),Et=a("h2"),Et.textContent=up,Ce=p(),Pt=a("ul"),Pt.innerHTML=rp,de=p(),$t=a("h2"),$t.textContent=kp,ge=p(),Rt=a("ul"),Rt.innerHTML=vp,He=p(),Dt=a("h2"),Dt.textContent=xp,Le=p(),At=a("ul"),At.innerHTML=mp,_e=p(),Xt=a("h2"),Xt.textContent=fp,ye=p(),Bt=a("ul"),Bt.innerHTML=Cp,be=p(),Nt=a("h2"),Nt.textContent=dp,he=p(),Ot=a("ul"),Ot.innerHTML=gp,Te=p(),It=a("h2"),It.textContent=Hp,Me=p(),Wt=a("ul"),Wt.innerHTML=Lp,we=p(),Gt=a("pre"),Ue=new x(!1),ze=p(),Ft=a("p"),Ft.textContent=_p,Se=p(),Vt=a("h2"),Vt.textContent=yp,qe=p(),Yt=a("p"),Yt.textContent=bp,je=p(),Jt=a("p"),Jt.textContent=hp,Ee=p(),Kt=a("h3"),Kt.textContent=Tp,Pe=p(),Qt=a("pre"),$e=new x(!1),Re=p(),Zt=a("p"),Zt.textContent=Mp,De=p(),tn=a("h2"),tn.textContent=wp,Ae=p(),nn=a("ul"),nn.innerHTML=Up,Xe=p(),sn=a("pre"),Be=new x(!1),Ne=p(),en=a("h2"),en.textContent=zp,Oe=p(),an=a("ul"),an.innerHTML=Sp,Ie=p(),ln=a("pre"),We=new x(!1),Ge=p(),pn=a("ul"),pn.innerHTML=qp,Fe=p(),on=a("pre"),Ve=new x(!1),Ye=p(),cn=a("h2"),cn.textContent=jp,Je=p(),un=a("ul"),un.innerHTML=Ep,Ke=p(),rn=a("h2"),rn.textContent=Pp,Qe=p(),kn=a("ul"),kn.innerHTML=$p,Ze=p(),vn=a("h2"),vn.textContent=Rp,ta=p(),xn=a("ul"),xn.innerHTML=Dp,na=p(),mn=a("h2"),mn.textContent=Ap,sa=p(),fn=a("ul"),fn.innerHTML=Xp,ea=p(),Cn=a("h2"),Cn.textContent=Bp,aa=p(),dn=a("ul"),dn.innerHTML=Np,la=p(),gn=a("h2"),gn.textContent=Op,pa=p(),Hn=a("ul"),Hn.innerHTML=Ip,oa=p(),Ln=a("h2"),Ln.textContent=Wp,ia=p(),_n=a("ul"),_n.innerHTML=Gp,ca=p(),yn=a("h2"),yn.textContent=Fp,ua=p(),bn=a("ul"),bn.innerHTML=Vp,ra=p(),hn=a("h2"),hn.textContent=Yp,ka=p(),Tn=a("ul"),Tn.innerHTML=Jp,va=p(),Mn=a("h2"),Mn.textContent=Kp,xa=p(),wn=a("ul"),wn.innerHTML=Qp,ma=p(),Un=a("h2"),Un.textContent=Zp,fa=p(),zn=a("ul"),zn.innerHTML=to,Ca=p(),Sn=a("h2"),Sn.textContent=no,da=p(),qn=a("ul"),qn.innerHTML=so,ga=p(),jn=a("h2"),jn.textContent=eo,Ha=p(),En=a("ul"),En.innerHTML=ao,La=p(),Pn=a("h2"),Pn.textContent=lo,_a=p(),$n=a("ul"),$n.innerHTML=po,ya=p(),Rn=a("h2"),Rn.textContent=oo,ba=p(),Dn=a("ul"),Dn.innerHTML=io,ha=p(),Ta=a("hr"),Ma=p(),An=a("h2"),An.textContent=co,wa=p(),Xn=a("ul"),Xn.innerHTML=uo,Ua=p(),Bn=a("pre"),za=new x(!1),Sa=p(),Nn=a("blockquote"),Nn.innerHTML=ro,qa=p(),On=a("ul"),On.innerHTML=ko,ja=p(),In=a("pre"),Ea=new x(!1),Pa=p(),Wn=a("ul"),Wn.innerHTML=vo,$a=p(),Gn=a("pre"),Ra=new x(!1),Da=p(),Fn=a("ul"),Fn.innerHTML=xo,Aa=p(),Vn=a("pre"),Xa=new x(!1),Ba=p(),Na=a("hr"),Oa=p(),Yn=a("h2"),Yn.textContent=mo,Ia=p(),Jn=a("ul"),Jn.innerHTML=fo,Wa=p(),Kn=a("h2"),Kn.textContent=Co,Ga=p(),Qn=a("ul"),Qn.innerHTML=go,this.h()},l(t){c=l(t,"H2",{"data-svelte-h":!0}),i(c)!=="svelte-116ljs6"&&(c.textContent=v),f=o(t),u=l(t,"UL",{"data-svelte-h":!0}),i(u)!=="svelte-rpewtd"&&(u.innerHTML=C),Zn=o(t),d=l(t,"H2",{"data-svelte-h":!0}),i(d)!=="svelte-zgvwyg"&&(d.textContent=Ya),ts=o(t),g=l(t,"UL",{"data-svelte-h":!0}),i(g)!=="svelte-m56f93"&&(g.innerHTML=Ja),ns=o(t),H=l(t,"H2",{"data-svelte-h":!0}),i(H)!=="svelte-iz3yjj"&&(H.textContent=Ka),ss=o(t),L=l(t,"H2",{"data-svelte-h":!0}),i(L)!=="svelte-i1xrx6"&&(L.textContent=Qa),es=o(t),_=l(t,"UL",{"data-svelte-h":!0}),i(_)!=="svelte-iikobb"&&(_.innerHTML=Za),as=o(t),y=l(t,"H2",{"data-svelte-h":!0}),i(y)!=="svelte-h9g8lt"&&(y.textContent=tl),ls=o(t),b=l(t,"UL",{"data-svelte-h":!0}),i(b)!=="svelte-42vhd1"&&(b.innerHTML=nl),ps=o(t),h=l(t,"H2",{"data-svelte-h":!0}),i(h)!=="svelte-1dlidzw"&&(h.textContent=sl),os=o(t),T=l(t,"UL",{"data-svelte-h":!0}),i(T)!=="svelte-8074pv"&&(T.innerHTML=el),is=o(t),M=l(t,"H2",{"data-svelte-h":!0}),i(M)!=="svelte-1yvmbo3"&&(M.textContent=al),cs=o(t),w=l(t,"UL",{"data-svelte-h":!0}),i(w)!=="svelte-6zog3y"&&(w.innerHTML=ll),us=o(t),U=l(t,"H2",{"data-svelte-h":!0}),i(U)!=="svelte-1cpma32"&&(U.textContent=pl),rs=o(t),z=l(t,"UL",{"data-svelte-h":!0}),i(z)!=="svelte-o1gr9v"&&(z.innerHTML=ol),ks=o(t),S=l(t,"H2",{"data-svelte-h":!0}),i(S)!=="svelte-1c0u45u"&&(S.textContent=il),vs=o(t),q=l(t,"UL",{"data-svelte-h":!0}),i(q)!=="svelte-bm029l"&&(q.innerHTML=cl),xs=o(t),j=l(t,"H2",{"data-svelte-h":!0}),i(j)!=="svelte-1pen63j"&&(j.textContent=ul),ms=o(t),E=l(t,"UL",{"data-svelte-h":!0}),i(E)!=="svelte-mz7ewg"&&(E.innerHTML=rl),fs=o(t),P=l(t,"H2",{"data-svelte-h":!0}),i(P)!=="svelte-c8a1v8"&&(P.textContent=kl),Cs=o(t),$=l(t,"UL",{"data-svelte-h":!0}),i($)!=="svelte-jfupz"&&($.innerHTML=vl),ds=o(t),R=l(t,"H2",{"data-svelte-h":!0}),i(R)!=="svelte-1nozg5t"&&(R.textContent=xl),gs=o(t),D=l(t,"UL",{"data-svelte-h":!0}),i(D)!=="svelte-1ycnrj5"&&(D.innerHTML=ml),Hs=o(t),A=l(t,"H2",{"data-svelte-h":!0}),i(A)!=="svelte-1ts6e7a"&&(A.textContent=fl),Ls=o(t),X=l(t,"UL",{"data-svelte-h":!0}),i(X)!=="svelte-6m36w2"&&(X.innerHTML=Cl),_s=o(t),B=l(t,"H2",{"data-svelte-h":!0}),i(B)!=="svelte-16a1h8z"&&(B.textContent=dl),ys=o(t),N=l(t,"UL",{"data-svelte-h":!0}),i(N)!=="svelte-he41hy"&&(N.innerHTML=gl),bs=o(t),O=l(t,"H2",{"data-svelte-h":!0}),i(O)!=="svelte-1s2grdk"&&(O.textContent=Hl),hs=o(t),I=l(t,"UL",{"data-svelte-h":!0}),i(I)!=="svelte-1je6ikl"&&(I.innerHTML=Ll),Ts=o(t),W=l(t,"H2",{"data-svelte-h":!0}),i(W)!=="svelte-1wlxfr"&&(W.textContent=_l),Ms=o(t),G=l(t,"UL",{"data-svelte-h":!0}),i(G)!=="svelte-zyedm"&&(G.innerHTML=yl),ws=o(t),F=l(t,"H2",{"data-svelte-h":!0}),i(F)!=="svelte-dogmtv"&&(F.textContent=bl),Us=o(t),V=l(t,"UL",{"data-svelte-h":!0}),i(V)!=="svelte-16oo4pj"&&(V.innerHTML=hl),zs=o(t),Y=l(t,"H2",{"data-svelte-h":!0}),i(Y)!=="svelte-1upuicm"&&(Y.textContent=Tl),Ss=o(t),J=l(t,"UL",{"data-svelte-h":!0}),i(J)!=="svelte-1j71py0"&&(J.innerHTML=Ml),qs=o(t),K=l(t,"H2",{"data-svelte-h":!0}),i(K)!=="svelte-1mrbc0h"&&(K.textContent=wl),js=o(t),Q=l(t,"UL",{"data-svelte-h":!0}),i(Q)!=="svelte-1i5k4ln"&&(Q.innerHTML=Ul),Es=o(t),Z=l(t,"H2",{"data-svelte-h":!0}),i(Z)!=="svelte-14tuwac"&&(Z.textContent=zl),Ps=o(t),tt=l(t,"UL",{"data-svelte-h":!0}),i(tt)!=="svelte-fnyu41"&&(tt.innerHTML=Sl),$s=o(t),nt=l(t,"H2",{"data-svelte-h":!0}),i(nt)!=="svelte-1cicx3z"&&(nt.textContent=ql),Rs=o(t),st=l(t,"UL",{"data-svelte-h":!0}),i(st)!=="svelte-m31t87"&&(st.innerHTML=jl),Ds=o(t),et=l(t,"H2",{"data-svelte-h":!0}),i(et)!=="svelte-mk3kbh"&&(et.textContent=El),As=o(t),at=l(t,"UL",{"data-svelte-h":!0}),i(at)!=="svelte-cfvg6u"&&(at.innerHTML=Pl),Xs=o(t),lt=l(t,"H2",{"data-svelte-h":!0}),i(lt)!=="svelte-hgprpc"&&(lt.textContent=$l),Bs=o(t),pt=l(t,"UL",{"data-svelte-h":!0}),i(pt)!=="svelte-1yoi8wx"&&(pt.innerHTML=Rl),Ns=o(t),ot=l(t,"H2",{"data-svelte-h":!0}),i(ot)!=="svelte-u5qhld"&&(ot.textContent=Dl),Os=o(t),it=l(t,"UL",{"data-svelte-h":!0}),i(it)!=="svelte-yc8rpv"&&(it.innerHTML=Al),Is=o(t),ct=l(t,"H2",{"data-svelte-h":!0}),i(ct)!=="svelte-1ohgzh6"&&(ct.textContent=Xl),Ws=o(t),ut=l(t,"UL",{"data-svelte-h":!0}),i(ut)!=="svelte-k7p1qr"&&(ut.innerHTML=Bl),Gs=o(t),rt=l(t,"H2",{"data-svelte-h":!0}),i(rt)!=="svelte-jws2ov"&&(rt.textContent=Nl),Fs=o(t),kt=l(t,"UL",{"data-svelte-h":!0}),i(kt)!=="svelte-15re117"&&(kt.innerHTML=Ol),Vs=o(t),vt=l(t,"H2",{"data-svelte-h":!0}),i(vt)!=="svelte-yj7st4"&&(vt.textContent=Il),Ys=o(t),xt=l(t,"UL",{"data-svelte-h":!0}),i(xt)!=="svelte-135gn0n"&&(xt.innerHTML=Wl),Js=o(t),mt=l(t,"H2",{"data-svelte-h":!0}),i(mt)!=="svelte-1szmrvh"&&(mt.textContent=Gl),Ks=o(t),ft=l(t,"UL",{"data-svelte-h":!0}),i(ft)!=="svelte-1ac24zw"&&(ft.innerHTML=Fl),Qs=o(t),Ct=l(t,"H2",{"data-svelte-h":!0}),i(Ct)!=="svelte-o04bmj"&&(Ct.textContent=Vl),Zs=o(t),dt=l(t,"UL",{"data-svelte-h":!0}),i(dt)!=="svelte-p3hwxn"&&(dt.innerHTML=Yl),te=o(t),gt=l(t,"H2",{"data-svelte-h":!0}),i(gt)!=="svelte-1xffqpg"&&(gt.textContent=Jl),ne=o(t),Ht=l(t,"UL",{"data-svelte-h":!0}),i(Ht)!=="svelte-4jol9q"&&(Ht.innerHTML=Kl),se=o(t),Lt=l(t,"H2",{"data-svelte-h":!0}),i(Lt)!=="svelte-19pui6y"&&(Lt.textContent=Ql),ee=o(t),_t=l(t,"UL",{"data-svelte-h":!0}),i(_t)!=="svelte-1u474xq"&&(_t.innerHTML=Zl),ae=o(t),yt=l(t,"H2",{"data-svelte-h":!0}),i(yt)!=="svelte-riezyr"&&(yt.textContent=tp),le=o(t),bt=l(t,"UL",{"data-svelte-h":!0}),i(bt)!=="svelte-yp8vod"&&(bt.innerHTML=np),pe=o(t),ht=l(t,"PRE",{class:!0});var s=r(ht);oe=m(s,!1),s.forEach(n),ie=o(t),Tt=l(t,"H2",{"data-svelte-h":!0}),i(Tt)!=="svelte-1m4tfts"&&(Tt.textContent=sp),ce=o(t),Mt=l(t,"UL",{"data-svelte-h":!0}),i(Mt)!=="svelte-rps6ol"&&(Mt.innerHTML=ep),ue=o(t),wt=l(t,"H2",{"data-svelte-h":!0}),i(wt)!=="svelte-1l8xbia"&&(wt.textContent=ap),re=o(t),Ut=l(t,"UL",{"data-svelte-h":!0}),i(Ut)!=="svelte-1czbsk1"&&(Ut.innerHTML=lp),ke=o(t),zt=l(t,"H2",{"data-svelte-h":!0}),i(zt)!=="svelte-13hj2qm"&&(zt.textContent=pp),ve=o(t),St=l(t,"UL",{"data-svelte-h":!0}),i(St)!=="svelte-1dk51dh"&&(St.innerHTML=op),xe=o(t),qt=l(t,"H2",{"data-svelte-h":!0}),i(qt)!=="svelte-xqqftr"&&(qt.textContent=ip),me=o(t),jt=l(t,"UL",{"data-svelte-h":!0}),i(jt)!=="svelte-1mixfin"&&(jt.innerHTML=cp),fe=o(t),Et=l(t,"H2",{"data-svelte-h":!0}),i(Et)!=="svelte-1jlhdkk"&&(Et.textContent=up),Ce=o(t),Pt=l(t,"UL",{"data-svelte-h":!0}),i(Pt)!=="svelte-huruy4"&&(Pt.innerHTML=rp),de=o(t),$t=l(t,"H2",{"data-svelte-h":!0}),i($t)!=="svelte-181y4k1"&&($t.textContent=kp),ge=o(t),Rt=l(t,"UL",{"data-svelte-h":!0}),i(Rt)!=="svelte-bdb20m"&&(Rt.innerHTML=vp),He=o(t),Dt=l(t,"H2",{"data-svelte-h":!0}),i(Dt)!=="svelte-vkq8ie"&&(Dt.textContent=xp),Le=o(t),At=l(t,"UL",{"data-svelte-h":!0}),i(At)!=="svelte-1hbtrka"&&(At.innerHTML=mp),_e=o(t),Xt=l(t,"H2",{"data-svelte-h":!0}),i(Xt)!=="svelte-11tmp3p"&&(Xt.textContent=fp),ye=o(t),Bt=l(t,"UL",{"data-svelte-h":!0}),i(Bt)!=="svelte-92t6x1"&&(Bt.innerHTML=Cp),be=o(t),Nt=l(t,"H2",{"data-svelte-h":!0}),i(Nt)!=="svelte-1w6jbtc"&&(Nt.textContent=dp),he=o(t),Ot=l(t,"UL",{"data-svelte-h":!0}),i(Ot)!=="svelte-z8r303"&&(Ot.innerHTML=gp),Te=o(t),It=l(t,"H2",{"data-svelte-h":!0}),i(It)!=="svelte-keoq6v"&&(It.textContent=Hp),Me=o(t),Wt=l(t,"UL",{"data-svelte-h":!0}),i(Wt)!=="svelte-1z0nmv"&&(Wt.innerHTML=Lp),we=o(t),Gt=l(t,"PRE",{class:!0});var Ho=r(Gt);Ue=m(Ho,!1),Ho.forEach(n),ze=o(t),Ft=l(t,"P",{"data-svelte-h":!0}),i(Ft)!=="svelte-cg5lav"&&(Ft.textContent=_p),Se=o(t),Vt=l(t,"H2",{"data-svelte-h":!0}),i(Vt)!=="svelte-1erl6s2"&&(Vt.textContent=yp),qe=o(t),Yt=l(t,"P",{"data-svelte-h":!0}),i(Yt)!=="svelte-2cuktg"&&(Yt.textContent=bp),je=o(t),Jt=l(t,"P",{"data-svelte-h":!0}),i(Jt)!=="svelte-1ksj4vk"&&(Jt.textContent=hp),Ee=o(t),Kt=l(t,"H3",{"data-svelte-h":!0}),i(Kt)!=="svelte-1hhpck0"&&(Kt.textContent=Tp),Pe=o(t),Qt=l(t,"PRE",{class:!0});var Lo=r(Qt);$e=m(Lo,!1),Lo.forEach(n),Re=o(t),Zt=l(t,"P",{"data-svelte-h":!0}),i(Zt)!=="svelte-5vcrdx"&&(Zt.textContent=Mp),De=o(t),tn=l(t,"H2",{"data-svelte-h":!0}),i(tn)!=="svelte-1wh74pl"&&(tn.textContent=wp),Ae=o(t),nn=l(t,"UL",{"data-svelte-h":!0}),i(nn)!=="svelte-1egxu7v"&&(nn.innerHTML=Up),Xe=o(t),sn=l(t,"PRE",{class:!0});var _o=r(sn);Be=m(_o,!1),_o.forEach(n),Ne=o(t),en=l(t,"H2",{"data-svelte-h":!0}),i(en)!=="svelte-53e93u"&&(en.textContent=zp),Oe=o(t),an=l(t,"UL",{"data-svelte-h":!0}),i(an)!=="svelte-nray8n"&&(an.innerHTML=Sp),Ie=o(t),ln=l(t,"PRE",{class:!0});var yo=r(ln);We=m(yo,!1),yo.forEach(n),Ge=o(t),pn=l(t,"UL",{"data-svelte-h":!0}),i(pn)!=="svelte-1f6p7s9"&&(pn.innerHTML=qp),Fe=o(t),on=l(t,"PRE",{class:!0});var bo=r(on);Ve=m(bo,!1),bo.forEach(n),Ye=o(t),cn=l(t,"H2",{"data-svelte-h":!0}),i(cn)!=="svelte-1e694ew"&&(cn.textContent=jp),Je=o(t),un=l(t,"UL",{"data-svelte-h":!0}),i(un)!=="svelte-c5afys"&&(un.innerHTML=Ep),Ke=o(t),rn=l(t,"H2",{"data-svelte-h":!0}),i(rn)!=="svelte-1kzwmn2"&&(rn.textContent=Pp),Qe=o(t),kn=l(t,"UL",{"data-svelte-h":!0}),i(kn)!=="svelte-1z0sogl"&&(kn.innerHTML=$p),Ze=o(t),vn=l(t,"H2",{"data-svelte-h":!0}),i(vn)!=="svelte-v1nfkc"&&(vn.textContent=Rp),ta=o(t),xn=l(t,"UL",{"data-svelte-h":!0}),i(xn)!=="svelte-4g1cuc"&&(xn.innerHTML=Dp),na=o(t),mn=l(t,"H2",{"data-svelte-h":!0}),i(mn)!=="svelte-8z5w1t"&&(mn.textContent=Ap),sa=o(t),fn=l(t,"UL",{"data-svelte-h":!0}),i(fn)!=="svelte-1w1tye9"&&(fn.innerHTML=Xp),ea=o(t),Cn=l(t,"H2",{"data-svelte-h":!0}),i(Cn)!=="svelte-8adqj9"&&(Cn.textContent=Bp),aa=o(t),dn=l(t,"UL",{"data-svelte-h":!0}),i(dn)!=="svelte-1b5mh3a"&&(dn.innerHTML=Np),la=o(t),gn=l(t,"H2",{"data-svelte-h":!0}),i(gn)!=="svelte-lko9zs"&&(gn.textContent=Op),pa=o(t),Hn=l(t,"UL",{"data-svelte-h":!0}),i(Hn)!=="svelte-1lhuhcl"&&(Hn.innerHTML=Ip),oa=o(t),Ln=l(t,"H2",{"data-svelte-h":!0}),i(Ln)!=="svelte-1fzx9y3"&&(Ln.textContent=Wp),ia=o(t),_n=l(t,"UL",{"data-svelte-h":!0}),i(_n)!=="svelte-1n183ye"&&(_n.innerHTML=Gp),ca=o(t),yn=l(t,"H2",{"data-svelte-h":!0}),i(yn)!=="svelte-sebs7y"&&(yn.textContent=Fp),ua=o(t),bn=l(t,"UL",{"data-svelte-h":!0}),i(bn)!=="svelte-1mu1oeg"&&(bn.innerHTML=Vp),ra=o(t),hn=l(t,"H2",{"data-svelte-h":!0}),i(hn)!=="svelte-q1nx5l"&&(hn.textContent=Yp),ka=o(t),Tn=l(t,"UL",{"data-svelte-h":!0}),i(Tn)!=="svelte-10y62h"&&(Tn.innerHTML=Jp),va=o(t),Mn=l(t,"H2",{"data-svelte-h":!0}),i(Mn)!=="svelte-2g2l58"&&(Mn.textContent=Kp),xa=o(t),wn=l(t,"UL",{"data-svelte-h":!0}),i(wn)!=="svelte-1qzw0x8"&&(wn.innerHTML=Qp),ma=o(t),Un=l(t,"H2",{"data-svelte-h":!0}),i(Un)!=="svelte-wvbli7"&&(Un.textContent=Zp),fa=o(t),zn=l(t,"UL",{"data-svelte-h":!0}),i(zn)!=="svelte-mue65p"&&(zn.innerHTML=to),Ca=o(t),Sn=l(t,"H2",{"data-svelte-h":!0}),i(Sn)!=="svelte-w3lzvm"&&(Sn.textContent=no),da=o(t),qn=l(t,"UL",{"data-svelte-h":!0}),i(qn)!=="svelte-17h2imx"&&(qn.innerHTML=so),ga=o(t),jn=l(t,"H2",{"data-svelte-h":!0}),i(jn)!=="svelte-6x28pp"&&(jn.textContent=eo),Ha=o(t),En=l(t,"UL",{"data-svelte-h":!0}),i(En)!=="svelte-66cqkn"&&(En.innerHTML=ao),La=o(t),Pn=l(t,"H2",{"data-svelte-h":!0}),i(Pn)!=="svelte-x3r3b4"&&(Pn.textContent=lo),_a=o(t),$n=l(t,"UL",{"data-svelte-h":!0}),i($n)!=="svelte-1lzj1wx"&&($n.innerHTML=po),ya=o(t),Rn=l(t,"H2",{"data-svelte-h":!0}),i(Rn)!=="svelte-118asnv"&&(Rn.textContent=oo),ba=o(t),Dn=l(t,"UL",{"data-svelte-h":!0}),i(Dn)!=="svelte-1loi799"&&(Dn.innerHTML=io),ha=o(t),Ta=l(t,"HR",{}),Ma=o(t),An=l(t,"H2",{"data-svelte-h":!0}),i(An)!=="svelte-10cara0"&&(An.textContent=co),wa=o(t),Xn=l(t,"UL",{"data-svelte-h":!0}),i(Xn)!=="svelte-nndhyx"&&(Xn.innerHTML=uo),Ua=o(t),Bn=l(t,"PRE",{class:!0});var ho=r(Bn);za=m(ho,!1),ho.forEach(n),Sa=o(t),Nn=l(t,"BLOCKQUOTE",{"data-svelte-h":!0}),i(Nn)!=="svelte-1nhkj9v"&&(Nn.innerHTML=ro),qa=o(t),On=l(t,"UL",{"data-svelte-h":!0}),i(On)!=="svelte-6gk22h"&&(On.innerHTML=ko),ja=o(t),In=l(t,"PRE",{class:!0});var To=r(In);Ea=m(To,!1),To.forEach(n),Pa=o(t),Wn=l(t,"UL",{"data-svelte-h":!0}),i(Wn)!=="svelte-10z8ls3"&&(Wn.innerHTML=vo),$a=o(t),Gn=l(t,"PRE",{class:!0});var Mo=r(Gn);Ra=m(Mo,!1),Mo.forEach(n),Da=o(t),Fn=l(t,"UL",{"data-svelte-h":!0}),i(Fn)!=="svelte-1hosivj"&&(Fn.innerHTML=xo),Aa=o(t),Vn=l(t,"PRE",{class:!0});var wo=r(Vn);Xa=m(wo,!1),wo.forEach(n),Ba=o(t),Na=l(t,"HR",{}),Oa=o(t),Yn=l(t,"H2",{"data-svelte-h":!0}),i(Yn)!=="svelte-xgi1vi"&&(Yn.textContent=mo),Ia=o(t),Jn=l(t,"UL",{"data-svelte-h":!0}),i(Jn)!=="svelte-pzzxqn"&&(Jn.innerHTML=fo),Wa=o(t),Kn=l(t,"H2",{"data-svelte-h":!0}),i(Kn)!=="svelte-5ql4of"&&(Kn.textContent=Co),Ga=o(t),Qn=l(t,"UL",{"data-svelte-h":!0}),i(Qn)!=="svelte-19tzs2m"&&(Qn.innerHTML=go),this.h()},h(){oe.a=null,k(ht,"class","language-html"),Ue.a=null,k(Gt,"class","language-undefined"),$e.a=null,k(Qt,"class","language-html"),Be.a=null,k(sn,"class","language-js"),We.a=null,k(ln,"class","language-ts"),Ve.a=null,k(on,"class","language-ts"),za.a=null,k(Bn,"class","language-html"),Ea.a=null,k(In,"class","language-html"),Ra.a=null,k(Gn,"class","language-html"),Xa.a=null,k(Vn,"class","language-js")},m(t,s){e(t,c,s),e(t,f,s),e(t,u,s),e(t,Zn,s),e(t,d,s),e(t,ts,s),e(t,g,s),e(t,ns,s),e(t,H,s),e(t,ss,s),e(t,L,s),e(t,es,s),e(t,_,s),e(t,as,s),e(t,y,s),e(t,ls,s),e(t,b,s),e(t,ps,s),e(t,h,s),e(t,os,s),e(t,T,s),e(t,is,s),e(t,M,s),e(t,cs,s),e(t,w,s),e(t,us,s),e(t,U,s),e(t,rs,s),e(t,z,s),e(t,ks,s),e(t,S,s),e(t,vs,s),e(t,q,s),e(t,xs,s),e(t,j,s),e(t,ms,s),e(t,E,s),e(t,fs,s),e(t,P,s),e(t,Cs,s),e(t,$,s),e(t,ds,s),e(t,R,s),e(t,gs,s),e(t,D,s),e(t,Hs,s),e(t,A,s),e(t,Ls,s),e(t,X,s),e(t,_s,s),e(t,B,s),e(t,ys,s),e(t,N,s),e(t,bs,s),e(t,O,s),e(t,hs,s),e(t,I,s),e(t,Ts,s),e(t,W,s),e(t,Ms,s),e(t,G,s),e(t,ws,s),e(t,F,s),e(t,Us,s),e(t,V,s),e(t,zs,s),e(t,Y,s),e(t,Ss,s),e(t,J,s),e(t,qs,s),e(t,K,s),e(t,js,s),e(t,Q,s),e(t,Es,s),e(t,Z,s),e(t,Ps,s),e(t,tt,s),e(t,$s,s),e(t,nt,s),e(t,Rs,s),e(t,st,s),e(t,Ds,s),e(t,et,s),e(t,As,s),e(t,at,s),e(t,Xs,s),e(t,lt,s),e(t,Bs,s),e(t,pt,s),e(t,Ns,s),e(t,ot,s),e(t,Os,s),e(t,it,s),e(t,Is,s),e(t,ct,s),e(t,Ws,s),e(t,ut,s),e(t,Gs,s),e(t,rt,s),e(t,Fs,s),e(t,kt,s),e(t,Vs,s),e(t,vt,s),e(t,Ys,s),e(t,xt,s),e(t,Js,s),e(t,mt,s),e(t,Ks,s),e(t,ft,s),e(t,Qs,s),e(t,Ct,s),e(t,Zs,s),e(t,dt,s),e(t,te,s),e(t,gt,s),e(t,ne,s),e(t,Ht,s),e(t,se,s),e(t,Lt,s),e(t,ee,s),e(t,_t,s),e(t,ae,s),e(t,yt,s),e(t,le,s),e(t,bt,s),e(t,pe,s),e(t,ht,s),oe.m(qo,ht),e(t,ie,s),e(t,Tt,s),e(t,ce,s),e(t,Mt,s),e(t,ue,s),e(t,wt,s),e(t,re,s),e(t,Ut,s),e(t,ke,s),e(t,zt,s),e(t,ve,s),e(t,St,s),e(t,xe,s),e(t,qt,s),e(t,me,s),e(t,jt,s),e(t,fe,s),e(t,Et,s),e(t,Ce,s),e(t,Pt,s),e(t,de,s),e(t,$t,s),e(t,ge,s),e(t,Rt,s),e(t,He,s),e(t,Dt,s),e(t,Le,s),e(t,At,s),e(t,_e,s),e(t,Xt,s),e(t,ye,s),e(t,Bt,s),e(t,be,s),e(t,Nt,s),e(t,he,s),e(t,Ot,s),e(t,Te,s),e(t,It,s),e(t,Me,s),e(t,Wt,s),e(t,we,s),e(t,Gt,s),Ue.m(jo,Gt),e(t,ze,s),e(t,Ft,s),e(t,Se,s),e(t,Vt,s),e(t,qe,s),e(t,Yt,s),e(t,je,s),e(t,Jt,s),e(t,Ee,s),e(t,Kt,s),e(t,Pe,s),e(t,Qt,s),$e.m(Eo,Qt),e(t,Re,s),e(t,Zt,s),e(t,De,s),e(t,tn,s),e(t,Ae,s),e(t,nn,s),e(t,Xe,s),e(t,sn,s),Be.m(Po,sn),e(t,Ne,s),e(t,en,s),e(t,Oe,s),e(t,an,s),e(t,Ie,s),e(t,ln,s),We.m($o,ln),e(t,Ge,s),e(t,pn,s),e(t,Fe,s),e(t,on,s),Ve.m(Ro,on),e(t,Ye,s),e(t,cn,s),e(t,Je,s),e(t,un,s),e(t,Ke,s),e(t,rn,s),e(t,Qe,s),e(t,kn,s),e(t,Ze,s),e(t,vn,s),e(t,ta,s),e(t,xn,s),e(t,na,s),e(t,mn,s),e(t,sa,s),e(t,fn,s),e(t,ea,s),e(t,Cn,s),e(t,aa,s),e(t,dn,s),e(t,la,s),e(t,gn,s),e(t,pa,s),e(t,Hn,s),e(t,oa,s),e(t,Ln,s),e(t,ia,s),e(t,_n,s),e(t,ca,s),e(t,yn,s),e(t,ua,s),e(t,bn,s),e(t,ra,s),e(t,hn,s),e(t,ka,s),e(t,Tn,s),e(t,va,s),e(t,Mn,s),e(t,xa,s),e(t,wn,s),e(t,ma,s),e(t,Un,s),e(t,fa,s),e(t,zn,s),e(t,Ca,s),e(t,Sn,s),e(t,da,s),e(t,qn,s),e(t,ga,s),e(t,jn,s),e(t,Ha,s),e(t,En,s),e(t,La,s),e(t,Pn,s),e(t,_a,s),e(t,$n,s),e(t,ya,s),e(t,Rn,s),e(t,ba,s),e(t,Dn,s),e(t,ha,s),e(t,Ta,s),e(t,Ma,s),e(t,An,s),e(t,wa,s),e(t,Xn,s),e(t,Ua,s),e(t,Bn,s),za.m(Do,Bn),e(t,Sa,s),e(t,Nn,s),e(t,qa,s),e(t,On,s),e(t,ja,s),e(t,In,s),Ea.m(Ao,In),e(t,Pa,s),e(t,Wn,s),e(t,$a,s),e(t,Gn,s),Ra.m(Xo,Gn),e(t,Da,s),e(t,Fn,s),e(t,Aa,s),e(t,Vn,s),Xa.m(Bo,Vn),e(t,Ba,s),e(t,Na,s),e(t,Oa,s),e(t,Yn,s),e(t,Ia,s),e(t,Jn,s),e(t,Wa,s),e(t,Kn,s),e(t,Ga,s),e(t,Qn,s)},p:Fa,i:Fa,o:Fa,d(t){t&&(n(c),n(f),n(u),n(Zn),n(d),n(ts),n(g),n(ns),n(H),n(ss),n(L),n(es),n(_),n(as),n(y),n(ls),n(b),n(ps),n(h),n(os),n(T),n(is),n(M),n(cs),n(w),n(us),n(U),n(rs),n(z),n(ks),n(S),n(vs),n(q),n(xs),n(j),n(ms),n(E),n(fs),n(P),n(Cs),n($),n(ds),n(R),n(gs),n(D),n(Hs),n(A),n(Ls),n(X),n(_s),n(B),n(ys),n(N),n(bs),n(O),n(hs),n(I),n(Ts),n(W),n(Ms),n(G),n(ws),n(F),n(Us),n(V),n(zs),n(Y),n(Ss),n(J),n(qs),n(K),n(js),n(Q),n(Es),n(Z),n(Ps),n(tt),n($s),n(nt),n(Rs),n(st),n(Ds),n(et),n(As),n(at),n(Xs),n(lt),n(Bs),n(pt),n(Ns),n(ot),n(Os),n(it),n(Is),n(ct),n(Ws),n(ut),n(Gs),n(rt),n(Fs),n(kt),n(Vs),n(vt),n(Ys),n(xt),n(Js),n(mt),n(Ks),n(ft),n(Qs),n(Ct),n(Zs),n(dt),n(te),n(gt),n(ne),n(Ht),n(se),n(Lt),n(ee),n(_t),n(ae),n(yt),n(le),n(bt),n(pe),n(ht),n(ie),n(Tt),n(ce),n(Mt),n(ue),n(wt),n(re),n(Ut),n(ke),n(zt),n(ve),n(St),n(xe),n(qt),n(me),n(jt),n(fe),n(Et),n(Ce),n(Pt),n(de),n($t),n(ge),n(Rt),n(He),n(Dt),n(Le),n(At),n(_e),n(Xt),n(ye),n(Bt),n(be),n(Nt),n(he),n(Ot),n(Te),n(It),n(Me),n(Wt),n(we),n(Gt),n(ze),n(Ft),n(Se),n(Vt),n(qe),n(Yt),n(je),n(Jt),n(Ee),n(Kt),n(Pe),n(Qt),n(Re),n(Zt),n(De),n(tn),n(Ae),n(nn),n(Xe),n(sn),n(Ne),n(en),n(Oe),n(an),n(Ie),n(ln),n(Ge),n(pn),n(Fe),n(on),n(Ye),n(cn),n(Je),n(un),n(Ke),n(rn),n(Qe),n(kn),n(Ze),n(vn),n(ta),n(xn),n(na),n(mn),n(sa),n(fn),n(ea),n(Cn),n(aa),n(dn),n(la),n(gn),n(pa),n(Hn),n(oa),n(Ln),n(ia),n(_n),n(ca),n(yn),n(ua),n(bn),n(ra),n(hn),n(ka),n(Tn),n(va),n(Mn),n(xa),n(wn),n(ma),n(Un),n(fa),n(zn),n(Ca),n(Sn),n(da),n(qn),n(ga),n(jn),n(Ha),n(En),n(La),n(Pn),n(_a),n($n),n(ya),n(Rn),n(ba),n(Dn),n(ha),n(Ta),n(Ma),n(An),n(wa),n(Xn),n(Ua),n(Bn),n(Sa),n(Nn),n(qa),n(On),n(ja),n(In),n(Pa),n(Wn),n($a),n(Gn),n(Da),n(Fn),n(Aa),n(Vn),n(Ba),n(Na),n(Oa),n(Yn),n(Ia),n(Jn),n(Wa),n(Kn),n(Ga),n(Qn))}}}class Yo extends zo{constructor(c){super(),So(this,c,null,Vo,Uo,{})}}function Jo(Va){let c,v,f;return v=new Yo({}),{c(){c=a("div"),No(v.$$.fragment),this.h()},l(u){c=l(u,"DIV",{class:!0});var C=r(c);Oo(v.$$.fragment,C),C.forEach(n),this.h()},h(){k(c,"class","markdown p(20)")},m(u,C){e(u,c,C),Io(v,c,null),f=!0},p:Fa,i(u){f||(Wo(v.$$.fragment,u),f=!0)},o(u){Go(v.$$.fragment,u),f=!1},d(u){u&&n(c),Fo(v)}}}class Zo extends zo{constructor(c){super(),So(this,c,null,Jo,Uo,{})}}export{Zo as component};
diff --git a/_app/immutable/nodes/6.CLik99gw.js b/_app/immutable/nodes/6.CLik99gw.js
new file mode 100644
index 0000000..2ec227e
--- /dev/null
+++ b/_app/immutable/nodes/6.CLik99gw.js
@@ -0,0 +1,28 @@
+import{s as gs,n as il}from"../chunks/scheduler.CH-LaNC3.js";import{S as tp,i as ep,e as s,s as o,H as ul,c as p,k as a,f as i,a as al,w as dl,d as e,l as ne,g as l,o as pp,p as op,q as ip,r as ap,u as cp,v as up}from"../chunks/index.Wx35Jw4s.js";function dp(cl){let c,d='<img src="https://images.velog.io/images/teo/post/0282cd6a-7530-4674-ad56-2cea0b55b773/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202022-01-12%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2012.06.40.png"/>',x,u,C="AdorableCSS",le,f,xl="<p>⚡️ Rapid On-Demand Atomic CSS framework</p>",se,k,vl="어떤 CSS가 좋은 CSS인지 모르겠나요?<br/>AdorableCSS를 이용해서 CSS 이름짓기와 좋은 구조에 대한 고민을 날려보세요!",pe,H,Cl="Why AdorableCSS?",oe,_,fl="초창기 웹 문서의 서식을 위해 만들어진 CSS는 무엇보다 훌륭한 디자인 도구였습니다.",ie,b,kl="하지만 웹은 문서가 아니라 아니라 어플리케이션의 형태로 발전했고 페이지가 아니라 이제는 프레임워크와 컴포넌트 기반의 개발 방식으로 변경이 되었습니다.",ae,T,Hl=`문서 서식을 위해 만들어진 CSS는 안타깝게도 현대 프레임워크 방식과는 잘 맞지않게 설계되었습니다. CSS는 전역적이며 모듈화되지 않고 Cascade와 상세도에 의해 언제나 부서지기 쉬운 상태가 되었습니다. 그리고
+이를 해결하기 위해서 BEM과 같은 CSS 방법론등이 필요하게 되었지만 여전히 CSS개발은 어려운 작업이 되었습니다.`,ce,L,_l="Naming things is hard.",ue,M,bl="CSS가 어려운 이유는 뭘까요? 그것은 바로 이름짓기 문제입니다. CSS뿐만 아니라 모든 소프웨어 작업에서 꼭 필요한 좋은 이름을 짓는다는 것은 참 어려운 일입니다. CSS의 방법론이나 CSS를 잘 한다는 것은 이 좋은 이름을 짓는데서 출발하게 됩니다.",de,r,Tl="하지만 우리는 늘 <code>.inner-wraper</code> <code>.wrap-container</code> 와 같은 의미없는 이름들을 지으면서 괴로워합니다.",xe,m,Ll="또한 <code>.nav__title</code> <code>.nav__title--selected</code> 어떤 식으로 구조를 짜야하는지 늘 혼란스러워 합니다.",ve,y,Ml="No more writing your own CSS!",Ce,S,rl="그렇다면 아예 CSS를 작성하지 않는 방법은 어떨까요?",fe,h,ml="CSS의 잘못된 설계와 어플리케이션 개발방식이 맞지 않는 문제에서 더 이상 고민하지 마세요. 어플리케이션을 만드는 방식처럼 눈에 보이는 서식 그대로 HTML위에서 디자인기반으로 작업을 해보세요.",ke,P,yl="HTML과 CSS와 화면을 왔다갔다하며 새로고침을 할 필요도 없습니다. 직관적으로 HTML위에서 작성해보세요.",He,w,Sl="최적화는 걱정마세요! 필요한 CSS는 미리 다 함수로 만들어 두었습니다.",_e,z,be,np=`<code class="language-html"><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 attr-equals">=</span><span class="token punctuation">"</span>hbox pack bg(#333) c(#fff) r(6) p(8/12)
+               font(14/16/-1%) bold pointer<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>click me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span></code>`,Te,v,hl="click me",Le,E,Pl="Portable and Compact",Me,q,wl="미리 만들었다면 CSS의 용량은 매우 크지 않을까요? No!",re,j,zl="CSS는 빌드타임에 최적화되어 필요한 양만큼만 생성이 됩니다. 뿐만 아니라 한번 만들어진 CSS는 모든 페이지에서 재사용이 되기에 기존 방식보다 훨씬 더 적은 양의 CSS 파일을 사용하게 됩니다. 웹 서비스의 크기가 늘어다도 CSS의 크기는 더 커지지 않습니다.",me,B,El="또한 HTML과 CSS가 하나의 파일로 관리되기 때문에 리팩토링에서도 자유롭습니다.",ye,Se,he,A,ql="Key Feature",Pe,R,jl="<ol><li>AtomicCSS 방식으로 CSS 작업없이 HTML에서만 개발이 가능합니다.</li> <li>그러면서도 Selector, Pseudo Class등 CSS의 모든 기능을 사용할 수 있습니다.</li> <li>변경사항을 추적해서 실시간으로 CSS를 생성해서 최적의 코드를 만들어냅니다.</li> <li>Learning-Curve를 고려하여 문법을 간결하고 직관적이면서도 세련되게 다듬었습니다.</li></ol>",we,ze,Ee,$,Bl="Syntax",qe,O,je,lp=`<code class="language-html">property(value) 
+  - 가장 기본적인 형태로 프로퍼티(값)의 형태를 가집니다.
+  ex) class="w(240) h(100) c(#fff.3)"
+
+property(value/value/...) 
+  - 클래스는 띄어쓰기로 구분되므로 기존 css에서 띄어쓰기 구분자들은 '/'로 구분합니다.
+  ex) class="p(10/20) m(10/20/30/40)"
+
+property
+  - 값이 없는 프로퍼티는 ()를 사용하지 않습니다.
+  ex) class="hbox absolute bold none"
+
+prefix:property(value) 
+  - 조건부 렌더링 prefix를 통해 상황별로 서식을 다르게 적용할 수 있습니다.
+  ex) class="hover:bg(red) focus:ring(blue) .isSelected:underline mobile:vbox"
+
+prefix:property(value)! or property(value)! or property!
+  - 마지막에 !를 붙이면 !important 로 만들어줍니다.
+  ex) class="active:bg(red)! b(0)! none! fixed!"</code>`,Be,F,Al="Basic Properties",Ae,Re,$e,N,Rl="Text",Oe,D,$l="Color",Fe,K,Ol="<code>c(red)</code> <code>c(#f00)</code> <code>c(#f00.5)</code> <code>c(255,0,0)</code> <code>c(255,0,0,.3)</code> <code>c(100%,0,0)</code>",Ne,U,Fl="font(size/line-height/letter-spacing/word-spacing)",De,Q,Nl="<code>font(20/1.4/-1%)</code> <code>font(20/1.4)</code> <code>font(20/-/-1%)</code>",Ke,V,Dl="<code>font-size(30)</code> <code>line-height(1.5)</code> <code>letter-spacing(-1px)</code>",Ue,I,Kl="<code>word-spacing(-1px)</code>",Qe,W,Ul="font-family",Ve,G,Ql="<code>sans-serif</code> <code>serif</code> <code>cursive</code> <code>monospace</code>",Ie,J,Vl="font-style",We,X,Il="<code>bold</code> <code>italic</code> <code>underline</code> <code>strike</code>",Ge,Y,Wl="font-weight",Je,Z,Gl="<code>100</code> <code>200</code> <code>300</code> <code>400</code> <code>500</code> <code>600</code> <code>700</code> <code>800</code> <code>900</code>",Xe,g,Jl="<code>thin</code> <code>light</code> <code>medium</code> <code>regular</code> <code>bold</code> <code>heavy</code>",Ye,tt,Xl="text-align",Ze,et,Yl="<code>text(left)</code> <code>text(center)</code> <code>text(right)</code> <code>text(justify)</code>",ge,nt,Zl="<code>text(center+bottom)</code> <code>text(pack)</code>",tn,lt,gl="etc",en,st,ts="<code>lowercase</code> <code>uppercase</code> <code>small-caps</code>",nn,pt,es="<code>monospace(number)</code>",ln,ot,ns="stroke",sn,it,ls="<code>text-shadow()</code>",pn,on,an,at,ss="Box",cn,ct,ps="Size",un,ut,os="<code>w(30)</code> <code>w(~30)</code> <code>w(30~)</code> <code>w(20~30)</code>",dn,dt,is="<code>h(30)</code> <code>h(~30)</code> <code>h(30~)</code> <code>h(20~30)</code>",xn,xt,as="Radius",vn,vt,cs="<code>r(10)</code> <code>r(fill)</code> <code>r(100%)</code>",Cn,Ct,us="Fill",fn,ft,ds="<code>bg(#B75959)</code> <code>bg(linear-gradient(#000,#fff))</code> <code>bg(/image.png)</code>",kn,kt,xs="<code>cover</code> <code>contain</code>",Hn,Ht,vs="Stroke",_n,_t,Cs="<code>b(#000)</code> <code>b(1/#000)</code> <code>b(1/solid/#000)</code>",bn,bt,fs="<code>bt(#000)</code> <code>br()</code> <code>bb()</code> <code>bl()</code>",Tn,Tt,ks="<code>outline()</code> <code>ring()</code>",Ln,Lt,Hs="Effects",Mn,Mt,_s="<code>box-shadow(0/4/4/#000.25)</code>",rn,rt,bs="<code>box-shadow(inset/0/4/4/#000.25)</code>",mn,mt,Ts="<code>blur(4)</code>",yn,yt,Ls="<code>backdrop-blur(4)</code>",Sn,St,Ms="Clip content",hn,ht,rs="<code>clip</code> <code>overflow(hidden)</code>",Pn,Pt,ms="<code>nowrap...</code> <code>line-clamp(3)</code>",wn,wt,ys="Scroll",zn,zt,Ss="<code>scroll</code> <code>scroll-x</code> <code>scroll-y</code>",En,qn,jn,Et,hs="Layout",Bn,qt,Ps="Flexbox(Figma’s Autolayout)",An,jt,ws="<code>hbox</code> <code>vbox</code> <code>pack</code>",Rn,Bt,zs="hbox",$n,At,Es="<code>hbox(top)</code> <code>hbox(top+center)</code> <code>hbox(top+right)</code>",On,Rt,qs="<code>hbox(left)</code> <code>pack</code> <code>hbox(right)</code>",Fn,$t,js="<code>hbox(bottom)</code> <code>hbox(bottom+center)</code> <code>hbox(bottom+right)</code>",Nn,Ot,Bs="<code>hbox(fill)</code>",Dn,Ft,As="vbox",Kn,Nt,Rs="<code>vbox(top)</code> <code>vbox(top+center)</code> <code>vbox(top+right)</code>",Un,Dt,$s="<code>vbox(left)</code> <code>vbox pack</code> <code>vbox(right)</code>",Qn,Kt,Os="<code>vbox(bottom+left)</code> <code>vbox(bottom+center)</code> <code>vbox(bottom+right)</code>",Vn,Ut,Fs="gap, padding",In,Qt,Ns="<code>gap(10)</code> <code>gap(10/20)</code>",Wn,Vt,Ds="<code>p(10)</code> <code>p(10/20)</code> <code>p(10/20/30)</code> <code>p(10/20/30/40)</code>",Gn,It,Ks="Position",Jn,Wt,Us="<code>static</code> <code>relative</code> <code>absolute</code> <code>fixed</code>",Xn,Gt,Qs="<code>sticky</code> <code>sticky-top</code> <code>sticky-right</code> <code>sticky-bottom</code> <code>sticky-left</code>",Yn,Jt,Vs="<code>layer()</code> <code>layer(top)</code> <code>layer(top+right)</code>",Zn,Xt,Is="<code>top()</code> <code>right()</code> <code>bottom()</code> <code>left()</code> <code>x()</code> <code>y()</code>",gn,Yt,Ws="<code>z()</code>",tl,Zt,Gs="Visibility",el,gt,Js="<code>none</code> <code>hidden</code> <code>visible</code> <code>blind</code> <code>opacity(.5)</code>",nl,ll,sl,te,Xs="Reset CSS",pl,ee,ol,sp=`<code class="language-css"><span class="token selector">*,:after,:before</span><span class="token punctuation">&#123;</span><span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">font</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">box-sizing</span><span class="token punctuation">:</span>border-box<span class="token punctuation">;</span><span class="token property">flex-shrink</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
+<span class="token selector">:root</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-tap-highlight-color</span><span class="token punctuation">:</span>transparent<span class="token punctuation">;</span><span class="token property">text-size-adjust</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">-webkit-text-size-adjust</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>1.5<span class="token punctuation">;</span><span class="token property">overflow-wrap</span><span class="token punctuation">:</span>break-word<span class="token punctuation">;</span><span class="token property">word-break</span><span class="token punctuation">:</span>break-word<span class="token punctuation">;</span><span class="token property">tab-size</span><span class="token punctuation">:</span>2<span class="token punctuation">;</span><span class="token property">font-synthesis</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">text-rendering</span><span class="token punctuation">:</span>optimizeLegibility<span class="token punctuation">;</span><span class="token property">-webkit-font-smoothing</span><span class="token punctuation">:</span>antialiased<span class="token punctuation">;</span><span class="token property">-moz-osx-font-smoothing</span><span class="token punctuation">:</span>grayscale<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
+<span class="token selector">html,body</span><span class="token punctuation">&#123;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
+<span class="token selector">img,picture,video,canvas</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">max-width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
+<span class="token selector">button</span><span class="token punctuation">&#123;</span><span class="token property">background</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">border</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">cursor</span><span class="token punctuation">:</span>pointer<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
+<span class="token selector">a</span><span class="token punctuation">&#123;</span><span class="token property">text-decoration</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
+<span class="token selector">table</span><span class="token punctuation">&#123;</span><span class="token property">border-collapse</span><span class="token punctuation">:</span>collapse<span class="token punctuation">;</span><span class="token property">border-spacing</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
+<span class="token selector">ol,ul,menu,dir</span><span class="token punctuation">&#123;</span><span class="token property">list-style</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token punctuation">&#125;</span></code>`;return{c(){c=s("p"),c.innerHTML=d,x=o(),u=s("h1"),u.textContent=C,le=o(),f=s("blockquote"),f.innerHTML=xl,se=o(),k=s("p"),k.innerHTML=vl,pe=o(),H=s("h3"),H.textContent=Cl,oe=o(),_=s("p"),_.textContent=fl,ie=o(),b=s("p"),b.textContent=kl,ae=o(),T=s("p"),T.textContent=Hl,ce=o(),L=s("h3"),L.textContent=_l,ue=o(),M=s("p"),M.textContent=bl,de=o(),r=s("p"),r.innerHTML=Tl,xe=o(),m=s("p"),m.innerHTML=Ll,ve=o(),y=s("h3"),y.textContent=Ml,Ce=o(),S=s("p"),S.textContent=rl,fe=o(),h=s("p"),h.textContent=ml,ke=o(),P=s("p"),P.textContent=yl,He=o(),w=s("p"),w.textContent=Sl,_e=o(),z=s("pre"),be=new ul(!1),Te=o(),v=s("button"),v.textContent=hl,Le=o(),E=s("h3"),E.textContent=Pl,Me=o(),q=s("p"),q.textContent=wl,re=o(),j=s("p"),j.textContent=zl,me=o(),B=s("p"),B.textContent=El,ye=o(),Se=s("hr"),he=o(),A=s("h2"),A.textContent=ql,Pe=o(),R=s("blockquote"),R.innerHTML=jl,we=o(),ze=s("hr"),Ee=o(),$=s("h2"),$.textContent=Bl,qe=o(),O=s("pre"),je=new ul(!1),Be=o(),F=s("h2"),F.textContent=Al,Ae=o(),Re=s("hr"),$e=o(),N=s("h2"),N.textContent=Rl,Oe=o(),D=s("h3"),D.textContent=$l,Fe=o(),K=s("p"),K.innerHTML=Ol,Ne=o(),U=s("h3"),U.textContent=Fl,De=o(),Q=s("p"),Q.innerHTML=Nl,Ke=o(),V=s("p"),V.innerHTML=Dl,Ue=o(),I=s("p"),I.innerHTML=Kl,Qe=o(),W=s("h3"),W.textContent=Ul,Ve=o(),G=s("p"),G.innerHTML=Ql,Ie=o(),J=s("h3"),J.textContent=Vl,We=o(),X=s("p"),X.innerHTML=Il,Ge=o(),Y=s("h3"),Y.textContent=Wl,Je=o(),Z=s("p"),Z.innerHTML=Gl,Xe=o(),g=s("p"),g.innerHTML=Jl,Ye=o(),tt=s("h3"),tt.textContent=Xl,Ze=o(),et=s("p"),et.innerHTML=Yl,ge=o(),nt=s("p"),nt.innerHTML=Zl,tn=o(),lt=s("h3"),lt.textContent=gl,en=o(),st=s("p"),st.innerHTML=ts,nn=o(),pt=s("p"),pt.innerHTML=es,ln=o(),ot=s("h3"),ot.textContent=ns,sn=o(),it=s("p"),it.innerHTML=ls,pn=o(),on=s("hr"),an=o(),at=s("h2"),at.textContent=ss,cn=o(),ct=s("h3"),ct.textContent=ps,un=o(),ut=s("p"),ut.innerHTML=os,dn=o(),dt=s("p"),dt.innerHTML=is,xn=o(),xt=s("h3"),xt.textContent=as,vn=o(),vt=s("p"),vt.innerHTML=cs,Cn=o(),Ct=s("h3"),Ct.textContent=us,fn=o(),ft=s("p"),ft.innerHTML=ds,kn=o(),kt=s("p"),kt.innerHTML=xs,Hn=o(),Ht=s("h3"),Ht.textContent=vs,_n=o(),_t=s("p"),_t.innerHTML=Cs,bn=o(),bt=s("p"),bt.innerHTML=fs,Tn=o(),Tt=s("p"),Tt.innerHTML=ks,Ln=o(),Lt=s("h3"),Lt.textContent=Hs,Mn=o(),Mt=s("p"),Mt.innerHTML=_s,rn=o(),rt=s("p"),rt.innerHTML=bs,mn=o(),mt=s("p"),mt.innerHTML=Ts,yn=o(),yt=s("p"),yt.innerHTML=Ls,Sn=o(),St=s("h3"),St.textContent=Ms,hn=o(),ht=s("p"),ht.innerHTML=rs,Pn=o(),Pt=s("p"),Pt.innerHTML=ms,wn=o(),wt=s("h3"),wt.textContent=ys,zn=o(),zt=s("p"),zt.innerHTML=Ss,En=o(),qn=s("hr"),jn=o(),Et=s("h2"),Et.textContent=hs,Bn=o(),qt=s("h3"),qt.textContent=Ps,An=o(),jt=s("p"),jt.innerHTML=ws,Rn=o(),Bt=s("h3"),Bt.textContent=zs,$n=o(),At=s("p"),At.innerHTML=Es,On=o(),Rt=s("p"),Rt.innerHTML=qs,Fn=o(),$t=s("p"),$t.innerHTML=js,Nn=o(),Ot=s("p"),Ot.innerHTML=Bs,Dn=o(),Ft=s("h3"),Ft.textContent=As,Kn=o(),Nt=s("p"),Nt.innerHTML=Rs,Un=o(),Dt=s("p"),Dt.innerHTML=$s,Qn=o(),Kt=s("p"),Kt.innerHTML=Os,Vn=o(),Ut=s("h3"),Ut.textContent=Fs,In=o(),Qt=s("p"),Qt.innerHTML=Ns,Wn=o(),Vt=s("p"),Vt.innerHTML=Ds,Gn=o(),It=s("h3"),It.textContent=Ks,Jn=o(),Wt=s("p"),Wt.innerHTML=Us,Xn=o(),Gt=s("p"),Gt.innerHTML=Qs,Yn=o(),Jt=s("p"),Jt.innerHTML=Vs,Zn=o(),Xt=s("p"),Xt.innerHTML=Is,gn=o(),Yt=s("p"),Yt.innerHTML=Ws,tl=o(),Zt=s("h3"),Zt.textContent=Gs,el=o(),gt=s("p"),gt.innerHTML=Js,nl=o(),ll=s("hr"),sl=o(),te=s("h2"),te.textContent=Xs,pl=o(),ee=s("pre"),ol=new ul(!1),this.h()},l(t){c=p(t,"P",{"data-svelte-h":!0}),a(c)!=="svelte-151xwb1"&&(c.innerHTML=d),x=i(t),u=p(t,"H1",{"data-svelte-h":!0}),a(u)!=="svelte-xl68b3"&&(u.textContent=C),le=i(t),f=p(t,"BLOCKQUOTE",{"data-svelte-h":!0}),a(f)!=="svelte-zazub8"&&(f.innerHTML=xl),se=i(t),k=p(t,"P",{"data-svelte-h":!0}),a(k)!=="svelte-1co465p"&&(k.innerHTML=vl),pe=i(t),H=p(t,"H3",{"data-svelte-h":!0}),a(H)!=="svelte-18656gu"&&(H.textContent=Cl),oe=i(t),_=p(t,"P",{"data-svelte-h":!0}),a(_)!=="svelte-1glakif"&&(_.textContent=fl),ie=i(t),b=p(t,"P",{"data-svelte-h":!0}),a(b)!=="svelte-1le5bsw"&&(b.textContent=kl),ae=i(t),T=p(t,"P",{"data-svelte-h":!0}),a(T)!=="svelte-17fdy0v"&&(T.textContent=Hl),ce=i(t),L=p(t,"H3",{"data-svelte-h":!0}),a(L)!=="svelte-1rl64zq"&&(L.textContent=_l),ue=i(t),M=p(t,"P",{"data-svelte-h":!0}),a(M)!=="svelte-tda8pv"&&(M.textContent=bl),de=i(t),r=p(t,"P",{"data-svelte-h":!0}),a(r)!=="svelte-zocbfy"&&(r.innerHTML=Tl),xe=i(t),m=p(t,"P",{"data-svelte-h":!0}),a(m)!=="svelte-74vn8d"&&(m.innerHTML=Ll),ve=i(t),y=p(t,"H3",{"data-svelte-h":!0}),a(y)!=="svelte-ioby6r"&&(y.textContent=Ml),Ce=i(t),S=p(t,"P",{"data-svelte-h":!0}),a(S)!=="svelte-y4qnet"&&(S.textContent=rl),fe=i(t),h=p(t,"P",{"data-svelte-h":!0}),a(h)!=="svelte-libngj"&&(h.textContent=ml),ke=i(t),P=p(t,"P",{"data-svelte-h":!0}),a(P)!=="svelte-k484li"&&(P.textContent=yl),He=i(t),w=p(t,"P",{"data-svelte-h":!0}),a(w)!=="svelte-fqg26"&&(w.textContent=Sl),_e=i(t),z=p(t,"PRE",{class:!0});var n=al(z);be=dl(n,!1),n.forEach(e),Te=i(t),v=p(t,"BUTTON",{class:!0,"data-svelte-h":!0}),a(v)!=="svelte-1eere6d"&&(v.textContent=hl),Le=i(t),E=p(t,"H3",{"data-svelte-h":!0}),a(E)!=="svelte-19ht93"&&(E.textContent=Pl),Me=i(t),q=p(t,"P",{"data-svelte-h":!0}),a(q)!=="svelte-13gvr0a"&&(q.textContent=wl),re=i(t),j=p(t,"P",{"data-svelte-h":!0}),a(j)!=="svelte-z94vkc"&&(j.textContent=zl),me=i(t),B=p(t,"P",{"data-svelte-h":!0}),a(B)!=="svelte-v1uo1s"&&(B.textContent=El),ye=i(t),Se=p(t,"HR",{}),he=i(t),A=p(t,"H2",{"data-svelte-h":!0}),a(A)!=="svelte-1bnnqdt"&&(A.textContent=ql),Pe=i(t),R=p(t,"BLOCKQUOTE",{"data-svelte-h":!0}),a(R)!=="svelte-1vwjd5"&&(R.innerHTML=jl),we=i(t),ze=p(t,"HR",{}),Ee=i(t),$=p(t,"H2",{"data-svelte-h":!0}),a($)!=="svelte-1dqs4d9"&&($.textContent=Bl),qe=i(t),O=p(t,"PRE",{class:!0});var Ys=al(O);je=dl(Ys,!1),Ys.forEach(e),Be=i(t),F=p(t,"H2",{"data-svelte-h":!0}),a(F)!=="svelte-18nl5sl"&&(F.textContent=Al),Ae=i(t),Re=p(t,"HR",{}),$e=i(t),N=p(t,"H2",{"data-svelte-h":!0}),a(N)!=="svelte-lrbnt"&&(N.textContent=Rl),Oe=i(t),D=p(t,"H3",{"data-svelte-h":!0}),a(D)!=="svelte-1hlz3iz"&&(D.textContent=$l),Fe=i(t),K=p(t,"P",{"data-svelte-h":!0}),a(K)!=="svelte-15mvadf"&&(K.innerHTML=Ol),Ne=i(t),U=p(t,"H3",{"data-svelte-h":!0}),a(U)!=="svelte-1lzyvuw"&&(U.textContent=Fl),De=i(t),Q=p(t,"P",{"data-svelte-h":!0}),a(Q)!=="svelte-4sigep"&&(Q.innerHTML=Nl),Ke=i(t),V=p(t,"P",{"data-svelte-h":!0}),a(V)!=="svelte-12m2z5g"&&(V.innerHTML=Dl),Ue=i(t),I=p(t,"P",{"data-svelte-h":!0}),a(I)!=="svelte-1jrmzdq"&&(I.innerHTML=Kl),Qe=i(t),W=p(t,"H3",{"data-svelte-h":!0}),a(W)!=="svelte-t6b4pe"&&(W.textContent=Ul),Ve=i(t),G=p(t,"P",{"data-svelte-h":!0}),a(G)!=="svelte-tdgp5c"&&(G.innerHTML=Ql),Ie=i(t),J=p(t,"H3",{"data-svelte-h":!0}),a(J)!=="svelte-dosctx"&&(J.textContent=Vl),We=i(t),X=p(t,"P",{"data-svelte-h":!0}),a(X)!=="svelte-ubjcod"&&(X.innerHTML=Il),Ge=i(t),Y=p(t,"H3",{"data-svelte-h":!0}),a(Y)!=="svelte-4cyzae"&&(Y.textContent=Wl),Je=i(t),Z=p(t,"P",{"data-svelte-h":!0}),a(Z)!=="svelte-1jg3m3i"&&(Z.innerHTML=Gl),Xe=i(t),g=p(t,"P",{"data-svelte-h":!0}),a(g)!=="svelte-32v5x4"&&(g.innerHTML=Jl),Ye=i(t),tt=p(t,"H3",{"data-svelte-h":!0}),a(tt)!=="svelte-10j97a7"&&(tt.textContent=Xl),Ze=i(t),et=p(t,"P",{"data-svelte-h":!0}),a(et)!=="svelte-1pkntrg"&&(et.innerHTML=Yl),ge=i(t),nt=p(t,"P",{"data-svelte-h":!0}),a(nt)!=="svelte-50opbk"&&(nt.innerHTML=Zl),tn=i(t),lt=p(t,"H3",{"data-svelte-h":!0}),a(lt)!=="svelte-p0tfw0"&&(lt.textContent=gl),en=i(t),st=p(t,"P",{"data-svelte-h":!0}),a(st)!=="svelte-cnt0gb"&&(st.innerHTML=ts),nn=i(t),pt=p(t,"P",{"data-svelte-h":!0}),a(pt)!=="svelte-1utadbq"&&(pt.innerHTML=es),ln=i(t),ot=p(t,"H3",{"data-svelte-h":!0}),a(ot)!=="svelte-1plsvjw"&&(ot.textContent=ns),sn=i(t),it=p(t,"P",{"data-svelte-h":!0}),a(it)!=="svelte-ppg8ac"&&(it.innerHTML=ls),pn=i(t),on=p(t,"HR",{}),an=i(t),at=p(t,"H2",{"data-svelte-h":!0}),a(at)!=="svelte-x159i5"&&(at.textContent=ss),cn=i(t),ct=p(t,"H3",{"data-svelte-h":!0}),a(ct)!=="svelte-151n3eh"&&(ct.textContent=ps),un=i(t),ut=p(t,"P",{"data-svelte-h":!0}),a(ut)!=="svelte-bqx0ie"&&(ut.innerHTML=os),dn=i(t),dt=p(t,"P",{"data-svelte-h":!0}),a(dt)!=="svelte-1yd0cyo"&&(dt.innerHTML=is),xn=i(t),xt=p(t,"H3",{"data-svelte-h":!0}),a(xt)!=="svelte-1takt42"&&(xt.textContent=as),vn=i(t),vt=p(t,"P",{"data-svelte-h":!0}),a(vt)!=="svelte-1j2c2ns"&&(vt.innerHTML=cs),Cn=i(t),Ct=p(t,"H3",{"data-svelte-h":!0}),a(Ct)!=="svelte-kqzvlh"&&(Ct.textContent=us),fn=i(t),ft=p(t,"P",{"data-svelte-h":!0}),a(ft)!=="svelte-6ulo55"&&(ft.innerHTML=ds),kn=i(t),kt=p(t,"P",{"data-svelte-h":!0}),a(kt)!=="svelte-1k3bcv9"&&(kt.innerHTML=xs),Hn=i(t),Ht=p(t,"H3",{"data-svelte-h":!0}),a(Ht)!=="svelte-1q2asbg"&&(Ht.textContent=vs),_n=i(t),_t=p(t,"P",{"data-svelte-h":!0}),a(_t)!=="svelte-19y9ydv"&&(_t.innerHTML=Cs),bn=i(t),bt=p(t,"P",{"data-svelte-h":!0}),a(bt)!=="svelte-1ujh88n"&&(bt.innerHTML=fs),Tn=i(t),Tt=p(t,"P",{"data-svelte-h":!0}),a(Tt)!=="svelte-uae5wo"&&(Tt.innerHTML=ks),Ln=i(t),Lt=p(t,"H3",{"data-svelte-h":!0}),a(Lt)!=="svelte-toh1kc"&&(Lt.textContent=Hs),Mn=i(t),Mt=p(t,"P",{"data-svelte-h":!0}),a(Mt)!=="svelte-186trtl"&&(Mt.innerHTML=_s),rn=i(t),rt=p(t,"P",{"data-svelte-h":!0}),a(rt)!=="svelte-15ji1yr"&&(rt.innerHTML=bs),mn=i(t),mt=p(t,"P",{"data-svelte-h":!0}),a(mt)!=="svelte-1r45b5l"&&(mt.innerHTML=Ts),yn=i(t),yt=p(t,"P",{"data-svelte-h":!0}),a(yt)!=="svelte-1g5w7po"&&(yt.innerHTML=Ls),Sn=i(t),St=p(t,"H3",{"data-svelte-h":!0}),a(St)!=="svelte-18mayj"&&(St.textContent=Ms),hn=i(t),ht=p(t,"P",{"data-svelte-h":!0}),a(ht)!=="svelte-1rgha3l"&&(ht.innerHTML=rs),Pn=i(t),Pt=p(t,"P",{"data-svelte-h":!0}),a(Pt)!=="svelte-1yzzgyx"&&(Pt.innerHTML=ms),wn=i(t),wt=p(t,"H3",{"data-svelte-h":!0}),a(wt)!=="svelte-1ris5vt"&&(wt.textContent=ys),zn=i(t),zt=p(t,"P",{"data-svelte-h":!0}),a(zt)!=="svelte-ut7e7z"&&(zt.innerHTML=Ss),En=i(t),qn=p(t,"HR",{}),jn=i(t),Et=p(t,"H2",{"data-svelte-h":!0}),a(Et)!=="svelte-19krxxg"&&(Et.textContent=hs),Bn=i(t),qt=p(t,"H3",{"data-svelte-h":!0}),a(qt)!=="svelte-19mgrou"&&(qt.textContent=Ps),An=i(t),jt=p(t,"P",{"data-svelte-h":!0}),a(jt)!=="svelte-12gfinw"&&(jt.innerHTML=ws),Rn=i(t),Bt=p(t,"H3",{"data-svelte-h":!0}),a(Bt)!=="svelte-go5ik9"&&(Bt.textContent=zs),$n=i(t),At=p(t,"P",{"data-svelte-h":!0}),a(At)!=="svelte-1rkaj2r"&&(At.innerHTML=Es),On=i(t),Rt=p(t,"P",{"data-svelte-h":!0}),a(Rt)!=="svelte-toqt73"&&(Rt.innerHTML=qs),Fn=i(t),$t=p(t,"P",{"data-svelte-h":!0}),a($t)!=="svelte-rrltld"&&($t.innerHTML=js),Nn=i(t),Ot=p(t,"P",{"data-svelte-h":!0}),a(Ot)!=="svelte-18zxzdi"&&(Ot.innerHTML=Bs),Dn=i(t),Ft=p(t,"H3",{"data-svelte-h":!0}),a(Ft)!=="svelte-h11qnj"&&(Ft.textContent=As),Kn=i(t),Nt=p(t,"P",{"data-svelte-h":!0}),a(Nt)!=="svelte-18epelp"&&(Nt.innerHTML=Rs),Un=i(t),Dt=p(t,"P",{"data-svelte-h":!0}),a(Dt)!=="svelte-12gb04y"&&(Dt.innerHTML=$s),Qn=i(t),Kt=p(t,"P",{"data-svelte-h":!0}),a(Kt)!=="svelte-k0yu6j"&&(Kt.innerHTML=Os),Vn=i(t),Ut=p(t,"H3",{"data-svelte-h":!0}),a(Ut)!=="svelte-3hnlvl"&&(Ut.textContent=Fs),In=i(t),Qt=p(t,"P",{"data-svelte-h":!0}),a(Qt)!=="svelte-5hgi9t"&&(Qt.innerHTML=Ns),Wn=i(t),Vt=p(t,"P",{"data-svelte-h":!0}),a(Vt)!=="svelte-1fi00v2"&&(Vt.innerHTML=Ds),Gn=i(t),It=p(t,"H3",{"data-svelte-h":!0}),a(It)!=="svelte-1tvio83"&&(It.textContent=Ks),Jn=i(t),Wt=p(t,"P",{"data-svelte-h":!0}),a(Wt)!=="svelte-1nhfscz"&&(Wt.innerHTML=Us),Xn=i(t),Gt=p(t,"P",{"data-svelte-h":!0}),a(Gt)!=="svelte-iaq7fx"&&(Gt.innerHTML=Qs),Yn=i(t),Jt=p(t,"P",{"data-svelte-h":!0}),a(Jt)!=="svelte-1jrz4gk"&&(Jt.innerHTML=Vs),Zn=i(t),Xt=p(t,"P",{"data-svelte-h":!0}),a(Xt)!=="svelte-13qg3g6"&&(Xt.innerHTML=Is),gn=i(t),Yt=p(t,"P",{"data-svelte-h":!0}),a(Yt)!=="svelte-en827w"&&(Yt.innerHTML=Ws),tl=i(t),Zt=p(t,"H3",{"data-svelte-h":!0}),a(Zt)!=="svelte-1rey7x4"&&(Zt.textContent=Gs),el=i(t),gt=p(t,"P",{"data-svelte-h":!0}),a(gt)!=="svelte-1r4k8dr"&&(gt.innerHTML=Js),nl=i(t),ll=p(t,"HR",{}),sl=i(t),te=p(t,"H2",{"data-svelte-h":!0}),a(te)!=="svelte-j7zh5i"&&(te.textContent=Xs),pl=i(t),ee=p(t,"PRE",{class:!0});var Zs=al(ee);ol=dl(Zs,!1),Zs.forEach(e),this.h()},h(){be.a=null,ne(z,"class","language-html"),ne(v,"class","hbox pack bg(#333) c(#fff) r(6) p(8/12) font(14/16/-1%) bold pointer"),je.a=null,ne(O,"class","language-html"),ol.a=null,ne(ee,"class","language-css")},m(t,n){l(t,c,n),l(t,x,n),l(t,u,n),l(t,le,n),l(t,f,n),l(t,se,n),l(t,k,n),l(t,pe,n),l(t,H,n),l(t,oe,n),l(t,_,n),l(t,ie,n),l(t,b,n),l(t,ae,n),l(t,T,n),l(t,ce,n),l(t,L,n),l(t,ue,n),l(t,M,n),l(t,de,n),l(t,r,n),l(t,xe,n),l(t,m,n),l(t,ve,n),l(t,y,n),l(t,Ce,n),l(t,S,n),l(t,fe,n),l(t,h,n),l(t,ke,n),l(t,P,n),l(t,He,n),l(t,w,n),l(t,_e,n),l(t,z,n),be.m(np,z),l(t,Te,n),l(t,v,n),l(t,Le,n),l(t,E,n),l(t,Me,n),l(t,q,n),l(t,re,n),l(t,j,n),l(t,me,n),l(t,B,n),l(t,ye,n),l(t,Se,n),l(t,he,n),l(t,A,n),l(t,Pe,n),l(t,R,n),l(t,we,n),l(t,ze,n),l(t,Ee,n),l(t,$,n),l(t,qe,n),l(t,O,n),je.m(lp,O),l(t,Be,n),l(t,F,n),l(t,Ae,n),l(t,Re,n),l(t,$e,n),l(t,N,n),l(t,Oe,n),l(t,D,n),l(t,Fe,n),l(t,K,n),l(t,Ne,n),l(t,U,n),l(t,De,n),l(t,Q,n),l(t,Ke,n),l(t,V,n),l(t,Ue,n),l(t,I,n),l(t,Qe,n),l(t,W,n),l(t,Ve,n),l(t,G,n),l(t,Ie,n),l(t,J,n),l(t,We,n),l(t,X,n),l(t,Ge,n),l(t,Y,n),l(t,Je,n),l(t,Z,n),l(t,Xe,n),l(t,g,n),l(t,Ye,n),l(t,tt,n),l(t,Ze,n),l(t,et,n),l(t,ge,n),l(t,nt,n),l(t,tn,n),l(t,lt,n),l(t,en,n),l(t,st,n),l(t,nn,n),l(t,pt,n),l(t,ln,n),l(t,ot,n),l(t,sn,n),l(t,it,n),l(t,pn,n),l(t,on,n),l(t,an,n),l(t,at,n),l(t,cn,n),l(t,ct,n),l(t,un,n),l(t,ut,n),l(t,dn,n),l(t,dt,n),l(t,xn,n),l(t,xt,n),l(t,vn,n),l(t,vt,n),l(t,Cn,n),l(t,Ct,n),l(t,fn,n),l(t,ft,n),l(t,kn,n),l(t,kt,n),l(t,Hn,n),l(t,Ht,n),l(t,_n,n),l(t,_t,n),l(t,bn,n),l(t,bt,n),l(t,Tn,n),l(t,Tt,n),l(t,Ln,n),l(t,Lt,n),l(t,Mn,n),l(t,Mt,n),l(t,rn,n),l(t,rt,n),l(t,mn,n),l(t,mt,n),l(t,yn,n),l(t,yt,n),l(t,Sn,n),l(t,St,n),l(t,hn,n),l(t,ht,n),l(t,Pn,n),l(t,Pt,n),l(t,wn,n),l(t,wt,n),l(t,zn,n),l(t,zt,n),l(t,En,n),l(t,qn,n),l(t,jn,n),l(t,Et,n),l(t,Bn,n),l(t,qt,n),l(t,An,n),l(t,jt,n),l(t,Rn,n),l(t,Bt,n),l(t,$n,n),l(t,At,n),l(t,On,n),l(t,Rt,n),l(t,Fn,n),l(t,$t,n),l(t,Nn,n),l(t,Ot,n),l(t,Dn,n),l(t,Ft,n),l(t,Kn,n),l(t,Nt,n),l(t,Un,n),l(t,Dt,n),l(t,Qn,n),l(t,Kt,n),l(t,Vn,n),l(t,Ut,n),l(t,In,n),l(t,Qt,n),l(t,Wn,n),l(t,Vt,n),l(t,Gn,n),l(t,It,n),l(t,Jn,n),l(t,Wt,n),l(t,Xn,n),l(t,Gt,n),l(t,Yn,n),l(t,Jt,n),l(t,Zn,n),l(t,Xt,n),l(t,gn,n),l(t,Yt,n),l(t,tl,n),l(t,Zt,n),l(t,el,n),l(t,gt,n),l(t,nl,n),l(t,ll,n),l(t,sl,n),l(t,te,n),l(t,pl,n),l(t,ee,n),ol.m(sp,ee)},p:il,i:il,o:il,d(t){t&&(e(c),e(x),e(u),e(le),e(f),e(se),e(k),e(pe),e(H),e(oe),e(_),e(ie),e(b),e(ae),e(T),e(ce),e(L),e(ue),e(M),e(de),e(r),e(xe),e(m),e(ve),e(y),e(Ce),e(S),e(fe),e(h),e(ke),e(P),e(He),e(w),e(_e),e(z),e(Te),e(v),e(Le),e(E),e(Me),e(q),e(re),e(j),e(me),e(B),e(ye),e(Se),e(he),e(A),e(Pe),e(R),e(we),e(ze),e(Ee),e($),e(qe),e(O),e(Be),e(F),e(Ae),e(Re),e($e),e(N),e(Oe),e(D),e(Fe),e(K),e(Ne),e(U),e(De),e(Q),e(Ke),e(V),e(Ue),e(I),e(Qe),e(W),e(Ve),e(G),e(Ie),e(J),e(We),e(X),e(Ge),e(Y),e(Je),e(Z),e(Xe),e(g),e(Ye),e(tt),e(Ze),e(et),e(ge),e(nt),e(tn),e(lt),e(en),e(st),e(nn),e(pt),e(ln),e(ot),e(sn),e(it),e(pn),e(on),e(an),e(at),e(cn),e(ct),e(un),e(ut),e(dn),e(dt),e(xn),e(xt),e(vn),e(vt),e(Cn),e(Ct),e(fn),e(ft),e(kn),e(kt),e(Hn),e(Ht),e(_n),e(_t),e(bn),e(bt),e(Tn),e(Tt),e(Ln),e(Lt),e(Mn),e(Mt),e(rn),e(rt),e(mn),e(mt),e(yn),e(yt),e(Sn),e(St),e(hn),e(ht),e(Pn),e(Pt),e(wn),e(wt),e(zn),e(zt),e(En),e(qn),e(jn),e(Et),e(Bn),e(qt),e(An),e(jt),e(Rn),e(Bt),e($n),e(At),e(On),e(Rt),e(Fn),e($t),e(Nn),e(Ot),e(Dn),e(Ft),e(Kn),e(Nt),e(Un),e(Dt),e(Qn),e(Kt),e(Vn),e(Ut),e(In),e(Qt),e(Wn),e(Vt),e(Gn),e(It),e(Jn),e(Wt),e(Xn),e(Gt),e(Yn),e(Jt),e(Zn),e(Xt),e(gn),e(Yt),e(tl),e(Zt),e(el),e(gt),e(nl),e(ll),e(sl),e(te),e(pl),e(ee))}}}class xp extends tp{constructor(c){super(),ep(this,c,null,dp,gs,{})}}function vp(cl){let c,d,x;return d=new xp({}),{c(){c=s("div"),pp(d.$$.fragment),this.h()},l(u){c=p(u,"DIV",{class:!0});var C=al(c);op(d.$$.fragment,C),C.forEach(e),this.h()},h(){ne(c,"class","markdown p(20)")},m(u,C){l(u,c,C),ip(d,c,null),x=!0},p:il,i(u){x||(ap(d.$$.fragment,u),x=!0)},o(u){cp(d.$$.fragment,u),x=!1},d(u){u&&e(c),up(d)}}}class kp extends tp{constructor(c){super(),ep(this,c,null,vp,gs,{})}}export{kp as component};
diff --git a/_app/immutable/components/pages/guide/_page.svelte-4a5ee42b.js b/_app/immutable/nodes/7.mE9eZBxR.js
similarity index 75%
rename from _app/immutable/components/pages/guide/_page.svelte-4a5ee42b.js
rename to _app/immutable/nodes/7.mE9eZBxR.js
index d3b74db..ba01cb9 100644
--- a/_app/immutable/components/pages/guide/_page.svelte-4a5ee42b.js
+++ b/_app/immutable/nodes/7.mE9eZBxR.js
@@ -1,4 +1,4 @@
-import{S as bs,i as ys,s as Hs,e,a as c,H as q,c as l,m as u,g as o,b as m,A as D,f as a,o as f,h as n,n as ls,u as qs,v as Ds,w as Os,x as Ps,y as js,z as As}from"../../../chunks/index-bc0b20f1.js";function Us(ps){let p,k="AdorableCSS",r,i,d="<p>⚡️ Rapid On-Demand Atomic CSS framework</p>",O,v,cs="Getting Started",P,_,j,Ls='<code class="language-sh"><span class="token function">npm</span> i <span class="token parameter variable">-D</span> adorable-css</code>',A,g,os="<p>라이브러리 설치 후 3가지 방법으로 사용할 수 있습니다.</p>",U,x,is="<li>vite 기반의 프로젝트를 사용하고 있다면 vite 플러그인을 사용하는 것을 추천합니다. vite 플러그인으로 만들경우 런타임 비용이 0이 됩니다.</li> <li>그 외에도 css in js 방식으로 사용할 수 있습니다.</li> <li>CDN을 통해서 설치없이도 간편하게 사용할 수 있습니다.</li>",z,C,us="Vite (Recommanded)",B,w,ks="<li>Build-time에서 최종 css를 만들어냅니다. (zero run-time)</li> <li>최종적으로 만들어진 css를 통해서 런타임 비용을 더 줄일 수 있고 css의 캐싱 기능을 더 활용할 수 있습니다.</li> <li>단, 빌드시에만 css를 만들어내기 때문에 동적으로 class를 추가하면 바로 적용되지 않습니다.</li>",G,h,I,Ss=`<code class="language-ts"><span class="token comment">// vite.config.js</span>
+import{s as bs,n as ls}from"../chunks/scheduler.CH-LaNC3.js";import{S as ys,i as Hs,e,s as c,H as $,c as l,k as u,f as o,a as m,w as D,d as a,l as f,g as n,o as $s,p as Ds,q as Os,r as Ps,u as js,v as Us}from"../chunks/index.Wx35Jw4s.js";function As(ps){let p,k="AdorableCSS",r,i,d="<p>⚡️ Rapid On-Demand Atomic CSS framework</p>",O,v,cs="Getting Started",P,_,j,Ls='<code class="language-sh"><span class="token function">npm</span> i <span class="token parameter variable">-D</span> adorable-css</code>',U,g,os="<p>라이브러리 설치 후 3가지 방법으로 사용할 수 있습니다.</p>",A,x,is="<li>vite 기반의 프로젝트를 사용하고 있다면 vite 플러그인을 사용하는 것을 추천합니다. vite 플러그인으로 만들경우 런타임 비용이 0이 됩니다.</li> <li>그 외에도 css in js 방식으로 사용할 수 있습니다.</li> <li>CDN을 통해서 설치없이도 간편하게 사용할 수 있습니다.</li>",z,C,us="Vite (Recommanded)",B,w,ks="<li>Build-time에서 최종 css를 만들어냅니다. (zero run-time)</li> <li>최종적으로 만들어진 css를 통해서 런타임 비용을 더 줄일 수 있고 css의 캐싱 기능을 더 활용할 수 있습니다.</li> <li>단, 빌드시에만 css를 만들어내기 때문에 동적으로 class를 추가하면 바로 적용되지 않습니다.</li>",G,h,I,Ss=`<code class="language-ts"><span class="token comment">// vite.config.js</span>
 <span class="token keyword">import</span> <span class="token punctuation">&#123;</span>adorableCSS<span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">"adorable-css/vite"</span> <span class="token comment">// &lt;-</span>
 
 <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineConfig</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>
@@ -20,6 +20,6 @@ ReactDOM<span class="token punctuation">.</span><span class="token function">ren
 
 <span class="token keyword">import</span> <span class="token string">"adorable-css"</span></code>`,X,S,ms="<li>스크립트를 통해서 css를 동적으로 생성하여 적용합니다.</li> <li>런타임 비용이 있습니다. (하지만 최소한의 비용입니다.)</li> <li>css in js 방식을 사용하고 싶다면 이 방법을 사용하세요.</li> <li>100% 동적생성 방식이기 때문에 런타임에 class를 추가하면 바로 적용됩니다.</li>",Y,E,fs="CDN",Z,M,ds="<li>⛱ vite, webpack, postcss등 다른 복잡한 설정 없이 그냥 script 한줄만 추가하면 adorableCSS를 사용할 수 있습니다.</li> <li>⚡️ adorableCSS를 간편하게 쓰는 방법! body 맨 아래 스크립트만 추가하면 됩니다.</li> <li>런타임 방식으로 css in js 방식을 통해서 동적으로 style을 생성하여 적용해줍니다.</li> <li>(지금 개발자 도구를 열어서 아무 엘리먼트나 class=“bg(red)” 를 한번 추가해보세요.)</li>",ss,T,as,Rs=`<code class="language-html">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/adorable-css<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>script</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">></span></span>
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code>`,ts,R,vs="<li>버전을 명시하고 싶다면 다음과 같이 버전을 명시할 수 있습니다.</li> <li><strong>업데이트에 따라 기존에 사용하던 버전이 변경될 수 있기 때문에 production 환경에서는 버전을 명시하는 것을 추천합니다.</strong></li>",ns,$,es,$s=`<code class="language-html">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/adorable-css@1.4.3<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>script</span><span class="token punctuation">></span></span>
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code>`,ts,R,vs="<li>버전을 명시하고 싶다면 다음과 같이 버전을 명시할 수 있습니다.</li> <li><strong>업데이트에 따라 기존에 사용하던 버전이 변경될 수 있기 때문에 production 환경에서는 버전을 명시하는 것을 추천합니다.</strong></li>",ns,q,es,qs=`<code class="language-html">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/adorable-css@1.4.3<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>script</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">></span></span>
-<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code>`;return{c(){p=e("h1"),p.textContent=k,r=c(),i=e("blockquote"),i.innerHTML=d,O=c(),v=e("h2"),v.textContent=cs,P=c(),_=e("pre"),j=new q(!1),A=c(),g=e("blockquote"),g.innerHTML=os,U=c(),x=e("ol"),x.innerHTML=is,z=c(),C=e("h3"),C.textContent=us,B=c(),w=e("ul"),w.innerHTML=ks,G=c(),h=e("pre"),I=new q(!1),K=c(),b=e("pre"),N=new q(!1),Q=c(),y=e("h3"),y.textContent=rs,V=c(),H=e("pre"),J=new q(!1),F=c(),L=e("pre"),W=new q(!1),X=c(),S=e("ul"),S.innerHTML=ms,Y=c(),E=e("h3"),E.textContent=fs,Z=c(),M=e("ul"),M.innerHTML=ds,ss=c(),T=e("pre"),as=new q(!1),ts=c(),R=e("ul"),R.innerHTML=vs,ns=c(),$=e("pre"),es=new q(!1),this.h()},l(s){p=l(s,"H1",{"data-svelte-h":!0}),u(p)!=="svelte-xl68b3"&&(p.textContent=k),r=o(s),i=l(s,"BLOCKQUOTE",{"data-svelte-h":!0}),u(i)!=="svelte-zazub8"&&(i.innerHTML=d),O=o(s),v=l(s,"H2",{"data-svelte-h":!0}),u(v)!=="svelte-1ris1ql"&&(v.textContent=cs),P=o(s),_=l(s,"PRE",{class:!0});var t=m(_);j=D(t,!1),t.forEach(a),A=o(s),g=l(s,"BLOCKQUOTE",{"data-svelte-h":!0}),u(g)!=="svelte-vm83ky"&&(g.innerHTML=os),U=o(s),x=l(s,"OL",{"data-svelte-h":!0}),u(x)!=="svelte-r53j8y"&&(x.innerHTML=is),z=o(s),C=l(s,"H3",{"data-svelte-h":!0}),u(C)!=="svelte-1jc73h0"&&(C.textContent=us),B=o(s),w=l(s,"UL",{"data-svelte-h":!0}),u(w)!=="svelte-plc962"&&(w.innerHTML=ks),G=o(s),h=l(s,"PRE",{class:!0});var _s=m(h);I=D(_s,!1),_s.forEach(a),K=o(s),b=l(s,"PRE",{class:!0});var gs=m(b);N=D(gs,!1),gs.forEach(a),Q=o(s),y=l(s,"H3",{"data-svelte-h":!0}),u(y)!=="svelte-z1ka1l"&&(y.textContent=rs),V=o(s),H=l(s,"PRE",{class:!0});var xs=m(H);J=D(xs,!1),xs.forEach(a),F=o(s),L=l(s,"PRE",{class:!0});var Cs=m(L);W=D(Cs,!1),Cs.forEach(a),X=o(s),S=l(s,"UL",{"data-svelte-h":!0}),u(S)!=="svelte-1hd7w9d"&&(S.innerHTML=ms),Y=o(s),E=l(s,"H3",{"data-svelte-h":!0}),u(E)!=="svelte-cow2in"&&(E.textContent=fs),Z=o(s),M=l(s,"UL",{"data-svelte-h":!0}),u(M)!=="svelte-a6gn0s"&&(M.innerHTML=ds),ss=o(s),T=l(s,"PRE",{class:!0});var ws=m(T);as=D(ws,!1),ws.forEach(a),ts=o(s),R=l(s,"UL",{"data-svelte-h":!0}),u(R)!=="svelte-1dy4jk3"&&(R.innerHTML=vs),ns=o(s),$=l(s,"PRE",{class:!0});var hs=m($);es=D(hs,!1),hs.forEach(a),this.h()},h(){j.a=null,f(_,"class","language-sh"),I.a=null,f(h,"class","language-ts"),N.a=null,f(b,"class","language-tsx"),J.a=null,f(H,"class","language-sh"),W.a=null,f(L,"class","language-tsx"),as.a=null,f(T,"class","language-html"),es.a=null,f($,"class","language-html")},m(s,t){n(s,p,t),n(s,r,t),n(s,i,t),n(s,O,t),n(s,v,t),n(s,P,t),n(s,_,t),j.m(Ls,_),n(s,A,t),n(s,g,t),n(s,U,t),n(s,x,t),n(s,z,t),n(s,C,t),n(s,B,t),n(s,w,t),n(s,G,t),n(s,h,t),I.m(Ss,h),n(s,K,t),n(s,b,t),N.m(Es,b),n(s,Q,t),n(s,y,t),n(s,V,t),n(s,H,t),J.m(Ms,H),n(s,F,t),n(s,L,t),W.m(Ts,L),n(s,X,t),n(s,S,t),n(s,Y,t),n(s,E,t),n(s,Z,t),n(s,M,t),n(s,ss,t),n(s,T,t),as.m(Rs,T),n(s,ts,t),n(s,R,t),n(s,ns,t),n(s,$,t),es.m($s,$)},p:ls,i:ls,o:ls,d(s){s&&(a(p),a(r),a(i),a(O),a(v),a(P),a(_),a(A),a(g),a(U),a(x),a(z),a(C),a(B),a(w),a(G),a(h),a(K),a(b),a(Q),a(y),a(V),a(H),a(F),a(L),a(X),a(S),a(Y),a(E),a(Z),a(M),a(ss),a(T),a(ts),a(R),a(ns),a($))}}}class zs extends bs{constructor(p){super(),ys(this,p,null,Us,Hs,{})}}function Bs(ps){let p,k,r;return k=new zs({}),{c(){p=e("div"),qs(k.$$.fragment),this.h()},l(i){p=l(i,"DIV",{class:!0});var d=m(p);Ds(k.$$.fragment,d),d.forEach(a),this.h()},h(){f(p,"class","markdown p(20)")},m(i,d){n(i,p,d),Os(k,p,null),r=!0},p:ls,i(i){r||(Ps(k.$$.fragment,i),r=!0)},o(i){js(k.$$.fragment,i),r=!1},d(i){i&&a(p),As(k)}}}class Is extends bs{constructor(p){super(),ys(this,p,null,Bs,Hs,{})}}export{Is as default};
+<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code>`;return{c(){p=e("h1"),p.textContent=k,r=c(),i=e("blockquote"),i.innerHTML=d,O=c(),v=e("h2"),v.textContent=cs,P=c(),_=e("pre"),j=new $(!1),U=c(),g=e("blockquote"),g.innerHTML=os,A=c(),x=e("ol"),x.innerHTML=is,z=c(),C=e("h3"),C.textContent=us,B=c(),w=e("ul"),w.innerHTML=ks,G=c(),h=e("pre"),I=new $(!1),K=c(),b=e("pre"),N=new $(!1),Q=c(),y=e("h3"),y.textContent=rs,V=c(),H=e("pre"),J=new $(!1),F=c(),L=e("pre"),W=new $(!1),X=c(),S=e("ul"),S.innerHTML=ms,Y=c(),E=e("h3"),E.textContent=fs,Z=c(),M=e("ul"),M.innerHTML=ds,ss=c(),T=e("pre"),as=new $(!1),ts=c(),R=e("ul"),R.innerHTML=vs,ns=c(),q=e("pre"),es=new $(!1),this.h()},l(s){p=l(s,"H1",{"data-svelte-h":!0}),u(p)!=="svelte-xl68b3"&&(p.textContent=k),r=o(s),i=l(s,"BLOCKQUOTE",{"data-svelte-h":!0}),u(i)!=="svelte-zazub8"&&(i.innerHTML=d),O=o(s),v=l(s,"H2",{"data-svelte-h":!0}),u(v)!=="svelte-1ris1ql"&&(v.textContent=cs),P=o(s),_=l(s,"PRE",{class:!0});var t=m(_);j=D(t,!1),t.forEach(a),U=o(s),g=l(s,"BLOCKQUOTE",{"data-svelte-h":!0}),u(g)!=="svelte-vm83ky"&&(g.innerHTML=os),A=o(s),x=l(s,"OL",{"data-svelte-h":!0}),u(x)!=="svelte-r53j8y"&&(x.innerHTML=is),z=o(s),C=l(s,"H3",{"data-svelte-h":!0}),u(C)!=="svelte-1jc73h0"&&(C.textContent=us),B=o(s),w=l(s,"UL",{"data-svelte-h":!0}),u(w)!=="svelte-plc962"&&(w.innerHTML=ks),G=o(s),h=l(s,"PRE",{class:!0});var _s=m(h);I=D(_s,!1),_s.forEach(a),K=o(s),b=l(s,"PRE",{class:!0});var gs=m(b);N=D(gs,!1),gs.forEach(a),Q=o(s),y=l(s,"H3",{"data-svelte-h":!0}),u(y)!=="svelte-z1ka1l"&&(y.textContent=rs),V=o(s),H=l(s,"PRE",{class:!0});var xs=m(H);J=D(xs,!1),xs.forEach(a),F=o(s),L=l(s,"PRE",{class:!0});var Cs=m(L);W=D(Cs,!1),Cs.forEach(a),X=o(s),S=l(s,"UL",{"data-svelte-h":!0}),u(S)!=="svelte-1hd7w9d"&&(S.innerHTML=ms),Y=o(s),E=l(s,"H3",{"data-svelte-h":!0}),u(E)!=="svelte-cow2in"&&(E.textContent=fs),Z=o(s),M=l(s,"UL",{"data-svelte-h":!0}),u(M)!=="svelte-a6gn0s"&&(M.innerHTML=ds),ss=o(s),T=l(s,"PRE",{class:!0});var ws=m(T);as=D(ws,!1),ws.forEach(a),ts=o(s),R=l(s,"UL",{"data-svelte-h":!0}),u(R)!=="svelte-1dy4jk3"&&(R.innerHTML=vs),ns=o(s),q=l(s,"PRE",{class:!0});var hs=m(q);es=D(hs,!1),hs.forEach(a),this.h()},h(){j.a=null,f(_,"class","language-sh"),I.a=null,f(h,"class","language-ts"),N.a=null,f(b,"class","language-tsx"),J.a=null,f(H,"class","language-sh"),W.a=null,f(L,"class","language-tsx"),as.a=null,f(T,"class","language-html"),es.a=null,f(q,"class","language-html")},m(s,t){n(s,p,t),n(s,r,t),n(s,i,t),n(s,O,t),n(s,v,t),n(s,P,t),n(s,_,t),j.m(Ls,_),n(s,U,t),n(s,g,t),n(s,A,t),n(s,x,t),n(s,z,t),n(s,C,t),n(s,B,t),n(s,w,t),n(s,G,t),n(s,h,t),I.m(Ss,h),n(s,K,t),n(s,b,t),N.m(Es,b),n(s,Q,t),n(s,y,t),n(s,V,t),n(s,H,t),J.m(Ms,H),n(s,F,t),n(s,L,t),W.m(Ts,L),n(s,X,t),n(s,S,t),n(s,Y,t),n(s,E,t),n(s,Z,t),n(s,M,t),n(s,ss,t),n(s,T,t),as.m(Rs,T),n(s,ts,t),n(s,R,t),n(s,ns,t),n(s,q,t),es.m(qs,q)},p:ls,i:ls,o:ls,d(s){s&&(a(p),a(r),a(i),a(O),a(v),a(P),a(_),a(U),a(g),a(A),a(x),a(z),a(C),a(B),a(w),a(G),a(h),a(K),a(b),a(Q),a(y),a(V),a(H),a(F),a(L),a(X),a(S),a(Y),a(E),a(Z),a(M),a(ss),a(T),a(ts),a(R),a(ns),a(q))}}}class zs extends ys{constructor(p){super(),Hs(this,p,null,As,bs,{})}}function Bs(ps){let p,k,r;return k=new zs({}),{c(){p=e("div"),$s(k.$$.fragment),this.h()},l(i){p=l(i,"DIV",{class:!0});var d=m(p);Ds(k.$$.fragment,d),d.forEach(a),this.h()},h(){f(p,"class","markdown p(20)")},m(i,d){n(i,p,d),Os(k,p,null),r=!0},p:ls,i(i){r||(Ps(k.$$.fragment,i),r=!0)},o(i){js(k.$$.fragment,i),r=!1},d(i){i&&a(p),Us(k)}}}class Ks extends ys{constructor(p){super(),Hs(this,p,null,Bs,bs,{})}}export{Ks as component};
diff --git a/_app/immutable/components/pages/reference/_page.svelte-945ed96d.js b/_app/immutable/nodes/8.CQ94Hg3v.js
similarity index 99%
rename from _app/immutable/components/pages/reference/_page.svelte-945ed96d.js
rename to _app/immutable/nodes/8.CQ94Hg3v.js
index 26658af..914fe5e 100644
--- a/_app/immutable/components/pages/reference/_page.svelte-945ed96d.js
+++ b/_app/immutable/nodes/8.CQ94Hg3v.js
@@ -1,4 +1,4 @@
-import{S as b,i as h,s as x,e as k,a as d,H as j,c as g,m as v,g as f,b as w,A as F,f as e,o as $,h as i,n as m,u as B,v as S,w as T,x as C,y as O,z as V}from"../../../chunks/index-bc0b20f1.js";function _(y){let n,t="Reference",p,s,c="<p>불친절한 문서 양해 부탁드려요. 계속해서 업데이트 해나가겠습니다! 😅</p>",u,l,r,z=`<code class="language-ts"><span class="token keyword">import</span> <span class="token punctuation">&#123;</span>PrefixRules<span class="token punctuation">,</span> Rules<span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">"./atomizer"</span>
+import{s as b,n as k}from"../chunks/scheduler.CH-LaNC3.js";import{S as h,i as x,e as g,s as d,H as j,c as m,k as v,f,a as w,w as F,d as e,l as $,g as i,o as B,p as S,q as T,r as C,u as O,v as V}from"../chunks/index.Wx35Jw4s.js";function _(y){let n,t="Reference",p,s,c="<p>불친절한 문서 양해 부탁드려요. 계속해서 업데이트 해나가겠습니다! 😅</p>",u,l,r,z=`<code class="language-ts"><span class="token keyword">import</span> <span class="token punctuation">&#123;</span>PrefixRules<span class="token punctuation">,</span> Rules<span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">"./atomizer"</span>
 <span class="token keyword">import</span> <span class="token punctuation">&#123;</span>cssvar<span class="token punctuation">,</span> deg<span class="token punctuation">,</span> makeBorder<span class="token punctuation">,</span> makeBoxFill<span class="token punctuation">,</span> makeColor<span class="token punctuation">,</span> makeCommaValues<span class="token punctuation">,</span> makeFont<span class="token punctuation">,</span> makeFontFamily<span class="token punctuation">,</span> makeHBoxFill<span class="token punctuation">,</span> makeHBoxWithSemi<span class="token punctuation">,</span> makeNumber<span class="token punctuation">,</span> makePosition2X<span class="token punctuation">,</span> makePosition2Y<span class="token punctuation">,</span> makePositionWithSemi<span class="token punctuation">,</span> makeRatio<span class="token punctuation">,</span> makeSide<span class="token punctuation">,</span> makeTextBox<span class="token punctuation">,</span> makeTransition<span class="token punctuation">,</span> makeValues<span class="token punctuation">,</span> makeVBoxFill<span class="token punctuation">,</span> makeVBoxWithSemi<span class="token punctuation">,</span> percentToEm<span class="token punctuation">,</span> px<span class="token punctuation">,</span> rpx<span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">"./makeValue"</span>
 
 <span class="token keyword">export</span> <span class="token keyword">const</span> reset <span class="token operator">=</span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">
@@ -856,4 +856,4 @@ ol,ul,menu,dir&#123;list-style:none;&#125;
   <span class="token string-property property">"#"</span><span class="token operator">:</span> <span class="token punctuation">(</span>selector<span class="token operator">:</span><span class="token builtin">string</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">&amp;</span><span class="token interpolation"><span class="token interpolation-punctuation punctuation">$&#123;</span>selector<span class="token interpolation-punctuation punctuation">&#125;</span></span><span class="token template-punctuation string">&#96;</span></span><span class="token punctuation">,</span>
 <span class="token punctuation">&#125;</span>
 
-<span class="token comment">// "~": (selector:string) => &#96;&amp;$&#123;selector&#125;&#96;,</span></code>`;return{c(){n=k("h1"),n.textContent=t,p=d(),s=k("blockquote"),s.innerHTML=c,u=d(),l=k("pre"),r=new j(!1),this.h()},l(a){n=g(a,"H1",{"data-svelte-h":!0}),v(n)!=="svelte-1brxhup"&&(n.textContent=t),p=f(a),s=g(a,"BLOCKQUOTE",{"data-svelte-h":!0}),v(s)!=="svelte-1p7sgkp"&&(s.innerHTML=c),u=f(a),l=g(a,"PRE",{class:!0});var o=w(l);r=F(o,!1),o.forEach(e),this.h()},h(){r.a=null,$(l,"class","language-ts")},m(a,o){i(a,n,o),i(a,p,o),i(a,s,o),i(a,u,o),i(a,l,o),r.m(z,l)},p:m,i:m,o:m,d(a){a&&(e(n),e(p),e(s),e(u),e(l))}}}class E extends b{constructor(n){super(),h(this,n,null,_,x,{})}}function R(y){let n,t,p;return t=new E({}),{c(){n=k("div"),B(t.$$.fragment),this.h()},l(s){n=g(s,"DIV",{class:!0});var c=w(n);S(t.$$.fragment,c),c.forEach(e),this.h()},h(){$(n,"class","markdown p(20)")},m(s,c){i(s,n,c),T(t,n,null),p=!0},p:m,i(s){p||(C(t.$$.fragment,s),p=!0)},o(s){O(t.$$.fragment,s),p=!1},d(s){s&&e(n),V(t)}}}class D extends b{constructor(n){super(),h(this,n,null,R,x,{})}}export{D as default};
+<span class="token comment">// "~": (selector:string) => &#96;&amp;$&#123;selector&#125;&#96;,</span></code>`;return{c(){n=g("h1"),n.textContent=t,p=d(),s=g("blockquote"),s.innerHTML=c,u=d(),l=g("pre"),r=new j(!1),this.h()},l(a){n=m(a,"H1",{"data-svelte-h":!0}),v(n)!=="svelte-1brxhup"&&(n.textContent=t),p=f(a),s=m(a,"BLOCKQUOTE",{"data-svelte-h":!0}),v(s)!=="svelte-1p7sgkp"&&(s.innerHTML=c),u=f(a),l=m(a,"PRE",{class:!0});var o=w(l);r=F(o,!1),o.forEach(e),this.h()},h(){r.a=null,$(l,"class","language-ts")},m(a,o){i(a,n,o),i(a,p,o),i(a,s,o),i(a,u,o),i(a,l,o),r.m(z,l)},p:k,i:k,o:k,d(a){a&&(e(n),e(p),e(s),e(u),e(l))}}}class E extends h{constructor(n){super(),x(this,n,null,_,b,{})}}function R(y){let n,t,p;return t=new E({}),{c(){n=g("div"),B(t.$$.fragment),this.h()},l(s){n=m(s,"DIV",{class:!0});var c=w(n);S(t.$$.fragment,c),c.forEach(e),this.h()},h(){$(n,"class","markdown p(20)")},m(s,c){i(s,n,c),T(t,n,null),p=!0},p:k,i(s){p||(C(t.$$.fragment,s),p=!0)},o(s){O(t.$$.fragment,s),p=!1},d(s){s&&e(n),V(t)}}}class W extends h{constructor(n){super(),x(this,n,null,R,b,{})}}export{W as component};
diff --git a/_app/immutable/nodes/9.CC7VGadN.js b/_app/immutable/nodes/9.CC7VGadN.js
new file mode 100644
index 0000000..4f8d508
--- /dev/null
+++ b/_app/immutable/nodes/9.CC7VGadN.js
@@ -0,0 +1 @@
+import{s as j,n as b}from"../chunks/scheduler.CH-LaNC3.js";import{S as E,i as V,e as f,s as k,t as w,c as m,a as h,f as x,b as C,d as v,l as u,g as P,h as c,m as D,n as S,j as q}from"../chunks/index.Wx35Jw4s.js";import{t as z,g as N}from"../chunks/atomizer.BAxtnY4Y.js";function T(e){let i,s,t,o,a,r=e[1].map(I).join(" ")+"",p,_,g;return{c(){i=f("div"),s=f("div"),t=f("input"),o=k(),a=f("div"),p=w(r),this.h()},l(n){i=m(n,"DIV",{class:!0});var l=h(i);s=m(l,"DIV",{class:!0});var d=h(s);t=m(d,"INPUT",{type:!0,class:!0}),o=x(d),a=m(d,"DIV",{class:!0});var y=h(a);p=C(y,r),y.forEach(v),d.forEach(v),l.forEach(v),this.h()},h(){u(t,"type","text"),u(t,"class","b(-) outline(-) bb(#000) p(10)"),t.autofocus=!0,u(a,"class","pre font(10) word-spacing(20)"),u(s,"class","w(800) m(auto) vbox"),u(i,"class","layer pack")},m(n,l){P(n,i,l),c(i,s),c(s,t),D(t,e[0]),c(s,o),c(s,a),c(a,p),t.focus(),_||(g=S(t,"input",e[3]),_=!0)},p(n,[l]){l&1&&t.value!==n[0]&&D(t,n[0]),l&2&&r!==(r=n[1].map(I).join(" ")+"")&&q(p,r)},i:b,o:b,d(n){n&&v(i),_=!1,g()}}}const I=e=>e.value;function U(e,i,s){let t,o,a="c(blue)+font(19/42)+c(#D0D0D0)";function r(){a=this.value,s(0,a)}return e.$$.update=()=>{e.$$.dirty&1&&s(1,t=z(a)),e.$$.dirty&1&&s(2,o=N([a])),e.$$.dirty&2&&console.log(t),e.$$.dirty&4&&console.log(o)},[a,t,o,r]}class G extends E{constructor(i){super(),V(this,i,U,T,j,{})}}export{G as component};
diff --git a/_app/immutable/start-7e76410d.js b/_app/immutable/start-7e76410d.js
deleted file mode 100644
index c21c44c..0000000
--- a/_app/immutable/start-7e76410d.js
+++ /dev/null
@@ -1 +0,0 @@
-import{S as at,i as ot,s as it,a as st,I as B,g as lt,h as H,J as de,y as F,K as pe,x as G,f as J,L as ct,M as Oe,e as ft,c as ut,b as dt,o as ve,N as C,t as pt,d as ht,k as mt,O as W,u as Y,v as Te,w as X,z as Z,P as ce}from"./chunks/index-bc0b20f1.js";import{S as nt,I as q,g as ze,f as We,a as Ee,c as fe,s as M,i as Ye,d as ue,P as Xe,e as _t,h as gt,j as yt}from"./chunks/singletons-199d898a.js";function wt(r,e){return r==="/"||e==="ignore"?r:e==="never"?r.endsWith("/")?r.slice(0,-1):r:e==="always"&&!r.endsWith("/")?r+"/":r}function bt(r){return r.split("%25").map(decodeURI).join("%25")}function vt(r){for(const e in r)r[e]=decodeURIComponent(r[e]);return r}const Et=["href","pathname","search","searchParams","toString","toJSON"];function kt(r,e){const n=new URL(r);for(const s of Et){let o=n[s];Object.defineProperty(n,s,{get(){return e(),o},enumerable:!0,configurable:!0})}return St(n),n}function St(r){Object.defineProperty(r,"hash",{get(){throw new Error("Cannot access event.url.hash. Consider using `$page.url.hash` inside a component instead")}})}const Rt="/__data.json";function Lt(r){return r.replace(/\/$/,"")+Rt}function Ot(r){let e=5381;if(typeof r=="string"){let n=r.length;for(;n;)e=e*33^r.charCodeAt(--n)}else if(ArrayBuffer.isView(r)){const n=new Uint8Array(r.buffer,r.byteOffset,r.byteLength);let s=n.length;for(;s;)e=e*33^n[--s]}else throw new TypeError("value must be a string or TypedArray");return(e>>>0).toString(36)}const he=window.fetch;window.fetch=(r,e)=>((r instanceof Request?r.method:(e==null?void 0:e.method)||"GET")!=="GET"&&te.delete($e(r)),he(r,e));const te=new Map;function It(r,e){const n=$e(r,e),s=document.querySelector(n);if(s!=null&&s.textContent){const{body:o,...u}=JSON.parse(s.textContent),t=s.getAttribute("data-ttl");return t&&te.set(n,{body:o,init:u,ttl:1e3*Number(t)}),Promise.resolve(new Response(o,u))}return he(r,e)}function Pt(r,e,n){if(te.size>0){const s=$e(r,n),o=te.get(s);if(o){if(performance.now()<o.ttl&&["default","force-cache","only-if-cached",void 0].includes(n==null?void 0:n.cache))return new Response(o.body,o.init);te.delete(s)}}return he(e,n)}function $e(r,e){let s=`script[data-sveltekit-fetched][data-url=${JSON.stringify(r instanceof Request?r.url:r)}]`;return e!=null&&e.body&&(typeof e.body=="string"||ArrayBuffer.isView(e.body))&&(s+=`[data-hash="${Ot(e.body)}"]`),s}const At=/^(\[)?(\.\.\.)?(\w+)(?:=(\w+))?(\])?$/;function Tt(r){const e=[];return{pattern:r==="/"?/^\/$/:new RegExp(`^${Nt(r).map(s=>{const o=/^\[\.\.\.(\w+)(?:=(\w+))?\]$/.exec(s);if(o)return e.push({name:o[1],matcher:o[2],optional:!1,rest:!0,chained:!0}),"(?:/(.*))?";const u=/^\[\[(\w+)(?:=(\w+))?\]\]$/.exec(s);if(u)return e.push({name:u[1],matcher:u[2],optional:!0,rest:!1,chained:!0}),"(?:/([^/]+))?";if(!s)return;const t=s.split(/\[(.+?)\](?!\])/);return"/"+t.map((d,_)=>{if(_%2){if(d.startsWith("x+"))return ke(String.fromCharCode(parseInt(d.slice(2),16)));if(d.startsWith("u+"))return ke(String.fromCharCode(...d.slice(2).split("-").map(A=>parseInt(A,16))));const g=At.exec(d);if(!g)throw new Error(`Invalid param: ${d}. Params and matcher names can only have underscores and alphanumeric characters.`);const[,w,S,U,D]=g;return e.push({name:U,matcher:D,optional:!!w,rest:!!S,chained:S?_===1&&t[0]==="":!1}),S?"(.*?)":w?"([^/]*)?":"([^/]+?)"}return ke(d)}).join("")}).join("")}/?$`),params:e}}function $t(r){return!/^\([^)]+\)$/.test(r)}function Nt(r){return r.slice(1).split("/").filter($t)}function Ut(r,e,n){const s={},o=r.slice(1);let u="";for(let t=0;t<e.length;t+=1){const f=e[t];let d=o[t];if(f.chained&&f.rest&&u&&(d=d?u+"/"+d:u),u="",d===void 0)f.rest&&(s[f.name]="");else{if(f.matcher&&!n[f.matcher](d)){if(f.optional&&f.chained){let _=o.indexOf(void 0,t);if(_===-1){const g=e[t+1];if(g!=null&&g.rest&&g.chained)u=d;else return}for(;_>=t;)o[_]=o[_-1],_-=1;continue}return}s[f.name]=d}}if(!u)return s}function ke(r){return r.normalize().replace(/[[\]]/g,"\\$&").replace(/%/g,"%25").replace(/\//g,"%2[Ff]").replace(/\?/g,"%3[Ff]").replace(/#/g,"%23").replace(/[.*+?^${}()|\\]/g,"\\$&")}function jt(r,e,n,s){const o=new Set(e);return Object.entries(n).map(([f,[d,_,g]])=>{const{pattern:w,params:S}=Tt(f),U={id:f,exec:D=>{const A=w.exec(D);if(A)return Ut(A,S,s)},errors:[1,...g||[]].map(D=>r[D]),layouts:[0,..._||[]].map(t),leaf:u(d)};return U.errors.length=U.layouts.length=Math.max(U.errors.length,U.layouts.length),U});function u(f){const d=f<0;return d&&(f=~f),[d,r[f]]}function t(f){return f===void 0?f:[o.has(f),r[f]]}}function Dt(r){let e,n,s;var o=r[0][0];function u(t,f){return{props:{data:t[2],form:t[1]}}}return o&&(e=W(o,u(r))),{c(){e&&Y(e.$$.fragment),n=B()},l(t){e&&Te(e.$$.fragment,t),n=B()},m(t,f){e&&X(e,t,f),H(t,n,f),s=!0},p(t,f){if(f&1&&o!==(o=t[0][0])){if(e){de();const d=e;F(d.$$.fragment,1,0,()=>{Z(d,1)}),pe()}o?(e=W(o,u(t)),Y(e.$$.fragment),G(e.$$.fragment,1),X(e,n.parentNode,n)):e=null}else if(o){const d={};f&4&&(d.data=t[2]),f&2&&(d.form=t[1]),e.$set(d)}},i(t){s||(e&&G(e.$$.fragment,t),s=!0)},o(t){e&&F(e.$$.fragment,t),s=!1},d(t){t&&J(n),e&&Z(e,t)}}}function Vt(r){let e,n,s;var o=r[0][0];function u(t,f){return{props:{data:t[2],$$slots:{default:[Ct]},$$scope:{ctx:t}}}}return o&&(e=W(o,u(r))),{c(){e&&Y(e.$$.fragment),n=B()},l(t){e&&Te(e.$$.fragment,t),n=B()},m(t,f){e&&X(e,t,f),H(t,n,f),s=!0},p(t,f){if(f&1&&o!==(o=t[0][0])){if(e){de();const d=e;F(d.$$.fragment,1,0,()=>{Z(d,1)}),pe()}o?(e=W(o,u(t)),Y(e.$$.fragment),G(e.$$.fragment,1),X(e,n.parentNode,n)):e=null}else if(o){const d={};f&4&&(d.data=t[2]),f&523&&(d.$$scope={dirty:f,ctx:t}),e.$set(d)}},i(t){s||(e&&G(e.$$.fragment,t),s=!0)},o(t){e&&F(e.$$.fragment,t),s=!1},d(t){t&&J(n),e&&Z(e,t)}}}function Ct(r){let e,n,s;var o=r[0][1];function u(t,f){return{props:{data:t[3],form:t[1]}}}return o&&(e=W(o,u(r))),{c(){e&&Y(e.$$.fragment),n=B()},l(t){e&&Te(e.$$.fragment,t),n=B()},m(t,f){e&&X(e,t,f),H(t,n,f),s=!0},p(t,f){if(f&1&&o!==(o=t[0][1])){if(e){de();const d=e;F(d.$$.fragment,1,0,()=>{Z(d,1)}),pe()}o?(e=W(o,u(t)),Y(e.$$.fragment),G(e.$$.fragment,1),X(e,n.parentNode,n)):e=null}else if(o){const d={};f&8&&(d.data=t[3]),f&2&&(d.form=t[1]),e.$set(d)}},i(t){s||(e&&G(e.$$.fragment,t),s=!0)},o(t){e&&F(e.$$.fragment,t),s=!1},d(t){t&&J(n),e&&Z(e,t)}}}function Ze(r){let e,n=r[5]&&xe(r);return{c(){e=ft("div"),n&&n.c(),this.h()},l(s){e=ut(s,"DIV",{id:!0,"aria-live":!0,"aria-atomic":!0,style:!0});var o=dt(e);n&&n.l(o),o.forEach(J),this.h()},h(){ve(e,"id","svelte-announcer"),ve(e,"aria-live","assertive"),ve(e,"aria-atomic","true"),C(e,"position","absolute"),C(e,"left","0"),C(e,"top","0"),C(e,"clip","rect(0 0 0 0)"),C(e,"clip-path","inset(50%)"),C(e,"overflow","hidden"),C(e,"white-space","nowrap"),C(e,"width","1px"),C(e,"height","1px")},m(s,o){H(s,e,o),n&&n.m(e,null)},p(s,o){s[5]?n?n.p(s,o):(n=xe(s),n.c(),n.m(e,null)):n&&(n.d(1),n=null)},d(s){s&&J(e),n&&n.d()}}}function xe(r){let e;return{c(){e=pt(r[6])},l(n){e=ht(n,r[6])},m(n,s){H(n,e,s)},p(n,s){s&64&&mt(e,n[6])},d(n){n&&J(e)}}}function qt(r){let e,n,s,o,u;const t=[Vt,Dt],f=[];function d(g,w){return g[0][1]?0:1}e=d(r),n=f[e]=t[e](r);let _=r[4]&&Ze(r);return{c(){n.c(),s=st(),_&&_.c(),o=B()},l(g){n.l(g),s=lt(g),_&&_.l(g),o=B()},m(g,w){f[e].m(g,w),H(g,s,w),_&&_.m(g,w),H(g,o,w),u=!0},p(g,[w]){let S=e;e=d(g),e===S?f[e].p(g,w):(de(),F(f[S],1,1,()=>{f[S]=null}),pe(),n=f[e],n?n.p(g,w):(n=f[e]=t[e](g),n.c()),G(n,1),n.m(s.parentNode,s)),g[4]?_?_.p(g,w):(_=Ze(g),_.c(),_.m(o.parentNode,o)):_&&(_.d(1),_=null)},i(g){u||(G(n),u=!0)},o(g){F(n),u=!1},d(g){g&&(J(s),J(o)),f[e].d(g),_&&_.d(g)}}}function Bt(r,e,n){let{stores:s}=e,{page:o}=e,{components:u}=e,{form:t}=e,{data_0:f=null}=e,{data_1:d=null}=e;ct(s.page.notify);let _=!1,g=!1,w=null;return Oe(()=>{const S=s.page.subscribe(()=>{_&&(n(5,g=!0),n(6,w=document.title||"untitled page"))});return n(4,_=!0),S}),r.$$set=S=>{"stores"in S&&n(7,s=S.stores),"page"in S&&n(8,o=S.page),"components"in S&&n(0,u=S.components),"form"in S&&n(1,t=S.form),"data_0"in S&&n(2,f=S.data_0),"data_1"in S&&n(3,d=S.data_1)},r.$$.update=()=>{r.$$.dirty&384&&s.page.set(o)},[u,t,f,d,_,g,w,s,o]}class Ft extends at{constructor(e){super(),ot(this,e,Bt,qt,it,{stores:7,page:8,components:0,form:1,data_0:2,data_1:3})}}const Gt="modulepreload",Jt=function(r,e){return new URL(r,e).href},Qe={},j=function(e,n,s){if(!n||n.length===0)return e();const o=document.getElementsByTagName("link");return Promise.all(n.map(u=>{if(u=Jt(u,s),u in Qe)return;Qe[u]=!0;const t=u.endsWith(".css"),f=t?'[rel="stylesheet"]':"";if(!!s)for(let g=o.length-1;g>=0;g--){const w=o[g];if(w.href===u&&(!t||w.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${u}"]${f}`))return;const _=document.createElement("link");if(_.rel=t?"stylesheet":Gt,t||(_.as="script",_.crossOrigin=""),_.href=u,document.head.appendChild(_),t)return new Promise((g,w)=>{_.addEventListener("load",g),_.addEventListener("error",()=>w(new Error(`Unable to preload CSS for ${u}`)))})})).then(()=>e()).catch(u=>{const t=new Event("vite:preloadError",{cancelable:!0});if(t.payload=u,window.dispatchEvent(t),!t.defaultPrevented)throw u})},Kt={},me=[()=>j(()=>import("./chunks/0-47bcdd39.js"),["./chunks/0-47bcdd39.js","./chunks/_layout-da46b06b.js","./components/pages/_layout.svelte-7cede11a.js","./chunks/index-bc0b20f1.js","./chunks/singletons-199d898a.js","./chunks/stores-84d51be6.js","./assets/_layout-91974e0a.css"],import.meta.url),()=>j(()=>import("./chunks/1-64facd3d.js"),["./chunks/1-64facd3d.js","./components/error.svelte-b4500545.js","./chunks/index-bc0b20f1.js","./chunks/stores-84d51be6.js","./chunks/singletons-199d898a.js"],import.meta.url),()=>j(()=>import("./chunks/2-1f88f065.js"),["./chunks/2-1f88f065.js","./components/pages/_page.svelte-42762606.js","./chunks/index-bc0b20f1.js"],import.meta.url),()=>j(()=>import("./chunks/3-9e457cc1.js"),["./chunks/3-9e457cc1.js","./components/pages/background/_page.svelte-33635414.js","./chunks/index-bc0b20f1.js"],import.meta.url),()=>j(()=>import("./chunks/4-f7ee3452.js"),["./chunks/4-f7ee3452.js","./components/pages/cdn/_page.svelte-6cd4c225.js","./chunks/index-bc0b20f1.js","./chunks/atomizer-551903d3.js"],import.meta.url),()=>j(()=>import("./chunks/5-ac6e5427.js"),["./chunks/5-ac6e5427.js","./components/pages/changelogs/_page.svelte-3cef522e.js","./chunks/index-bc0b20f1.js"],import.meta.url),()=>j(()=>import("./chunks/6-07555036.js"),["./chunks/6-07555036.js","./components/pages/docs/_page.svelte-db427261.js","./chunks/index-bc0b20f1.js"],import.meta.url),()=>j(()=>import("./chunks/7-2f4f2101.js"),["./chunks/7-2f4f2101.js","./components/pages/guide/_page.svelte-4a5ee42b.js","./chunks/index-bc0b20f1.js"],import.meta.url),()=>j(()=>import("./chunks/8-692341bc.js"),["./chunks/8-692341bc.js","./components/pages/reference/_page.svelte-945ed96d.js","./chunks/index-bc0b20f1.js"],import.meta.url),()=>j(()=>import("./chunks/9-e972a8b0.js"),["./chunks/9-e972a8b0.js","./components/pages/test/_page.svelte-ec80c5e1.js","./chunks/index-bc0b20f1.js","./chunks/atomizer-551903d3.js"],import.meta.url),()=>j(()=>import("./chunks/10-f7087702.js"),["./chunks/10-f7087702.js","./components/pages/tutorial/_page.svelte-9d8364a9.js","./chunks/index-bc0b20f1.js","./chunks/atomizer-551903d3.js","./assets/_page-9130f9a1.css"],import.meta.url)],Mt=[],Ht={"/":[2],"/background":[3],"/cdn":[4],"/changelogs":[5],"/docs":[6],"/guide":[7],"/reference":[8],"/test":[9],"/tutorial":[10]},zt={handleError:({error:r})=>{console.error(r)}};class Ie{constructor(e,n){this.status=e,typeof n=="string"?this.body={message:n}:n?this.body=n:this.body={message:`Error: ${e}`}}toString(){return JSON.stringify(this.body)}}class et{constructor(e,n){this.status=e,this.location=n}}async function Wt(r){var e;for(const n in r)if(typeof((e=r[n])==null?void 0:e.then)=="function")return Object.fromEntries(await Promise.all(Object.entries(r).map(async([s,o])=>[s,await o])));return r}Object.getOwnPropertyNames(Object.prototype).sort().join("\0");Object.getOwnPropertyNames(Object.prototype).sort().join("\0");const Yt=-1,Xt=-2,Zt=-3,xt=-4,Qt=-5,en=-6;function tn(r){if(typeof r=="number")return s(r,!0);if(!Array.isArray(r)||r.length===0)throw new Error("Invalid input");const e=r,n=Array(e.length);function s(o,u=!1){if(o===Yt)return;if(o===Zt)return NaN;if(o===xt)return 1/0;if(o===Qt)return-1/0;if(o===en)return-0;if(u)throw new Error("Invalid input");if(o in n)return n[o];const t=e[o];if(!t||typeof t!="object")n[o]=t;else if(Array.isArray(t))if(typeof t[0]=="string")switch(t[0]){case"Date":n[o]=new Date(t[1]);break;case"Set":const d=new Set;n[o]=d;for(let w=1;w<t.length;w+=1)d.add(s(t[w]));break;case"Map":const _=new Map;n[o]=_;for(let w=1;w<t.length;w+=2)_.set(s(t[w]),s(t[w+1]));break;case"RegExp":n[o]=new RegExp(t[1],t[2]);break;case"Object":n[o]=Object(t[1]);break;case"BigInt":n[o]=BigInt(t[1]);break;case"null":const g=Object.create(null);n[o]=g;for(let w=1;w<t.length;w+=2)g[t[w]]=s(t[w+1]);break}else{const f=new Array(t.length);n[o]=f;for(let d=0;d<t.length;d+=1){const _=t[d];_!==Xt&&(f[d]=s(_))}}else{const f={};n[o]=f;for(const d in t){const _=t[d];f[d]=s(_)}}return n[o]}return s(0)}function Ne(r){const e=new Set(r);function n(s,o){if(s){for(const u in s)if(u[0]!=="_"&&!e.has(u)){const t=r.join(", ");throw new Error(`Invalid export '${u}'${o?` in ${o}`:""} (valid exports are ${t}, or anything with a '_' prefix)`)}}}return n}Ne(["load","prerender","csr","ssr","trailingSlash"]);Ne(["load","prerender","csr","ssr","actions","trailingSlash"]);Ne(["GET","POST","PATCH","PUT","DELETE","prerender","trailingSlash"]);const Se=jt(me,Mt,Ht,Kt),Pe=me[0],Ae=me[1];Pe();Ae();let ne={};try{ne=JSON.parse(sessionStorage[nt])}catch{}function Re(r){ne[r]=ue()}function nn({target:r,base:e}){var Ke;const n=document.documentElement,s=[];let o=null;const u={before_navigate:[],after_navigate:[]};let t={branch:[],error:null,url:null},f=!1,d=!1,_=!0,g=!1,w=!1,S=!1,U=!1,D,A=(Ke=history.state)==null?void 0:Ke[q];A||(A=Date.now(),history.replaceState({...history.state,[q]:A},"",location.href));const _e=ne[A];_e&&(history.scrollRestoration="manual",scrollTo(_e.x,_e.y));let K,Ue,re;async function je(){re=re||Promise.resolve(),await re,re=null;const a=new URL(location.href),i=ie(a,!0);o=null,await Ve(i,a,[])}async function ge(a,{noScroll:i=!1,replaceState:c=!1,keepFocus:l=!1,state:p={},invalidateAll:h=!1},m,v){return typeof a=="string"&&(a=new URL(a,ze(document))),se({url:a,scroll:i?ue():null,keepfocus:l,redirect_chain:m,details:{state:p,replaceState:c},nav_token:v,accepted:()=>{h&&(U=!0)},blocked:()=>{},type:"goto"})}async function De(a){const i=ie(a,!1);if(!i)throw new Error(`Attempted to preload a URL that does not belong to this app: ${a}`);return o={id:i.id,promise:Be(i).then(c=>(c.type==="loaded"&&c.state.error&&(o=null),c))},o.promise}async function ae(...a){const c=Se.filter(l=>a.some(p=>l.exec(p))).map(l=>Promise.all([...l.layouts,l.leaf].map(p=>p==null?void 0:p[1]())));await Promise.all(c)}async function Ve(a,i,c,l,p={},h){var v,b;Ue=p;let m=a&&await Be(a);if(m||(m=await Je(i,{id:null},await ee(new Error(`Not found: ${i.pathname}`),{url:i,params:{},route:{id:null}}),404)),i=(a==null?void 0:a.url)||i,Ue!==p)return!1;if(m.type==="redirect")if(c.length>10||c.includes(i.pathname))m=await oe({status:500,error:await ee(new Error("Redirect loop"),{url:i,params:{},route:{id:null}}),url:i,route:{id:null}});else return ge(new URL(m.location,i).href,{},[...c,i.pathname],p),!1;else((b=(v=m.props)==null?void 0:v.page)==null?void 0:b.status)>=400&&await M.updated.check()&&await le(i);if(s.length=0,U=!1,g=!0,l&&l.details){const{details:y}=l,R=y.replaceState?0:1;y.state[q]=A+=R,history[y.replaceState?"replaceState":"pushState"](y.state,"",i)}if(o=null,d?(t=m.state,m.props.page&&(m.props.page.url=i),D.$set(m.props)):Ce(m),l){const{scroll:y,keepfocus:R}=l;if(R||Le(),await ce(),_){const L=i.hash&&document.getElementById(i.hash.slice(1));y?scrollTo(y.x,y.y):L?L.scrollIntoView():scrollTo(0,0)}}else await ce();_=!0,m.props.page&&(K=m.props.page),h&&h(),g=!1}function Ce(a){var l;t=a.state;const i=document.querySelector("style[data-sveltekit]");i&&i.remove(),K=a.props.page,D=new Ft({target:r,props:{...a.props,stores:M},hydrate:!0});const c={from:null,to:{params:t.params,route:{id:((l=t.route)==null?void 0:l.id)??null},url:new URL(location.href)},willUnload:!1,type:"enter"};u.after_navigate.forEach(p=>p(c)),d=!0}async function x({url:a,params:i,branch:c,status:l,error:p,route:h,form:m}){const v=c.filter(Boolean);let b="never";for(const O of c)(O==null?void 0:O.slash)!==void 0&&(b=O.slash);a.pathname=wt(a.pathname,b),a.search=a.search;const y={type:"loaded",state:{url:a,params:i,branch:c,error:p,route:h},props:{components:v.map(O=>O.node.component)}};m!==void 0&&(y.props.form=m);let R={},L=!K;for(let O=0;O<v.length;O+=1){const E=v[O];R={...R,...E.data},(L||!t.branch.some($=>$===E))&&(y.props[`data_${O}`]=R,L=L||Object.keys(E.data??{}).length>0)}return L||(L=Object.keys(K.data).length!==Object.keys(R).length),(!t.url||a.href!==t.url.href||t.error!==p||m!==void 0||L)&&(y.props.page={error:p,params:i,route:h,status:l,url:new URL(a),form:m??null,data:L?R:K.data}),y}async function ye({loader:a,parent:i,url:c,params:l,route:p,server_data_node:h}){var y,R,L;let m=null;const v={dependencies:new Set,params:new Set,parent:!1,route:!1,url:!1},b=await a();if((y=b.universal)!=null&&y.load){let V=function(...E){for(const $ of E){const{href:N}=new URL($,c);v.dependencies.add(N)}};const O={route:{get id(){return v.route=!0,p.id}},params:new Proxy(l,{get:(E,$)=>(v.params.add($),E[$])}),data:(h==null?void 0:h.data)??null,url:kt(c,()=>{v.url=!0}),async fetch(E,$){let N;E instanceof Request?(N=E.url,$={body:E.method==="GET"||E.method==="HEAD"?void 0:await E.blob(),cache:E.cache,credentials:E.credentials,headers:E.headers,integrity:E.integrity,keepalive:E.keepalive,method:E.method,mode:E.mode,redirect:E.redirect,referrer:E.referrer,referrerPolicy:E.referrerPolicy,signal:E.signal,...$}):N=E;const k=new URL(N,c).href;return V(k),d?Pt(N,k,$):It(N,$)},setHeaders:()=>{},depends:V,parent(){return v.parent=!0,i()}};m=await b.universal.load.call(null,O)??null,m=m?await Wt(m):null}return{node:b,loader:a,server:h,universal:(R=b.universal)!=null&&R.load?{type:"data",data:m,uses:v}:null,data:m??(h==null?void 0:h.data)??null,slash:((L=b.universal)==null?void 0:L.trailingSlash)??(h==null?void 0:h.slash)}}function qe(a,i,c,l,p){if(U)return!0;if(!l)return!1;if(l.parent&&a||l.route&&i||l.url&&c)return!0;for(const h of l.params)if(p[h]!==t.params[h])return!0;for(const h of l.dependencies)if(s.some(m=>m(new URL(h))))return!0;return!1}function we(a,i){return(a==null?void 0:a.type)==="data"?{type:"data",data:a.data,uses:{dependencies:new Set(a.uses.dependencies??[]),params:new Set(a.uses.params??[]),parent:!!a.uses.parent,route:!!a.uses.route,url:!!a.uses.url},slash:a.slash}:(a==null?void 0:a.type)==="skip"?i??null:null}async function Be({id:a,invalidating:i,url:c,params:l,route:p}){if((o==null?void 0:o.id)===a)return o.promise;const{errors:h,layouts:m,leaf:v}=p,b=[...m,v];h.forEach(k=>k==null?void 0:k().catch(()=>{})),b.forEach(k=>k==null?void 0:k[1]().catch(()=>{}));let y=null;const R=t.url?a!==t.url.pathname+t.url.search:!1,L=t.route?a!==t.route.id:!1,V=b.reduce((k,P,T)=>{var Q;const I=t.branch[T],z=!!(P!=null&&P[0])&&((I==null?void 0:I.loader)!==P[1]||qe(k.some(Boolean),L,R,(Q=I.server)==null?void 0:Q.uses,l));return k.push(z),k},[]);if(V.some(Boolean)){try{y=await tt(c,V)}catch(k){return oe({status:500,error:await ee(k,{url:c,params:l,route:{id:p.id}}),url:c,route:p})}if(y.type==="redirect")return y}const O=y==null?void 0:y.nodes;let E=!1;const $=b.map(async(k,P)=>{var Q;if(!k)return;const T=t.branch[P],I=O==null?void 0:O[P];if((!I||I.type==="skip")&&k[1]===(T==null?void 0:T.loader)&&!qe(E,L,R,(Q=T.universal)==null?void 0:Q.uses,l))return T;if(E=!0,(I==null?void 0:I.type)==="error")throw I;return ye({loader:k[1],url:c,params:l,route:p,parent:async()=>{var He;const Me={};for(let be=0;be<P;be+=1)Object.assign(Me,(He=await $[be])==null?void 0:He.data);return Me},server_data_node:we(I===void 0&&k[0]?{type:"skip"}:I??null,T==null?void 0:T.server)})});for(const k of $)k.catch(()=>{});const N=[];for(let k=0;k<b.length;k+=1)if(b[k])try{N.push(await $[k])}catch(P){if(P instanceof et)return{type:"redirect",location:P.location};let T=500,I;O!=null&&O.includes(P)?(T=P.status??T,I=P.error):P instanceof Ie?(T=P.status,I=P.body):I=await ee(P,{params:l,url:c,route:{id:p.id}});const z=await Fe(k,N,h);return z?await x({url:c,params:l,branch:N.slice(0,z.idx).concat(z.node),status:T,error:I,route:p}):await Je(c,{id:p.id},I,T)}else N.push(void 0);return await x({url:c,params:l,branch:N,status:200,error:null,route:p,form:i?void 0:null})}async function Fe(a,i,c){for(;a--;)if(c[a]){let l=a;for(;!i[l];)l-=1;try{return{idx:l+1,node:{node:await c[a](),loader:c[a],data:{},server:null,universal:null}}}catch{continue}}}async function oe({status:a,error:i,url:c,route:l}){const p={},h=await Pe();let m=null;if(h.server)try{const y=await tt(c,[!0]);if(y.type!=="data"||y.nodes[0]&&y.nodes[0].type!=="data")throw 0;m=y.nodes[0]??null}catch{(c.origin!==location.origin||c.pathname!==location.pathname||f)&&await le(c)}const v=await ye({loader:Pe,url:c,params:p,route:l,parent:()=>Promise.resolve({}),server_data_node:we(m)}),b={node:await Ae(),loader:Ae,universal:null,server:null,data:null};return await x({url:c,params:p,branch:[v,b],status:a,error:i,route:null})}function ie(a,i){if(Ye(a,e))return;const c=bt(a.pathname.slice(e.length)||"/");for(const l of Se){const p=l.exec(c);if(p)return{id:a.pathname+a.search,invalidating:i,route:l,params:vt(p),url:a}}}function Ge({url:a,type:i,intent:c,delta:l}){var v,b;let p=!1;const h={from:{params:t.params,route:{id:((v=t.route)==null?void 0:v.id)??null},url:t.url},to:{params:(c==null?void 0:c.params)??null,route:{id:((b=c==null?void 0:c.route)==null?void 0:b.id)??null},url:a},willUnload:!c,type:i};l!==void 0&&(h.delta=l);const m={...h,cancel:()=>{p=!0}};return w||u.before_navigate.forEach(y=>y(m)),p?null:h}async function se({url:a,scroll:i,keepfocus:c,redirect_chain:l,details:p,type:h,delta:m,nav_token:v,accepted:b,blocked:y}){const R=ie(a,!1),L=Ge({url:a,type:h,delta:m,intent:R});if(!L){y();return}Re(A),b(),w=!0,d&&M.navigating.set(L),await Ve(R,a,l,{scroll:i,keepfocus:c,details:p},v,()=>{w=!1,u.after_navigate.forEach(V=>V(L)),M.navigating.set(null)})}async function Je(a,i,c,l){return a.origin===location.origin&&a.pathname===location.pathname&&!f?await oe({status:l,error:c,url:a,route:i}):await le(a)}function le(a){return location.href=a.href,new Promise(()=>{})}function rt(){let a;n.addEventListener("mousemove",h=>{const m=h.target;clearTimeout(a),a=setTimeout(()=>{l(m,2)},20)});function i(h){l(h.composedPath()[0],1)}n.addEventListener("mousedown",i),n.addEventListener("touchstart",i,{passive:!0});const c=new IntersectionObserver(h=>{for(const m of h)m.isIntersecting&&(ae(new URL(m.target.href).pathname),c.unobserve(m.target))},{threshold:0});function l(h,m){const v=We(h,n);if(!v)return;const{url:b,external:y}=Ee(v,e);if(y)return;const R=fe(v);R.reload||(m<=R.preload_data?De(b):m<=R.preload_code&&ae(b.pathname))}function p(){c.disconnect();for(const h of n.querySelectorAll("a")){const{url:m,external:v}=Ee(h,e);if(v)continue;const b=fe(h);b.reload||(b.preload_code===Xe.viewport&&c.observe(h),b.preload_code===Xe.eager&&ae(m.pathname))}}u.after_navigate.push(p),p()}return{after_navigate:a=>{Oe(()=>(u.after_navigate.push(a),()=>{const i=u.after_navigate.indexOf(a);u.after_navigate.splice(i,1)}))},before_navigate:a=>{Oe(()=>(u.before_navigate.push(a),()=>{const i=u.before_navigate.indexOf(a);u.before_navigate.splice(i,1)}))},disable_scroll_handling:()=>{(g||!d)&&(_=!1)},goto:(a,i={})=>ge(a,i,[]),invalidate:a=>{if(typeof a=="function")s.push(a);else{const{href:i}=new URL(a,location.href);s.push(c=>c.href===i)}return je()},invalidateAll:()=>(U=!0,je()),preload_data:async a=>{const i=new URL(a,ze(document));await De(i)},preload_code:ae,apply_action:async a=>{if(a.type==="error"){const i=new URL(location.href),{branch:c,route:l}=t;if(!l)return;const p=await Fe(t.branch.length,c,l.errors);if(p){const h=await x({url:i,params:t.params,branch:c.slice(0,p.idx).concat(p.node),status:a.status??500,error:a.error,route:l});t=h.state,D.$set(h.props),ce().then(Le)}}else if(a.type==="redirect")ge(a.location,{invalidateAll:!0},[]);else{const i={form:a.data,page:{...K,form:a.data,status:a.status}};D.$set(i),a.type==="success"&&ce().then(Le)}},_start_router:()=>{var a;history.scrollRestoration="manual",addEventListener("beforeunload",i=>{var l;let c=!1;if(!w){const p={from:{params:t.params,route:{id:((l=t.route)==null?void 0:l.id)??null},url:t.url},to:null,willUnload:!0,type:"leave",cancel:()=>c=!0};u.before_navigate.forEach(h=>h(p))}c?(i.preventDefault(),i.returnValue=""):history.scrollRestoration="auto"}),addEventListener("visibilitychange",()=>{if(document.visibilityState==="hidden"){Re(A);try{sessionStorage[nt]=JSON.stringify(ne)}catch{}}}),(a=navigator.connection)!=null&&a.saveData||rt(),n.addEventListener("click",i=>{if(i.button||i.which!==1||i.metaKey||i.ctrlKey||i.shiftKey||i.altKey||i.defaultPrevented)return;const c=We(i.composedPath()[0],n);if(!c)return;const{url:l,external:p,has:h}=Ee(c,e),m=fe(c);if(!l||!(c instanceof SVGAElement)&&l.protocol!==location.protocol&&!(l.protocol==="https:"||l.protocol==="http:")||h.download)return;if(p||m.reload){Ge({url:l,type:"link"})||i.preventDefault(),w=!0;return}const[b,y]=l.href.split("#");if(y!==void 0&&b===location.href.split("#")[0]){S=!0,Re(A),t.url=l,M.page.set({...K,url:l}),M.page.notify();return}se({url:l,scroll:m.noscroll?ue():null,keepfocus:!1,redirect_chain:[],details:{state:{},replaceState:l.href===location.href},accepted:()=>i.preventDefault(),blocked:()=>i.preventDefault(),type:"link"})}),n.addEventListener("submit",i=>{var b;if(i.defaultPrevented)return;const c=HTMLFormElement.prototype.cloneNode.call(i.target),l=i.submitter;if(((l==null?void 0:l.formMethod)||c.method)!=="get")return;const h=new URL(((b=i.submitter)==null?void 0:b.hasAttribute("formaction"))&&(l==null?void 0:l.formAction)||c.action);if(Ye(h,e))return;const{noscroll:m,reload:v}=fe(i.target);v||(i.preventDefault(),i.stopPropagation(),h.search=new URLSearchParams(new FormData(i.target)).toString(),se({url:h,scroll:m?ue():null,keepfocus:!1,redirect_chain:[],details:{state:{},replaceState:!1},nav_token:{},accepted:()=>{},blocked:()=>{},type:"form"}))}),addEventListener("popstate",i=>{var c;if((c=i.state)!=null&&c[q]){if(i.state[q]===A)return;const l=i.state[q]-A;se({url:new URL(location.href),scroll:ne[i.state[q]],keepfocus:!1,redirect_chain:[],details:null,accepted:()=>{A=i.state[q]},blocked:()=>{history.go(-l)},type:"popstate",delta:l})}}),addEventListener("hashchange",()=>{S&&(S=!1,history.replaceState({...history.state,[q]:++A},"",location.href))});for(const i of document.querySelectorAll("link"))i.rel==="icon"&&(i.href=i.href);addEventListener("pageshow",i=>{i.persisted&&M.navigating.set(null)})},_hydrate:async({status:a=200,error:i,node_ids:c,params:l,route:p,data:h,form:m})=>{f=!0;const v=new URL(location.href);({params:l={},route:p={id:null}}=ie(v,!1)||{});let b;try{const y=c.map(async(R,L)=>{const V=h[L];return ye({loader:me[R],url:v,params:l,route:p,parent:async()=>{const O={};for(let E=0;E<L;E+=1)Object.assign(O,(await y[E]).data);return O},server_data_node:we(V)})});b=await x({url:v,params:l,branch:await Promise.all(y),status:a,error:i,form:m,route:Se.find(({id:R})=>R===p.id)??null})}catch(y){if(y instanceof et){await le(new URL(y.location,location.href));return}b=await oe({status:y instanceof Ie?y.status:500,error:await ee(y,{url:v,params:l,route:p}),url:v,route:p})}Ce(b)}}}async function tt(r,e){var u;const n=new URL(r);n.pathname=Lt(r.pathname),n.searchParams.append("x-sveltekit-invalidated",e.map(t=>t?"1":"").join("_"));const s=await he(n.href),o=await s.json();if(!s.ok)throw new Error(o);return(u=o.nodes)==null||u.forEach(t=>{(t==null?void 0:t.type)==="data"&&(t.data=tn(t.data),t.uses={dependencies:new Set(t.uses.dependencies??[]),params:new Set(t.uses.params??[]),parent:!!t.uses.parent,route:!!t.uses.route,url:!!t.uses.url})}),o}function ee(r,e){return r instanceof Ie?r.body:zt.handleError({error:r,event:e})??{message:e.route.id!=null?"Internal Error":"Not Found"}}function Le(){const r=document.querySelector("[autofocus]");if(r)r.focus();else{const e=document.body,n=e.getAttribute("tabindex");e.tabIndex=-1,e.focus({preventScroll:!0}),setTimeout(()=>{var s;(s=getSelection())==null||s.removeAllRanges()}),n!==null?e.setAttribute("tabindex",n):e.removeAttribute("tabindex")}}async function on({env:r,hydrate:e,paths:n,target:s,version:o}){_t(n),yt(o);const u=nn({target:s,base:n.base});gt({client:u}),e?await u._hydrate(e):u.goto(location.href,{replaceState:!0}),u._start_router()}export{on as start};
diff --git a/_app/version.json b/_app/version.json
index 3af3d0f..d466ccd 100644
--- a/_app/version.json
+++ b/_app/version.json
@@ -1 +1 @@
-{"version":"1698753292940"}
\ No newline at end of file
+{"version":"1718353832113"}
\ No newline at end of file
diff --git a/background.html b/background.html
index 6b47192..8b0b493 100644
--- a/background.html
+++ b/background.html
@@ -13,16 +13,16 @@
   <meta property="og:description" content="CSS를 쓸 필요 없는 세상 귀여운 CSS 프레임워크!"/>
 
   <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"/>
-  <meta http-equiv="content-security-policy" content="">
-		<link href="/adorable-css/_app/immutable/assets/_layout-91974e0a.css" rel="stylesheet">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/start-7e76410d.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/index-bc0b20f1.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/singletons-199d898a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/_layout.svelte-7cede11a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/stores-84d51be6.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/_layout-da46b06b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/background/_page.svelte-33635414.js">
+  
+		<link href="./_app/immutable/assets/0.DpC0Hi-A.css" rel="stylesheet">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.O7R-oumk.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/entry.BuFVMvRG.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.CH-LaNC3.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.Bfq2bQc-.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/index.Wx35Jw4s.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/0.D8tTu7vi.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/stores.BRRwbFP8.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/3.CF2hN1Y_.js">
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZV4FB601YT"></script>
   <script>
   window.dataLayer = window.dataLayer || []
@@ -34,7 +34,7 @@
   <script async src="https://unpkg.com/monaco-editor@latest/min/vs/loader.js"></script>
 </head>
 <body>
-<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="/adorable-css/" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="/adorable-css/background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="/adorable-css/guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="/adorable-css/docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="/adorable-css/tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="/adorable-css/changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="/adorable-css/reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="markdown p(20)"><h1 data-svelte-h="svelte-1nwzk6c">어쩌다 AdorableCSS를 만들게 되었나요?</h1> <ol data-svelte-h="svelte-1ajfuow"><li>TailwindCSS를 현업에서 사용하지 못했던 이유</li> <li>그래서 이렇게 만들었습니다.</li></ol> <hr> <h3 data-svelte-h="svelte-13zma8o">TailwindCSS를 현업에서 사용하지 못했던 이유</h3> <p data-svelte-h="svelte-6tsstj">TailwindCSS를 현업에서 쓰기위해 적용을 해보니 당시에는 몇가지 문제들이 있었습니다.
+<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="./" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="./background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="./guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="./docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="./tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="./changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="./reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="markdown p(20)"><h1 data-svelte-h="svelte-1nwzk6c">어쩌다 AdorableCSS를 만들게 되었나요?</h1> <ol data-svelte-h="svelte-1ajfuow"><li>TailwindCSS를 현업에서 사용하지 못했던 이유</li> <li>그래서 이렇게 만들었습니다.</li></ol> <hr> <h3 data-svelte-h="svelte-13zma8o">TailwindCSS를 현업에서 사용하지 못했던 이유</h3> <p data-svelte-h="svelte-6tsstj">TailwindCSS를 현업에서 쓰기위해 적용을 해보니 당시에는 몇가지 문제들이 있었습니다.
 TailwindCSS는 아래와 같이 크기와 색상을 미리 만들어서 제공을 하였습니다.</p> <p data-svelte-h="svelte-1gdnggt"><img src="https://velog.velcdn.com/images/teo/post/df3e1c91-52b6-4319-bea9-9d77630a1e0a/image.png"></p> <p data-svelte-h="svelte-1jwzbmm"><img src="https://velog.velcdn.com/images/teo/post/24dc0f4b-0640-4e70-82b1-78c7061b9395/image.png"></p> <p data-svelte-h="svelte-13x5qyl">하지만 저는 대부분 실전에서 디자이너가 만들어 달라는대로 작업을 해야했기에 <strong>미리 지정된 크기와 색상으로만 작업 할 수는 없었습니다.</strong></p> <p data-svelte-h="svelte-scl2b7"><strong>TailwindCSS는 미리 정해둔 색상과 정해진 규격에 맞춰서 개발을 하는 것이 좋은 것</strong> 이라고 설명을 하고 있었지만
 실전에서는 디자인의 수정과 개발의 작업을 불편하게 만들어 줄 뿐이었습니다.</p> <p data-svelte-h="svelte-1mhl7nr">TailwindCSS가 주장하는 바가 곧 디자인 시스템이고 이는 틀린말은 아니었으나, 실제로 디자인 시스템이 갖춰지기까지에는 상당한 시간이 걸리고,
 그 시간동안은 디자인 시스템이 갖춰지지 않은 상태에서 개발을 해야하는데 TailwindCSS는 이러한 상황에서는 적합하지 않았습니다.</p> <p data-svelte-h="svelte-1te6h0o">뿐만 아니라 w-12는 12px이 아니라 48px로 당시 머터리얼 디자인에서 사용하던 4px grid 기반의 체계는 내가 원하는 크기를 만들기 위해서 계속 계산을 해서 개발 과정을 멈칫거리게 만들었습니다.</p> <p data-svelte-h="svelte-im8is8"><strong>내가 원하는 수치와 색상을 그대로 사용할 수 있으면 좋겠다</strong>라는 생각이 들었고 이것이 AdorableCSS를 만들어야겠다는 생각이 들게 만들었습니다.</p> <blockquote data-svelte-h="svelte-g7o4vy"><p>Tailwind도 현재는 3.0 이후로 <strong>JIT(Just-In-Time)이라는 방식</strong>이 나오면서 이러한 부분을 해결을 하고 있습니다만, 여전히 w-12는 12px이 아니며 복잡해지는 문법으로 인해 러닝커브가 발생하고 있습니다.</p></blockquote> <p data-svelte-h="svelte-1lemn3y">대부분의 inline class이름은 직관적이었으나, 몇몇 이름들은 - 특히 flexbox는 - CSS 스펙과 이름이 미묘하게 달라서 매번 문서를 찾아 봐야했어요.
@@ -47,22 +47,32 @@
 align-items? align-content? justify-content? justify-items?
 flexbox를 다루다보면 정말 헷갈리는 속성들! 조금더 쉽게 다룰 수는 없을까?</p></blockquote> <p data-svelte-h="svelte-8zxaq7">이러한 문법은 가장 많이쓰는 디자인 핸드오프 툴인 figma에서 영감을 받아 AutoLayout과 유사한 형태로 작성할 수 있게 하여 간결함과 생산성을 높였습니다.</p> <blockquote data-svelte-h="svelte-1vjckc2"><h4>flexbox와 figma의 AutoLayout</h4> <ol><li>방향 2. gap, 3. padding, 4. 배치
 <img src="https://velog.velcdn.com/images%2Fteo%2Fpost%2F167167a9-da4b-4063-a6dc-e34a69c59f10%2F%E1%84%92%E1%85%AA%E1%84%86%E1%85%A7%E1%86%AB%20%E1%84%80%E1%85%B5%E1%84%85%E1%85%A9%E1%86%A8%202021-12-05%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%201.48.44.mov.gif"></li></ol></blockquote> <p data-svelte-h="svelte-3f3k67"><img src="https://velog.velcdn.com/images/teo/post/8a00bb36-16d7-4d23-bd03-ae26f70838c4/image.png"></p> <h3 data-svelte-h="svelte-1t8rg7m">편리한 Positioning Layer</h3> <p data-svelte-h="svelte-xwdcwi">뿐만 아니라 absolute나 fixed를 이용한 배치의 경우도 빈번이 일어나는데 <code>top:0; left:0; right:0; bottom:0; width:100%; height:100%</code> 와 같은 배치구문들도 보다 직관적인 방식을 제공하여 훨씬 던 간결하면서도 생산성 있는 문법을 제공하였습니다.</p> <p data-svelte-h="svelte-1jdqj8j"><img src="https://velog.velcdn.com/images/teo/post/f1066bd9-00da-4c2f-b12f-924bafae69a8/image.png"></p> <h3 data-svelte-h="svelte-sf9clt">그밖에 더 많은 기능들</h3> <p data-svelte-h="svelte-bio7be">그밖에도 여러가지 진보된 AtomicCSS의 기조를 따르면서도 불편했었던 많은 부분들을 수정, 보완하는 방법들을 추가하였습니다.</p> <p data-svelte-h="svelte-19lckal">TailwindCSS를 하다보면 TailwindCSS로 할 수 없는 상황이 나오곤 했습니다. class선택자나 자식 선택자나 복잡한 셀렉터를 써야 하는 경우도 마찬가지였습니다. 기본적으로 CSS에서 제공하는 모든 기능들을 제공하려고 하였습니다.</p> <blockquote data-svelte-h="svelte-1h4yg6o"><h4>All-in-one package!</h4> <ol><li>모든 CSS Property 사용 가능</li> <li>:nth-child, ::after등 모든 pseudo 사용 가능</li> <li>모든 Selector 사용 가능</li> <li>모든 Media Query 사용 가능 (예정, 현재는 width만 제공하고 있습니다.)</li></ol></blockquote> <p data-svelte-h="svelte-1xtdd84">뿐만 아니라 적게쓰고 짧게 축약하면서도 직관적으로 다 담을 수 있도록 만들어 보았습니다.</p> <blockquote data-svelte-h="svelte-cgg6o3"><h4>기타 센스 있는 문법들</h4> <ul><li><code>w(32~100%)</code> = min-width: 32px; max-width: 100%;</li> <li><code>font(16/1.5/-1%)</code> = font-size, line-height, letter-spacing</li> <li><code>c(--primary)</code> = color: var(—primary)</li> <li><code>@w(~768)</code>: <code>@media max-width(768) { ... }</code></li> <li><code>nowarp...</code> = 말줄임…</li></ul></blockquote> <h3 data-svelte-h="svelte-rik7f7">내가 편하면 남들도 편하다!</h3> <p data-svelte-h="svelte-132yszi">라는 생각으로 만들어진 AdorableCSS는 누구나 쉽게 쓸 수 있도록 만들어졌습니다.</p> <p data-svelte-h="svelte-tolwz3">사용해 본 사람은 알겠지만 tailwindCSS는 사용하기 쉽지만 익숙해지기까지는 시간이 필요합니다.</p> <p data-svelte-h="svelte-qywpjc">그러나 AdorableCSS는 tailwindCSS와 비슷한 문법을 제공하면서도 더 직관적이고 익숙한 문법을 제공하고 있습니다.</p> <p data-svelte-h="svelte-ot7ajp">tailwindCSS보다 할 수 있는 것이 더 많으면서도 훨씬 더 직관적이며 손이 덜 가는 문법을 제공하고 있습니다.</p> <p data-svelte-h="svelte-7qszjd">AdorableCSS와 함께 ‘이렇게도 CSS를 편하게 사용할 수 있구나!’ 하는 멋진 경험을 한번 해보시기 바랍니다.</p> <p data-svelte-h="svelte-qia825">감사합니다.</p></div></div> <div class="version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)" aria-hidden="true"> 1.3.0</div> 
-		<script type="module" data-sveltekit-hydrate="1xzkkw0">
-			import { start } from "/adorable-css/_app/immutable/start-7e76410d.js";
+			
+			<script>
+				{
+					__sveltekit_9ub911 = {
+						base: new URL(".", location).pathname.slice(0, -1),
+						assets: "/adorable-css"
+					};
 
-			start({
-				env: {},
-				paths: {"base":"/adorable-css","assets":"/adorable-css"},
-				target: document.querySelector('[data-sveltekit-hydrate="1xzkkw0"]').parentNode,
-				version: "1698753292940",
-				hydrate: {
-					node_ids: [0, 3],
-					data: [null,null],
-					form: null
+					const element = document.currentScript.parentElement;
+
+					const data = [null,null];
+
+					Promise.all([
+						import("./_app/immutable/entry/start.O7R-oumk.js"),
+						import("./_app/immutable/entry/app.Bfq2bQc-.js")
+					]).then(([kit, app]) => {
+						kit.start(app, element, {
+							node_ids: [0, 3],
+							data,
+							form: null,
+							error: null
+						});
+					});
 				}
-			});
-		</script>
-	</div>
+			</script>
+		</div>
 <!--<script async src="https://unpkg.com/adorable-css"></script>-->
 </body>
 </html>
diff --git a/cdn.html b/cdn.html
index 49c3215..e91e00c 100644
--- a/cdn.html
+++ b/cdn.html
@@ -13,17 +13,17 @@
   <meta property="og:description" content="CSS를 쓸 필요 없는 세상 귀여운 CSS 프레임워크!"/>
 
   <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"/>
-  <meta http-equiv="content-security-policy" content="">
-		<link href="/adorable-css/_app/immutable/assets/_layout-91974e0a.css" rel="stylesheet">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/start-7e76410d.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/index-bc0b20f1.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/singletons-199d898a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/_layout.svelte-7cede11a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/stores-84d51be6.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/_layout-da46b06b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/cdn/_page.svelte-6cd4c225.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/atomizer-551903d3.js">
+  
+		<link href="./_app/immutable/assets/0.DpC0Hi-A.css" rel="stylesheet">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.O7R-oumk.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/entry.BuFVMvRG.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.CH-LaNC3.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.Bfq2bQc-.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/index.Wx35Jw4s.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/0.D8tTu7vi.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/stores.BRRwbFP8.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/4.C_AbAqvr.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/atomizer.BAxtnY4Y.js">
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZV4FB601YT"></script>
   <script>
   window.dataLayer = window.dataLayer || []
@@ -35,23 +35,33 @@
   <script async src="https://unpkg.com/monaco-editor@latest/min/vs/loader.js"></script>
 </head>
 <body>
-<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="/adorable-css/" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="/adorable-css/background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="/adorable-css/guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="/adorable-css/docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="/adorable-css/tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="/adorable-css/changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="/adorable-css/reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div id="test c(red) font(100) p(10)" data-svelte-h="svelte-h83w1p">cdn no vite!</div></div> <div class="version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)" aria-hidden="true"> 1.3.0</div> 
-		<script type="module" data-sveltekit-hydrate="1ex5bkc">
-			import { start } from "/adorable-css/_app/immutable/start-7e76410d.js";
+<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="./" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="./background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="./guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="./docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="./tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="./changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="./reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div id="test c(red) font(100) p(10)" data-svelte-h="svelte-h83w1p">cdn no vite!</div></div> <div class="version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)" aria-hidden="true"> 1.3.0</div> 
+			
+			<script>
+				{
+					__sveltekit_9ub911 = {
+						base: new URL(".", location).pathname.slice(0, -1),
+						assets: "/adorable-css"
+					};
 
-			start({
-				env: {},
-				paths: {"base":"/adorable-css","assets":"/adorable-css"},
-				target: document.querySelector('[data-sveltekit-hydrate="1ex5bkc"]').parentNode,
-				version: "1698753292940",
-				hydrate: {
-					node_ids: [0, 4],
-					data: [null,null],
-					form: null
+					const element = document.currentScript.parentElement;
+
+					const data = [null,null];
+
+					Promise.all([
+						import("./_app/immutable/entry/start.O7R-oumk.js"),
+						import("./_app/immutable/entry/app.Bfq2bQc-.js")
+					]).then(([kit, app]) => {
+						kit.start(app, element, {
+							node_ids: [0, 4],
+							data,
+							form: null,
+							error: null
+						});
+					});
 				}
-			});
-		</script>
-	</div>
+			</script>
+		</div>
 <!--<script async src="https://unpkg.com/adorable-css"></script>-->
 </body>
 </html>
diff --git a/changelogs.html b/changelogs.html
index 025cea3..524eb4c 100644
--- a/changelogs.html
+++ b/changelogs.html
@@ -13,16 +13,16 @@
   <meta property="og:description" content="CSS를 쓸 필요 없는 세상 귀여운 CSS 프레임워크!"/>
 
   <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"/>
-  <meta http-equiv="content-security-policy" content="">
-		<link href="/adorable-css/_app/immutable/assets/_layout-91974e0a.css" rel="stylesheet">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/start-7e76410d.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/index-bc0b20f1.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/singletons-199d898a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/_layout.svelte-7cede11a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/stores-84d51be6.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/_layout-da46b06b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/changelogs/_page.svelte-3cef522e.js">
+  
+		<link href="./_app/immutable/assets/0.DpC0Hi-A.css" rel="stylesheet">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.O7R-oumk.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/entry.BuFVMvRG.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.CH-LaNC3.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.Bfq2bQc-.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/index.Wx35Jw4s.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/0.D8tTu7vi.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/stores.BRRwbFP8.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/5.CXeimHnj.js">
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZV4FB601YT"></script>
   <script>
   window.dataLayer = window.dataLayer || []
@@ -34,8 +34,8 @@
   <script async src="https://unpkg.com/monaco-editor@latest/min/vs/loader.js"></script>
 </head>
 <body>
-<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="/adorable-css/" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="/adorable-css/background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="/adorable-css/guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="/adorable-css/docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="/adorable-css/tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="/adorable-css/changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="/adorable-css/reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="markdown p(20)"><h2 data-svelte-h="svelte-116ljs6">1.5.8</h2> <ul data-svelte-h="svelte-rpewtd"><li>✨ <code>c(linear-gradient(90deg,#f00,#00f))</code> 와 같이 text-color에 그라데이션을 넣을 경우 적용이 되도록 기능을 추가하였습니다.</li></ul> <h2 data-svelte-h="svelte-zgvwyg">1.5.6</h2> <ul data-svelte-h="svelte-m56f93"><li>🐛 .vbox 자식 엘리먼트 에서 <code>w(fill)</code>을 사용할 경우 의도치 않은 <code>flex-shrink:1</code>가 적용이 되어 문제가 발생하던 부분을 수정하였습니다.</li> <li>🐛 .hbox 자식 엘리먼트 에서 <code>h(fill)</code>을 사용할 경우 의도치 않은 <code>flex-shrink:1</code>가 적용이 되어 문제가 발생하던 부분을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-iz3yjj">1.5.5</h2> <h2 data-svelte-h="svelte-i1xrx6">1.5.4</h2> <ul data-svelte-h="svelte-iikobb"><li>사용하지 마세요!</li></ul> <h2 data-svelte-h="svelte-h9g8lt">1.5.3</h2> <ul data-svelte-h="svelte-42vhd1"><li>🐛 .vbox 내부의 .h(fill).scroll 이 예상대로 동작하지 않습니다
-#77</li> <li>새롭게 추가된 <code>h(fill)</code>에 <code>flex-shrink:1;max-height:100%;</code> 이 누락되어 있어 추가하였습니다.</li> <li>dolsup님의 제보 감사드립니다.</li></ul> <h2 data-svelte-h="svelte-1dlidzw">1.5.2</h2> <ul data-svelte-h="svelte-8074pv"><li>🐛 1.5.1에서 clip, hbox 등 일부 기능이 동작하지 않던 버그를 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1yvmbo3">1.5.1</h2> <ul data-svelte-h="svelte-6zog3y"><li>사용하지 마세요! BUG FIX</li></ul> <h2 data-svelte-h="svelte-1cpma32">1.5.0</h2> <ul data-svelte-h="svelte-o1gr9v"><li><code>dark:</code> dark mode 기능이 정식으로 추가되었습니다.</li> <li><code>&lt;div class=&quot;c(#000) dark:c(#fff)&gt;&quot;</code> 와 같이 사용할 수 있습니다.</li></ul> <h2 data-svelte-h="svelte-1c0u45u">1.4.9</h2> <ul data-svelte-h="svelte-bm029l"><li><code>min-w</code>, <code>min-h</code>, <code>max-w</code>, <code>max-h</code> 기능이 추가되었습니다.</li></ul> <h2 data-svelte-h="svelte-1pen63j">1.4.8</h2> <ul data-svelte-h="svelte-mz7ewg"><li><code>wrap</code>: <code>display:flex;flex-flow:wrap;</code> 기능이 추가되었습니다.</li></ul> <h2 data-svelte-h="svelte-c8a1v8">1.4.7</h2> <ul data-svelte-h="svelte-jfupz"><li><code>gap(auto)!</code>시 <code>important!</code>가 적용되지 않던 버그를 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1nozg5t">1.4.6</h2> <ul data-svelte-h="svelte-1ycnrj5"><li><code>gap(auto)</code>시 엘리먼트가 하나라면 figma에서처럼 가운데 정렬하도록 개선하였습니다.</li></ul> <h2 data-svelte-h="svelte-1ts6e7a">1.4.5</h2> <ul data-svelte-h="svelte-6m36w2"><li>✨ <code>gap(auto)</code>가 추가되었습니다.</li> <li><code>gap(auto) = space-between</code> 으로 조금 더 직관적이고 단순한 기입이 가능하도록 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-16a1h8z">1.4.4</h2> <ul data-svelte-h="svelte-he41hy"><li>🐛 <code>rotate()</code>가 정상동작하지 않던 현상을 수정하였습니다.</li> <li>✨ <code>rotate(90)</code> 처럼 숫자만 적어도 자동으로 <code>90deg</code> unit이 붙도록 개선하였습니다.</li></ul> <h2 data-svelte-h="svelte-1s2grdk">1.4.3</h2> <ul data-svelte-h="svelte-1je6ikl"><li>⚡️타 CSS와 호환시(ex mui) 디자인이 틀어지게 되는 <code>*{flex-shrink:0}</code> 속성을 기본 Reset에서 제거하였습니다.</li> <li>⚡️그러면서도 hbox, vbox 등은 여전히 figma의 AutoLayout과 동일하도록 <code>where:(.hbox&gt;*){flex-shrink:0}</code>의 속성이 적용될 수 있도록 하였습니다.</li> <li>🐛 <code>bc(border-color)</code>, <code>bw(border-width)</code>가 4방향을 다르게 각각 적용이 되지 않던 버그를 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1wlxfr">1.4.0</h2> <ul data-svelte-h="svelte-zyedm"><li><p>✨ top/bottom 과 left/right를 이제 x(), y()로 더 간단하고 멋지게 표현할 수 있습니다.</p> <ul><li><code>x(10) = left(10)</code></li> <li><code>x(~10) = right(10)</code></li> <li><code>x(10~20) = left(10)+right(20)</code></li></ul></li> <li><p>✨ x(center) 기능이 추가 되었습니다.</p> <ul><li><code>x(center) = left(50%)+translateX(-50%)</code></li> <li><code>x(center+50px) = left(50%+50px)+translateX(-50%)</code></li></ul></li> <li><p>✨<code>r(fill)</code>이 추가되어 양 옆이 둥근 사각형을 더 직관적으로 만들 수 있게 되었습니다.</p> <ul><li><code>r(fill) = border-radius:9999px;</code></li></ul></li> <li><p>🐛 w(max-content) width:max-content;가 적용되지 않던 버그를 수정하였습니다.</p></li></ul> <h2 data-svelte-h="svelte-dogmtv">1.3.7</h2> <ul data-svelte-h="svelte-16oo4pj"><li>✨ 이제 <code>w(fill)</code>, <code>h(fill)</code>이 Flexbox에서 제대로 동작하게 됩니다.</li> <li>🐛 invalidate한 CSS 결과물들을 필터링하는 기능이 추가되었습니다.</li></ul> <h2 data-svelte-h="svelte-1upuicm">1.3.6</h2> <ul data-svelte-h="svelte-1j71py0"><li>🐛<code>nowrap</code>, <code>nowrap...</code> 에 max-width:100%를 두어 특정 상황에서 글 내용이 넘치는 현상을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1mrbc0h">1.3.5</h2> <ul data-svelte-h="svelte-1i5k4ln"><li>✨글자 배치를 가로+세로를 함께 할 수 있는 새로운 textAlign 스펙이 추가되었습니다.</li> <li>튜토리얼을 확인해주세요!</li> <li>ex) <code>text(left)</code> <code>text(middle+right)</code> <code>text(pack)</code></li></ul> <h2 data-svelte-h="svelte-14tuwac">1.3.4</h2> <ul data-svelte-h="svelte-fnyu41"><li>✨filter와 backdrop-filter에 -webkit- prefix를 추가하였습니다.</li> <li>🐛일부 ;이 누락되어 !important가 적용되지 않던 속성들을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1cicx3z">1.3.3</h2> <ul data-svelte-h="svelte-m31t87"><li>✨<code>mx(3)</code>, <code>px(10) py(20)</code> 과 같이 mx = margin-left+margin-right를 같이 적용하는 rule을 추가하였습니다.</li></ul> <h2 data-svelte-h="svelte-mk3kbh">1.3.1</h2> <ul data-svelte-h="svelte-cfvg6u"><li>✨<code>.blind</code>, <code>.sr-only</code> 스크린 리더용 클래스를 추가하였습니다. 해당 클래스를 사용하면 화면에는 보이지 않지만 스크린 리더에서는 읽어줍니다. 참고로 blind와 sr-only는 동일한 역할을 수행합니다.</li> <li>table-layout의 축약버전을 추가하였습니다.</li> <li>table-fixed <code>table-layout:fixed;</code>,</li> <li>table-auto <code>table-layout:auto;</code>,</li></ul> <h2 data-svelte-h="svelte-hgprpc">1.3.0</h2> <ul data-svelte-h="svelte-1yoi8wx"><li><p>✨align-items, justify-content, align-content, justify-items의 축약버전을 추가하였습니다.</p></li> <li><p><code>ex) &lt;div class=&quot;ai(flex-start) jc(flex-end)&quot;&gt;</code></p></li> <li><p>✨flex-grow, flex-shrink의 축약버전을 추가하였습니다. grow, grow-0, no-grow, shrink, shrink-0, no-shrink</p></li> <li><p>no-grow와 grow-0는 같은 의미입니다.</p></li> <li><p>🐛CDN 방식에서 class가 하나도 없을 때 <code>body {display:none}</code>이 사라지지 않던 버그를 수정하였습니다.</p></li></ul> <h2 data-svelte-h="svelte-u5qhld">1.2.8</h2> <ul data-svelte-h="svelte-yc8rpv"><li><p>✨layer(top:10) 과 같이 layer에 offset을 지정할 수 있는 기능을 추가하였습니다.</p></li> <li><p>✨layer(top+outside) 와 같이 부모 엘리먼트의 바깥쪽을 기준으로 붙이는 기능이 추가되었습니다.</p></li> <li><p>🐛adorableCSS가 잘못된 CSS를 생성하더라도 이후 라인이 문제가 생기지 않게 하도록 개선하였습니다. 복잡한 Selector 구문인 경우 맨 뒤에 <code>{}</code> 문자열을 추가하여 그 다음 라인은 정상적으로 동작할 수 있도록 하였습니다.</p></li> <li><p><code>ex) .transform\:scale\(10\):transform{transform:scale(10);}{}</code></p></li></ul> <h2 data-svelte-h="svelte-1ohgzh6">1.2.7</h2> <ul data-svelte-h="svelte-k7p1qr"><li>🐛.test:hgap(10)+c(#111)과 같이 복합 rule과 +가 결합했을때 css값이 잘못 출력이 되는 현상을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-jws2ov">1.2.6</h2> <ul data-svelte-h="svelte-15re117"><li>✨ &gt;p(10) &gt;&gt;w(100%)와 같이 자식선택자, 하위 선택자 기능을 추가하였습니다.</li></ul> <h2 data-svelte-h="svelte-yj7st4">1.2.5</h2> <ul data-svelte-h="svelte-135gn0n"><li>🐛 font(13/20)+c(red)와 같이 font를 먼저쓰고 +를 할 경우 이후 서식이 적용이 되지 않던 버그를 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1szmrvh">1.2.4</h2> <ul data-svelte-h="svelte-1ac24zw"><li>✨️ ~ selector는 media rule과 <code>ex) ~md:font(2em)</code>e 충돌이 나서 삭제하기로 함. ~selector는 반대로 만들어야 하는데 <code>ex) p ~ &amp; { ... }</code> 사용성이 낮아서 우선순위 보류</li></ul> <h2 data-svelte-h="svelte-o04bmj">1.2.2</h2> <ul data-svelte-h="svelte-p3hwxn"><li>✨️ box-shadow(0/0/10/#000.2) box-shadow에 단위를 생략하면 px이 자동으로 붙도록 수정하였습니다.</li> <li>🐛bg-position에서 /가 적용이 안되는 현상을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1xffqpg">1.2.1</h2> <ul data-svelte-h="svelte-4jol9q"><li>✨️ absolute(-/10/20/-) 기능이 추가 되었습니다. position + top, right, bottom, left, -는 생략</li> <li>✨️ absolute(10,20) 기능이 추가 되었습니다. position(x,y)</li> <li>✨️ absolute(~10,~20) 기능이 추가 되었습니다. position(right,bottom)</li></ul> <h2 data-svelte-h="svelte-19pui6y">1.1.8</h2> <ul data-svelte-h="svelte-1u474xq"><li>✨️ cdn 방식이 astro에서 적용이 되지 않던 현상을 수정하였습니다.</li> <li>✨️ skew() skewX() skewY() skewZ()가 누락되어 있던 현상을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-riezyr">1.1.5</h2> <ul data-svelte-h="svelte-yp8vod"><li>⛱ vite, webpack, postcss등 다른 복잡한 설정 없이 그냥 script 한줄만 추가하면 adorableCSS를 사용할 수 있습니다.</li> <li>⚡️ adorableCSS를 간편하게 쓰는 방법! body 맨 아래 <code>&lt;script src=&quot;https://unpkg.com/adorable-css&quot;&gt;&lt;/script&gt;</code>만 추가해보세요.</li> <li>런타임 방식으로 css in js 방식을 통해서 동적으로 style을 생성하여 적용해줍니다.</li> <li>(지금 개발자 도구를 열어서 아무 엘리먼트나 class=“bg(red)” 를 한번 추가해보세요.)</li></ul> <pre class="language-html"><!-- HTML_TAG_START --><code class="language-html">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/adorable-css<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>script</span><span class="token punctuation">></span></span>
+<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="./" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="./background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="./guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="./docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="./tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="./changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="./reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="markdown p(20)"><h2 data-svelte-h="svelte-116ljs6">1.5.8</h2> <ul data-svelte-h="svelte-rpewtd"><li>✨ <code>c(linear-gradient(90deg,#f00,#00f))</code> 와 같이 text-color에 그라데이션을 넣을 경우 적용이 되도록 기능을 추가하였습니다.</li></ul> <h2 data-svelte-h="svelte-zgvwyg">1.5.6</h2> <ul data-svelte-h="svelte-m56f93"><li>🐛 .vbox 자식 엘리먼트 에서 <code>w(fill)</code>을 사용할 경우 의도치 않은 <code>flex-shrink:1</code>가 적용이 되어 문제가 발생하던 부분을 수정하였습니다.</li> <li>🐛 .hbox 자식 엘리먼트 에서 <code>h(fill)</code>을 사용할 경우 의도치 않은 <code>flex-shrink:1</code>가 적용이 되어 문제가 발생하던 부분을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-iz3yjj">1.5.5</h2> <h2 data-svelte-h="svelte-i1xrx6">1.5.4</h2> <ul data-svelte-h="svelte-iikobb"><li>사용하지 마세요!</li></ul> <h2 data-svelte-h="svelte-h9g8lt">1.5.3</h2> <ul data-svelte-h="svelte-42vhd1"><li>🐛 .vbox 내부의 .h(fill).scroll 이 예상대로 동작하지 않습니다
+#77</li> <li>새롭게 추가된 <code>h(fill)</code>에 <code>flex-shrink:1;max-height:100%;</code> 이 누락되어 있어 추가하였습니다.</li> <li>dolsup님의 제보 감사드립니다.</li></ul> <h2 data-svelte-h="svelte-1dlidzw">1.5.2</h2> <ul data-svelte-h="svelte-8074pv"><li>🐛 1.5.1에서 clip, hbox 등 일부 기능이 동작하지 않던 버그를 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1yvmbo3">1.5.1</h2> <ul data-svelte-h="svelte-6zog3y"><li>사용하지 마세요! BUG FIX</li></ul> <h2 data-svelte-h="svelte-1cpma32">1.5.0</h2> <ul data-svelte-h="svelte-o1gr9v"><li><code>dark:</code> dark mode 기능이 정식으로 추가되었습니다.</li> <li><code>&lt;div class=&quot;c(#000) dark:c(#fff)&gt;&quot;</code> 와 같이 사용할 수 있습니다.</li></ul> <h2 data-svelte-h="svelte-1c0u45u">1.4.9</h2> <ul data-svelte-h="svelte-bm029l"><li><code>min-w</code>, <code>min-h</code>, <code>max-w</code>, <code>max-h</code> 기능이 추가되었습니다.</li></ul> <h2 data-svelte-h="svelte-1pen63j">1.4.8</h2> <ul data-svelte-h="svelte-mz7ewg"><li><code>wrap</code>: <code>display:flex;flex-flow:wrap;</code> 기능이 추가되었습니다.</li></ul> <h2 data-svelte-h="svelte-c8a1v8">1.4.7</h2> <ul data-svelte-h="svelte-jfupz"><li><code>gap(auto)!</code>시 <code>important!</code>가 적용되지 않던 버그를 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1nozg5t">1.4.6</h2> <ul data-svelte-h="svelte-1ycnrj5"><li><code>gap(auto)</code>시 엘리먼트가 하나라면 figma에서처럼 가운데 정렬하도록 개선하였습니다.</li></ul> <h2 data-svelte-h="svelte-1ts6e7a">1.4.5</h2> <ul data-svelte-h="svelte-6m36w2"><li>✨ <code>gap(auto)</code>가 추가되었습니다.</li> <li><code>gap(auto) = space-between</code> 으로 조금 더 직관적이고 단순한 기입이 가능하도록 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-16a1h8z">1.4.4</h2> <ul data-svelte-h="svelte-he41hy"><li>🐛 <code>rotate()</code>가 정상동작하지 않던 현상을 수정하였습니다.</li> <li>✨ <code>rotate(90)</code> 처럼 숫자만 적어도 자동으로 <code>90deg</code> unit이 붙도록 개선하였습니다.</li></ul> <h2 data-svelte-h="svelte-1s2grdk">1.4.3</h2> <ul data-svelte-h="svelte-1je6ikl"><li>⚡️타 CSS와 호환시(ex mui) 디자인이 틀어지게 되는 <code>*{flex-shrink:0}</code> 속성을 기본 Reset에서 제거하였습니다.</li> <li>⚡️그러면서도 hbox, vbox 등은 여전히 figma의 AutoLayout과 동일하도록 <code>where:(.hbox&gt;*){flex-shrink:0}</code>의 속성이 적용될 수 있도록 하였습니다.</li> <li>🐛 <code>bc(border-color)</code>, <code>bw(border-width)</code>가 4방향을 다르게 각각 적용이 되지 않던 버그를 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1wlxfr">1.4.0</h2> <ul data-svelte-h="svelte-zyedm"><li><p>✨ top/bottom 과 left/right를 이제 x(), y()로 더 간단하고 멋지게 표현할 수 있습니다.</p> <ul><li><code>x(10) = left(10)</code></li> <li><code>x(~10) = right(10)</code></li> <li><code>x(10~20) = left(10)+right(20)</code></li></ul></li> <li><p>✨ x(center) 기능이 추가 되었습니다.</p> <ul><li><code>x(center) = left(50%)+translateX(-50%)</code></li> <li><code>x(center+50px) = left(50%+50px)+translateX(-50%)</code></li></ul></li> <li><p>✨<code>r(fill)</code>이 추가되어 양 옆이 둥근 사각형을 더 직관적으로 만들 수 있게 되었습니다.</p> <ul><li><code>r(fill) = border-radius:9999px;</code></li></ul></li> <li><p>🐛 w(max-content) width:max-content;가 적용되지 않던 버그를 수정하였습니다.</p></li></ul> <h2 data-svelte-h="svelte-dogmtv">1.3.7</h2> <ul data-svelte-h="svelte-16oo4pj"><li>✨ 이제 <code>w(fill)</code>, <code>h(fill)</code>이 Flexbox에서 제대로 동작하게 됩니다.</li> <li>🐛 invalidate한 CSS 결과물들을 필터링하는 기능이 추가되었습니다.</li></ul> <h2 data-svelte-h="svelte-1upuicm">1.3.6</h2> <ul data-svelte-h="svelte-1j71py0"><li>🐛<code>nowrap</code>, <code>nowrap...</code> 에 max-width:100%를 두어 특정 상황에서 글 내용이 넘치는 현상을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1mrbc0h">1.3.5</h2> <ul data-svelte-h="svelte-1i5k4ln"><li>✨글자 배치를 가로+세로를 함께 할 수 있는 새로운 textAlign 스펙이 추가되었습니다.</li> <li>튜토리얼을 확인해주세요!</li> <li>ex) <code>text(left)</code> <code>text(middle+right)</code> <code>text(pack)</code></li></ul> <h2 data-svelte-h="svelte-14tuwac">1.3.4</h2> <ul data-svelte-h="svelte-fnyu41"><li>✨filter와 backdrop-filter에 -webkit- prefix를 추가하였습니다.</li> <li>🐛일부 ;이 누락되어 !important가 적용되지 않던 속성들을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1cicx3z">1.3.3</h2> <ul data-svelte-h="svelte-m31t87"><li>✨<code>mx(3)</code>, <code>px(10) py(20)</code> 과 같이 mx = margin-left+margin-right를 같이 적용하는 rule을 추가하였습니다.</li></ul> <h2 data-svelte-h="svelte-mk3kbh">1.3.1</h2> <ul data-svelte-h="svelte-cfvg6u"><li>✨<code>.blind</code>, <code>.sr-only</code> 스크린 리더용 클래스를 추가하였습니다. 해당 클래스를 사용하면 화면에는 보이지 않지만 스크린 리더에서는 읽어줍니다. 참고로 blind와 sr-only는 동일한 역할을 수행합니다.</li> <li>table-layout의 축약버전을 추가하였습니다.</li> <li>table-fixed <code>table-layout:fixed;</code>,</li> <li>table-auto <code>table-layout:auto;</code>,</li></ul> <h2 data-svelte-h="svelte-hgprpc">1.3.0</h2> <ul data-svelte-h="svelte-1yoi8wx"><li><p>✨align-items, justify-content, align-content, justify-items의 축약버전을 추가하였습니다.</p></li> <li><p><code>ex) &lt;div class=&quot;ai(flex-start) jc(flex-end)&quot;&gt;</code></p></li> <li><p>✨flex-grow, flex-shrink의 축약버전을 추가하였습니다. grow, grow-0, no-grow, shrink, shrink-0, no-shrink</p></li> <li><p>no-grow와 grow-0는 같은 의미입니다.</p></li> <li><p>🐛CDN 방식에서 class가 하나도 없을 때 <code>body {display:none}</code>이 사라지지 않던 버그를 수정하였습니다.</p></li></ul> <h2 data-svelte-h="svelte-u5qhld">1.2.8</h2> <ul data-svelte-h="svelte-yc8rpv"><li><p>✨layer(top:10) 과 같이 layer에 offset을 지정할 수 있는 기능을 추가하였습니다.</p></li> <li><p>✨layer(top+outside) 와 같이 부모 엘리먼트의 바깥쪽을 기준으로 붙이는 기능이 추가되었습니다.</p></li> <li><p>🐛adorableCSS가 잘못된 CSS를 생성하더라도 이후 라인이 문제가 생기지 않게 하도록 개선하였습니다. 복잡한 Selector 구문인 경우 맨 뒤에 <code>{}</code> 문자열을 추가하여 그 다음 라인은 정상적으로 동작할 수 있도록 하였습니다.</p></li> <li><p><code>ex) .transform\:scale\(10\):transform{transform:scale(10);}{}</code></p></li></ul> <h2 data-svelte-h="svelte-1ohgzh6">1.2.7</h2> <ul data-svelte-h="svelte-k7p1qr"><li>🐛.test:hgap(10)+c(#111)과 같이 복합 rule과 +가 결합했을때 css값이 잘못 출력이 되는 현상을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-jws2ov">1.2.6</h2> <ul data-svelte-h="svelte-15re117"><li>✨ &gt;p(10) &gt;&gt;w(100%)와 같이 자식선택자, 하위 선택자 기능을 추가하였습니다.</li></ul> <h2 data-svelte-h="svelte-yj7st4">1.2.5</h2> <ul data-svelte-h="svelte-135gn0n"><li>🐛 font(13/20)+c(red)와 같이 font를 먼저쓰고 +를 할 경우 이후 서식이 적용이 되지 않던 버그를 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1szmrvh">1.2.4</h2> <ul data-svelte-h="svelte-1ac24zw"><li>✨️ ~ selector는 media rule과 <code>ex) ~md:font(2em)</code>e 충돌이 나서 삭제하기로 함. ~selector는 반대로 만들어야 하는데 <code>ex) p ~ &amp; { ... }</code> 사용성이 낮아서 우선순위 보류</li></ul> <h2 data-svelte-h="svelte-o04bmj">1.2.2</h2> <ul data-svelte-h="svelte-p3hwxn"><li>✨️ box-shadow(0/0/10/#000.2) box-shadow에 단위를 생략하면 px이 자동으로 붙도록 수정하였습니다.</li> <li>🐛bg-position에서 /가 적용이 안되는 현상을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1xffqpg">1.2.1</h2> <ul data-svelte-h="svelte-4jol9q"><li>✨️ absolute(-/10/20/-) 기능이 추가 되었습니다. position + top, right, bottom, left, -는 생략</li> <li>✨️ absolute(10,20) 기능이 추가 되었습니다. position(x,y)</li> <li>✨️ absolute(~10,~20) 기능이 추가 되었습니다. position(right,bottom)</li></ul> <h2 data-svelte-h="svelte-19pui6y">1.1.8</h2> <ul data-svelte-h="svelte-1u474xq"><li>✨️ cdn 방식이 astro에서 적용이 되지 않던 현상을 수정하였습니다.</li> <li>✨️ skew() skewX() skewY() skewZ()가 누락되어 있던 현상을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-riezyr">1.1.5</h2> <ul data-svelte-h="svelte-yp8vod"><li>⛱ vite, webpack, postcss등 다른 복잡한 설정 없이 그냥 script 한줄만 추가하면 adorableCSS를 사용할 수 있습니다.</li> <li>⚡️ adorableCSS를 간편하게 쓰는 방법! body 맨 아래 <code>&lt;script src=&quot;https://unpkg.com/adorable-css&quot;&gt;&lt;/script&gt;</code>만 추가해보세요.</li> <li>런타임 방식으로 css in js 방식을 통해서 동적으로 style을 생성하여 적용해줍니다.</li> <li>(지금 개발자 도구를 열어서 아무 엘리먼트나 class=“bg(red)” 를 한번 추가해보세요.)</li></ul> <pre class="language-html"><!-- HTML_TAG_START --><code class="language-html">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/adorable-css<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code><!-- HTML_TAG_END --></pre> <h2 data-svelte-h="svelte-1m4tfts">1.1.2</h2> <ul data-svelte-h="svelte-rps6ol"><li>✨ adoarbleCSS cli 기능 업데이트 (PR 너무 너무 감사합니다!! ❤️)</li> <li><a href="https://github.com/dudlf/adorable-css-cli" rel="nofollow">https://github.com/dudlf/adorable-css-cli</a></li></ul> <h2 data-svelte-h="svelte-1l8xbia">1.1.0</h2> <ul data-svelte-h="svelte-1czbsk1"><li>🐛 outline(1/red), drop-shadow(30px/10px/4px/#4444dd)가 제대로 동작하지 않던 버그 수정</li></ul> <h2 data-svelte-h="svelte-13hj2qm">1.0.9</h2> <ul data-svelte-h="svelte-1dk51dh"><li>✨ vpack, hpack 속성을 추가하였습니다. vpack = vbox+pack</li></ul> <h2 data-svelte-h="svelte-xqqftr">1.0.4</h2> <ul data-svelte-h="svelte-1mixfin"><li>🐛 after:content(’|’) 와 같이 따옴표가 포함된 값이 제대로 적용되지 않던 현상을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-1jlhdkk">1.0.3</h2> <ul data-svelte-h="svelte-huruy4"><li>🐛 background-image가 url을 함께 사용했을때 제대로 동작하지 않던 현상을 수정하였습니다.</li> <li>✨ background-image에서 url을 쓰지 않아도 동작하도록 수정하였습니다.</li> <li>✨ background-image를 bg-image로 축약해서 쓸 수 있도록 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-181y4k1">0.9.6</h2> <ul data-svelte-h="svelte-bdb20m"><li>🐛 typescript에서 package type 에러가 나던 현상을 수정하였습니다.</li> <li>♻️ <code>import {adorableCSS} from &quot;adorable-css/vite&quot; // import path를 하나로 통일했습니다.</code></li></ul> <h2 data-svelte-h="svelte-vkq8ie">0.8.8</h2> <ul data-svelte-h="svelte-1hbtrka"><li>🐛 chokidar 윈도우 버그 때문에 기능 삭제. vite plugin 타입 에러가 나는 부분을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-11tmp3p">0.8.7</h2> <ul data-svelte-h="svelte-92t6x1"><li>✨ w(10~50%~100)나, h(~100~100%) 등 value와 minmax를 한번에 쓸 수 있도록 기능을 추가하였습니다.</li> <li>📝 (단, 해당 기능은 인지적 측면에서 직관적이지는 않으므로 Best Practice의 형태는 w(100%) w(32~300) 처럼 value와 minmax를 분리해서 쓰기를 권장합니다.)</li></ul> <h2 data-svelte-h="svelte-1w6jbtc">0.8.6</h2> <ul data-svelte-h="svelte-z8r303"><li>✨ snap-x-proximity, snap-y-proximity, snap-both-proximity를 추가하였습니다.</li></ul> <h2 data-svelte-h="svelte-keoq6v">0.8.5</h2> <ul data-svelte-h="svelte-1z0nmv"><li>✨ &amp;:last-child&gt;span 과 같이 &amp; 기능을 추가하였습니다.</li></ul> <pre class="language-undefined"><!-- HTML_TAG_START --><code class="language-undefined">&lt;div class=&quot;flex &amp;:last-child&gt;span:c(red)&quot;&gt;
   &lt;span&gt;&#123;index + 1&#125;&lt;/span&gt;
@@ -43,7 +43,7 @@
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>html</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>head</span><span class="token punctuation">></span></span>
   ...
-  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/adorable-css<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>script</span><span class="token punctuation">></span></span>
+  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/adorable-css<span class="token punctuation">"</span></span><span class="token punctuation">></span></span><span class="token script"></span><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>script</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>head</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code><!-- HTML_TAG_END --></pre> <p data-svelte-h="svelte-5vcrdx">다른 CSS 프레임워크 없이 script만 넣어보세요. css-in-js 방식으로 실시간으로 AdorableCSS의 스펙을 지원합니다.</p> <h2 data-svelte-h="svelte-1wh74pl">0.7.8</h2> <ul data-svelte-h="svelte-1egxu7v"><li>cursor 단축 표현이 일부 추가되었습니다.</li></ul> <pre class="language-js"><!-- HTML_TAG_START --><code class="language-js"><span class="token punctuation">&#123;</span>
   <span class="token string-property property">"col-resize"</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">cursor: col-resize;</span><span class="token template-punctuation string">&#96;</span></span><span class="token punctuation">,</span>
@@ -104,7 +104,7 @@
   <span class="token string-property property">"snap-always"</span><span class="token operator">:</span> <span class="token punctuation">(</span><span class="token punctuation">)</span> <span class="token operator">=></span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">scroll-snap-stop: always;</span><span class="token template-punctuation string">&#96;</span></span><span class="token punctuation">,</span>
 <span class="token punctuation">&#125;</span></code><!-- HTML_TAG_END --></pre> <h2 data-svelte-h="svelte-1e694ew">0.7.5</h2> <ul data-svelte-h="svelte-c5afys"><li>🐛 hover:mt(10)+bold는 동작하나 hover:bold+mt(10)이 동작하지 않던 버그 수정</li></ul> <h2 data-svelte-h="svelte-1kzwmn2">0.7.3</h2> <ul data-svelte-h="svelte-1z0sogl"><li>✨ grid(5) 기능이 추가 되었습니다. = grid-template-columns:repeat(5,1fr);</li> <li>✨ grid(1fr,1f,1f) = grid-template-columns:1fr,1f,1f</li> <li>grid의 값은 가장 많이 쓰이는 grid-template-columns을 사용하도록 문법을 작성하였습니다.</li></ul> <h2 data-svelte-h="svelte-v1nfkc">0.7.1</h2> <ul data-svelte-h="svelte-4g1cuc"><li>🐛 !touch 와 같이 !로 시작하는 prefix가 동작하지 않던 현상을 수정하였습니다.</li> <li>⚡️ 불필요한 자동생성이 되는 현상을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-8z5w1t">0.7.0</h2> <ul data-svelte-h="svelte-1w1tye9"><li>✨ prop(value)! prop(value)!! prop(value)!!! 기능이 추가되었습니다.</li> <li>✨ hover:c(red)+bg(blue)+b(#000) + 기능이 추가되었습니다.</li> <li>📝 selector 기능 관련 문서를 추가하였습니다.</li> <li>📝 important! 기능 관련 문서를 추가하였습니다.</li></ul> <h2 data-svelte-h="svelte-8adqj9">0.6.9</h2> <ul data-svelte-h="svelte-1b5mh3a"><li>✨ subbox 기능이 추가되었습니다.</li> <li>🐛️ 예외처리를 강화해서 잘못된 CSS를 생성하지 않도록 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-lko9zs">0.6.8</h2> <ul data-svelte-h="svelte-1lhuhcl"><li>✨ bg(url(…)) background-image:url(…)</li> <li>✨ bg(http…), bg(./), bg(/…) background-image:url(…)</li> <li>🐛 transition(none)이 되지 않던 버그를 수정했습니다.</li></ul> <h2 data-svelte-h="svelte-1fzx9y3">0.6.7</h2> <ul data-svelte-h="svelte-1n183ye"><li>🐛 class에서 줄바꿈시 오류 수정</li></ul> <h2 data-svelte-h="svelte-sebs7y">0.6.6</h2> <ul data-svelte-h="svelte-1mu1oeg"><li>🐛 hsl컬러 지정안되는 현상을 수정하였습니다.</li> <li>🐛 after:content(’…‘)가 동작하지 않던 현상을 수정하였습니다.</li> <li>✨ after:content 만 입력할 경우 content:” 의 default값으로 적용하도록 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-q1nx5l">0.6.5</h2> <ul data-svelte-h="svelte-10y62h"><li>✨ .index 파일의 경우 vite의 transform 목록에 포함되어 있지 않아 adorable.css 를 자동생성하지 못하는 문제 수정 #32
 config에 <code>preLoads</code>의 옵션을 이용해서 (default: <code>[/*/**.html]</code>) 모든 html파일을 미리 watch 목록에 올리도록 기능 추가함.</li></ul> <h2 data-svelte-h="svelte-2g2l58">0.6.4</h2> <ul data-svelte-h="svelte-1qzw0x8"><li>🐛️ ~sm, ~md 기능 안되던 버그 수정</li> <li>🐛️ :root <code>{ ... word-break:break-word ... }</code> 추가 해서 text로 인해 flex-box가 커지는 기능 방지</li> <li>✨️ flex-wrap에 <code>&amp; &gt; {max-width:100%;max-height:100%;}</code>를 주어 overflow 방지 기능 추가</li> <li>✨️ reset에 min-width:0 추가</li></ul> <h2 data-svelte-h="svelte-wvbli7">0.6.3</h2> <ul data-svelte-h="svelte-mue65p"><li>🐛️ hidden(구 invisible) vs visible 이 동시에 있을때는 visible이 우선순위가 더 높도록 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-w3lzvm">0.6.2</h2> <ul data-svelte-h="svelte-17h2imx"><li>✨️ #000.2 와 같은 HEXa 포맷을 구문 전체에서 지원합니다.</li> <li>⚡️ cover, contain에 background-repeat: no-repeat 추가 되었습니다.</li> <li>✨️ —serif, —sans-serif와 같이 css variable을 통해서 기본 폰트를 지정할 수 있도록 수정하였습니다.</li> <li>✨️ @media query 지원 기능을 추가하였습니다. @w(~360), @w(360~), @w(360~720)</li></ul> <h2 data-svelte-h="svelte-6x28pp">0.6.1</h2> <ul data-svelte-h="svelte-66cqkn"><li>🚑️ pointer-events-auto! 와 같이 ()가 없는 ! 기능이 동작하지 않던 현상을 수정하였습니다.</li></ul> <h2 data-svelte-h="svelte-x3r3b4">0.6.0</h2> <ul data-svelte-h="svelte-1lzj1wx"><li>🧑‍💻 flex-shrink === flex-shrink(1), flex-glow === flex-glow(1)로 default 값을 추가헀습니다.</li></ul> <h2 data-svelte-h="svelte-118asnv">0.5.8</h2> <ul data-svelte-h="svelte-1loi799"><li>🎉 홈페이지를 새롭게 단장하였습니다. 1.0.0 정식 오픈을 위해서 열심히 해보곘습니다.</li> <li>🐛 정규식이 있는 경우 CSS가 잘못 분석이 되던 버그를 수정하였습니다.</li> <li>⚡️ 파서 엔진을 교체하여 잘못된 CSS가 생성되는 현상을 수정하였습니다.</li> <li>✨ monospace(number) 기능이 추가되었습니다. <a href="https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric" rel="nofollow">https://developer.mozilla.org/en-US/docs/Web/CSS/font-variant-numeric</a></li></ul> <hr> <h2 data-svelte-h="svelte-10cara0">0.5.7</h2> <ul data-svelte-h="svelte-nndhyx"><li><code>:after</code> <code>:before</code> <code>content</code> 기능이 추가되었습니다.</li> <li>class는 띄어쓰기를 못하므로 content에 공백이 있다면 css variable를 추천합니다.</li></ul> <pre class="language-html"><!-- HTML_TAG_START --><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>before:content('hello') before:c(red)<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>world<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 attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>before:content(--content) before:c(red)<span class="token punctuation">"</span></span> <span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>--content:'hello, '<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>world<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span></code><!-- HTML_TAG_END --></pre> <blockquote data-svelte-h="svelte-1nhkj9v"><p>@NOTE: <code>:after</code> vs <code>::after</code> 정석은 <code>::after</code>가 맞으나 IE8 이후 오랜 관습으로 남아 있는 <code>:after</code>도 사용가능하도록 추가하였습니다. <code>:before</code>도 동일합니다.</p></blockquote> <ul data-svelte-h="svelte-6gk22h"><li>::first-line과 같은 pseudo-elements를 지원합니다. <a href="https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-elements" rel="nofollow">https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-elements</a></li></ul> <pre class="language-html"><!-- HTML_TAG_START --><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>first-line::c(red)<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>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>before:content(--content) before:c(red)<span class="token punctuation">"</span></span> <span class="token special-attr"><span class="token attr-name">style</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span><span class="token value css language-css"><span class="token property">--content</span><span class="token punctuation">:</span><span class="token string">'hello, '</span></span><span class="token punctuation">"</span></span></span><span class="token punctuation">></span></span>world<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>div</span><span class="token punctuation">></span></span></code><!-- HTML_TAG_END --></pre> <blockquote data-svelte-h="svelte-1nhkj9v"><p>@NOTE: <code>:after</code> vs <code>::after</code> 정석은 <code>::after</code>가 맞으나 IE8 이후 오랜 관습으로 남아 있는 <code>:after</code>도 사용가능하도록 추가하였습니다. <code>:before</code>도 동일합니다.</p></blockquote> <ul data-svelte-h="svelte-6gk22h"><li>::first-line과 같은 pseudo-elements를 지원합니다. <a href="https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-elements" rel="nofollow">https://developer.mozilla.org/ko/docs/Web/CSS/Pseudo-elements</a></li></ul> <pre class="language-html"><!-- HTML_TAG_START --><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>first-line::c(red)<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>p</span><span class="token punctuation">></span></span>first-line<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</span><span class="token punctuation">></span></span>
   <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>p</span><span class="token punctuation">></span></span>second-line<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>p</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><!-- HTML_TAG_END --></pre> <ul data-svelte-h="svelte-10z8ls3"><li>::webkit-scrollbar를 적용할 수 있습니다.</li></ul> <pre class="language-html"><!-- HTML_TAG_START --><code class="language-html"><span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>div</span> <span class="token attr-name">class</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>h(100) scroll-y -webkit-scrollbar::w(4) -webkit-scrollbar-thumb::bg(red)<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>
@@ -113,22 +113,32 @@
         <span class="token literal-property property">reset</span><span class="token operator">:</span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">*&#123;margin:0; padding&#125; /* &lt;-- your reset code here */</span><span class="token template-punctuation string">&#96;</span></span>
       <span class="token punctuation">&#125;</span><span class="token punctuation">)</span><span class="token punctuation">,</span>
     <span class="token punctuation">]</span><span class="token punctuation">,</span></code><!-- HTML_TAG_END --></pre> <hr> <h2 data-svelte-h="svelte-xgi1vi">지난 로그</h2> <ul data-svelte-h="svelte-pzzxqn"><li>0.5.6 - (beta) bg(linear-gradient) 기능 추가</li> <li>0.5.5 - user-select 사파리에서 동작하지 않는 버그 수정, -webkit- prefix 추가</li> <li>0.5.3 - CSS Reset 보강 <a href="https://github.com/developer-1px/adorable-css/blob/master/src%5Badorable-css%5D/src/rules.ts" rel="nofollow">https://github.com/developer-1px/adorable-css/blob/master/src%5Badorable-css%5D/src/rules.ts</a></li> <li>0.5.2 - PostCSS를 사용하는 build 환경에서 에러발생하는 오류 수정함.</li> <li>0.4.9 - :nth-child를 비롯한 <strong>모든 pseudo class</strong> 지원, 등록되지 않은 모든 css도 일단 지원. ex) touch-action(pan-x)</li> <li>0.4.7 - glob방식의 config.include 추가 ex) <code>adorableCSS({include: &quot;src/**/*.{svelte,svx})&quot;</code></li> <li>0.4.5 - attribute selector 기능 추가 ex) [attr=‘value’]:c(red)</li> <li>0.4.4 - build시 sourcemap 포함되면 error나던 현상 수정</li></ul> <h2 data-svelte-h="svelte-5ql4of">지금 준비하고 있는 기능들</h2> <ul data-svelte-h="svelte-19tzs2m"><li>transform 결합: ex) translateX(10)+scale(.5)</li> <li>more level cascade priority(!important): ex) bg(red) .test:bg(orange)! .test2:bg(red)!!</li></ul></div></div> <div class="version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)" aria-hidden="true"> 1.3.0</div> 
-		<script type="module" data-sveltekit-hydrate="kapuuf">
-			import { start } from "/adorable-css/_app/immutable/start-7e76410d.js";
+			
+			<script>
+				{
+					__sveltekit_9ub911 = {
+						base: new URL(".", location).pathname.slice(0, -1),
+						assets: "/adorable-css"
+					};
 
-			start({
-				env: {},
-				paths: {"base":"/adorable-css","assets":"/adorable-css"},
-				target: document.querySelector('[data-sveltekit-hydrate="kapuuf"]').parentNode,
-				version: "1698753292940",
-				hydrate: {
-					node_ids: [0, 5],
-					data: [null,null],
-					form: null
+					const element = document.currentScript.parentElement;
+
+					const data = [null,null];
+
+					Promise.all([
+						import("./_app/immutable/entry/start.O7R-oumk.js"),
+						import("./_app/immutable/entry/app.Bfq2bQc-.js")
+					]).then(([kit, app]) => {
+						kit.start(app, element, {
+							node_ids: [0, 5],
+							data,
+							form: null,
+							error: null
+						});
+					});
 				}
-			});
-		</script>
-	</div>
+			</script>
+		</div>
 <!--<script async src="https://unpkg.com/adorable-css"></script>-->
 </body>
 </html>
diff --git a/docs.html b/docs.html
index d5b568e..854b1d1 100644
--- a/docs.html
+++ b/docs.html
@@ -13,16 +13,16 @@
   <meta property="og:description" content="CSS를 쓸 필요 없는 세상 귀여운 CSS 프레임워크!"/>
 
   <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"/>
-  <meta http-equiv="content-security-policy" content="">
-		<link href="/adorable-css/_app/immutable/assets/_layout-91974e0a.css" rel="stylesheet">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/start-7e76410d.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/index-bc0b20f1.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/singletons-199d898a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/_layout.svelte-7cede11a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/stores-84d51be6.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/_layout-da46b06b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/docs/_page.svelte-db427261.js">
+  
+		<link href="./_app/immutable/assets/0.DpC0Hi-A.css" rel="stylesheet">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.O7R-oumk.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/entry.BuFVMvRG.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.CH-LaNC3.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.Bfq2bQc-.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/index.Wx35Jw4s.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/0.D8tTu7vi.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/stores.BRRwbFP8.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/6.CLik99gw.js">
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZV4FB601YT"></script>
   <script>
   window.dataLayer = window.dataLayer || []
@@ -34,9 +34,9 @@
   <script async src="https://unpkg.com/monaco-editor@latest/min/vs/loader.js"></script>
 </head>
 <body>
-<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="/adorable-css/" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="/adorable-css/background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="/adorable-css/guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="/adorable-css/docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="/adorable-css/tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="/adorable-css/changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="/adorable-css/reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="markdown p(20)"><p data-svelte-h="svelte-151xwb1"><img src="https://images.velog.io/images/teo/post/0282cd6a-7530-4674-ad56-2cea0b55b773/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202022-01-12%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2012.06.40.png"></p> <h1 data-svelte-h="svelte-xl68b3">AdorableCSS</h1> <blockquote data-svelte-h="svelte-zazub8"><p>⚡️ Rapid On-Demand Atomic CSS framework</p></blockquote> <p data-svelte-h="svelte-1co465p">어떤 CSS가 좋은 CSS인지 모르겠나요?<br>AdorableCSS를 이용해서 CSS 이름짓기와 좋은 구조에 대한 고민을 날려보세요!</p> <h3 data-svelte-h="svelte-18656gu">Why AdorableCSS?</h3> <p data-svelte-h="svelte-1glakif">초창기 웹 문서의 서식을 위해 만들어진 CSS는 무엇보다 훌륭한 디자인 도구였습니다.</p> <p data-svelte-h="svelte-1le5bsw">하지만 웹은 문서가 아니라 아니라 어플리케이션의 형태로 발전했고 페이지가 아니라 이제는 프레임워크와 컴포넌트 기반의 개발 방식으로 변경이 되었습니다.</p> <p data-svelte-h="svelte-17fdy0v">문서 서식을 위해 만들어진 CSS는 안타깝게도 현대 프레임워크 방식과는 잘 맞지않게 설계되었습니다. CSS는 전역적이며 모듈화되지 않고 Cascade와 상세도에 의해 언제나 부서지기 쉬운 상태가 되었습니다. 그리고
+<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="./" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="./background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="./guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="./docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="./tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="./changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="./reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="markdown p(20)"><p data-svelte-h="svelte-151xwb1"><img src="https://images.velog.io/images/teo/post/0282cd6a-7530-4674-ad56-2cea0b55b773/%E1%84%89%E1%85%B3%E1%84%8F%E1%85%B3%E1%84%85%E1%85%B5%E1%86%AB%E1%84%89%E1%85%A3%E1%86%BA%202022-01-12%20%E1%84%8B%E1%85%A9%E1%84%8C%E1%85%A5%E1%86%AB%2012.06.40.png"></p> <h1 data-svelte-h="svelte-xl68b3">AdorableCSS</h1> <blockquote data-svelte-h="svelte-zazub8"><p>⚡️ Rapid On-Demand Atomic CSS framework</p></blockquote> <p data-svelte-h="svelte-1co465p">어떤 CSS가 좋은 CSS인지 모르겠나요?<br>AdorableCSS를 이용해서 CSS 이름짓기와 좋은 구조에 대한 고민을 날려보세요!</p> <h3 data-svelte-h="svelte-18656gu">Why AdorableCSS?</h3> <p data-svelte-h="svelte-1glakif">초창기 웹 문서의 서식을 위해 만들어진 CSS는 무엇보다 훌륭한 디자인 도구였습니다.</p> <p data-svelte-h="svelte-1le5bsw">하지만 웹은 문서가 아니라 아니라 어플리케이션의 형태로 발전했고 페이지가 아니라 이제는 프레임워크와 컴포넌트 기반의 개발 방식으로 변경이 되었습니다.</p> <p data-svelte-h="svelte-17fdy0v">문서 서식을 위해 만들어진 CSS는 안타깝게도 현대 프레임워크 방식과는 잘 맞지않게 설계되었습니다. CSS는 전역적이며 모듈화되지 않고 Cascade와 상세도에 의해 언제나 부서지기 쉬운 상태가 되었습니다. 그리고
 이를 해결하기 위해서 BEM과 같은 CSS 방법론등이 필요하게 되었지만 여전히 CSS개발은 어려운 작업이 되었습니다.</p> <h3 data-svelte-h="svelte-1rl64zq">Naming things is hard.</h3> <p data-svelte-h="svelte-tda8pv">CSS가 어려운 이유는 뭘까요? 그것은 바로 이름짓기 문제입니다. CSS뿐만 아니라 모든 소프웨어 작업에서 꼭 필요한 좋은 이름을 짓는다는 것은 참 어려운 일입니다. CSS의 방법론이나 CSS를 잘 한다는 것은 이 좋은 이름을 짓는데서 출발하게 됩니다.</p> <p data-svelte-h="svelte-zocbfy">하지만 우리는 늘 <code>.inner-wraper</code> <code>.wrap-container</code> 와 같은 의미없는 이름들을 지으면서 괴로워합니다.</p> <p data-svelte-h="svelte-74vn8d">또한 <code>.nav__title</code> <code>.nav__title--selected</code> 어떤 식으로 구조를 짜야하는지 늘 혼란스러워 합니다.</p> <h3 data-svelte-h="svelte-ioby6r">No more writing your own CSS!</h3> <p data-svelte-h="svelte-y4qnet">그렇다면 아예 CSS를 작성하지 않는 방법은 어떨까요?</p> <p data-svelte-h="svelte-libngj">CSS의 잘못된 설계와 어플리케이션 개발방식이 맞지 않는 문제에서 더 이상 고민하지 마세요. 어플리케이션을 만드는 방식처럼 눈에 보이는 서식 그대로 HTML위에서 디자인기반으로 작업을 해보세요.</p> <p data-svelte-h="svelte-k484li">HTML과 CSS와 화면을 왔다갔다하며 새로고침을 할 필요도 없습니다. 직관적으로 HTML위에서 작성해보세요.</p> <p data-svelte-h="svelte-fqg26">최적화는 걱정마세요! 필요한 CSS는 미리 다 함수로 만들어 두었습니다.</p> <pre class="language-html"><!-- HTML_TAG_START --><code class="language-html"><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 attr-equals">=</span><span class="token punctuation">"</span>hbox pack bg(#333) c(#fff) r(6) p(8/12)
-               font(14/16/-1%) bold pointer<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>click me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span></code><!-- HTML_TAG_END --></pre> <button class="hbox pack bg(#333) c(#fff) r(6) p(8/12) font(14/16/-1%) bold pointer" data-svelte-h="svelte-1eere6d">click me</button> <h3 data-svelte-h="svelte-19ht93">Portable and Compact</h3> <p data-svelte-h="svelte-vd0mqg">미리 만들었다면 CSS의 용량은 매우 크지 아닐까요? No!</p> <p data-svelte-h="svelte-481uy8">CSS는 빌드타임에 최적화되어 필요한 양만큼만 생성이 됩니다. 뿐만 아니라 한번 만들어진 CSS는 모든 페이지에서 재사용이 되기에 기존 방식보다 훨씬 더 적는 양의 CSS 파일을 사용하게 됩니다. 웹 서비스의 크기가 늘어다도 CSS의 크기는 더 커지지 않습니다.</p> <p data-svelte-h="svelte-v1uo1s">또한 HTML과 CSS가 하나의 파일로 관리되기 때문에 리팩토링에서도 자유롭습니다.</p> <hr> <h2 data-svelte-h="svelte-1bnnqdt">Key Feature</h2> <blockquote data-svelte-h="svelte-yuk5dg"><ol><li>AtomicCSS 방식으로 CSS 작업없이 HTML에서만 개발이 가능합니다.</li> <li>그러면서도 Selector, Peseduo Class등 CSS의 모든 기능을 사용할 수 있습니다.</li> <li>변경사항을 추적해서 실시간으로 CSS를 생성해서 최적의 코드를 만들어냅니다.</li> <li>Learning-Curve를 고려하여 문법을 간결하고 직관적이면서도 세련되게 다듬었습니다.</li></ol></blockquote> <hr> <h2 data-svelte-h="svelte-1dqs4d9">Syntax</h2> <pre class="language-html"><!-- HTML_TAG_START --><code class="language-html">property(value) 
+               font(14/16/-1%) bold pointer<span class="token punctuation">"</span></span><span class="token punctuation">></span></span>click me<span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>button</span><span class="token punctuation">></span></span></code><!-- HTML_TAG_END --></pre> <button class="hbox pack bg(#333) c(#fff) r(6) p(8/12) font(14/16/-1%) bold pointer" data-svelte-h="svelte-1eere6d">click me</button> <h3 data-svelte-h="svelte-19ht93">Portable and Compact</h3> <p data-svelte-h="svelte-13gvr0a">미리 만들었다면 CSS의 용량은 매우 크지 않을까요? No!</p> <p data-svelte-h="svelte-z94vkc">CSS는 빌드타임에 최적화되어 필요한 양만큼만 생성이 됩니다. 뿐만 아니라 한번 만들어진 CSS는 모든 페이지에서 재사용이 되기에 기존 방식보다 훨씬 더 적은 양의 CSS 파일을 사용하게 됩니다. 웹 서비스의 크기가 늘어다도 CSS의 크기는 더 커지지 않습니다.</p> <p data-svelte-h="svelte-v1uo1s">또한 HTML과 CSS가 하나의 파일로 관리되기 때문에 리팩토링에서도 자유롭습니다.</p> <hr> <h2 data-svelte-h="svelte-1bnnqdt">Key Feature</h2> <blockquote data-svelte-h="svelte-1vwjd5"><ol><li>AtomicCSS 방식으로 CSS 작업없이 HTML에서만 개발이 가능합니다.</li> <li>그러면서도 Selector, Pseudo Class등 CSS의 모든 기능을 사용할 수 있습니다.</li> <li>변경사항을 추적해서 실시간으로 CSS를 생성해서 최적의 코드를 만들어냅니다.</li> <li>Learning-Curve를 고려하여 문법을 간결하고 직관적이면서도 세련되게 다듬었습니다.</li></ol></blockquote> <hr> <h2 data-svelte-h="svelte-1dqs4d9">Syntax</h2> <pre class="language-html"><!-- HTML_TAG_START --><code class="language-html">property(value) 
   - 가장 기본적인 형태로 프로퍼티(값)의 형태를 가집니다.
   ex) class="w(240) h(100) c(#fff.3)"
 
@@ -54,7 +54,7 @@
 
 prefix:property(value)! or property(value)! or property!
   - 마지막에 !를 붙이면 !important 로 만들어줍니다.
-  ex) class="active:bg(red)! b(0)! none! fixed!"</code><!-- HTML_TAG_END --></pre> <h2 data-svelte-h="svelte-18nl5sl">Basic Properties</h2> <hr> <h2 data-svelte-h="svelte-lrbnt">Text</h2> <h3 data-svelte-h="svelte-1hlz3iz">Color</h3> <p data-svelte-h="svelte-15mvadf"><code>c(red)</code> <code>c(#f00)</code> <code>c(#f00.5)</code> <code>c(255,0,0)</code> <code>c(255,0,0,.3)</code> <code>c(100%,0,0)</code></p> <h3 data-svelte-h="svelte-1lzyvuw">font(size/line-height/letter-spacing/word-spacing)</h3> <p data-svelte-h="svelte-4sigep"><code>font(20/1.4/-1%)</code> <code>font(20/1.4)</code> <code>font(20/-/-1%)</code></p> <p data-svelte-h="svelte-12m2z5g"><code>font-size(30)</code> <code>line-height(1.5)</code> <code>letter-spacing(-1px)</code></p> <p data-svelte-h="svelte-1jrmzdq"><code>word-spacing(-1px)</code></p> <h3 data-svelte-h="svelte-t6b4pe">font-family</h3> <p data-svelte-h="svelte-tdgp5c"><code>sans-serif</code> <code>serif</code> <code>cursive</code> <code>monospace</code></p> <h3 data-svelte-h="svelte-dosctx">font-style</h3> <p data-svelte-h="svelte-ubjcod"><code>bold</code> <code>italic</code> <code>underline</code> <code>strike</code></p> <h3 data-svelte-h="svelte-4cyzae">font-weight</h3> <p data-svelte-h="svelte-1jg3m3i"><code>100</code> <code>200</code> <code>300</code> <code>400</code> <code>500</code> <code>600</code> <code>700</code> <code>800</code> <code>900</code></p> <p data-svelte-h="svelte-32v5x4"><code>thin</code> <code>light</code> <code>medium</code> <code>regular</code> <code>bold</code> <code>heavy</code></p> <h3 data-svelte-h="svelte-10j97a7">text-align</h3> <p data-svelte-h="svelte-1pkntrg"><code>text(left)</code> <code>text(center)</code> <code>text(right)</code> <code>text(justify)</code></p> <p data-svelte-h="svelte-50opbk"><code>text(center+bottom)</code> <code>text(pack)</code></p> <h3 data-svelte-h="svelte-p0tfw0">etc</h3> <p data-svelte-h="svelte-cnt0gb"><code>lowercase</code> <code>uppercase</code> <code>small-caps</code></p> <p data-svelte-h="svelte-1utadbq"><code>monospace(number)</code></p> <h3 data-svelte-h="svelte-1plsvjw">stroke</h3> <p data-svelte-h="svelte-ppg8ac"><code>text-shadow()</code></p> <hr> <h2 data-svelte-h="svelte-x159i5">Box</h2> <h3 data-svelte-h="svelte-151n3eh">Size</h3> <p data-svelte-h="svelte-bqx0ie"><code>w(30)</code> <code>w(~30)</code> <code>w(30~)</code> <code>w(20~30)</code></p> <p data-svelte-h="svelte-1yd0cyo"><code>h(30)</code> <code>h(~30)</code> <code>h(30~)</code> <code>h(20~30)</code></p> <h3 data-svelte-h="svelte-1takt42">Radius</h3> <p data-svelte-h="svelte-1j2c2ns"><code>r(10)</code> <code>r(fill)</code> <code>r(100%)</code></p> <h3 data-svelte-h="svelte-kqzvlh">Fill</h3> <p data-svelte-h="svelte-6ulo55"><code>bg(#B75959)</code> <code>bg(linear-gradient(#000,#fff))</code> <code>bg(/image.png)</code></p> <p data-svelte-h="svelte-1k3bcv9"><code>cover</code> <code>contain</code></p> <h3 data-svelte-h="svelte-1q2asbg">Stroke</h3> <p data-svelte-h="svelte-19y9ydv"><code>b(#000)</code> <code>b(1/#000)</code> <code>b(1/solid/#000)</code></p> <p data-svelte-h="svelte-1ujh88n"><code>bt(#000)</code> <code>br()</code> <code>bb()</code> <code>bl()</code></p> <p data-svelte-h="svelte-uae5wo"><code>outline()</code> <code>ring()</code></p> <h3 data-svelte-h="svelte-toh1kc">Effects</h3> <p data-svelte-h="svelte-186trtl"><code>box-shadow(0/4/4/#000.25)</code></p> <p data-svelte-h="svelte-15ji1yr"><code>box-shadow(inset/0/4/4/#000.25)</code></p> <p data-svelte-h="svelte-1r45b5l"><code>blur(4)</code></p> <p data-svelte-h="svelte-1g5w7po"><code>backdrop-blur(4)</code></p> <h3 data-svelte-h="svelte-18mayj">Clip content</h3> <p data-svelte-h="svelte-1rgha3l"><code>clip</code> <code>overflow(hidden)</code></p> <p data-svelte-h="svelte-1yzzgyx"><code>nowrap...</code> <code>line-clamp(3)</code></p> <h3 data-svelte-h="svelte-1ris5vt">Scroll</h3> <p data-svelte-h="svelte-ut7e7z"><code>scroll</code> <code>scroll-x</code> <code>scroll-y</code></p> <hr> <h2 data-svelte-h="svelte-19krxxg">Layout</h2> <h3 data-svelte-h="svelte-fiwae2">Flexbox</h3> <p data-svelte-h="svelte-12gfinw"><code>hbox</code> <code>vbox</code> <code>pack</code></p> <h3 data-svelte-h="svelte-go5ik9">hbox</h3> <p data-svelte-h="svelte-1rkaj2r"><code>hbox(top)</code> <code>hbox(top+center)</code> <code>hbox(top+right)</code></p> <p data-svelte-h="svelte-toqt73"><code>hbox(left)</code> <code>pack</code> <code>hbox(right)</code></p> <p data-svelte-h="svelte-rrltld"><code>hbox(bottom)</code> <code>hbox(bottom+center)</code> <code>hbox(bottom+right)</code></p> <p data-svelte-h="svelte-18zxzdi"><code>hbox(fill)</code></p> <h3 data-svelte-h="svelte-h11qnj">vbox</h3> <p data-svelte-h="svelte-18epelp"><code>vbox(top)</code> <code>vbox(top+center)</code> <code>vbox(top+right)</code></p> <p data-svelte-h="svelte-12gb04y"><code>vbox(left)</code> <code>vbox pack</code> <code>vbox(right)</code></p> <p data-svelte-h="svelte-k0yu6j"><code>vbox(bottom+left)</code> <code>vbox(bottom+center)</code> <code>vbox(bottom+right)</code></p> <h3 data-svelte-h="svelte-gpqyi7">Autolayout (direaction, gap, padding)</h3> <p data-svelte-h="svelte-1fi00v2"><code>p(10)</code> <code>p(10/20)</code> <code>p(10/20/30)</code> <code>p(10/20/30/40)</code></p> <p data-svelte-h="svelte-5hgi9t"><code>gap(10)</code> <code>gap(10/20)</code></p> <p data-svelte-h="svelte-tnne4h"><code>flex</code> <code>flex(1)</code> <code>flex(2)</code></p> <h3 data-svelte-h="svelte-1tvio83">Position</h3> <p data-svelte-h="svelte-1nhfscz"><code>static</code> <code>relative</code> <code>absolute</code> <code>fixed</code></p> <p data-svelte-h="svelte-iaq7fx"><code>sticky</code> <code>sticky-top</code> <code>sticky-right</code> <code>sticky-bottom</code> <code>sticky-left</code></p> <p data-svelte-h="svelte-1jrz4gk"><code>layer()</code> <code>layer(top)</code> <code>layer(top+right)</code></p> <p data-svelte-h="svelte-13qg3g6"><code>top()</code> <code>right()</code> <code>bottom()</code> <code>left()</code> <code>x()</code> <code>y()</code></p> <p data-svelte-h="svelte-en827w"><code>z()</code></p> <h3 data-svelte-h="svelte-1rey7x4">Visibility</h3> <p data-svelte-h="svelte-1r4k8dr"><code>none</code> <code>hidden</code> <code>visible</code> <code>blind</code> <code>opacity(.5)</code></p> <hr> <h2 data-svelte-h="svelte-j7zh5i">Reset CSS</h2> <pre class="language-css"><!-- HTML_TAG_START --><code class="language-css"><span class="token selector">*,:after,:before</span><span class="token punctuation">&#123;</span><span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">font</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">box-sizing</span><span class="token punctuation">:</span>border-box<span class="token punctuation">;</span><span class="token property">flex-shrink</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
+  ex) class="active:bg(red)! b(0)! none! fixed!"</code><!-- HTML_TAG_END --></pre> <h2 data-svelte-h="svelte-18nl5sl">Basic Properties</h2> <hr> <h2 data-svelte-h="svelte-lrbnt">Text</h2> <h3 data-svelte-h="svelte-1hlz3iz">Color</h3> <p data-svelte-h="svelte-15mvadf"><code>c(red)</code> <code>c(#f00)</code> <code>c(#f00.5)</code> <code>c(255,0,0)</code> <code>c(255,0,0,.3)</code> <code>c(100%,0,0)</code></p> <h3 data-svelte-h="svelte-1lzyvuw">font(size/line-height/letter-spacing/word-spacing)</h3> <p data-svelte-h="svelte-4sigep"><code>font(20/1.4/-1%)</code> <code>font(20/1.4)</code> <code>font(20/-/-1%)</code></p> <p data-svelte-h="svelte-12m2z5g"><code>font-size(30)</code> <code>line-height(1.5)</code> <code>letter-spacing(-1px)</code></p> <p data-svelte-h="svelte-1jrmzdq"><code>word-spacing(-1px)</code></p> <h3 data-svelte-h="svelte-t6b4pe">font-family</h3> <p data-svelte-h="svelte-tdgp5c"><code>sans-serif</code> <code>serif</code> <code>cursive</code> <code>monospace</code></p> <h3 data-svelte-h="svelte-dosctx">font-style</h3> <p data-svelte-h="svelte-ubjcod"><code>bold</code> <code>italic</code> <code>underline</code> <code>strike</code></p> <h3 data-svelte-h="svelte-4cyzae">font-weight</h3> <p data-svelte-h="svelte-1jg3m3i"><code>100</code> <code>200</code> <code>300</code> <code>400</code> <code>500</code> <code>600</code> <code>700</code> <code>800</code> <code>900</code></p> <p data-svelte-h="svelte-32v5x4"><code>thin</code> <code>light</code> <code>medium</code> <code>regular</code> <code>bold</code> <code>heavy</code></p> <h3 data-svelte-h="svelte-10j97a7">text-align</h3> <p data-svelte-h="svelte-1pkntrg"><code>text(left)</code> <code>text(center)</code> <code>text(right)</code> <code>text(justify)</code></p> <p data-svelte-h="svelte-50opbk"><code>text(center+bottom)</code> <code>text(pack)</code></p> <h3 data-svelte-h="svelte-p0tfw0">etc</h3> <p data-svelte-h="svelte-cnt0gb"><code>lowercase</code> <code>uppercase</code> <code>small-caps</code></p> <p data-svelte-h="svelte-1utadbq"><code>monospace(number)</code></p> <h3 data-svelte-h="svelte-1plsvjw">stroke</h3> <p data-svelte-h="svelte-ppg8ac"><code>text-shadow()</code></p> <hr> <h2 data-svelte-h="svelte-x159i5">Box</h2> <h3 data-svelte-h="svelte-151n3eh">Size</h3> <p data-svelte-h="svelte-bqx0ie"><code>w(30)</code> <code>w(~30)</code> <code>w(30~)</code> <code>w(20~30)</code></p> <p data-svelte-h="svelte-1yd0cyo"><code>h(30)</code> <code>h(~30)</code> <code>h(30~)</code> <code>h(20~30)</code></p> <h3 data-svelte-h="svelte-1takt42">Radius</h3> <p data-svelte-h="svelte-1j2c2ns"><code>r(10)</code> <code>r(fill)</code> <code>r(100%)</code></p> <h3 data-svelte-h="svelte-kqzvlh">Fill</h3> <p data-svelte-h="svelte-6ulo55"><code>bg(#B75959)</code> <code>bg(linear-gradient(#000,#fff))</code> <code>bg(/image.png)</code></p> <p data-svelte-h="svelte-1k3bcv9"><code>cover</code> <code>contain</code></p> <h3 data-svelte-h="svelte-1q2asbg">Stroke</h3> <p data-svelte-h="svelte-19y9ydv"><code>b(#000)</code> <code>b(1/#000)</code> <code>b(1/solid/#000)</code></p> <p data-svelte-h="svelte-1ujh88n"><code>bt(#000)</code> <code>br()</code> <code>bb()</code> <code>bl()</code></p> <p data-svelte-h="svelte-uae5wo"><code>outline()</code> <code>ring()</code></p> <h3 data-svelte-h="svelte-toh1kc">Effects</h3> <p data-svelte-h="svelte-186trtl"><code>box-shadow(0/4/4/#000.25)</code></p> <p data-svelte-h="svelte-15ji1yr"><code>box-shadow(inset/0/4/4/#000.25)</code></p> <p data-svelte-h="svelte-1r45b5l"><code>blur(4)</code></p> <p data-svelte-h="svelte-1g5w7po"><code>backdrop-blur(4)</code></p> <h3 data-svelte-h="svelte-18mayj">Clip content</h3> <p data-svelte-h="svelte-1rgha3l"><code>clip</code> <code>overflow(hidden)</code></p> <p data-svelte-h="svelte-1yzzgyx"><code>nowrap...</code> <code>line-clamp(3)</code></p> <h3 data-svelte-h="svelte-1ris5vt">Scroll</h3> <p data-svelte-h="svelte-ut7e7z"><code>scroll</code> <code>scroll-x</code> <code>scroll-y</code></p> <hr> <h2 data-svelte-h="svelte-19krxxg">Layout</h2> <h3 data-svelte-h="svelte-19mgrou">Flexbox(Figma’s Autolayout)</h3> <p data-svelte-h="svelte-12gfinw"><code>hbox</code> <code>vbox</code> <code>pack</code></p> <h3 data-svelte-h="svelte-go5ik9">hbox</h3> <p data-svelte-h="svelte-1rkaj2r"><code>hbox(top)</code> <code>hbox(top+center)</code> <code>hbox(top+right)</code></p> <p data-svelte-h="svelte-toqt73"><code>hbox(left)</code> <code>pack</code> <code>hbox(right)</code></p> <p data-svelte-h="svelte-rrltld"><code>hbox(bottom)</code> <code>hbox(bottom+center)</code> <code>hbox(bottom+right)</code></p> <p data-svelte-h="svelte-18zxzdi"><code>hbox(fill)</code></p> <h3 data-svelte-h="svelte-h11qnj">vbox</h3> <p data-svelte-h="svelte-18epelp"><code>vbox(top)</code> <code>vbox(top+center)</code> <code>vbox(top+right)</code></p> <p data-svelte-h="svelte-12gb04y"><code>vbox(left)</code> <code>vbox pack</code> <code>vbox(right)</code></p> <p data-svelte-h="svelte-k0yu6j"><code>vbox(bottom+left)</code> <code>vbox(bottom+center)</code> <code>vbox(bottom+right)</code></p> <h3 data-svelte-h="svelte-3hnlvl">gap, padding</h3> <p data-svelte-h="svelte-5hgi9t"><code>gap(10)</code> <code>gap(10/20)</code></p> <p data-svelte-h="svelte-1fi00v2"><code>p(10)</code> <code>p(10/20)</code> <code>p(10/20/30)</code> <code>p(10/20/30/40)</code></p> <h3 data-svelte-h="svelte-1tvio83">Position</h3> <p data-svelte-h="svelte-1nhfscz"><code>static</code> <code>relative</code> <code>absolute</code> <code>fixed</code></p> <p data-svelte-h="svelte-iaq7fx"><code>sticky</code> <code>sticky-top</code> <code>sticky-right</code> <code>sticky-bottom</code> <code>sticky-left</code></p> <p data-svelte-h="svelte-1jrz4gk"><code>layer()</code> <code>layer(top)</code> <code>layer(top+right)</code></p> <p data-svelte-h="svelte-13qg3g6"><code>top()</code> <code>right()</code> <code>bottom()</code> <code>left()</code> <code>x()</code> <code>y()</code></p> <p data-svelte-h="svelte-en827w"><code>z()</code></p> <h3 data-svelte-h="svelte-1rey7x4">Visibility</h3> <p data-svelte-h="svelte-1r4k8dr"><code>none</code> <code>hidden</code> <code>visible</code> <code>blind</code> <code>opacity(.5)</code></p> <hr> <h2 data-svelte-h="svelte-j7zh5i">Reset CSS</h2> <pre class="language-css"><!-- HTML_TAG_START --><code class="language-css"><span class="token selector">*,:after,:before</span><span class="token punctuation">&#123;</span><span class="token property">margin</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">padding</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token property">font</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">color</span><span class="token punctuation">:</span>inherit<span class="token punctuation">;</span><span class="token property">box-sizing</span><span class="token punctuation">:</span>border-box<span class="token punctuation">;</span><span class="token property">flex-shrink</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
 <span class="token selector">:root</span><span class="token punctuation">&#123;</span><span class="token property">-webkit-tap-highlight-color</span><span class="token punctuation">:</span>transparent<span class="token punctuation">;</span><span class="token property">text-size-adjust</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">-webkit-text-size-adjust</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token property">line-height</span><span class="token punctuation">:</span>1.5<span class="token punctuation">;</span><span class="token property">overflow-wrap</span><span class="token punctuation">:</span>break-word<span class="token punctuation">;</span><span class="token property">word-break</span><span class="token punctuation">:</span>break-word<span class="token punctuation">;</span><span class="token property">tab-size</span><span class="token punctuation">:</span>2<span class="token punctuation">;</span><span class="token property">font-synthesis</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token property">text-rendering</span><span class="token punctuation">:</span>optimizeLegibility<span class="token punctuation">;</span><span class="token property">-webkit-font-smoothing</span><span class="token punctuation">:</span>antialiased<span class="token punctuation">;</span><span class="token property">-moz-osx-font-smoothing</span><span class="token punctuation">:</span>grayscale<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
 <span class="token selector">html,body</span><span class="token punctuation">&#123;</span><span class="token property">height</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
 <span class="token selector">img,picture,video,canvas</span><span class="token punctuation">&#123;</span><span class="token property">display</span><span class="token punctuation">:</span>block<span class="token punctuation">;</span><span class="token property">max-width</span><span class="token punctuation">:</span>100%<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
@@ -62,22 +62,32 @@
 <span class="token selector">a</span><span class="token punctuation">&#123;</span><span class="token property">text-decoration</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
 <span class="token selector">table</span><span class="token punctuation">&#123;</span><span class="token property">border-collapse</span><span class="token punctuation">:</span>collapse<span class="token punctuation">;</span><span class="token property">border-spacing</span><span class="token punctuation">:</span>0<span class="token punctuation">;</span><span class="token punctuation">&#125;</span>
 <span class="token selector">ol,ul,menu,dir</span><span class="token punctuation">&#123;</span><span class="token property">list-style</span><span class="token punctuation">:</span>none<span class="token punctuation">;</span><span class="token punctuation">&#125;</span></code><!-- HTML_TAG_END --></pre></div></div> <div class="version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)" aria-hidden="true"> 1.3.0</div> 
-		<script type="module" data-sveltekit-hydrate="12it63b">
-			import { start } from "/adorable-css/_app/immutable/start-7e76410d.js";
+			
+			<script>
+				{
+					__sveltekit_9ub911 = {
+						base: new URL(".", location).pathname.slice(0, -1),
+						assets: "/adorable-css"
+					};
 
-			start({
-				env: {},
-				paths: {"base":"/adorable-css","assets":"/adorable-css"},
-				target: document.querySelector('[data-sveltekit-hydrate="12it63b"]').parentNode,
-				version: "1698753292940",
-				hydrate: {
-					node_ids: [0, 6],
-					data: [null,null],
-					form: null
+					const element = document.currentScript.parentElement;
+
+					const data = [null,null];
+
+					Promise.all([
+						import("./_app/immutable/entry/start.O7R-oumk.js"),
+						import("./_app/immutable/entry/app.Bfq2bQc-.js")
+					]).then(([kit, app]) => {
+						kit.start(app, element, {
+							node_ids: [0, 6],
+							data,
+							form: null,
+							error: null
+						});
+					});
 				}
-			});
-		</script>
-	</div>
+			</script>
+		</div>
 <!--<script async src="https://unpkg.com/adorable-css"></script>-->
 </body>
 </html>
diff --git a/guide.html b/guide.html
index 301f60a..24fb9f8 100644
--- a/guide.html
+++ b/guide.html
@@ -13,16 +13,16 @@
   <meta property="og:description" content="CSS를 쓸 필요 없는 세상 귀여운 CSS 프레임워크!"/>
 
   <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"/>
-  <meta http-equiv="content-security-policy" content="">
-		<link href="/adorable-css/_app/immutable/assets/_layout-91974e0a.css" rel="stylesheet">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/start-7e76410d.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/index-bc0b20f1.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/singletons-199d898a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/_layout.svelte-7cede11a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/stores-84d51be6.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/_layout-da46b06b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/guide/_page.svelte-4a5ee42b.js">
+  
+		<link href="./_app/immutable/assets/0.DpC0Hi-A.css" rel="stylesheet">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.O7R-oumk.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/entry.BuFVMvRG.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.CH-LaNC3.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.Bfq2bQc-.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/index.Wx35Jw4s.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/0.D8tTu7vi.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/stores.BRRwbFP8.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/7.mE9eZBxR.js">
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZV4FB601YT"></script>
   <script>
   window.dataLayer = window.dataLayer || []
@@ -34,7 +34,7 @@
   <script async src="https://unpkg.com/monaco-editor@latest/min/vs/loader.js"></script>
 </head>
 <body>
-<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="/adorable-css/" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="/adorable-css/background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="/adorable-css/guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="/adorable-css/docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="/adorable-css/tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="/adorable-css/changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="/adorable-css/reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="markdown p(20)"><h1 data-svelte-h="svelte-xl68b3">AdorableCSS</h1> <blockquote data-svelte-h="svelte-zazub8"><p>⚡️ Rapid On-Demand Atomic CSS framework</p></blockquote> <h2 data-svelte-h="svelte-1ris1ql">Getting Started</h2> <pre class="language-sh"><!-- HTML_TAG_START --><code class="language-sh"><span class="token function">npm</span> i <span class="token parameter variable">-D</span> adorable-css</code><!-- HTML_TAG_END --></pre> <blockquote data-svelte-h="svelte-vm83ky"><p>라이브러리 설치 후 3가지 방법으로 사용할 수 있습니다.</p></blockquote> <ol data-svelte-h="svelte-r53j8y"><li>vite 기반의 프로젝트를 사용하고 있다면 vite 플러그인을 사용하는 것을 추천합니다. vite 플러그인으로 만들경우 런타임 비용이 0이 됩니다.</li> <li>그 외에도 css in js 방식으로 사용할 수 있습니다.</li> <li>CDN을 통해서 설치없이도 간편하게 사용할 수 있습니다.</li></ol> <h3 data-svelte-h="svelte-1jc73h0">Vite (Recommanded)</h3> <ul data-svelte-h="svelte-plc962"><li>Build-time에서 최종 css를 만들어냅니다. (zero run-time)</li> <li>최종적으로 만들어진 css를 통해서 런타임 비용을 더 줄일 수 있고 css의 캐싱 기능을 더 활용할 수 있습니다.</li> <li>단, 빌드시에만 css를 만들어내기 때문에 동적으로 class를 추가하면 바로 적용되지 않습니다.</li></ul> <pre class="language-ts"><!-- HTML_TAG_START --><code class="language-ts"><span class="token comment">// vite.config.js</span>
+<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="./" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="./background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="./guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="./docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="./tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="./changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="./reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="markdown p(20)"><h1 data-svelte-h="svelte-xl68b3">AdorableCSS</h1> <blockquote data-svelte-h="svelte-zazub8"><p>⚡️ Rapid On-Demand Atomic CSS framework</p></blockquote> <h2 data-svelte-h="svelte-1ris1ql">Getting Started</h2> <pre class="language-sh"><!-- HTML_TAG_START --><code class="language-sh"><span class="token function">npm</span> i <span class="token parameter variable">-D</span> adorable-css</code><!-- HTML_TAG_END --></pre> <blockquote data-svelte-h="svelte-vm83ky"><p>라이브러리 설치 후 3가지 방법으로 사용할 수 있습니다.</p></blockquote> <ol data-svelte-h="svelte-r53j8y"><li>vite 기반의 프로젝트를 사용하고 있다면 vite 플러그인을 사용하는 것을 추천합니다. vite 플러그인으로 만들경우 런타임 비용이 0이 됩니다.</li> <li>그 외에도 css in js 방식으로 사용할 수 있습니다.</li> <li>CDN을 통해서 설치없이도 간편하게 사용할 수 있습니다.</li></ol> <h3 data-svelte-h="svelte-1jc73h0">Vite (Recommanded)</h3> <ul data-svelte-h="svelte-plc962"><li>Build-time에서 최종 css를 만들어냅니다. (zero run-time)</li> <li>최종적으로 만들어진 css를 통해서 런타임 비용을 더 줄일 수 있고 css의 캐싱 기능을 더 활용할 수 있습니다.</li> <li>단, 빌드시에만 css를 만들어내기 때문에 동적으로 class를 추가하면 바로 적용되지 않습니다.</li></ul> <pre class="language-ts"><!-- HTML_TAG_START --><code class="language-ts"><span class="token comment">// vite.config.js</span>
 <span class="token keyword">import</span> <span class="token punctuation">&#123;</span>adorableCSS<span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">"adorable-css/vite"</span> <span class="token comment">// &lt;-</span>
 
 <span class="token keyword">export</span> <span class="token keyword">default</span> <span class="token function">defineConfig</span><span class="token punctuation">(</span><span class="token punctuation">&#123;</span>
@@ -59,22 +59,32 @@
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code><!-- HTML_TAG_END --></pre> <ul data-svelte-h="svelte-1dy4jk3"><li>버전을 명시하고 싶다면 다음과 같이 버전을 명시할 수 있습니다.</li> <li><strong>업데이트에 따라 기존에 사용하던 버전이 변경될 수 있기 때문에 production 환경에서는 버전을 명시하는 것을 추천합니다.</strong></li></ul> <pre class="language-html"><!-- HTML_TAG_START --><code class="language-html">  <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;</span>script</span> <span class="token attr-name">src</span><span class="token attr-value"><span class="token punctuation attr-equals">=</span><span class="token punctuation">"</span>https://unpkg.com/adorable-css@1.4.3<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>script</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>body</span><span class="token punctuation">></span></span>
 <span class="token tag"><span class="token tag"><span class="token punctuation">&lt;/</span>html</span><span class="token punctuation">></span></span></code><!-- HTML_TAG_END --></pre></div></div> <div class="version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)" aria-hidden="true"> 1.3.0</div> 
-		<script type="module" data-sveltekit-hydrate="yulvzn">
-			import { start } from "/adorable-css/_app/immutable/start-7e76410d.js";
+			
+			<script>
+				{
+					__sveltekit_9ub911 = {
+						base: new URL(".", location).pathname.slice(0, -1),
+						assets: "/adorable-css"
+					};
 
-			start({
-				env: {},
-				paths: {"base":"/adorable-css","assets":"/adorable-css"},
-				target: document.querySelector('[data-sveltekit-hydrate="yulvzn"]').parentNode,
-				version: "1698753292940",
-				hydrate: {
-					node_ids: [0, 7],
-					data: [null,null],
-					form: null
+					const element = document.currentScript.parentElement;
+
+					const data = [null,null];
+
+					Promise.all([
+						import("./_app/immutable/entry/start.O7R-oumk.js"),
+						import("./_app/immutable/entry/app.Bfq2bQc-.js")
+					]).then(([kit, app]) => {
+						kit.start(app, element, {
+							node_ids: [0, 7],
+							data,
+							form: null,
+							error: null
+						});
+					});
 				}
-			});
-		</script>
-	</div>
+			</script>
+		</div>
 <!--<script async src="https://unpkg.com/adorable-css"></script>-->
 </body>
 </html>
diff --git a/index.html b/index.html
index 13a2639..706896b 100644
--- a/index.html
+++ b/index.html
@@ -13,16 +13,16 @@
   <meta property="og:description" content="CSS를 쓸 필요 없는 세상 귀여운 CSS 프레임워크!"/>
 
   <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"/>
-  <meta http-equiv="content-security-policy" content="">
-		<link href="/adorable-css/_app/immutable/assets/_layout-91974e0a.css" rel="stylesheet">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/start-7e76410d.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/index-bc0b20f1.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/singletons-199d898a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/_layout.svelte-7cede11a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/stores-84d51be6.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/_layout-da46b06b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/_page.svelte-42762606.js">
+  
+		<link href="./_app/immutable/assets/0.DpC0Hi-A.css" rel="stylesheet">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.O7R-oumk.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/entry.BuFVMvRG.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.CH-LaNC3.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.Bfq2bQc-.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/index.Wx35Jw4s.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/0.D8tTu7vi.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/stores.BRRwbFP8.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/2.pVRefU1S.js">
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZV4FB601YT"></script>
   <script>
   window.dataLayer = window.dataLayer || []
@@ -34,7 +34,7 @@
   <script async src="https://unpkg.com/monaco-editor@latest/min/vs/loader.js"></script>
 </head>
 <body>
-<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="/adorable-css/" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="/adorable-css/background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="/adorable-css/guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="/adorable-css/docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="/adorable-css/tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="/adorable-css/changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="/adorable-css/reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip gap(40) max-h(60vh)"><div class="hbox font(80/-/-15%) AppleSD opacity(0.7) hover:scale(1.05) hover:opacity(1) transition(.4s) pointer group" data-svelte-h="svelte-e2a0ax"><span class="group-hover:rotate(-10deg) group-active:rotate(10deg) transition(.4s)">ฅ</span> <span>^•ﻌ•^</span> <span class="group-hover:rotate(10deg) group-active:rotate(-10deg) transition(.4s)">ฅ <span class="font(20) c(#ccc) group-hover:c(--primary) vertical-top transition(.4s)">♥</span></span></div> <div data-svelte-h="svelte-1oxlqx"><h1 class="font(30) 200 c(#666)">AdorableCSS</h1> <p>⚡️ Rapid on-demand atomic css framework</p></div></div> <div class="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip"><h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em)">No more writing your own CSS.</h1> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">We have created almost all the CSS you need. Just write down in your HTML(or JSX).</h2> <div class="space(2em)"></div> <img src="https://images.velog.io/images/teo/post/dde8bc56-15d0-4fc0-a15a-f3c204f50494/AdorableCSS.gif"></div> <div class="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip"><h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em) hover:scale(1.05) active:rotate(5deg) active:color(--primary) transition(.4s) pointer">[ •́ ‸ •̀ ]</h1> <h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em)">Naming things is hard.</h1> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">.inner-wrapper { position:relative; padding: 10px 20px }</h2> <p data-svelte-h="svelte-1e51161">.inner-wrapper? 서식을 위해 의미없는 이름을 짓기 위해서 고민하지마세요.</p> <br> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">&lt;div class="relative p(10/10)"></h2> <p data-svelte-h="svelte-1j1szsm">그냥 서식 그대로 HTML에 적어보세요. 필요한 CSS는 다 만들어두었습니다.</p> <br> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">&lt;div class="font(10) c(#ff0) bold text-center"></h2></div> <div class="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip"><div class="hbox(top+center) flex-wrap gap(60)"><div class="vbox(center)"><h1 class="font(30/-/-1.5%) bold" data-svelte-h="svelte-1g9dldl">When just write down in HTML or JSX</h1> <code class="pre text-left bg(#f1f1f1) p(20) r(8) monospace">&lt;button class="hbox pack gap(6) bg(#333) c(#fff) b(#000.2) r(6) p(8/12) font(14/16/-1%) bold pointer transition(.2s)
+<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="./" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="./background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="./guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="./docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="./tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="./changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="./reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip gap(40) max-h(60vh)"><div class="hbox font(80/-/-15%) AppleSD opacity(0.7) hover:scale(1.05) hover:opacity(1) transition(.4s) pointer group" data-svelte-h="svelte-e2a0ax"><span class="group-hover:rotate(-10deg) group-active:rotate(10deg) transition(.4s)">ฅ</span> <span>^•ﻌ•^</span> <span class="group-hover:rotate(10deg) group-active:rotate(-10deg) transition(.4s)">ฅ <span class="font(20) c(#ccc) group-hover:c(--primary) vertical-top transition(.4s)">♥</span></span></div> <div data-svelte-h="svelte-1oxlqx"><h1 class="font(30) 200 c(#666)">AdorableCSS</h1> <p>⚡️ Rapid on-demand atomic css framework</p></div></div> <div class="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip"><h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em)">No more writing your own CSS.</h1> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">We have created almost all the CSS you need. Just write down in your HTML(or JSX).</h2> <div class="space(2em)"></div> <img src="https://images.velog.io/images/teo/post/dde8bc56-15d0-4fc0-a15a-f3c204f50494/AdorableCSS.gif"></div> <div class="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip"><h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em) hover:scale(1.05) active:rotate(5deg) active:color(--primary) transition(.4s) pointer">[ •́ ‸ •̀ ]</h1> <h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em)">Naming things is hard.</h1> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">.inner-wrapper { position:relative; padding: 10px 20px }</h2> <p data-svelte-h="svelte-1e51161">.inner-wrapper? 서식을 위해 의미없는 이름을 짓기 위해서 고민하지마세요.</p> <br> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">&lt;div class="relative p(10/10)"></h2> <p data-svelte-h="svelte-1j1szsm">그냥 서식 그대로 HTML에 적어보세요. 필요한 CSS는 다 만들어두었습니다.</p> <br> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">&lt;div class="font(10) c(#ff0) bold text-center"></h2></div> <div class="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip"><div class="hbox(top+center) flex-wrap gap(60)"><div class="vbox(center)"><h1 class="font(30/-/-1.5%) bold" data-svelte-h="svelte-1g9dldl">When just write down in HTML or JSX</h1> <code class="pre text-left bg(#f1f1f1) p(20) r(8) monospace">&lt;button class="hbox pack gap(6) bg(#333) c(#fff) b(#000.2) r(6) p(8/12) font(14/16/-1%) bold pointer transition(.2s)
   hover:bg(#555)
   active:bg(#000)! active:b(#000.2)">
     &lt;div>👍&lt;/div>
@@ -96,23 +96,33 @@
 .\>\>a\:c\(\#4f80ff\)>>a{color:#4f80ff;}
 .\.selected\:bg\(\#000\).selected,.selected .\.selected\:bg\(\#000\){background-color:#000;}
 .\>h1\:m\(20\)>h1{margin:20px;}
-</code></div></div></div> <div class="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip"><h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em)">📦</h1> <h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em)">Portable and Compact</h1> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">Are you refactor code? you don&#39;t worry about that separated CSS.<br>We don&#39;t write CSS. Just Cut &amp; Paste!</h2></div> <div class="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip"><h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em)">No Semantic + No CSS = Great for handoff!</h1> <h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em)">🤝</h1> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">디자인 파일의 속성을 서식 그대로 HTML로 옮겨올 수가 있습니다.</h2> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">figma handshake plugin</h2> <div class="space(2em)"></div> <img src="https://camo.githubusercontent.com/c52ff55a6f6c7da295067d57b30035aa8d6c7f7e439f64e3e1713a1b98187e9e/68747470733a2f2f696d616765732e76656c6f672e696f2f696d616765732f74656f2f706f73742f35373963646237622d383831392d343930322d386639372d3036633334303062323032312f254531253834253932254531253835254141254531253834253836254531253835254137254531253836254142253230254531253834253830254531253835254235254531253834253835254531253835254139254531253836254138253230323032312d30392d3031253230254531253834253842254531253835254139254531253834253932254531253835254145253230332e31372e31372e6d6f762e676966"></div></div> <div class="version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)" aria-hidden="true"> 1.3.0</div> 
-		<script type="module" data-sveltekit-hydrate="1sovgs0">
-			import { start } from "/adorable-css/_app/immutable/start-7e76410d.js";
+</code></div></div></div> <div class="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip"><h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em)">📦</h1> <h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em)">Portable and Compact</h1> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">Are you refactor code? you don&#39;t worry about that separated CSS.<br>We don&#39;t write CSS. Just Cut &amp; Paste!</h2></div> <div class="text-center vbox pack p(200/32) odd:bg(#f9f9f9) clip"><h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em)">No Semantic + No CSS = Great for handoff!</h1> <h1 class="font(3em/-/-1.5%) bold ~md:font(1.6em)">🤝</h1> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">디자인 파일의 속성을 서식 그대로 HTML로 옮겨올 수가 있습니다.</h2> <h2 class="font(1.2em/-/-1.5%) c(#555) ~md:font(1.4em)">figma handshake plugin</h2> <div class="space(2em)"></div> <img src="https://camo.githubusercontent.com/eeee35511c7b7979a00fba1b85ba91a2a750807b1c55aa90d2e4317d370147fc/68747470733a2f2f696d616765732e76656c6f672e696f2f696d616765732f74656f2f706f73742f35373963646237622d383831392d343930322d386639372d3036633334303062323032312f254531253834253932254531253835254141254531253834253836254531253835254137254531253836254142253230254531253834253830254531253835254235254531253834253835254531253835254139254531253836254138253230323032312d30392d3031253230254531253834253842254531253835254139254531253834253932254531253835254145253230332e31372e31372e6d6f762e676966"></div></div> <div class="version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)" aria-hidden="true"> 1.3.0</div> 
+			
+			<script>
+				{
+					__sveltekit_9ub911 = {
+						base: new URL(".", location).pathname.slice(0, -1),
+						assets: "/adorable-css"
+					};
 
-			start({
-				env: {},
-				paths: {"base":"/adorable-css","assets":"/adorable-css"},
-				target: document.querySelector('[data-sveltekit-hydrate="1sovgs0"]').parentNode,
-				version: "1698753292940",
-				hydrate: {
-					node_ids: [0, 2],
-					data: [null,null],
-					form: null
+					const element = document.currentScript.parentElement;
+
+					const data = [null,null];
+
+					Promise.all([
+						import("./_app/immutable/entry/start.O7R-oumk.js"),
+						import("./_app/immutable/entry/app.Bfq2bQc-.js")
+					]).then(([kit, app]) => {
+						kit.start(app, element, {
+							node_ids: [0, 2],
+							data,
+							form: null,
+							error: null
+						});
+					});
 				}
-			});
-		</script>
-	</div>
+			</script>
+		</div>
 <!--<script async src="https://unpkg.com/adorable-css"></script>-->
 </body>
 </html>
diff --git a/reference.html b/reference.html
index 55b9a96..ab55442 100644
--- a/reference.html
+++ b/reference.html
@@ -13,16 +13,16 @@
   <meta property="og:description" content="CSS를 쓸 필요 없는 세상 귀여운 CSS 프레임워크!"/>
 
   <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"/>
-  <meta http-equiv="content-security-policy" content="">
-		<link href="/adorable-css/_app/immutable/assets/_layout-91974e0a.css" rel="stylesheet">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/start-7e76410d.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/index-bc0b20f1.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/singletons-199d898a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/_layout.svelte-7cede11a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/stores-84d51be6.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/_layout-da46b06b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/reference/_page.svelte-945ed96d.js">
+  
+		<link href="./_app/immutable/assets/0.DpC0Hi-A.css" rel="stylesheet">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.O7R-oumk.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/entry.BuFVMvRG.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.CH-LaNC3.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.Bfq2bQc-.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/index.Wx35Jw4s.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/0.D8tTu7vi.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/stores.BRRwbFP8.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/8.CQ94Hg3v.js">
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZV4FB601YT"></script>
   <script>
   window.dataLayer = window.dataLayer || []
@@ -34,7 +34,7 @@
   <script async src="https://unpkg.com/monaco-editor@latest/min/vs/loader.js"></script>
 </head>
 <body>
-<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="/adorable-css/" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="/adorable-css/background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="/adorable-css/guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="/adorable-css/docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="/adorable-css/tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="/adorable-css/changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="/adorable-css/reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="markdown p(20)"><h1 data-svelte-h="svelte-1brxhup">Reference</h1> <blockquote data-svelte-h="svelte-1p7sgkp"><p>불친절한 문서 양해 부탁드려요. 계속해서 업데이트 해나가겠습니다! 😅</p></blockquote> <pre class="language-ts"><!-- HTML_TAG_START --><code class="language-ts"><span class="token keyword">import</span> <span class="token punctuation">&#123;</span>PrefixRules<span class="token punctuation">,</span> Rules<span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">"./atomizer"</span>
+<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="./" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="./background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="./guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="./docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="./tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="./changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="./reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="markdown p(20)"><h1 data-svelte-h="svelte-1brxhup">Reference</h1> <blockquote data-svelte-h="svelte-1p7sgkp"><p>불친절한 문서 양해 부탁드려요. 계속해서 업데이트 해나가겠습니다! 😅</p></blockquote> <pre class="language-ts"><!-- HTML_TAG_START --><code class="language-ts"><span class="token keyword">import</span> <span class="token punctuation">&#123;</span>PrefixRules<span class="token punctuation">,</span> Rules<span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">"./atomizer"</span>
 <span class="token keyword">import</span> <span class="token punctuation">&#123;</span>cssvar<span class="token punctuation">,</span> deg<span class="token punctuation">,</span> makeBorder<span class="token punctuation">,</span> makeBoxFill<span class="token punctuation">,</span> makeColor<span class="token punctuation">,</span> makeCommaValues<span class="token punctuation">,</span> makeFont<span class="token punctuation">,</span> makeFontFamily<span class="token punctuation">,</span> makeHBoxFill<span class="token punctuation">,</span> makeHBoxWithSemi<span class="token punctuation">,</span> makeNumber<span class="token punctuation">,</span> makePosition2X<span class="token punctuation">,</span> makePosition2Y<span class="token punctuation">,</span> makePositionWithSemi<span class="token punctuation">,</span> makeRatio<span class="token punctuation">,</span> makeSide<span class="token punctuation">,</span> makeTextBox<span class="token punctuation">,</span> makeTransition<span class="token punctuation">,</span> makeValues<span class="token punctuation">,</span> makeVBoxFill<span class="token punctuation">,</span> makeVBoxWithSemi<span class="token punctuation">,</span> percentToEm<span class="token punctuation">,</span> px<span class="token punctuation">,</span> rpx<span class="token punctuation">&#125;</span> <span class="token keyword">from</span> <span class="token string">"./makeValue"</span>
 
 <span class="token keyword">export</span> <span class="token keyword">const</span> reset <span class="token operator">=</span> <span class="token template-string"><span class="token template-punctuation string">&#96;</span><span class="token string">
@@ -893,22 +893,32 @@
 <span class="token punctuation">&#125;</span>
 
 <span class="token comment">// "~": (selector:string) => &#96;&amp;$&#123;selector&#125;&#96;,</span></code><!-- HTML_TAG_END --></pre></div></div> <div class="version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)" aria-hidden="true"> 1.3.0</div> 
-		<script type="module" data-sveltekit-hydrate="tgr1w0">
-			import { start } from "/adorable-css/_app/immutable/start-7e76410d.js";
-
-			start({
-				env: {},
-				paths: {"base":"/adorable-css","assets":"/adorable-css"},
-				target: document.querySelector('[data-sveltekit-hydrate="tgr1w0"]').parentNode,
-				version: "1698753292940",
-				hydrate: {
-					node_ids: [0, 8],
-					data: [null,null],
-					form: null
+			
+			<script>
+				{
+					__sveltekit_9ub911 = {
+						base: new URL(".", location).pathname.slice(0, -1),
+						assets: "/adorable-css"
+					};
+
+					const element = document.currentScript.parentElement;
+
+					const data = [null,null];
+
+					Promise.all([
+						import("./_app/immutable/entry/start.O7R-oumk.js"),
+						import("./_app/immutable/entry/app.Bfq2bQc-.js")
+					]).then(([kit, app]) => {
+						kit.start(app, element, {
+							node_ids: [0, 8],
+							data,
+							form: null,
+							error: null
+						});
+					});
 				}
-			});
-		</script>
-	</div>
+			</script>
+		</div>
 <!--<script async src="https://unpkg.com/adorable-css"></script>-->
 </body>
 </html>
diff --git a/test.html b/test.html
index a342f48..57b9e43 100644
--- a/test.html
+++ b/test.html
@@ -13,17 +13,17 @@
   <meta property="og:description" content="CSS를 쓸 필요 없는 세상 귀여운 CSS 프레임워크!"/>
 
   <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"/>
-  <meta http-equiv="content-security-policy" content="">
-		<link href="/adorable-css/_app/immutable/assets/_layout-91974e0a.css" rel="stylesheet">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/start-7e76410d.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/index-bc0b20f1.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/singletons-199d898a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/_layout.svelte-7cede11a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/stores-84d51be6.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/_layout-da46b06b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/test/_page.svelte-ec80c5e1.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/atomizer-551903d3.js">
+  
+		<link href="./_app/immutable/assets/0.DpC0Hi-A.css" rel="stylesheet">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.O7R-oumk.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/entry.BuFVMvRG.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.CH-LaNC3.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.Bfq2bQc-.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/index.Wx35Jw4s.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/0.D8tTu7vi.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/stores.BRRwbFP8.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/9.CC7VGadN.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/atomizer.BAxtnY4Y.js">
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZV4FB601YT"></script>
   <script>
   window.dataLayer = window.dataLayer || []
@@ -35,23 +35,33 @@
   <script async src="https://unpkg.com/monaco-editor@latest/min/vs/loader.js"></script>
 </head>
 <body>
-<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="/adorable-css/" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="/adorable-css/background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="/adorable-css/guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="/adorable-css/docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="/adorable-css/tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="/adorable-css/changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="/adorable-css/reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="layer pack"><div class="w(800) m(auto) vbox"><input type="text" class="b(-) outline(-) bb(#000) p(10)" autofocus value="c(blue)+font(19/42)+c(#D0D0D0)"> <div class="pre font(10) word-spacing(20)">c ( blue ) + font ( 19/42 ) + c ( #D0D0D0 )</div></div></div></div> <div class="version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)" aria-hidden="true"> 1.3.0</div> 
-		<script type="module" data-sveltekit-hydrate="8tuktm">
-			import { start } from "/adorable-css/_app/immutable/start-7e76410d.js";
+<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="./" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="./background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="./guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="./docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="./tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="./changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="./reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="layer pack"><div class="w(800) m(auto) vbox"><input type="text" class="b(-) outline(-) bb(#000) p(10)" autofocus value="c(blue)+font(19/42)+c(#D0D0D0)"> <div class="pre font(10) word-spacing(20)">c ( blue ) + font ( 19/42 ) + c ( #D0D0D0 )</div></div></div></div> <div class="version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)" aria-hidden="true"> 1.3.0</div> 
+			
+			<script>
+				{
+					__sveltekit_9ub911 = {
+						base: new URL(".", location).pathname.slice(0, -1),
+						assets: "/adorable-css"
+					};
 
-			start({
-				env: {},
-				paths: {"base":"/adorable-css","assets":"/adorable-css"},
-				target: document.querySelector('[data-sveltekit-hydrate="8tuktm"]').parentNode,
-				version: "1698753292940",
-				hydrate: {
-					node_ids: [0, 9],
-					data: [null,null],
-					form: null
+					const element = document.currentScript.parentElement;
+
+					const data = [null,null];
+
+					Promise.all([
+						import("./_app/immutable/entry/start.O7R-oumk.js"),
+						import("./_app/immutable/entry/app.Bfq2bQc-.js")
+					]).then(([kit, app]) => {
+						kit.start(app, element, {
+							node_ids: [0, 9],
+							data,
+							form: null,
+							error: null
+						});
+					});
 				}
-			});
-		</script>
-	</div>
+			</script>
+		</div>
 <!--<script async src="https://unpkg.com/adorable-css"></script>-->
 </body>
 </html>
diff --git a/tutorial.html b/tutorial.html
index 3ffd535..e1b0dc5 100644
--- a/tutorial.html
+++ b/tutorial.html
@@ -13,18 +13,18 @@
   <meta property="og:description" content="CSS를 쓸 필요 없는 세상 귀여운 CSS 프레임워크!"/>
 
   <link rel="stylesheet" as="style" crossorigin href="https://cdn.jsdelivr.net/gh/orioncactus/pretendard/dist/web/static/pretendard.css"/>
-  <meta http-equiv="content-security-policy" content="">
-		<link href="/adorable-css/_app/immutable/assets/_layout-91974e0a.css" rel="stylesheet">
-		<link href="/adorable-css/_app/immutable/assets/_page-9130f9a1.css" rel="stylesheet">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/start-7e76410d.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/index-bc0b20f1.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/singletons-199d898a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/_layout.svelte-7cede11a.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/stores-84d51be6.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/modules/pages/_layout.ts-9cbb603b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/_layout-da46b06b.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/components/pages/tutorial/_page.svelte-9d8364a9.js">
-		<link rel="modulepreload" href="/adorable-css/_app/immutable/chunks/atomizer-551903d3.js">
+  
+		<link href="./_app/immutable/assets/0.DpC0Hi-A.css" rel="stylesheet">
+		<link href="./_app/immutable/assets/10.DRHiPZoV.css" rel="stylesheet">
+		<link rel="modulepreload" href="./_app/immutable/entry/start.O7R-oumk.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/entry.BuFVMvRG.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/scheduler.CH-LaNC3.js">
+		<link rel="modulepreload" href="./_app/immutable/entry/app.Bfq2bQc-.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/index.Wx35Jw4s.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/0.D8tTu7vi.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/stores.BRRwbFP8.js">
+		<link rel="modulepreload" href="./_app/immutable/nodes/10.reYDxQ95.js">
+		<link rel="modulepreload" href="./_app/immutable/chunks/atomizer.BAxtnY4Y.js">
   <script async src="https://www.googletagmanager.com/gtag/js?id=G-ZV4FB601YT"></script>
   <script>
   window.dataLayer = window.dataLayer || []
@@ -36,7 +36,7 @@
   <script async src="https://unpkg.com/monaco-editor@latest/min/vs/loader.js"></script>
 </head>
 <body>
-<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="/adorable-css/" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="/adorable-css/background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="/adorable-css/guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="/adorable-css/docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="/adorable-css/tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="/adorable-css/changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="/adorable-css/reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="layer vbox overscroll(none)"><div class="h(60)"></div> <div class="flex hbox(fill) clip bg(#f9f9f9)"><div class="w(200) vbox monospace(number) p(10) scroll-y"><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)! selected">Hello AdorableCSS!</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">1. Colors</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">2. Typography</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">✨3. TextBox(align)</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">4. Box Model</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">5. Overflow</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">✨6. Flexbox</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">✨7. Position</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">8. Layer</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">9. Visibility</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">10. Hover, Active</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">11. Pseudo Class</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">12. Pseudo Element</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">13. Media Query</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">14. Selector</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">15. Important!</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">16. Grouping +</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">✨17. DarkMode</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">계속 작업 중입니다...</div></div> <div class="flex(4) vbox p(10)"><div class="h(100%)"></div></div> <div class="flex(3) relative vbox c(#000) p(10) r(4)"><div class="hbox bg(#fff) font(12) c(#999)"><button class="p(8/12) pt(12) bb(4/transparent) .selected:bbc(--primary) .selected:c(#000) selected" data-svelte-h="svelte-1vrhu4d">Result</button> <button class="p(8/12) pt(12) bb(4/transparent) .selected:bbc(--primary) .selected:c(#000)" data-svelte-h="svelte-1bp9krm">CSS Output</button></div> <div class="flex relative"><div class="layer pack check-board none"><iframe class="layer w(100%) h(100%) bg(transparent)" frameborder="0"></iframe></div> <div class="layer bg(#f9f9f9) pre monospace font(12) p(10) scroll-y none none">
+<div id="svelte">  <div class="vbox"><div class="relative hbox space-between h(60) gap(20) p(10/20) sticky-top bg(#fff) bb(#000.1) z(999) >>a:hover:c(--primary) >>a.active:c(--primary) scroll-x"><a href="./" class="pack font(20/-/-10%) pointer AppleSD" data-svelte-h="svelte-1pu47t9">^•ﻌ•^ฅ</a> <div class="hbox gap(20)"><a href="./background" data-svelte-h="svelte-c727qv">왜 만들었나요?</a> <a href="./guide" data-svelte-h="svelte-10mixkq">가이드</a> <a href="./docs" data-svelte-h="svelte-1sco1eh">문서</a> <a href="./tutorial" data-svelte-h="svelte-rlq5lo">✨ 튜토리얼</a> <a href="./changelogs" data-svelte-h="svelte-16vt69p">✨ ChangeLog</a> <a href="./reference" data-svelte-h="svelte-14njj80">Reference</a> <a target="_blank" href="https://velog.io/@teo/series/AdorableCSS" data-svelte-h="svelte-13z2g4i">블로그</a> <a target="_blank" href="https://github.com/developer-1px/adorable-css/issues" data-svelte-h="svelte-1tpgna0">기능 제안</a></div> <div class="hbox gap(20)" data-svelte-h="svelte-woofac"><a class="pack" href="https://www.youtube.com/watch?v=RUJTkFR1jko&list=PLiyB-5pV363Q2_itR2K2FIr6qe3kNW1TL&index=7" target="_blank" aria-label="youtube"><svg xmlns="http://www.w3.org/2000/svg" x="0px" y="0px" width="32" height="32" viewBox="0 0 48 48" style="fill:#000;"><path fill="#FF3D00" d="M43.2,33.9c-0.4,2.1-2.1,3.7-4.2,4c-3.3,0.5-8.8,1.1-15,1.1c-6.1,0-11.6-0.6-15-1.1c-2.1-0.3-3.8-1.9-4.2-4C4.4,31.6,4,28.2,4,24c0-4.2,0.4-7.6,0.8-9.9c0.4-2.1,2.1-3.7,4.2-4C12.3,9.6,17.8,9,24,9c6.2,0,11.6,0.6,15,1.1c2.1,0.3,3.8,1.9,4.2,4c0.4,2.3,0.9,5.7,0.9,9.9C44,28.2,43.6,31.6,43.2,33.9z"></path><path fill="#FFF" d="M20 31L20 17 32 24z"></path></svg></a> <a class="pack" href="https://github.com/developer-1px/adorable-css" target="_blank" aria-label="github"><svg width="24" height="24" viewBox="0 0 16 16" fill="currentColor"><path fill-rule="evenodd" d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg></a></div></div> <div class="layer vbox overscroll(none)"><div class="h(60)"></div> <div class="flex hbox(fill) clip bg(#f9f9f9)"><div class="w(200) vbox monospace(number) p(10) scroll-y"><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)! selected">Hello AdorableCSS!</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">1. Colors</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">2. Typography</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">✨3. TextBox(align)</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">4. Box Model</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">5. Overflow</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">✨6. Flexbox</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">✨7. Position</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">8. Layer</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">9. Visibility</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">10. Hover, Active</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">11. Pseudo Class</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">12. Pseudo Element</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">13. Media Query</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">14. Selector</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">15. Important!</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">16. Grouping +</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">✨17. DarkMode</div><div class="p(6/8) r(4) font(13) c(#000) pointer hover:c(--primary) .selected:bg(--primary) .selected:c(#fff)!">계속 작업 중입니다...</div></div> <div class="flex(4) vbox p(10)"><div class="h(100%)"></div></div> <div class="flex(3) relative vbox c(#000) p(10) r(4)"><div class="hbox bg(#fff) font(12) c(#999)"><button class="p(8/12) pt(12) bb(4/transparent) .selected:bbc(--primary) .selected:c(#000) selected" data-svelte-h="svelte-1vrhu4d">Result</button> <button class="p(8/12) pt(12) bb(4/transparent) .selected:bbc(--primary) .selected:c(#000)" data-svelte-h="svelte-1bp9krm">CSS Output</button></div> <div class="flex relative"><div class="layer pack check-board none"><iframe class="layer w(100%) h(100%) bg(transparent)" frameborder="0"></iframe></div> <div class="layer bg(#f9f9f9) pre monospace font(12) p(10) scroll-y none none">
 *,:after,:before{margin:0;padding:0;font:inherit;color:inherit;box-sizing:border-box;}
 :root{-webkit-tap-highlight-color:transparent;text-size-adjust:100%;-webkit-text-size-adjust:100%;line-height:1.5;overflow-wrap:break-word;word-break:break-word;tab-size:2;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}
 html,body{height:100%;}
@@ -83,22 +83,32 @@
 .group:hover .group-hover\:rotate\(10deg\),html .group.\:hover .group-hover\:rotate\(10deg\){--a-rotate:10deg;--a-rotate-x:10deg;--a-rotate-y:10deg;--a-rotate-z:10deg;transform:var(--a-transform);}
 html .group:active .group-active\:rotate\(-10deg\),html .group.\:active .group-active\:rotate\(-10deg\){--a-rotate:-10deg;--a-rotate-x:-10deg;--a-rotate-y:-10deg;--a-rotate-z:-10deg;transform:var(--a-transform);}
 @media(hover:hover){.hover\:scale\(1\.05\):hover,.hover\:scale\(1\.05\).\:hover{--a-scale-x:1.05;--a-scale-y:1.05;--a-scale-z:1.05;transform:var(--a-transform);}}</div></div></div></div></div></div> <div class="version fixed z(9999) layer(bottom+right) p(10/20) font(10) c(#999)" aria-hidden="true"> 1.3.0</div> 
-		<script type="module" data-sveltekit-hydrate="1jx8rmv">
-			import { start } from "/adorable-css/_app/immutable/start-7e76410d.js";
+			
+			<script>
+				{
+					__sveltekit_9ub911 = {
+						base: new URL(".", location).pathname.slice(0, -1),
+						assets: "/adorable-css"
+					};
 
-			start({
-				env: {},
-				paths: {"base":"/adorable-css","assets":"/adorable-css"},
-				target: document.querySelector('[data-sveltekit-hydrate="1jx8rmv"]').parentNode,
-				version: "1698753292940",
-				hydrate: {
-					node_ids: [0, 10],
-					data: [null,null],
-					form: null
+					const element = document.currentScript.parentElement;
+
+					const data = [null,null];
+
+					Promise.all([
+						import("./_app/immutable/entry/start.O7R-oumk.js"),
+						import("./_app/immutable/entry/app.Bfq2bQc-.js")
+					]).then(([kit, app]) => {
+						kit.start(app, element, {
+							node_ids: [0, 10],
+							data,
+							form: null,
+							error: null
+						});
+					});
 				}
-			});
-		</script>
-	</div>
+			</script>
+		</div>
 <!--<script async src="https://unpkg.com/adorable-css"></script>-->
 </body>
 </html>
diff --git a/vite-manifest.json b/vite-manifest.json
deleted file mode 100644
index 480b835..0000000
--- a/vite-manifest.json
+++ /dev/null
@@ -1,250 +0,0 @@
-{
-  ".svelte-kit/generated/nodes/0.js": {
-    "file": "_app/immutable/chunks/0-47bcdd39.js",
-    "imports": [
-      "__layout-da46b06b.js",
-      "src/routes/+layout.svelte"
-    ],
-    "isDynamicEntry": true,
-    "src": ".svelte-kit/generated/nodes/0.js"
-  },
-  ".svelte-kit/generated/nodes/1.js": {
-    "file": "_app/immutable/chunks/1-64facd3d.js",
-    "imports": [
-      "node_modules/.pnpm/@sveltejs+kit@1.0.0-next.589_svelte@4.2.0_vite@4.4.9/node_modules/@sveltejs/kit/src/runtime/components/error.svelte"
-    ],
-    "isDynamicEntry": true,
-    "src": ".svelte-kit/generated/nodes/1.js"
-  },
-  ".svelte-kit/generated/nodes/10.js": {
-    "file": "_app/immutable/chunks/10-f7087702.js",
-    "imports": [
-      "src/routes/tutorial/+page.svelte"
-    ],
-    "isDynamicEntry": true,
-    "src": ".svelte-kit/generated/nodes/10.js"
-  },
-  ".svelte-kit/generated/nodes/2.js": {
-    "file": "_app/immutable/chunks/2-1f88f065.js",
-    "imports": [
-      "src/routes/+page.svelte"
-    ],
-    "isDynamicEntry": true,
-    "src": ".svelte-kit/generated/nodes/2.js"
-  },
-  ".svelte-kit/generated/nodes/3.js": {
-    "file": "_app/immutable/chunks/3-9e457cc1.js",
-    "imports": [
-      "src/routes/background/+page.svelte"
-    ],
-    "isDynamicEntry": true,
-    "src": ".svelte-kit/generated/nodes/3.js"
-  },
-  ".svelte-kit/generated/nodes/4.js": {
-    "file": "_app/immutable/chunks/4-f7ee3452.js",
-    "imports": [
-      "src/routes/cdn/+page.svelte"
-    ],
-    "isDynamicEntry": true,
-    "src": ".svelte-kit/generated/nodes/4.js"
-  },
-  ".svelte-kit/generated/nodes/5.js": {
-    "file": "_app/immutable/chunks/5-ac6e5427.js",
-    "imports": [
-      "src/routes/changelogs/+page.svelte"
-    ],
-    "isDynamicEntry": true,
-    "src": ".svelte-kit/generated/nodes/5.js"
-  },
-  ".svelte-kit/generated/nodes/6.js": {
-    "file": "_app/immutable/chunks/6-07555036.js",
-    "imports": [
-      "src/routes/docs/+page.svelte"
-    ],
-    "isDynamicEntry": true,
-    "src": ".svelte-kit/generated/nodes/6.js"
-  },
-  ".svelte-kit/generated/nodes/7.js": {
-    "file": "_app/immutable/chunks/7-2f4f2101.js",
-    "imports": [
-      "src/routes/guide/+page.svelte"
-    ],
-    "isDynamicEntry": true,
-    "src": ".svelte-kit/generated/nodes/7.js"
-  },
-  ".svelte-kit/generated/nodes/8.js": {
-    "file": "_app/immutable/chunks/8-692341bc.js",
-    "imports": [
-      "src/routes/reference/+page.svelte"
-    ],
-    "isDynamicEntry": true,
-    "src": ".svelte-kit/generated/nodes/8.js"
-  },
-  ".svelte-kit/generated/nodes/9.js": {
-    "file": "_app/immutable/chunks/9-e972a8b0.js",
-    "imports": [
-      "src/routes/test/+page.svelte"
-    ],
-    "isDynamicEntry": true,
-    "src": ".svelte-kit/generated/nodes/9.js"
-  },
-  "__layout-da46b06b.js": {
-    "file": "_app/immutable/chunks/_layout-da46b06b.js"
-  },
-  "_atomizer-551903d3.js": {
-    "file": "_app/immutable/chunks/atomizer-551903d3.js"
-  },
-  "_index-bc0b20f1.js": {
-    "file": "_app/immutable/chunks/index-bc0b20f1.js"
-  },
-  "_singletons-199d898a.js": {
-    "file": "_app/immutable/chunks/singletons-199d898a.js",
-    "imports": [
-      "_index-bc0b20f1.js"
-    ]
-  },
-  "_stores-84d51be6.js": {
-    "file": "_app/immutable/chunks/stores-84d51be6.js",
-    "imports": [
-      "_singletons-199d898a.js"
-    ]
-  },
-  "node_modules/.pnpm/@sveltejs+kit@1.0.0-next.589_svelte@4.2.0_vite@4.4.9/node_modules/@sveltejs/kit/src/runtime/client/start.js": {
-    "dynamicImports": [
-      ".svelte-kit/generated/nodes/0.js",
-      ".svelte-kit/generated/nodes/1.js",
-      ".svelte-kit/generated/nodes/2.js",
-      ".svelte-kit/generated/nodes/3.js",
-      ".svelte-kit/generated/nodes/4.js",
-      ".svelte-kit/generated/nodes/5.js",
-      ".svelte-kit/generated/nodes/6.js",
-      ".svelte-kit/generated/nodes/7.js",
-      ".svelte-kit/generated/nodes/8.js",
-      ".svelte-kit/generated/nodes/9.js",
-      ".svelte-kit/generated/nodes/10.js"
-    ],
-    "file": "_app/immutable/start-7e76410d.js",
-    "imports": [
-      "_index-bc0b20f1.js",
-      "_singletons-199d898a.js"
-    ],
-    "isEntry": true,
-    "src": "node_modules/.pnpm/@sveltejs+kit@1.0.0-next.589_svelte@4.2.0_vite@4.4.9/node_modules/@sveltejs/kit/src/runtime/client/start.js"
-  },
-  "node_modules/.pnpm/@sveltejs+kit@1.0.0-next.589_svelte@4.2.0_vite@4.4.9/node_modules/@sveltejs/kit/src/runtime/components/error.svelte": {
-    "file": "_app/immutable/components/error.svelte-b4500545.js",
-    "imports": [
-      "_index-bc0b20f1.js",
-      "_stores-84d51be6.js"
-    ],
-    "isEntry": true,
-    "src": "node_modules/.pnpm/@sveltejs+kit@1.0.0-next.589_svelte@4.2.0_vite@4.4.9/node_modules/@sveltejs/kit/src/runtime/components/error.svelte"
-  },
-  "src/routes/+layout.css": {
-    "file": "_app/immutable/assets/_layout-91974e0a.css",
-    "src": "src/routes/+layout.css"
-  },
-  "src/routes/+layout.svelte": {
-    "css": [
-      "_app/immutable/assets/_layout-91974e0a.css"
-    ],
-    "file": "_app/immutable/components/pages/_layout.svelte-7cede11a.js",
-    "imports": [
-      "_index-bc0b20f1.js",
-      "_singletons-199d898a.js",
-      "_stores-84d51be6.js"
-    ],
-    "isEntry": true,
-    "src": "src/routes/+layout.svelte"
-  },
-  "src/routes/+layout.ts": {
-    "file": "_app/immutable/modules/pages/_layout.ts-9cbb603b.js",
-    "imports": [
-      "__layout-da46b06b.js"
-    ],
-    "isEntry": true,
-    "src": "src/routes/+layout.ts"
-  },
-  "src/routes/+page.svelte": {
-    "file": "_app/immutable/components/pages/_page.svelte-42762606.js",
-    "imports": [
-      "_index-bc0b20f1.js"
-    ],
-    "isEntry": true,
-    "src": "src/routes/+page.svelte"
-  },
-  "src/routes/background/+page.svelte": {
-    "file": "_app/immutable/components/pages/background/_page.svelte-33635414.js",
-    "imports": [
-      "_index-bc0b20f1.js"
-    ],
-    "isEntry": true,
-    "src": "src/routes/background/+page.svelte"
-  },
-  "src/routes/cdn/+page.svelte": {
-    "file": "_app/immutable/components/pages/cdn/_page.svelte-6cd4c225.js",
-    "imports": [
-      "_index-bc0b20f1.js",
-      "_atomizer-551903d3.js"
-    ],
-    "isEntry": true,
-    "src": "src/routes/cdn/+page.svelte"
-  },
-  "src/routes/changelogs/+page.svelte": {
-    "file": "_app/immutable/components/pages/changelogs/_page.svelte-3cef522e.js",
-    "imports": [
-      "_index-bc0b20f1.js"
-    ],
-    "isEntry": true,
-    "src": "src/routes/changelogs/+page.svelte"
-  },
-  "src/routes/docs/+page.svelte": {
-    "file": "_app/immutable/components/pages/docs/_page.svelte-db427261.js",
-    "imports": [
-      "_index-bc0b20f1.js"
-    ],
-    "isEntry": true,
-    "src": "src/routes/docs/+page.svelte"
-  },
-  "src/routes/guide/+page.svelte": {
-    "file": "_app/immutable/components/pages/guide/_page.svelte-4a5ee42b.js",
-    "imports": [
-      "_index-bc0b20f1.js"
-    ],
-    "isEntry": true,
-    "src": "src/routes/guide/+page.svelte"
-  },
-  "src/routes/reference/+page.svelte": {
-    "file": "_app/immutable/components/pages/reference/_page.svelte-945ed96d.js",
-    "imports": [
-      "_index-bc0b20f1.js"
-    ],
-    "isEntry": true,
-    "src": "src/routes/reference/+page.svelte"
-  },
-  "src/routes/test/+page.svelte": {
-    "file": "_app/immutable/components/pages/test/_page.svelte-ec80c5e1.js",
-    "imports": [
-      "_index-bc0b20f1.js",
-      "_atomizer-551903d3.js"
-    ],
-    "isEntry": true,
-    "src": "src/routes/test/+page.svelte"
-  },
-  "src/routes/tutorial/+page.css": {
-    "file": "_app/immutable/assets/_page-9130f9a1.css",
-    "src": "src/routes/tutorial/+page.css"
-  },
-  "src/routes/tutorial/+page.svelte": {
-    "css": [
-      "_app/immutable/assets/_page-9130f9a1.css"
-    ],
-    "file": "_app/immutable/components/pages/tutorial/_page.svelte-9d8364a9.js",
-    "imports": [
-      "_index-bc0b20f1.js",
-      "_atomizer-551903d3.js"
-    ],
-    "isEntry": true,
-    "src": "src/routes/tutorial/+page.svelte"
-  }
-}
\ No newline at end of file