ssstyles 1.3.4 → 1.3.6

package/css/animation.css

@@ -74,8 +74,21 @@
 	}
 }
 
-[data-sparkle] {
+:root, [force-scheme="light"] {
 	--sparkle-color: oklch(100% 0 259.28 / 100%);
+}
+
+@media (prefers-color-scheme: dark) {
+	:root:not([force-scheme="light"]) {
+		--sparkle-color: oklch(100% 0 259.28 / 50%);
+	}
+}
+
+[force-scheme="dark"] {
+	--sparkle-color: oklch(100% 0 259.28 / 50%);
+}
+
+[data-sparkle] {
 	position: relative;
 	text-shadow: 0 0 10px var(--sparkle-color);
 	letter-spacing: calc(var(--letter-spacing) + 0.03em);
@@ -97,10 +110,6 @@
 		animation-delay: 1s;
 	}
 
-	@media (prefers-color-scheme: dark) {
-		--sparkle-color: oklch(100% 0 259.28 / 50%);
-	}
-
 	@media (prefers-reduced-motion) {
 		&::before,
 		&::after {

package/css/avatar.css

@@ -19,24 +19,40 @@
 	font-weight: 700;
 }
 
+[data-avatar]:has(> img), [data-avatar]:has(> :is(button, a[href]) > img) {
+	padding: 0;
+
+	img {
+		border-radius: 1000rem;
+	}
+}
+
 a:has(> [data-avatar]) {
 	text-decoration: none;
 }
 
-a[href] {
-	> [data-avatar]:first-child:last-child {
+[data-avatar] {
+	&:has(a[href] > :first-child:last-child):first-child:last-child,
+	&:has(button), &:is(button) {
 		position: relative;
 		border: 2px solid var(--col-accent);
 		translate: 0 0;
 		--t-translate: 0.2s;
 		z-index: 1;
+		padding: 0;
 	}
 
-	&:hover > [data-avatar]:first-child:last-child {
+	&:has(a[href]:hover > :first-child:last-child),
+	&:has(button:hover), &:is(button:hover) {
 		translate: 0 -0.3rem;
 		z-index: 2;
 		border-color: var(--col-accent2);
 	}
+
+	button {
+		width: 100%;
+		height: 100%;
+	}
 }
 
 [data-group]:not([data-group="vertical"])

package/css/base/dialog.css

@@ -17,15 +17,27 @@ dialog,
 [popover] {
 	padding: 1rem 2ch;
 	border: 0.125rem solid var(--col-bg3);
+	border-radius: 
+		var(--br-tl, var(--border-radius))
+		var(--br-tr, var(--border-radius))
+		var(--br-br, var(--border-radius))
+		var(--br-bl, var(--border-radius));
 	color: var(--col-fg);
 	background: var(--col-bg);
 	@media (prefers-reduced-motion: no-preference) {
 		animation: dialog-fade-in 0.1s ease-out;
 	}
 
+	&:has(> header) {
+        padding: 0;
+
+        & > * {
+            padding: 1rem;
+        }
+    }
+
 	> header {
 		background: var(--col-bg3);
-		margin: -1rem -2ch 1rem;
 		padding: 1rem 2ch;
 		font-weight: 700;
 	}

package/css/base/highcontrast.css

@@ -1,5 +1,5 @@
 @media (prefers-contrast: more) {
-	:root {
+	:root, [force-scheme="light"] {
 		--col-bg: #fff;
 		--col-bg2: #fff;
 		--col-bg3: #fff;
@@ -12,7 +12,7 @@
 }
 
 @media (prefers-contrast: more) and (prefers-color-scheme: dark) {
-	:root {
+	:root:not([force-scheme="light"]) {
 		--col-bg: #000;
 		--col-bg2: #000;
 		--col-bg3: #000;
@@ -23,3 +23,14 @@
 		--col-accent-contrast: #000;
 	}
 }
+
+[force-scheme="dark"] {
+	--col-bg: #000;
+	--col-bg2: #000;
+	--col-bg3: #000;
+	--col-fg: #fff;
+	--col-fg2: #fff;
+	--col-accent: #ff0;
+	--col-accent2: #0ff;
+	--col-accent-contrast: #000;
+}

package/css/base/layout.css

@@ -16,7 +16,6 @@ body:not(:has(#__nuxt, #__next)), #__nuxt, #__next {
 	margin: auto;
 	word-wrap: break-word;
 	padding: 0 1rem;
-	overflow-x: hidden;
 
 	> :is(header, footer) {
 		display: grid;

package/css/basegrid.css

@@ -1,12 +1,13 @@
 :root {
 	--basegrid: "header header header" ". nav ." ". side ." ". content ." "footer footer footer";
 	--basegrid-cols: auto min(var(--body-width, 100%), 100%) auto;
-	--basegrid-rows: max-content max-content max-content auto max-content;
+	--basegrid-rows: max-content max-content max-content 1fr max-content;
 }
 
-body:not(:has(#__nuxt, #__next)), #__nuxt, #__next {
+body:not(:has(#__nuxt, #__next)), :where(#__nuxt, #__next) {
 	display: grid;
-	min-height: 100vh;
+	min-height: -webkit-fill-available;
+    min-height: -moz-available;
 	padding: 0;
 	width: calc(100% - 2rem);
 	grid-template-columns: var(--basegrid-cols);
@@ -41,7 +42,7 @@ body:not(:has(#__nuxt, #__next)), #__nuxt, #__next {
 	:root {
 		--basegrid: "header header header header" ". nav side ." ". content side ." "footer footer footer footer";
 		--basegrid-cols: 1fr var(--body-width, 100%) 0 1fr;
-		--basegrid-rows: max-content max-content auto max-content;
+		--basegrid-rows: max-content max-content 1fr max-content;
 	}
 
 	[data-nav] {

package/css/themes/baqend.css

@@ -1,15 +1,6 @@
 :root {
 	--body-width: 45rem;
 
-	--col-bg: #fff;
-	--col-bg2: #f4f7fa;
-	--col-bg3: #d1dbe4;
-	--col-fg: #282c39;
-	--col-fg2: #0568fd;
-	--col-accent: #0568fd;
-	--col-accent2: #034cb9;
-	--col-accent-contrast: #fff;
-
 	--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial,
 		sans-serif;
 	--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono",
@@ -25,8 +16,19 @@
 	color-scheme: light;
 }
 
+:root, [force-scheme="light"] {
+	--col-bg: #fff;
+	--col-bg2: #f4f7fa;
+	--col-bg3: #d1dbe4;
+	--col-fg: #282c39;
+	--col-fg2: #0568fd;
+	--col-accent: #0568fd;
+	--col-accent2: #034cb9;
+	--col-accent-contrast: #fff;
+}
+
 @media (prefers-color-scheme: dark) {
-	:root {
+	:root:not([force-scheme="light"]) {
 		--col-bg: #fff;
 		--col-bg2: #eef1f6;
 		--col-bg3: #e8edf5;
@@ -37,3 +39,14 @@
 		--col-accent-contrast: #fff;
 	}
 }
+
+[force-scheme="dark"] {
+	--col-bg: #fff;
+	--col-bg2: #eef1f6;
+	--col-bg3: #e8edf5;
+	--col-fg: #282c39;
+	--col-fg2: #0568fd;
+	--col-accent: #0568fd;
+	--col-accent2: #034cb9;
+	--col-accent-contrast: #fff;
+}

package/css/themes/business.css

@@ -1,15 +1,6 @@
 :root {
 	--body-width: 45rem;
 
-	--col-bg: #eaeaea;
-	--col-bg2: #eee;
-	--col-bg3: #e0e0e0;
-	--col-fg: #111;
-	--col-fg2: #333;
-	--col-accent: #4e575e;
-	--col-accent2: #34383f;
-	--col-accent-contrast: #fff;
-
 	--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;
 	--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
 	--font-accent: var(--font);
@@ -21,8 +12,19 @@
 	--border-radius: 5px;
 }
 
+:root, [force-scheme="light"] {
+	--col-bg: #eaeaea;
+	--col-bg2: #eee;
+	--col-bg3: #e0e0e0;
+	--col-fg: #111;
+	--col-fg2: #333;
+	--col-accent: #4e575e;
+	--col-accent2: #34383f;
+	--col-accent-contrast: #fff;
+}
+
 @media (prefers-color-scheme: dark) {
-	:root {
+	:root:not([force-scheme="light"]) {
 		--col-bg: #111;
 		--col-bg2: #161616;
 		--col-bg3: #1b1b1b;
@@ -33,3 +35,14 @@
 		--col-accent-contrast: #111;
 	}
 }
+
+[force-scheme="dark"] {
+	--col-bg: #111;
+	--col-bg2: #161616;
+	--col-bg3: #1b1b1b;
+	--col-fg: #eee;
+	--col-fg2: #aaa;
+	--col-accent: #c8d5e3;
+	--col-accent2: #a6b0b9;
+	--col-accent-contrast: #111;
+}

package/css/themes/default.css

@@ -1,15 +1,6 @@
 :root {
 	--body-width: 45rem;
 
-	--col-bg: #eee;
-	--col-bg2: #e8e8e8;
-	--col-bg3: #dfdfdf;
-	--col-fg: #333;
-	--col-fg2: #7c8386;
-	--col-accent: #b2033a;
-	--col-accent2: #1c618f;
-	--col-accent-contrast: #eee;
-
 	--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;
 	--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
 	--font-accent: var(--font);
@@ -21,8 +12,19 @@
 	--border-radius: 10px;
 }
 
+:root, [force-scheme="light"] {
+	--col-bg: #eee;
+	--col-bg2: #e8e8e8;
+	--col-bg3: #dfdfdf;
+	--col-fg: #333;
+	--col-fg2: #7c8386;
+	--col-accent: #b2033a;
+	--col-accent2: #1c618f;
+	--col-accent-contrast: #eee;
+}
+
 @media (prefers-color-scheme: dark) {
-	:root {
+	:root:not([force-scheme="light"]) {
 		--col-bg: #15181a;
 		--col-bg2: #161e21;
 		--col-bg3: #1a2225;
@@ -33,3 +35,14 @@
 		--col-accent-contrast: #111;
 	}
 }
+
+[force-scheme="dark"] {
+	--col-bg: #15181a;
+	--col-bg2: #161e21;
+	--col-bg3: #1a2225;
+	--col-fg: #eee;
+	--col-fg2: #7c8386;
+	--col-accent: #ff297a;
+	--col-accent2: #72c4ff;
+	--col-accent-contrast: #111;
+}

package/css/themes/graphic-design-is-my-passion.css

@@ -1,15 +1,6 @@
 :root {
 	--body-width: 45rem;
 
-	--col-bg: #ff0;
-	--col-bg2: #0ff;
-	--col-bg3: #fc0;
-	--col-fg: #000;
-	--col-fg2: #000;
-	--col-accent: #00f;
-	--col-accent2: #f00;
-	--col-accent-contrast: #fff;
-
 	--font: "Times New Roman", Times, serif;
 	--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
 	--font-accent: "Comic Sans MS", cursive, sans-serif;
@@ -21,8 +12,19 @@
 	--border-radius: 50px;
 }
 
+:root, [force-scheme="light"] {
+	--col-bg: #ff0;
+	--col-bg2: #0ff;
+	--col-bg3: #fc0;
+	--col-fg: #000;
+	--col-fg2: #000;
+	--col-accent: #00f;
+	--col-accent2: #f00;
+	--col-accent-contrast: #fff;
+}
+
 @media (prefers-color-scheme: dark) {
-	:root {
+	:root:not([force-scheme="light"]) {
 		--col-bg: #008;
 		--col-bg2: #800;
 		--col-bg3: #088;
@@ -33,3 +35,14 @@
 		--col-accent-contrast: #000;
 	}
 }
+
+[force-scheme="dark"] {
+	--col-bg: #008;
+	--col-bg2: #800;
+	--col-bg3: #088;
+	--col-fg: #fff;
+	--col-fg2: #fff;
+	--col-accent: #ff0;
+	--col-accent2: #0ff;
+	--col-accent-contrast: #000;
+}

package/css/themes/minimal.css

@@ -1,15 +1,6 @@
 :root {
 	--body-width: 45rem;
 
-	--col-bg: #fff;
-	--col-bg2: #fff;
-	--col-bg3: #fff;
-	--col-fg: #000;
-	--col-fg2: #000;
-	--col-accent: #000;
-	--col-accent2: #000;
-	--col-accent-contrast: #fff;
-
 	--font: sans-serif;
 	--font-mono: monospace;
 	--font-accent: var(--font);
@@ -21,8 +12,19 @@
 	--border-radius: 0px;
 }
 
+:root, [force-scheme="light"] {
+	--col-bg: #fff;
+	--col-bg2: #fff;
+	--col-bg3: #fff;
+	--col-fg: #000;
+	--col-fg2: #000;
+	--col-accent: #000;
+	--col-accent2: #000;
+	--col-accent-contrast: #fff;
+}
+
 @media (prefers-color-scheme: dark) {
-	:root {
+	:root:not([force-scheme="light"]) {
 		--col-bg: #000;
 		--col-bg2: #000;
 		--col-bg3: #000;
@@ -33,3 +35,14 @@
 		--col-accent-contrast: #000;
 	}
 }
+
+[force-scheme="dark"] {
+	--col-bg: #000;
+	--col-bg2: #000;
+	--col-bg3: #000;
+	--col-fg: #fff;
+	--col-fg2: #fff;
+	--col-accent: #fff;
+	--col-accent2: #fff;
+	--col-accent-contrast: #000;
+}

package/css/themes/ocean.css

@@ -1,15 +1,6 @@
 :root {
 	--body-width: 45rem;
 
-	--col-bg: #d9ecf3;
-	--col-bg2: #cbe3ed;
-	--col-bg3: #bce0ee;
-	--col-fg: #152e36;
-	--col-fg2: #507580;
-	--col-accent: #016769;
-	--col-accent2: #0071cb;
-	--col-accent-contrast: #eeeeee;
-
 	--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;
 	--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
 	--font-accent: var(--font);
@@ -21,8 +12,19 @@
 	--border-radius: 16px;
 }
 
+:root, [force-scheme="light"] {
+	--col-bg: #d9ecf3;
+	--col-bg2: #cbe3ed;
+	--col-bg3: #bce0ee;
+	--col-fg: #152e36;
+	--col-fg2: #507580;
+	--col-accent: #016769;
+	--col-accent2: #0071cb;
+	--col-accent-contrast: #eeeeee;
+}
+
 @media (prefers-color-scheme: dark) {
-	:root {
+	:root:not([force-scheme="light"]) {
 		--col-bg: #132a32;
 		--col-bg2: #193742;
 		--col-bg3: #255362;
@@ -33,3 +35,14 @@
 		--col-accent-contrast: #111;
 	}
 }
+
+[force-scheme="dark"] {
+	--col-bg: #132a32;
+	--col-bg2: #193742;
+	--col-bg3: #255362;
+	--col-fg: #c2dae2;
+	--col-fg2: #7296a2;
+	--col-accent: #72ffe9;
+	--col-accent2: #45d6fc;
+	--col-accent-contrast: #111;
+}

package/css/themes/terminal.css

@@ -1,15 +1,6 @@
 :root {
 	--body-width: 45rem;
 
-	--col-bg: #e5ffd8;
-	--col-bg2: #e5ffd8;
-	--col-bg3: #e5ffd8;
-	--col-fg: #247300;
-	--col-fg2: #247300;
-	--col-accent: #247300;
-	--col-accent2: #247300;
-	--col-accent-contrast: #fff;
-
 	--font: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
 	--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;
 	--font-accent: var(--font);
@@ -21,8 +12,19 @@
 	--border-radius: 0px;
 }
 
+:root, [force-scheme="light"] {
+	--col-bg: #e5ffd8;
+	--col-bg2: #e5ffd8;
+	--col-bg3: #e5ffd8;
+	--col-fg: #247300;
+	--col-fg2: #247300;
+	--col-accent: #247300;
+	--col-accent2: #247300;
+	--col-accent-contrast: #fff;
+}
+
 @media (prefers-color-scheme: dark) {
-	:root {
+	:root:not([force-scheme="light"]) {
 		--col-bg: #051000;
 		--col-bg2: #0a3000;
 		--col-bg3: #061d00;
@@ -33,3 +35,14 @@
 		--col-accent-contrast: #000;
 	}
 }
+
+[force-scheme="dark"] {
+	--col-bg: #051000;
+	--col-bg2: #0a3000;
+	--col-bg3: #061d00;
+	--col-fg: #0f0;
+	--col-fg2: #0f0;
+	--col-accent: #0f0;
+	--col-accent2: #0f0;
+	--col-accent-contrast: #000;
+}

package/css/transition.css

@@ -3,5 +3,6 @@
 		rotate var(--t-rotate, 0s) ease-out, scale var(--t-scale, 0s) ease-out,
 		box-shadow var(--t-box-shadow, 0s) ease-out, color var(--t-color, 0s) ease-out,
 		background var(--t-background, 0s) ease-out, border-color var(--t-border-color, 0s) ease-out,
-		filter var(--t-filter, 0s) ease-out, opacity var(--t-opacity, 0s) ease-out;
+		filter var(--t-filter, 0s) ease-out, opacity var(--t-opacity, 0s) ease-out, 
+		height var(--t-height, 0s) ease-out, max-height var(--t-max-height, 0s) ease-out;
 }

package/dist/all.css

@@ -1 +1 @@
-@layer base,layout,components;@layer base{@layer ssstyles_base{@property --body-width{syntax: "<length>"; inherits: true;}@property --col-bg{syntax: "<color>"; inherits: true;}@property --col-bg2{syntax: "<color>"; inherits: true;}@property --col-bg3{syntax: "<color>"; inherits: true;}@property --col-fg{syntax: "<color>"; inherits: true;}@property --col-fg2{syntax: "<color>"; inherits: true;}@property --col-accent{syntax: "<color>"; inherits: true;}@property --col-accent2{syntax: "<color>"; inherits: true;}@property --col-accent-contrast{syntax: "<color>"; inherits: true;}@property --font{syntax: "<string>"; inherits: true;}@property --font-mono{syntax: "<string>"; inherits: true;}@property --font-accent{syntax: "<string>"; inherits: true;}@property --font-size-min{syntax: "<length>"; inherits: true;}@property --font-size-max{syntax: "<length>"; inherits: true;}@property --line-height{syntax: "<integer> | <length> | normal"; inherits: true;}@property --letter-spacing{syntax: "<length>"; inherits: true;}@property --border-radius{syntax: "<length>"; inherits: true;}}}@layer base{@layer ssstyles_base{:root{--body-width: 45rem;--col-bg: #eee;--col-bg2: #e8e8e8;--col-bg3: #dfdfdf;--col-fg: #333;--col-fg2: #7c8386;--col-accent: #b2033a;--col-accent2: #1c618f;--col-accent-contrast: #eee;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1.2rem;--line-height: 1.6;--letter-spacing: .01875em;--border-radius: 10px}@media (prefers-color-scheme: dark){:root{--col-bg: #15181a;--col-bg2: #161e21;--col-bg3: #1a2225;--col-fg: #eee;--col-fg2: #7c8386;--col-accent: #ff297a;--col-accent2: #72c4ff;--col-accent-contrast: #111}}}}@layer base{@layer ssstyles_base{@media (prefers-contrast: more){:root{--col-bg: #fff;--col-bg2: #fff;--col-bg3: #fff;--col-fg: #000;--col-fg2: #000;--col-accent: #800;--col-accent2: #00f;--col-accent-contrast: #fff}}@media (prefers-contrast: more) and (prefers-color-scheme: dark){:root{--col-bg: #000;--col-bg2: #000;--col-bg3: #000;--col-fg: #fff;--col-fg2: #fff;--col-accent: #ff0;--col-accent2: #0ff;--col-accent-contrast: #000}}}}@layer base{@layer ssstyles_base{:root{color-scheme:light dark;background-color:var(--col-bg);color:var(--col-fg)}*{accent-color:var(--col-accent)}a:not([data-button]){color:var(--col-accent);&:hover{color:var(--col-accent2)}}}}@layer base{@layer ssstyles_base{*{box-sizing:border-box;scrollbar-color:var(--col-fg) transparent;@media (pointer: fine){scrollbar-width:thin}}body:has(#__nuxt,#__next){padding:0}body:not(:has(#__nuxt,#__next)),#__nuxt,#__next{min-width:17.5rem;margin:auto;word-wrap:break-word;padding:0 1rem;overflow-x:hidden;>:is(header,footer){display:grid;grid-template-columns:auto min(var(--body-width, 100%),100%) auto;position:relative;margin:0 -1rem;padding:1rem;background:var(--col-bg3);>*{grid-column:2 / 4;max-width:min(var(--body-width, 100%))}}&:not(:has(header)){padding-top:1rem}&:not(:has(footer)){padding-bottom:1rem}>header{margin-bottom:1rem}>*:not(header,footer){max-width:var(--body-width);margin:auto;width:100%}>footer{margin-top:5rem}}figure,video,canvas,iframe{display:block;max-width:100%;margin-inline-start:0;margin-inline-end:0}img,svg{max-width:100%;height:auto;vertical-align:text-bottom}nav ul{list-style:none;padding-inline-start:0}}}@layer base{@layer ssstyles_base{*{word-break:break-word;hyphens:auto}:root{font-family:var(--font);font-size:round(min(max(var(--font-size-min),1.5vw),var(--font-size-max)),1px);line-height:var(--line-height);letter-spacing:var(--letter-spacing);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:not(h1,h2,h3,h4,h5,h6){text-wrap:balance}h1{font-size:3rem;font-family:var(--font-accent, var(--font))}h2,h3,h4,h5,h6{margin-top:3.5rem;font-family:var(--font-accent, var(--font))}input,button,textarea,select{font:inherit}}}@layer base{@layer ssstyles_base{fieldset{background-color:var(--col-bg2);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));border-color:var(--col-bg3);border-style:solid;:is(input:not(:is([type=button],[type=submit],[type=reset])),textarea,select){background-color:color-mix(in lch,var(--col-bg2) 95%,var(--col-fg));border-color:var(--col-fg2)}}input:not(:is([type=button],[type=submit],[type=reset])),textarea,select{padding:.1rem 1ch;color:var(--col-fg);background-color:var(--col-bg2);border:.125rem solid var(--col-fg2);--br-tl: var(--border-radius);--br-tr: var(--border-radius);--br-bl: var(--border-radius);--br-br: var(--border-radius);border-radius:var(--br-tl) var(--br-tr) var(--br-br) var(--br-bl);&:user-invalid{border-color:var(--col-accent)}}textarea{max-width:100%}select{-webkit-appearance:none;background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20height%3D%2740%27%20width%3D%27100%27%20fill%3D%22%23888%22%3E%3Cpolygon%20points%3D%220%2C0%2050%2C40%20100%2C0%22%2F%3E%3C%2Fsvg%3E) calc(100% - .8rem) 50%/.8rem no-repeat;padding-right:2rem}}}@layer base{@layer ssstyles_base{button,[data-button],input[type=submit],input[type=button],input[type=reset]{--col-button: var(--col-accent);--col-button2: var(--col-button);--pos-gradient: -.25rem;padding:.25rem 1ch;border:none;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));color:var(--col-accent-contrast);font-weight:500;text-decoration:none;cursor:pointer;background:linear-gradient(to bottom,var(--col-button2) calc(100% + var(--pos-gradient)),color-mix(in oklab,var(--col-button2),black 20%) calc(100% + var(--pos-gradient)));&:hover:not(:is([disabled],[aria-disabled])){--col-button2: color-mix(in oklab, var(--col-button), white 10%)}&:active:not(:is([disabled],[aria-disabled])){--pos-gradient: -.35rem}&[data-button=accent2]{--col-button: var(--col-accent2)}&[data-button=bg]{--col-button: var(--col-bg);color:var(--col-fg)}&[data-button=fg]{--col-button: var(--col-fg);color:var(--col-bg)}}}}@layer base{@layer ssstyles_base{table{border-collapse:collapse;table-layout:fixed;min-width:100%}figure:has(table){overflow-x:auto}thead{border-bottom:.125rem solid var(--col-bg3)}tbody tr:nth-child(2n){background-color:var(--col-bg2)}td,th{padding:.5rem 1ch;text-align:left;vertical-align:top;white-space:nowrap}tfoot{border-top:.125rem solid var(--col-bg3)}dl{& dd{margin-inline-start:.5ch;&:before{content:"\251c";margin-inline-end:.5ch;font-family:monospace;font-size:2em;position:relative;top:.4rem;line-height:0;color:var(--col-fg2)}&:last-of-type:before,&:has(+dt):before{content:"\2514"}}}}}@layer base{@layer ssstyles_base{details{background-color:var(--col-bg2);border-color:var(--col-bg3);border-style:solid;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));padding:.5rem 1ch;@media (prefers-reduced-motion: no-preference){interpolate-size:allow-keywords;&::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility .2s allow-discrete ease-out,block-size .2s ease-out,opacity .2s ease-out}}&[open]::details-content{opacity:1;block-size:auto}>summary{position:relative;font-weight:500;cursor:pointer;padding-left:1rem;list-style-type:none;&::marker,&::-webkit-details-marker{display:none}&:before{content:"";position:absolute;left:-1ch;width:0;height:0;border:.5rem solid transparent;border-left:.5rem solid var(--col-accent);transform:translate(.625rem,.25lh) rotate(var(--dstr, 0deg));transform-origin:25% center;transition:transform .1s ease-out}&:hover:before{border-left-color:var(--col-accent2)}}&[open]>summary{&:before{--dstr: 90deg}}}}}@layer base{@layer ssstyles_base{blockquote{margin:1rem 0;padding:1rem 2ch;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));background:var(--col-bg2);font-size:1.2rem;font-style:italic;border:2px solid var(--col-bg3);>footer{font-size:1rem;margin:1rem 0 0 2ch;font-style:normal;&:before{content:"\2014  "}cite{font-style:italic}}}figure>blockquote{margin:0}}}@layer base{@layer ssstyles_base{code,kbd,pre{background:var(--col-bg2);border:.125rem solid var(--col-bg3);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));padding:.05rem .5ch;font-size:.8rem;font-family:var(--font-mono);font-weight:600;color:var(--col-accent2);max-width:100%;overflow:auto;text-wrap:nowrap}pre{padding:.5rem;margin:1rem 0}kbd{border-bottom:.25rem solid var(--col-bg3);border-radius:var(--border-radius) var(--border-radius) 5px 5px;font-weight:700}pre code,code pre{background:inherit;font-size:inherit;color:inherit;border:0;margin:0;padding:0}code pre{display:inline}}}@layer base{@layer ssstyles_base{@keyframes dialog-fade-in{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0 0}}body:has(dialog[open]){overflow:hidden}dialog,[popover]{padding:1rem 2ch;border:.125rem solid var(--col-bg3);color:var(--col-fg);background:var(--col-bg);@media (prefers-reduced-motion: no-preference){animation:dialog-fade-in .1s ease-out}>header{background:var(--col-bg3);margin:-1rem -2ch 1rem;padding:1rem 2ch;font-weight:700}}dialog{&::backdrop{background:rgba(0,0,0,.4);backdrop-filter:blur(4px);animation:fade-in .1s ease-out}}}}@layer base{@layer ssstyles_base{hr{border:.125rem solid var(--col-bg3);border-radius:var(--border-radius);margin:5rem 0}[disabled],[aria-disabled]{cursor:not-allowed;filter:saturate(0)}abbr{cursor:help}mark{background-color:var(--col-accent2);color:var(--col-accent-contrast)}}}@layer base;@layer base{*{transition:transform var(--t-transform, 0s) ease-out,translate var(--t-translate, 0s) ease-out,rotate var(--t-rotate, 0s) ease-out,scale var(--t-scale, 0s) ease-out,box-shadow var(--t-box-shadow, 0s) ease-out,color var(--t-color, 0s) ease-out,background var(--t-background, 0s) ease-out,border-color var(--t-border-color, 0s) ease-out,filter var(--t-filter, 0s) ease-out,opacity var(--t-opacity, 0s) ease-out}}@layer layout{:root{--basegrid: "header header header" ". nav ." ". side ." ". content ." "footer footer footer";--basegrid-cols: auto min(var(--body-width, 100%), 100%) auto;--basegrid-rows: max-content max-content max-content auto max-content}body:not(:has(#__nuxt,#__next)),#__nuxt,#__next{display:grid;min-height:100vh;padding:0;width:calc(100% - 2rem);grid-template-columns:var(--basegrid-cols);grid-template-rows:var(--basegrid-rows);grid-template-areas:var(--basegrid);>header{grid-area:header;grid-template-columns:subgrid}>nav{grid-area:nav;height:100%}>main{grid-area:content}>footer{grid-area:footer;grid-template-columns:subgrid}>aside{grid-area:side}}@media (min-width: 85rem){:root{--basegrid: "header header header header" ". nav side ." ". content side ." "footer footer footer footer";--basegrid-cols: 1fr var(--body-width, 100%) 0 1fr;--basegrid-rows: max-content max-content auto max-content}[data-nav]{grid-area:side;min-width:20ch;padding-inline-start:1rem;>ul>li{width:100%;margin-bottom:1rem}}}}@layer layout{[data-flexgrid]{display:flex;flex-wrap:wrap;gap:1rem;>*{flex:1 1 auto}}}@layer layout{[data-group]{display:inline-flex;flex-wrap:wrap;gap:1px;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));&:not([data-group=vertical]){>*:first-child{--br-tr: 0;--br-br: 0}>*:not(:first-child):not(:last-child){--br-tl: 0;--br-tr: 0;--br-bl: 0;--br-br: 0}>*:last-child{--br-tl: 0;--br-bl: 0}}&[data-group=vertical]{flex-direction:column;>*:first-child{--br-bl: 0;--br-br: 0}>*:not(:first-child):not(:last-child){--br-tl: 0;--br-tr: 0;--br-bl: 0;--br-br: 0}>*:last-child{--br-tr: 0;--br-tl: 0}}}}@layer layout{[data-breakout]{--col-breakout: var(--col-bg);background:var(--col-breakout);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:1rem calc(50vw - 50%)}[data-breakout=bg]{--col-breakout: var(--col-bg)}[data-breakout=bg2]{--col-breakout: var(--col-bg2)}[data-breakout=bg3]{--col-breakout: var(--col-bg3)}[data-breakout=accent]{--col-breakout: var(--col-accent);color:var(--col-accent-contrast)}[data-breakout=accent2]{--col-breakout: var(--col-accent2);color:var(--col-accent-contrast)}[data-breakout=fg]{--col-breakout: var(--col-fg);color:var(--col-bg)}[data-breakout=fg2]{--col-breakout: var(--col-fg2);color:var(--col-bg)}}@layer layout{[data-autogrid]{--gap: 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--grid-item-width, 100%),1fr));justify-items:stretch;align-items:flex-start;gap:var(--gap);margin-block:1rem}[data-autogrid="1/4"]{--grid-item-width: max(calc(25% - var(--gap) * 3), 8.75rem)}[data-autogrid="1/3"]{--grid-item-width: max(calc(33% - var(--gap) * 2), 12.5rem)}[data-autogrid="1/2"]{--grid-item-width: max(calc(50% - var(--gap)), 15rem)}}@layer components{[data-hint=nolist]{list-style:none;padding:0}}@layer components{[data-skiplink]{position:absolute;&:not(:focus,:focus-within){clip:rect(1px,1px,1px,1px);pointer-events:none;overflow:hidden;height:1px;width:1px;border:0;padding:0;position:absolute}}}@layer components{main{:is(a[href^="mailto:"],a[href^="tel:"]){&:before{content:"";display:inline-block;width:1rem;height:1rem;margin-inline-end:.5ch;background-color:currentColor;vertical-align:middle}}:is(a[href^="mailto:"]):before{clip-path:polygon(0% 10%,0% 90%,0% 15%,50% 44%,100% 15%,100% 25%,50% 55%,0% 25%,0% 90%,100% 90%,100% 10%)}:is(a[href^="tel:"]):before{clip-path:polygon(38.25% 3%,48.49% 7.69%,53.16% 22.73%,50.41% 30.82%,41.86% 35.15%,37.32% 44.33%,40.78% 57.66%,45.03% 66.21%,53.75% 70.96%,62.81% 66.9%,68.65% 69.16%,79.87% 84.23%,79.84% 92.28%,70.14% 96.77%,59.46% 96.77%,46.27% 93.26%,33.24% 81.33%,27.26% 64.7%,19.65% 39.61%,20.89% 17.71%,24.95% 10.48%)}}}@layer components{:is(h1,h2,h3,h4,h5,h6){>:first-child:is([href^="#"]){text-decoration:none;color:currentColor;color:var(--col-fg2)}:is(&:hover,&:focus-within)>:first-child:is([href^="#"]){color:var(--col-accent);&:hover{color:var(--col-accent2)}}}}@layer components{[data-columns]{columns:2}[data-columns="3"]{columns:3}[data-columns="4"]{columns:4}}@layer components{[data-nav]{position:relative;padding-right:1rem;text-wrap:wrap;z-index:1;>ul{position:sticky;top:1rem;>li{display:inline-block;font-weight:600;&:not(:last-of-type){margin-right:1rem}}}}}@layer components{[data-card]{position:relative;display:inline-block;background-color:var(--col-bg2);color:var(--col-fg);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));padding:1rem;--t-translate: .25s;translate:0 0;>*+*{margin-block-start:1rem;margin-block-end:0}>[data-card-link]{position:absolute;inset:0;z-index:2;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));&:focus{outline:.125rem solid dodgerblue;outline-offset:-.125rem}}&:has([data-card-link]):is(:hover,:focus-within){translate:0 -.3rem}>header{background-color:var(--col-bg3);margin:-1rem -1rem 1rem;padding:1rem;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) 0 0;font-size:1.2rem;font-weight:600;>:is(h1,h2,h3,h4,h5,h6){margin-block:0}+[data-card-background]{--br-tl: 0;--br-tr: 0}}>footer{background-color:var(--col-bg3);margin:1rem -1rem -1rem;padding:1rem;border-radius:0 0 var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius))}>[data-card-background]{display:grid;position:relative;margin:-1rem;max-width:calc(100% + 2rem);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));overflow:hidden;&:not(:last-child){--br-bl: 0;--br-br: 0}& *{max-width:100%;height:auto}&:has(figcaption){min-height:3.5rem}>figcaption{position:absolute;bottom:0;width:100%;padding:1rem 0;text-align:center;background:color-mix(in lch,var(--col-bg2),transparent 20%);font-weight:500;@media (prefers-reduced-transparency){background:var(--col-bg2)}}}}}@layer components{input:is([type=checkbox],[type=radio])[data-toggle]{appearance:none;position:relative;display:inline-grid;align-items:center;padding:0 .75em;background:var(--col-bg);height:1.65em;width:2.75em;border-radius:2em;vertical-align:sub;&:not([disabled],[aria-disabled]){cursor:pointer}&:before{content:"";width:1em;height:1em;background:var(--col-fg);border-radius:1.2em;top:.2em;left:.2em;transition:.1s ease-out transform,.1s ease-out background;transform:translate(-.5em)}&:checked:before{transform:translate(.5em);background:var(--col-accent)}&:focus-visible{outline:.125rem solid dodgerblue;outline-offset:.125rem}&:is([disabled],[aria-disabled]){filter:contrast(.5)}}}@layer components{@keyframes spin{0%{rotate:0}to{rotate:360deg}}[data-loading],button[aria-busy=true]{&:before{content:"";display:inline-block;vertical-align:text-bottom;margin-right:.5ch;animation:spin 1s linear infinite;width:1em;aspect-ratio:1;border-radius:50%;border:.2rem solid color-mix(in srgb,currentColor,transparent 66%);border-top-color:currentColor}&:is(button):before{margin-right:1ch}}}@layer components{[data-actionlink]{--actionlink-size: 3rem;--col-button: var(--col-accent);position:fixed;bottom:2rem;right:2rem;min-height:var(--actionlink-size);min-width:var(--actionlink-size);border-radius:var(--actionlink-size);background-color:var(--col-button);color:var(--col-accent-contrast);font-weight:600;display:grid;place-items:center;padding:1ch;text-decoration:none;z-index:1;&:hover{background-color:color-mix(in oklab,var(--col-button),white 10%)}}}@layer components{[data-avatar]{aspect-ratio:1/1;border-radius:1000rem;object-fit:cover;vertical-align:middle;background-color:var(--col-bg);width:1.5lh}[data-avatar]:not(img){display:inline-grid;place-items:center;width:1.5lh;padding:.3rem;background-color:var(--col-fg2);color:var(--col-bg);overflow:hidden;font-weight:700}a:has(>[data-avatar]){text-decoration:none}a[href]{>[data-avatar]:first-child:last-child{position:relative;border:2px solid var(--col-accent);translate:0 0;--t-translate: .2s;z-index:1}&:hover>[data-avatar]:first-child:last-child{translate:0 -.3rem;z-index:2;border-color:var(--col-accent2)}}[data-group]:not([data-group=vertical])>:is([data-avatar]:not(:first-child),a:has(>[data-avatar]):not(:first-child)){margin-inline-start:-.6em}[data-group=vertical]>:is([data-avatar]:not(:first-child),a:has(>[data-avatar]):not(:first-child)){margin-block-start:-.6em}}@layer components{[data-comment]{position:relative;margin:2rem 0;margin-left:calc(2rem * var(--level, 0));>[data-comment]{--level: 1}&[data-card]{display:block}&:before{content:"";position:absolute;top:-1rem;left:calc(-2rem * var(--level, 0));bottom:-1rem;width:calc(2rem * var(--level, 0));background:repeating-linear-gradient(to right,var(--col-fg2),var(--col-fg2) 2px,transparent 2px,transparent 2rem) .5rem}>header{font-weight:600;*{vertical-align:middle}}}}@layer components{[data-carousel]{display:flex;align-items:flex-start;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;>*{flex:0 0 auto;scroll-snap-align:center}&:hover{scrollbar-color:var(--col-accent) transparent}}[data-carousel=left]>*{scroll-snap-align:left}[data-carousel=right]>*{scroll-snap-align:right}}@layer components{[data-callout]{--col-callout: var(--col-fg2);--col-callout-contrast: var(--col-bg);border:1px solid var(--col-callout);background-color:color-mix(in oklab,var(--col-callout),var(--col-bg) 80%);padding:1rem;border-radius:var(--border-radius);overflow:hidden;text-wrap:wrap;>header{margin:-1rem -1rem 0;padding:1rem;background:var(--col-callout);color:var(--col-callout-contrast);font-family:var(--font-accent);>*{margin:0}}>:last-child{margin-bottom:0}}[data-callout=accent]{--col-callout: var(--col-accent);--col-callout-contrast: var(--col-accent-contrast)}[data-callout=accent2]{--col-callout: var(--col-accent2);--col-callout-contrast: var(--col-accent-contrast)}}@layer components{[data-shadow]{box-shadow:0 calc(var(--shadow-mod, var(--shadow-level)) * var(--shadow-mod, var(--shadow-level)) * 1px) calc(var(--shadow-level) * var(--shadow-level) * 2px) calc(var(--shadow-mod, var(--shadow-level)) * 1px - 1px) #00000024,0 3px calc((var(--shadow-mod, var(--shadow-level)) - 1) * 5px) calc((var(--shadow-mod, var(--shadow-level)) - 2) * 2px) #0000001f,0 calc((var(--shadow-mod, var(--shadow-level)) - 1) * 1.5px) calc(var(--shadow-mod, var(--shadow-level)) * 2px) calc((var(--shadow-mod, var(--shadow-level)) - 1) * 1.5px) #0003}[data-shadow$=-hover]{--t-box-shadow: .2s;&:hover{--shadow-mod: calc(var(--shadow-level) + 1)}}[data-shadow^="1"]{--shadow-level: 1}[data-shadow^="2"]{--shadow-level: 2}[data-shadow^="3"]{--shadow-level: 3}[data-shadow^="4"]{--shadow-level: 4}[data-shadow^="5"]{--shadow-level: 5}}@layer components{[data-spoiler]{background-color:currentColor;cursor:pointer;speak:never;&:focus-within{background-color:transparent;speak:auto;@media (prefers-reduced-motion: no-preference){transition:background-color 1s ease-out}}}}@layer components{@keyframes fade-in{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0 0}}[data-fade-in]{view-timeline-name:--fade-in;view-timeline-axis:block;@media (prefers-reduced-motion: no-preference){animation:ease-in-out fade-in both;animation-timeline:--fade-in;animation-range:entry -10% cover 20%}}@keyframes sparkle{0%{opacity:0;translate:-.7ch -10%}10%{opacity:1;translate:-.7ch -10%}20%{opacity:0;translate:-.7ch -10%}25%{opacity:0;translate:60% -30%}35%{opacity:1;translate:60% -30%}45%{opacity:0;translate:60% -30%}55%{opacity:0;translate:30% 0}65%{opacity:1;translate:30% 0}75%{opacity:0;translate:30% 0}80%{opacity:0;translate:calc(100% - 1.3ch) -20%}90%{opacity:1;translate:calc(100% - 1.3ch) -20%}to{opacity:0;translate:calc(100% - 1.3ch) -20%}}[data-sparkle]{--sparkle-color: oklch(100% 0 259.28 / 100%);position:relative;text-shadow:0 0 10px var(--sparkle-color);letter-spacing:calc(var(--letter-spacing) + .03em);&:before,&:after{content:"\2728";position:absolute;inset:0;text-shadow:0 0 10px var(--sparkle-color);animation:sparkle 3s ease-in-out infinite;@media (prefers-reduced-motion){animation:none}}&:after{animation-delay:1s}@media (prefers-color-scheme: dark){--sparkle-color: oklch(100% 0 259.28 / 50%)}@media (prefers-reduced-motion){&:before,&:after{animation:none;position:relative}}}}@layer components{@property --view-transition-duration{syntax: "<time>"; inherits: true; initial-value: .4s;}@keyframes enable-vt{0%,to{--enable-view-transitions: none}0.1%,99.9%{--enable-view-transitions: var(--view-transition-name, default-view-transition)}}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto;}::view-transition-group(*){animation-duration:var(--view-transition-duration)}[data-view-transition]{view-timeline-name:--enable-vt;view-timeline-axis:block;animation:linear enable-vt both;animation-timeline:--enable-vt;animation-range:cover;view-transition-name:var(--view-transition-name, default-view-transition);@supports (animation-timeline: --enable-vt){view-transition-name:var(--enable-view-transitions)}}}}
+@layer base,layout,components;@layer base{@layer ssstyles_base{@property --body-width{syntax: "<length>"; inherits: true;}@property --col-bg{syntax: "<color>"; inherits: true;}@property --col-bg2{syntax: "<color>"; inherits: true;}@property --col-bg3{syntax: "<color>"; inherits: true;}@property --col-fg{syntax: "<color>"; inherits: true;}@property --col-fg2{syntax: "<color>"; inherits: true;}@property --col-accent{syntax: "<color>"; inherits: true;}@property --col-accent2{syntax: "<color>"; inherits: true;}@property --col-accent-contrast{syntax: "<color>"; inherits: true;}@property --font{syntax: "<string>"; inherits: true;}@property --font-mono{syntax: "<string>"; inherits: true;}@property --font-accent{syntax: "<string>"; inherits: true;}@property --font-size-min{syntax: "<length>"; inherits: true;}@property --font-size-max{syntax: "<length>"; inherits: true;}@property --line-height{syntax: "<integer> | <length> | normal"; inherits: true;}@property --letter-spacing{syntax: "<length>"; inherits: true;}@property --border-radius{syntax: "<length>"; inherits: true;}}}@layer base{@layer ssstyles_base{:root{--body-width: 45rem;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1.2rem;--line-height: 1.6;--letter-spacing: .01875em;--border-radius: 10px}:root,[force-scheme=light]{--col-bg: #eee;--col-bg2: #e8e8e8;--col-bg3: #dfdfdf;--col-fg: #333;--col-fg2: #7c8386;--col-accent: #b2033a;--col-accent2: #1c618f;--col-accent-contrast: #eee}@media (prefers-color-scheme: dark){:root:not([force-scheme=light]){--col-bg: #15181a;--col-bg2: #161e21;--col-bg3: #1a2225;--col-fg: #eee;--col-fg2: #7c8386;--col-accent: #ff297a;--col-accent2: #72c4ff;--col-accent-contrast: #111}}[force-scheme=dark]{--col-bg: #15181a;--col-bg2: #161e21;--col-bg3: #1a2225;--col-fg: #eee;--col-fg2: #7c8386;--col-accent: #ff297a;--col-accent2: #72c4ff;--col-accent-contrast: #111}}}@layer base{@layer ssstyles_base{@media (prefers-contrast: more){:root,[force-scheme=light]{--col-bg: #fff;--col-bg2: #fff;--col-bg3: #fff;--col-fg: #000;--col-fg2: #000;--col-accent: #800;--col-accent2: #00f;--col-accent-contrast: #fff}}@media (prefers-contrast: more) and (prefers-color-scheme: dark){:root:not([force-scheme=light]){--col-bg: #000;--col-bg2: #000;--col-bg3: #000;--col-fg: #fff;--col-fg2: #fff;--col-accent: #ff0;--col-accent2: #0ff;--col-accent-contrast: #000}}[force-scheme=dark]{--col-bg: #000;--col-bg2: #000;--col-bg3: #000;--col-fg: #fff;--col-fg2: #fff;--col-accent: #ff0;--col-accent2: #0ff;--col-accent-contrast: #000}}}@layer base{@layer ssstyles_base{:root{color-scheme:light dark;background-color:var(--col-bg);color:var(--col-fg)}*{accent-color:var(--col-accent)}a:not([data-button]){color:var(--col-accent);&:hover{color:var(--col-accent2)}}}}@layer base{@layer ssstyles_base{*{box-sizing:border-box;scrollbar-color:var(--col-fg) transparent;@media (pointer: fine){scrollbar-width:thin}}body:has(#__nuxt,#__next){padding:0}body:not(:has(#__nuxt,#__next)),#__nuxt,#__next{min-width:17.5rem;margin:auto;word-wrap:break-word;padding:0 1rem;>:is(header,footer){display:grid;grid-template-columns:auto min(var(--body-width, 100%),100%) auto;position:relative;margin:0 -1rem;padding:1rem;background:var(--col-bg3);>*{grid-column:2 / 4;max-width:min(var(--body-width, 100%))}}&:not(:has(header)){padding-top:1rem}&:not(:has(footer)){padding-bottom:1rem}>header{margin-bottom:1rem}>*:not(header,footer){max-width:var(--body-width);margin:auto;width:100%}>footer{margin-top:5rem}}figure,video,canvas,iframe{display:block;max-width:100%;margin-inline-start:0;margin-inline-end:0}img,svg{max-width:100%;height:auto;vertical-align:text-bottom}nav ul{list-style:none;padding-inline-start:0}}}@layer base{@layer ssstyles_base{*{word-break:break-word;hyphens:auto}:root{font-family:var(--font);font-size:round(min(max(var(--font-size-min),1.5vw),var(--font-size-max)),1px);line-height:var(--line-height);letter-spacing:var(--letter-spacing);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:not(h1,h2,h3,h4,h5,h6){text-wrap:balance}h1{font-size:3rem;font-family:var(--font-accent, var(--font))}h2,h3,h4,h5,h6{margin-top:3.5rem;font-family:var(--font-accent, var(--font))}input,button,textarea,select{font:inherit}}}@layer base{@layer ssstyles_base{fieldset{background-color:var(--col-bg2);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));border-color:var(--col-bg3);border-style:solid;:is(input:not(:is([type=button],[type=submit],[type=reset])),textarea,select){background-color:color-mix(in lch,var(--col-bg2) 95%,var(--col-fg));border-color:var(--col-fg2)}}input:not(:is([type=button],[type=submit],[type=reset])),textarea,select{padding:.1rem 1ch;color:var(--col-fg);background-color:var(--col-bg2);border:.125rem solid var(--col-fg2);--br-tl: var(--border-radius);--br-tr: var(--border-radius);--br-bl: var(--border-radius);--br-br: var(--border-radius);border-radius:var(--br-tl) var(--br-tr) var(--br-br) var(--br-bl);&:user-invalid{border-color:var(--col-accent)}}textarea{max-width:100%}select{-webkit-appearance:none;background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20height%3D%2740%27%20width%3D%27100%27%20fill%3D%22%23888%22%3E%3Cpolygon%20points%3D%220%2C0%2050%2C40%20100%2C0%22%2F%3E%3C%2Fsvg%3E) calc(100% - .8rem) 50%/.8rem no-repeat;padding-right:2rem}}}@layer base{@layer ssstyles_base{button,[data-button],input[type=submit],input[type=button],input[type=reset]{--col-button: var(--col-accent);--col-button2: var(--col-button);--pos-gradient: -.25rem;padding:.25rem 1ch;border:none;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));color:var(--col-accent-contrast);font-weight:500;text-decoration:none;cursor:pointer;background:linear-gradient(to bottom,var(--col-button2) calc(100% + var(--pos-gradient)),color-mix(in oklab,var(--col-button2),black 20%) calc(100% + var(--pos-gradient)));&:hover:not(:is([disabled],[aria-disabled])){--col-button2: color-mix(in oklab, var(--col-button), white 10%)}&:active:not(:is([disabled],[aria-disabled])){--pos-gradient: -.35rem}&[data-button=accent2]{--col-button: var(--col-accent2)}&[data-button=bg]{--col-button: var(--col-bg);color:var(--col-fg)}&[data-button=fg]{--col-button: var(--col-fg);color:var(--col-bg)}}}}@layer base{@layer ssstyles_base{table{border-collapse:collapse;table-layout:fixed;min-width:100%}figure:has(table){overflow-x:auto}thead{border-bottom:.125rem solid var(--col-bg3)}tbody tr:nth-child(2n){background-color:var(--col-bg2)}td,th{padding:.5rem 1ch;text-align:left;vertical-align:top;white-space:nowrap}tfoot{border-top:.125rem solid var(--col-bg3)}dl{& dd{margin-inline-start:.5ch;&:before{content:"\251c";margin-inline-end:.5ch;font-family:monospace;font-size:2em;position:relative;top:.4rem;line-height:0;color:var(--col-fg2)}&:last-of-type:before,&:has(+dt):before{content:"\2514"}}}}}@layer base{@layer ssstyles_base{details{background-color:var(--col-bg2);border-color:var(--col-bg3);border-style:solid;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));padding:.5rem 1ch;@media (prefers-reduced-motion: no-preference){interpolate-size:allow-keywords;&::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility .2s allow-discrete ease-out,block-size .2s ease-out,opacity .2s ease-out}}&[open]::details-content{opacity:1;block-size:auto}>summary{position:relative;font-weight:500;cursor:pointer;padding-left:1rem;list-style-type:none;&::marker,&::-webkit-details-marker{display:none}&:before{content:"";position:absolute;left:-1ch;width:0;height:0;border:.5rem solid transparent;border-left:.5rem solid var(--col-accent);transform:translate(.625rem,.25lh) rotate(var(--dstr, 0deg));transform-origin:25% center;transition:transform .1s ease-out}&:hover:before{border-left-color:var(--col-accent2)}}&[open]>summary{&:before{--dstr: 90deg}}}}}@layer base{@layer ssstyles_base{blockquote{margin:1rem 0;padding:1rem 2ch;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));background:var(--col-bg2);font-size:1.2rem;font-style:italic;border:2px solid var(--col-bg3);>footer{font-size:1rem;margin:1rem 0 0 2ch;font-style:normal;&:before{content:"\2014  "}cite{font-style:italic}}}figure>blockquote{margin:0}}}@layer base{@layer ssstyles_base{code,kbd,pre{background:var(--col-bg2);border:.125rem solid var(--col-bg3);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));padding:.05rem .5ch;font-size:.8rem;font-family:var(--font-mono);font-weight:600;color:var(--col-accent2);max-width:100%;overflow:auto;text-wrap:nowrap}pre{padding:.5rem;margin:1rem 0}kbd{border-bottom:.25rem solid var(--col-bg3);border-radius:var(--border-radius) var(--border-radius) 5px 5px;font-weight:700}pre code,code pre{background:inherit;font-size:inherit;color:inherit;border:0;margin:0;padding:0}code pre{display:inline}}}@layer base{@layer ssstyles_base{@keyframes dialog-fade-in{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0 0}}body:has(dialog[open]){overflow:hidden}dialog,[popover]{padding:1rem 2ch;border:.125rem solid var(--col-bg3);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));color:var(--col-fg);background:var(--col-bg);@media (prefers-reduced-motion: no-preference){animation:dialog-fade-in .1s ease-out}&:has(>header){padding:0;>*{padding:1rem}}>header{background:var(--col-bg3);padding:1rem 2ch;font-weight:700}}dialog{&::backdrop{background:rgba(0,0,0,.4);backdrop-filter:blur(4px);animation:fade-in .1s ease-out}}}}@layer base{@layer ssstyles_base{hr{border:.125rem solid var(--col-bg3);border-radius:var(--border-radius);margin:5rem 0}[disabled],[aria-disabled]{cursor:not-allowed;filter:saturate(0)}abbr{cursor:help}mark{background-color:var(--col-accent2);color:var(--col-accent-contrast)}}}@layer base;@layer base{*{transition:transform var(--t-transform, 0s) ease-out,translate var(--t-translate, 0s) ease-out,rotate var(--t-rotate, 0s) ease-out,scale var(--t-scale, 0s) ease-out,box-shadow var(--t-box-shadow, 0s) ease-out,color var(--t-color, 0s) ease-out,background var(--t-background, 0s) ease-out,border-color var(--t-border-color, 0s) ease-out,filter var(--t-filter, 0s) ease-out,opacity var(--t-opacity, 0s) ease-out,height var(--t-height, 0s) ease-out,max-height var(--t-max-height, 0s) ease-out}}@layer layout{:root{--basegrid: "header header header" ". nav ." ". side ." ". content ." "footer footer footer";--basegrid-cols: auto min(var(--body-width, 100%), 100%) auto;--basegrid-rows: max-content max-content max-content 1fr max-content}body:not(:has(#__nuxt,#__next)),:where(#__nuxt,#__next){display:grid;min-height:-webkit-fill-available;min-height:-moz-available;padding:0;width:calc(100% - 2rem);grid-template-columns:var(--basegrid-cols);grid-template-rows:var(--basegrid-rows);grid-template-areas:var(--basegrid);>header{grid-area:header;grid-template-columns:subgrid}>nav{grid-area:nav;height:100%}>main{grid-area:content}>footer{grid-area:footer;grid-template-columns:subgrid}>aside{grid-area:side}}@media (min-width: 85rem){:root{--basegrid: "header header header header" ". nav side ." ". content side ." "footer footer footer footer";--basegrid-cols: 1fr var(--body-width, 100%) 0 1fr;--basegrid-rows: max-content max-content 1fr max-content}[data-nav]{grid-area:side;min-width:20ch;padding-inline-start:1rem;>ul>li{width:100%;margin-bottom:1rem}}}}@layer layout{[data-flexgrid]{display:flex;flex-wrap:wrap;gap:1rem;>*{flex:1 1 auto}}}@layer layout{[data-group]{display:inline-flex;flex-wrap:wrap;gap:1px;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));&:not([data-group=vertical]){>*:first-child{--br-tr: 0;--br-br: 0}>*:not(:first-child):not(:last-child){--br-tl: 0;--br-tr: 0;--br-bl: 0;--br-br: 0}>*:last-child{--br-tl: 0;--br-bl: 0}}&[data-group=vertical]{flex-direction:column;>*:first-child{--br-bl: 0;--br-br: 0}>*:not(:first-child):not(:last-child){--br-tl: 0;--br-tr: 0;--br-bl: 0;--br-br: 0}>*:last-child{--br-tr: 0;--br-tl: 0}}}}@layer layout{[data-breakout]{--col-breakout: var(--col-bg);background:var(--col-breakout);width:100vw;position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;padding:1rem calc(50vw - 50%)}[data-breakout=bg]{--col-breakout: var(--col-bg)}[data-breakout=bg2]{--col-breakout: var(--col-bg2)}[data-breakout=bg3]{--col-breakout: var(--col-bg3)}[data-breakout=accent]{--col-breakout: var(--col-accent);color:var(--col-accent-contrast)}[data-breakout=accent2]{--col-breakout: var(--col-accent2);color:var(--col-accent-contrast)}[data-breakout=fg]{--col-breakout: var(--col-fg);color:var(--col-bg)}[data-breakout=fg2]{--col-breakout: var(--col-fg2);color:var(--col-bg)}}@layer layout{[data-autogrid]{--gap: 1rem;display:grid;grid-template-columns:repeat(auto-fit,minmax(var(--grid-item-width, 100%),1fr));justify-items:stretch;align-items:flex-start;gap:var(--gap);margin-block:1rem}[data-autogrid="1/4"]{--grid-item-width: max(calc(25% - var(--gap) * 3), 8.75rem)}[data-autogrid="1/3"]{--grid-item-width: max(calc(33% - var(--gap) * 2), 12.5rem)}[data-autogrid="1/2"]{--grid-item-width: max(calc(50% - var(--gap)), 15rem)}}@layer components{[data-hint=nolist]{list-style:none;padding:0}}@layer components{[data-skiplink]{position:absolute;&:not(:focus,:focus-within){clip:rect(1px,1px,1px,1px);pointer-events:none;overflow:hidden;height:1px;width:1px;border:0;padding:0;position:absolute}}}@layer components{main{:is(a[href^="mailto:"],a[href^="tel:"]){&:before{content:"";display:inline-block;width:1rem;height:1rem;margin-inline-end:.5ch;background-color:currentColor;vertical-align:middle}}:is(a[href^="mailto:"]):before{clip-path:polygon(0% 10%,0% 90%,0% 15%,50% 44%,100% 15%,100% 25%,50% 55%,0% 25%,0% 90%,100% 90%,100% 10%)}:is(a[href^="tel:"]):before{clip-path:polygon(38.25% 3%,48.49% 7.69%,53.16% 22.73%,50.41% 30.82%,41.86% 35.15%,37.32% 44.33%,40.78% 57.66%,45.03% 66.21%,53.75% 70.96%,62.81% 66.9%,68.65% 69.16%,79.87% 84.23%,79.84% 92.28%,70.14% 96.77%,59.46% 96.77%,46.27% 93.26%,33.24% 81.33%,27.26% 64.7%,19.65% 39.61%,20.89% 17.71%,24.95% 10.48%)}}}@layer components{:is(h1,h2,h3,h4,h5,h6){>:first-child:is([href^="#"]){text-decoration:none;color:currentColor;color:var(--col-fg2)}:is(&:hover,&:focus-within)>:first-child:is([href^="#"]){color:var(--col-accent);&:hover{color:var(--col-accent2)}}}}@layer components{[data-columns]{columns:2}[data-columns="3"]{columns:3}[data-columns="4"]{columns:4}}@layer components{[data-nav]{position:relative;padding-right:1rem;text-wrap:wrap;z-index:1;>ul{position:sticky;top:1rem;>li{display:inline-block;font-weight:600;&:not(:last-of-type){margin-right:1rem}}}}}@layer components{[data-card]{position:relative;display:inline-block;background-color:var(--col-bg2);color:var(--col-fg);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));padding:1rem;--t-translate: .25s;translate:0 0;>*+*{margin-block-start:1rem;margin-block-end:0}>[data-card-link]{position:absolute;inset:0;z-index:2;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));&:focus{outline:.125rem solid dodgerblue;outline-offset:-.125rem}}&:has([data-card-link]):is(:hover,:focus-within){translate:0 -.3rem}>header{background-color:var(--col-bg3);margin:-1rem -1rem 1rem;padding:1rem;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) 0 0;font-size:1.2rem;font-weight:600;>:is(h1,h2,h3,h4,h5,h6){margin-block:0}+[data-card-background]{--br-tl: 0;--br-tr: 0}}>footer{background-color:var(--col-bg3);margin:1rem -1rem -1rem;padding:1rem;border-radius:0 0 var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius))}>[data-card-background]{display:grid;position:relative;margin:-1rem;max-width:calc(100% + 2rem);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));overflow:hidden;&:not(:last-child){--br-bl: 0;--br-br: 0}& *{max-width:100%;height:auto}&:has(figcaption){min-height:3.5rem}>figcaption{position:absolute;bottom:0;width:100%;padding:1rem 0;text-align:center;background:color-mix(in lch,var(--col-bg2),transparent 20%);font-weight:500;@media (prefers-reduced-transparency){background:var(--col-bg2)}}}}}@layer components{input:is([type=checkbox],[type=radio])[data-toggle]{appearance:none;position:relative;display:inline-grid;align-items:center;padding:0 .75em;background:var(--col-bg);height:1.65em;width:2.75em;border-radius:2em;vertical-align:sub;&:not([disabled],[aria-disabled]){cursor:pointer}&:before{content:"";width:1em;height:1em;background:var(--col-fg);border-radius:1.2em;top:.2em;left:.2em;transition:.1s ease-out transform,.1s ease-out background;transform:translate(-.5em)}&:checked:before{transform:translate(.5em);background:var(--col-accent)}&:focus-visible{outline:.125rem solid dodgerblue;outline-offset:.125rem}&:is([disabled],[aria-disabled]){filter:contrast(.5)}}}@layer components{@keyframes spin{0%{rotate:0}to{rotate:360deg}}[data-loading],button[aria-busy=true]{&:before{content:"";display:inline-block;vertical-align:text-bottom;margin-right:.5ch;animation:spin 1s linear infinite;width:1em;aspect-ratio:1;border-radius:50%;border:.2rem solid color-mix(in srgb,currentColor,transparent 66%);border-top-color:currentColor}&:is(button):before{margin-right:1ch}}}@layer components{[data-actionlink]{--actionlink-size: 3rem;--col-button: var(--col-accent);position:fixed;bottom:2rem;right:2rem;min-height:var(--actionlink-size);min-width:var(--actionlink-size);border-radius:var(--actionlink-size);background-color:var(--col-button);color:var(--col-accent-contrast);font-weight:600;display:grid;place-items:center;padding:1ch;text-decoration:none;z-index:1;&:hover{background-color:color-mix(in oklab,var(--col-button),white 10%)}}}@layer components{[data-avatar]{aspect-ratio:1/1;border-radius:1000rem;object-fit:cover;vertical-align:middle;background-color:var(--col-bg);width:1.5lh}[data-avatar]:not(img){display:inline-grid;place-items:center;width:1.5lh;padding:.3rem;background-color:var(--col-fg2);color:var(--col-bg);overflow:hidden;font-weight:700}[data-avatar]:has(>img),[data-avatar]:has(>:is(button,a[href])>img){padding:0;img{border-radius:1000rem}}a:has(>[data-avatar]){text-decoration:none}[data-avatar]{&:has(a[href]>:first-child:last-child):first-child:last-child,&:has(button),&:is(button){position:relative;border:2px solid var(--col-accent);translate:0 0;--t-translate: .2s;z-index:1;padding:0}&:has(a[href]:hover>:first-child:last-child),&:has(button:hover),&:is(button:hover){translate:0 -.3rem;z-index:2;border-color:var(--col-accent2)}button{width:100%;height:100%}}[data-group]:not([data-group=vertical])>:is([data-avatar]:not(:first-child),a:has(>[data-avatar]):not(:first-child)){margin-inline-start:-.6em}[data-group=vertical]>:is([data-avatar]:not(:first-child),a:has(>[data-avatar]):not(:first-child)){margin-block-start:-.6em}}@layer components{[data-comment]{position:relative;margin:2rem 0;margin-left:calc(2rem * var(--level, 0));>[data-comment]{--level: 1}&[data-card]{display:block}&:before{content:"";position:absolute;top:-1rem;left:calc(-2rem * var(--level, 0));bottom:-1rem;width:calc(2rem * var(--level, 0));background:repeating-linear-gradient(to right,var(--col-fg2),var(--col-fg2) 2px,transparent 2px,transparent 2rem) .5rem}>header{font-weight:600;*{vertical-align:middle}}}}@layer components{[data-carousel]{display:flex;align-items:flex-start;gap:1rem;overflow-x:auto;scroll-snap-type:x mandatory;>*{flex:0 0 auto;scroll-snap-align:center}&:hover{scrollbar-color:var(--col-accent) transparent}}[data-carousel=left]>*{scroll-snap-align:left}[data-carousel=right]>*{scroll-snap-align:right}}@layer components{[data-callout]{--col-callout: var(--col-fg2);--col-callout-contrast: var(--col-bg);border:1px solid var(--col-callout);background-color:color-mix(in oklab,var(--col-callout),var(--col-bg) 80%);padding:1rem;border-radius:var(--border-radius);overflow:hidden;text-wrap:wrap;>header{margin:-1rem -1rem 0;padding:1rem;background:var(--col-callout);color:var(--col-callout-contrast);font-family:var(--font-accent);>*{margin:0}}>:last-child{margin-bottom:0}}[data-callout=accent]{--col-callout: var(--col-accent);--col-callout-contrast: var(--col-accent-contrast)}[data-callout=accent2]{--col-callout: var(--col-accent2);--col-callout-contrast: var(--col-accent-contrast)}}@layer components{[data-shadow]{box-shadow:0 calc(var(--shadow-mod, var(--shadow-level)) * var(--shadow-mod, var(--shadow-level)) * 1px) calc(var(--shadow-level) * var(--shadow-level) * 2px) calc(var(--shadow-mod, var(--shadow-level)) * 1px - 1px) #00000024,0 3px calc((var(--shadow-mod, var(--shadow-level)) - 1) * 5px) calc((var(--shadow-mod, var(--shadow-level)) - 2) * 2px) #0000001f,0 calc((var(--shadow-mod, var(--shadow-level)) - 1) * 1.5px) calc(var(--shadow-mod, var(--shadow-level)) * 2px) calc((var(--shadow-mod, var(--shadow-level)) - 1) * 1.5px) #0003}[data-shadow$=-hover]{--t-box-shadow: .2s;&:hover{--shadow-mod: calc(var(--shadow-level) + 1)}}[data-shadow^="1"]{--shadow-level: 1}[data-shadow^="2"]{--shadow-level: 2}[data-shadow^="3"]{--shadow-level: 3}[data-shadow^="4"]{--shadow-level: 4}[data-shadow^="5"]{--shadow-level: 5}}@layer components{[data-spoiler]{background-color:currentColor;cursor:pointer;speak:never;&:focus-within{background-color:transparent;speak:auto;@media (prefers-reduced-motion: no-preference){transition:background-color 1s ease-out}}}}@layer components{@keyframes fade-in{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0 0}}[data-fade-in]{view-timeline-name:--fade-in;view-timeline-axis:block;@media (prefers-reduced-motion: no-preference){animation:ease-in-out fade-in both;animation-timeline:--fade-in;animation-range:entry -10% cover 20%}}@keyframes sparkle{0%{opacity:0;translate:-.7ch -10%}10%{opacity:1;translate:-.7ch -10%}20%{opacity:0;translate:-.7ch -10%}25%{opacity:0;translate:60% -30%}35%{opacity:1;translate:60% -30%}45%{opacity:0;translate:60% -30%}55%{opacity:0;translate:30% 0}65%{opacity:1;translate:30% 0}75%{opacity:0;translate:30% 0}80%{opacity:0;translate:calc(100% - 1.3ch) -20%}90%{opacity:1;translate:calc(100% - 1.3ch) -20%}to{opacity:0;translate:calc(100% - 1.3ch) -20%}}:root,[force-scheme=light]{--sparkle-color: oklch(100% 0 259.28 / 100%)}@media (prefers-color-scheme: dark){:root:not([force-scheme=light]){--sparkle-color: oklch(100% 0 259.28 / 50%)}}[force-scheme=dark]{--sparkle-color: oklch(100% 0 259.28 / 50%)}[data-sparkle]{position:relative;text-shadow:0 0 10px var(--sparkle-color);letter-spacing:calc(var(--letter-spacing) + .03em);&:before,&:after{content:"\2728";position:absolute;inset:0;text-shadow:0 0 10px var(--sparkle-color);animation:sparkle 3s ease-in-out infinite;@media (prefers-reduced-motion){animation:none}}&:after{animation-delay:1s}@media (prefers-reduced-motion){&:before,&:after{animation:none;position:relative}}}}@layer components{@property --view-transition-duration{syntax: "<time>"; inherits: true; initial-value: .4s;}@keyframes enable-vt{0%,to{--enable-view-transitions: none}0.1%,99.9%{--enable-view-transitions: var(--view-transition-name, default-view-transition)}}@media (prefers-reduced-motion: no-preference){@view-transition{navigation: auto;}::view-transition-group(*){animation-duration:var(--view-transition-duration)}[data-view-transition]{view-timeline-name:--enable-vt;view-timeline-axis:block;animation:linear enable-vt both;animation-timeline:--enable-vt;animation-range:cover;view-transition-name:var(--view-transition-name, default-view-transition);@supports (animation-timeline: --enable-vt){view-transition-name:var(--enable-view-transitions)}}}}

package/dist/base.css

@@ -1 +1 @@
-@layer ssstyles_base{@property --body-width{syntax: "<length>"; inherits: true;}@property --col-bg{syntax: "<color>"; inherits: true;}@property --col-bg2{syntax: "<color>"; inherits: true;}@property --col-bg3{syntax: "<color>"; inherits: true;}@property --col-fg{syntax: "<color>"; inherits: true;}@property --col-fg2{syntax: "<color>"; inherits: true;}@property --col-accent{syntax: "<color>"; inherits: true;}@property --col-accent2{syntax: "<color>"; inherits: true;}@property --col-accent-contrast{syntax: "<color>"; inherits: true;}@property --font{syntax: "<string>"; inherits: true;}@property --font-mono{syntax: "<string>"; inherits: true;}@property --font-accent{syntax: "<string>"; inherits: true;}@property --font-size-min{syntax: "<length>"; inherits: true;}@property --font-size-max{syntax: "<length>"; inherits: true;}@property --line-height{syntax: "<integer> | <length> | normal"; inherits: true;}@property --letter-spacing{syntax: "<length>"; inherits: true;}@property --border-radius{syntax: "<length>"; inherits: true;}}@layer ssstyles_base{:root{--body-width: 45rem;--col-bg: #eee;--col-bg2: #e8e8e8;--col-bg3: #dfdfdf;--col-fg: #333;--col-fg2: #7c8386;--col-accent: #b2033a;--col-accent2: #1c618f;--col-accent-contrast: #eee;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1.2rem;--line-height: 1.6;--letter-spacing: .01875em;--border-radius: 10px}@media (prefers-color-scheme: dark){:root{--col-bg: #15181a;--col-bg2: #161e21;--col-bg3: #1a2225;--col-fg: #eee;--col-fg2: #7c8386;--col-accent: #ff297a;--col-accent2: #72c4ff;--col-accent-contrast: #111}}}@layer ssstyles_base{@media (prefers-contrast: more){:root{--col-bg: #fff;--col-bg2: #fff;--col-bg3: #fff;--col-fg: #000;--col-fg2: #000;--col-accent: #800;--col-accent2: #00f;--col-accent-contrast: #fff}}@media (prefers-contrast: more) and (prefers-color-scheme: dark){:root{--col-bg: #000;--col-bg2: #000;--col-bg3: #000;--col-fg: #fff;--col-fg2: #fff;--col-accent: #ff0;--col-accent2: #0ff;--col-accent-contrast: #000}}}@layer ssstyles_base{:root{color-scheme:light dark;background-color:var(--col-bg);color:var(--col-fg)}*{accent-color:var(--col-accent)}a:not([data-button]){color:var(--col-accent);&:hover{color:var(--col-accent2)}}}@layer ssstyles_base{*{box-sizing:border-box;scrollbar-color:var(--col-fg) transparent;@media (pointer: fine){scrollbar-width:thin}}body:has(#__nuxt,#__next){padding:0}body:not(:has(#__nuxt,#__next)),#__nuxt,#__next{min-width:17.5rem;margin:auto;word-wrap:break-word;padding:0 1rem;overflow-x:hidden;>:is(header,footer){display:grid;grid-template-columns:auto min(var(--body-width, 100%),100%) auto;position:relative;margin:0 -1rem;padding:1rem;background:var(--col-bg3);>*{grid-column:2 / 4;max-width:min(var(--body-width, 100%))}}&:not(:has(header)){padding-top:1rem}&:not(:has(footer)){padding-bottom:1rem}>header{margin-bottom:1rem}>*:not(header,footer){max-width:var(--body-width);margin:auto;width:100%}>footer{margin-top:5rem}}figure,video,canvas,iframe{display:block;max-width:100%;margin-inline-start:0;margin-inline-end:0}img,svg{max-width:100%;height:auto;vertical-align:text-bottom}nav ul{list-style:none;padding-inline-start:0}}@layer ssstyles_base{*{word-break:break-word;hyphens:auto}:root{font-family:var(--font);font-size:round(min(max(var(--font-size-min),1.5vw),var(--font-size-max)),1px);line-height:var(--line-height);letter-spacing:var(--letter-spacing);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:not(h1,h2,h3,h4,h5,h6){text-wrap:balance}h1{font-size:3rem;font-family:var(--font-accent, var(--font))}h2,h3,h4,h5,h6{margin-top:3.5rem;font-family:var(--font-accent, var(--font))}input,button,textarea,select{font:inherit}}@layer ssstyles_base{fieldset{background-color:var(--col-bg2);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));border-color:var(--col-bg3);border-style:solid;:is(input:not(:is([type=button],[type=submit],[type=reset])),textarea,select){background-color:color-mix(in lch,var(--col-bg2) 95%,var(--col-fg));border-color:var(--col-fg2)}}input:not(:is([type=button],[type=submit],[type=reset])),textarea,select{padding:.1rem 1ch;color:var(--col-fg);background-color:var(--col-bg2);border:.125rem solid var(--col-fg2);--br-tl: var(--border-radius);--br-tr: var(--border-radius);--br-bl: var(--border-radius);--br-br: var(--border-radius);border-radius:var(--br-tl) var(--br-tr) var(--br-br) var(--br-bl);&:user-invalid{border-color:var(--col-accent)}}textarea{max-width:100%}select{-webkit-appearance:none;background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20height%3D%2740%27%20width%3D%27100%27%20fill%3D%22%23888%22%3E%3Cpolygon%20points%3D%220%2C0%2050%2C40%20100%2C0%22%2F%3E%3C%2Fsvg%3E) calc(100% - .8rem) 50%/.8rem no-repeat;padding-right:2rem}}@layer ssstyles_base{button,[data-button],input[type=submit],input[type=button],input[type=reset]{--col-button: var(--col-accent);--col-button2: var(--col-button);--pos-gradient: -.25rem;padding:.25rem 1ch;border:none;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));color:var(--col-accent-contrast);font-weight:500;text-decoration:none;cursor:pointer;background:linear-gradient(to bottom,var(--col-button2) calc(100% + var(--pos-gradient)),color-mix(in oklab,var(--col-button2),black 20%) calc(100% + var(--pos-gradient)));&:hover:not(:is([disabled],[aria-disabled])){--col-button2: color-mix(in oklab, var(--col-button), white 10%)}&:active:not(:is([disabled],[aria-disabled])){--pos-gradient: -.35rem}&[data-button=accent2]{--col-button: var(--col-accent2)}&[data-button=bg]{--col-button: var(--col-bg);color:var(--col-fg)}&[data-button=fg]{--col-button: var(--col-fg);color:var(--col-bg)}}}@layer ssstyles_base{table{border-collapse:collapse;table-layout:fixed;min-width:100%}figure:has(table){overflow-x:auto}thead{border-bottom:.125rem solid var(--col-bg3)}tbody tr:nth-child(2n){background-color:var(--col-bg2)}td,th{padding:.5rem 1ch;text-align:left;vertical-align:top;white-space:nowrap}tfoot{border-top:.125rem solid var(--col-bg3)}dl{& dd{margin-inline-start:.5ch;&:before{content:"\251c";margin-inline-end:.5ch;font-family:monospace;font-size:2em;position:relative;top:.4rem;line-height:0;color:var(--col-fg2)}&:last-of-type:before,&:has(+dt):before{content:"\2514"}}}}@layer ssstyles_base{details{background-color:var(--col-bg2);border-color:var(--col-bg3);border-style:solid;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));padding:.5rem 1ch;@media (prefers-reduced-motion: no-preference){interpolate-size:allow-keywords;&::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility .2s allow-discrete ease-out,block-size .2s ease-out,opacity .2s ease-out}}&[open]::details-content{opacity:1;block-size:auto}>summary{position:relative;font-weight:500;cursor:pointer;padding-left:1rem;list-style-type:none;&::marker,&::-webkit-details-marker{display:none}&:before{content:"";position:absolute;left:-1ch;width:0;height:0;border:.5rem solid transparent;border-left:.5rem solid var(--col-accent);transform:translate(.625rem,.25lh) rotate(var(--dstr, 0deg));transform-origin:25% center;transition:transform .1s ease-out}&:hover:before{border-left-color:var(--col-accent2)}}&[open]>summary{&:before{--dstr: 90deg}}}}@layer ssstyles_base{blockquote{margin:1rem 0;padding:1rem 2ch;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));background:var(--col-bg2);font-size:1.2rem;font-style:italic;border:2px solid var(--col-bg3);>footer{font-size:1rem;margin:1rem 0 0 2ch;font-style:normal;&:before{content:"\2014  "}cite{font-style:italic}}}figure>blockquote{margin:0}}@layer ssstyles_base{code,kbd,pre{background:var(--col-bg2);border:.125rem solid var(--col-bg3);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));padding:.05rem .5ch;font-size:.8rem;font-family:var(--font-mono);font-weight:600;color:var(--col-accent2);max-width:100%;overflow:auto;text-wrap:nowrap}pre{padding:.5rem;margin:1rem 0}kbd{border-bottom:.25rem solid var(--col-bg3);border-radius:var(--border-radius) var(--border-radius) 5px 5px;font-weight:700}pre code,code pre{background:inherit;font-size:inherit;color:inherit;border:0;margin:0;padding:0}code pre{display:inline}}@layer ssstyles_base{@keyframes dialog-fade-in{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0 0}}body:has(dialog[open]){overflow:hidden}dialog,[popover]{padding:1rem 2ch;border:.125rem solid var(--col-bg3);color:var(--col-fg);background:var(--col-bg);@media (prefers-reduced-motion: no-preference){animation:dialog-fade-in .1s ease-out}>header{background:var(--col-bg3);margin:-1rem -2ch 1rem;padding:1rem 2ch;font-weight:700}}dialog{&::backdrop{background:rgba(0,0,0,.4);backdrop-filter:blur(4px);animation:fade-in .1s ease-out}}}@layer ssstyles_base{hr{border:.125rem solid var(--col-bg3);border-radius:var(--border-radius);margin:5rem 0}[disabled],[aria-disabled]{cursor:not-allowed;filter:saturate(0)}abbr{cursor:help}mark{background-color:var(--col-accent2);color:var(--col-accent-contrast)}}
+@layer ssstyles_base{@property --body-width{syntax: "<length>"; inherits: true;}@property --col-bg{syntax: "<color>"; inherits: true;}@property --col-bg2{syntax: "<color>"; inherits: true;}@property --col-bg3{syntax: "<color>"; inherits: true;}@property --col-fg{syntax: "<color>"; inherits: true;}@property --col-fg2{syntax: "<color>"; inherits: true;}@property --col-accent{syntax: "<color>"; inherits: true;}@property --col-accent2{syntax: "<color>"; inherits: true;}@property --col-accent-contrast{syntax: "<color>"; inherits: true;}@property --font{syntax: "<string>"; inherits: true;}@property --font-mono{syntax: "<string>"; inherits: true;}@property --font-accent{syntax: "<string>"; inherits: true;}@property --font-size-min{syntax: "<length>"; inherits: true;}@property --font-size-max{syntax: "<length>"; inherits: true;}@property --line-height{syntax: "<integer> | <length> | normal"; inherits: true;}@property --letter-spacing{syntax: "<length>"; inherits: true;}@property --border-radius{syntax: "<length>"; inherits: true;}}@layer ssstyles_base{:root{--body-width: 45rem;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1.2rem;--line-height: 1.6;--letter-spacing: .01875em;--border-radius: 10px}:root,[force-scheme=light]{--col-bg: #eee;--col-bg2: #e8e8e8;--col-bg3: #dfdfdf;--col-fg: #333;--col-fg2: #7c8386;--col-accent: #b2033a;--col-accent2: #1c618f;--col-accent-contrast: #eee}@media (prefers-color-scheme: dark){:root:not([force-scheme=light]){--col-bg: #15181a;--col-bg2: #161e21;--col-bg3: #1a2225;--col-fg: #eee;--col-fg2: #7c8386;--col-accent: #ff297a;--col-accent2: #72c4ff;--col-accent-contrast: #111}}[force-scheme=dark]{--col-bg: #15181a;--col-bg2: #161e21;--col-bg3: #1a2225;--col-fg: #eee;--col-fg2: #7c8386;--col-accent: #ff297a;--col-accent2: #72c4ff;--col-accent-contrast: #111}}@layer ssstyles_base{@media (prefers-contrast: more){:root,[force-scheme=light]{--col-bg: #fff;--col-bg2: #fff;--col-bg3: #fff;--col-fg: #000;--col-fg2: #000;--col-accent: #800;--col-accent2: #00f;--col-accent-contrast: #fff}}@media (prefers-contrast: more) and (prefers-color-scheme: dark){:root:not([force-scheme=light]){--col-bg: #000;--col-bg2: #000;--col-bg3: #000;--col-fg: #fff;--col-fg2: #fff;--col-accent: #ff0;--col-accent2: #0ff;--col-accent-contrast: #000}}[force-scheme=dark]{--col-bg: #000;--col-bg2: #000;--col-bg3: #000;--col-fg: #fff;--col-fg2: #fff;--col-accent: #ff0;--col-accent2: #0ff;--col-accent-contrast: #000}}@layer ssstyles_base{:root{color-scheme:light dark;background-color:var(--col-bg);color:var(--col-fg)}*{accent-color:var(--col-accent)}a:not([data-button]){color:var(--col-accent);&:hover{color:var(--col-accent2)}}}@layer ssstyles_base{*{box-sizing:border-box;scrollbar-color:var(--col-fg) transparent;@media (pointer: fine){scrollbar-width:thin}}body:has(#__nuxt,#__next){padding:0}body:not(:has(#__nuxt,#__next)),#__nuxt,#__next{min-width:17.5rem;margin:auto;word-wrap:break-word;padding:0 1rem;>:is(header,footer){display:grid;grid-template-columns:auto min(var(--body-width, 100%),100%) auto;position:relative;margin:0 -1rem;padding:1rem;background:var(--col-bg3);>*{grid-column:2 / 4;max-width:min(var(--body-width, 100%))}}&:not(:has(header)){padding-top:1rem}&:not(:has(footer)){padding-bottom:1rem}>header{margin-bottom:1rem}>*:not(header,footer){max-width:var(--body-width);margin:auto;width:100%}>footer{margin-top:5rem}}figure,video,canvas,iframe{display:block;max-width:100%;margin-inline-start:0;margin-inline-end:0}img,svg{max-width:100%;height:auto;vertical-align:text-bottom}nav ul{list-style:none;padding-inline-start:0}}@layer ssstyles_base{*{word-break:break-word;hyphens:auto}:root{font-family:var(--font);font-size:round(min(max(var(--font-size-min),1.5vw),var(--font-size-max)),1px);line-height:var(--line-height);letter-spacing:var(--letter-spacing);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}:not(h1,h2,h3,h4,h5,h6){text-wrap:balance}h1{font-size:3rem;font-family:var(--font-accent, var(--font))}h2,h3,h4,h5,h6{margin-top:3.5rem;font-family:var(--font-accent, var(--font))}input,button,textarea,select{font:inherit}}@layer ssstyles_base{fieldset{background-color:var(--col-bg2);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));border-color:var(--col-bg3);border-style:solid;:is(input:not(:is([type=button],[type=submit],[type=reset])),textarea,select){background-color:color-mix(in lch,var(--col-bg2) 95%,var(--col-fg));border-color:var(--col-fg2)}}input:not(:is([type=button],[type=submit],[type=reset])),textarea,select{padding:.1rem 1ch;color:var(--col-fg);background-color:var(--col-bg2);border:.125rem solid var(--col-fg2);--br-tl: var(--border-radius);--br-tr: var(--border-radius);--br-bl: var(--border-radius);--br-br: var(--border-radius);border-radius:var(--br-tl) var(--br-tr) var(--br-br) var(--br-bl);&:user-invalid{border-color:var(--col-accent)}}textarea{max-width:100%}select{-webkit-appearance:none;background:url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D%27http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%27%20height%3D%2740%27%20width%3D%27100%27%20fill%3D%22%23888%22%3E%3Cpolygon%20points%3D%220%2C0%2050%2C40%20100%2C0%22%2F%3E%3C%2Fsvg%3E) calc(100% - .8rem) 50%/.8rem no-repeat;padding-right:2rem}}@layer ssstyles_base{button,[data-button],input[type=submit],input[type=button],input[type=reset]{--col-button: var(--col-accent);--col-button2: var(--col-button);--pos-gradient: -.25rem;padding:.25rem 1ch;border:none;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));color:var(--col-accent-contrast);font-weight:500;text-decoration:none;cursor:pointer;background:linear-gradient(to bottom,var(--col-button2) calc(100% + var(--pos-gradient)),color-mix(in oklab,var(--col-button2),black 20%) calc(100% + var(--pos-gradient)));&:hover:not(:is([disabled],[aria-disabled])){--col-button2: color-mix(in oklab, var(--col-button), white 10%)}&:active:not(:is([disabled],[aria-disabled])){--pos-gradient: -.35rem}&[data-button=accent2]{--col-button: var(--col-accent2)}&[data-button=bg]{--col-button: var(--col-bg);color:var(--col-fg)}&[data-button=fg]{--col-button: var(--col-fg);color:var(--col-bg)}}}@layer ssstyles_base{table{border-collapse:collapse;table-layout:fixed;min-width:100%}figure:has(table){overflow-x:auto}thead{border-bottom:.125rem solid var(--col-bg3)}tbody tr:nth-child(2n){background-color:var(--col-bg2)}td,th{padding:.5rem 1ch;text-align:left;vertical-align:top;white-space:nowrap}tfoot{border-top:.125rem solid var(--col-bg3)}dl{& dd{margin-inline-start:.5ch;&:before{content:"\251c";margin-inline-end:.5ch;font-family:monospace;font-size:2em;position:relative;top:.4rem;line-height:0;color:var(--col-fg2)}&:last-of-type:before,&:has(+dt):before{content:"\2514"}}}}@layer ssstyles_base{details{background-color:var(--col-bg2);border-color:var(--col-bg3);border-style:solid;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));padding:.5rem 1ch;@media (prefers-reduced-motion: no-preference){interpolate-size:allow-keywords;&::details-content{opacity:0;block-size:0;overflow-y:clip;transition:content-visibility .2s allow-discrete ease-out,block-size .2s ease-out,opacity .2s ease-out}}&[open]::details-content{opacity:1;block-size:auto}>summary{position:relative;font-weight:500;cursor:pointer;padding-left:1rem;list-style-type:none;&::marker,&::-webkit-details-marker{display:none}&:before{content:"";position:absolute;left:-1ch;width:0;height:0;border:.5rem solid transparent;border-left:.5rem solid var(--col-accent);transform:translate(.625rem,.25lh) rotate(var(--dstr, 0deg));transform-origin:25% center;transition:transform .1s ease-out}&:hover:before{border-left-color:var(--col-accent2)}}&[open]>summary{&:before{--dstr: 90deg}}}}@layer ssstyles_base{blockquote{margin:1rem 0;padding:1rem 2ch;border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));background:var(--col-bg2);font-size:1.2rem;font-style:italic;border:2px solid var(--col-bg3);>footer{font-size:1rem;margin:1rem 0 0 2ch;font-style:normal;&:before{content:"\2014  "}cite{font-style:italic}}}figure>blockquote{margin:0}}@layer ssstyles_base{code,kbd,pre{background:var(--col-bg2);border:.125rem solid var(--col-bg3);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));padding:.05rem .5ch;font-size:.8rem;font-family:var(--font-mono);font-weight:600;color:var(--col-accent2);max-width:100%;overflow:auto;text-wrap:nowrap}pre{padding:.5rem;margin:1rem 0}kbd{border-bottom:.25rem solid var(--col-bg3);border-radius:var(--border-radius) var(--border-radius) 5px 5px;font-weight:700}pre code,code pre{background:inherit;font-size:inherit;color:inherit;border:0;margin:0;padding:0}code pre{display:inline}}@layer ssstyles_base{@keyframes dialog-fade-in{0%{opacity:0;translate:0 1rem}to{opacity:1;translate:0 0}}body:has(dialog[open]){overflow:hidden}dialog,[popover]{padding:1rem 2ch;border:.125rem solid var(--col-bg3);border-radius:var(--br-tl, var(--border-radius)) var(--br-tr, var(--border-radius)) var(--br-br, var(--border-radius)) var(--br-bl, var(--border-radius));color:var(--col-fg);background:var(--col-bg);@media (prefers-reduced-motion: no-preference){animation:dialog-fade-in .1s ease-out}&:has(>header){padding:0;>*{padding:1rem}}>header{background:var(--col-bg3);padding:1rem 2ch;font-weight:700}}dialog{&::backdrop{background:rgba(0,0,0,.4);backdrop-filter:blur(4px);animation:fade-in .1s ease-out}}}@layer ssstyles_base{hr{border:.125rem solid var(--col-bg3);border-radius:var(--border-radius);margin:5rem 0}[disabled],[aria-disabled]{cursor:not-allowed;filter:saturate(0)}abbr{cursor:help}mark{background-color:var(--col-accent2);color:var(--col-accent-contrast)}}

package/dist/themes/baqend.css

@@ -1 +1 @@
-:root{--body-width: 45rem;--col-bg: #fff;--col-bg2: #f4f7fa;--col-bg3: #d1dbe4;--col-fg: #282c39;--col-fg2: #0568fd;--col-accent: #0568fd;--col-accent2: #034cb9;--col-accent-contrast: #fff;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1.2rem;--line-height: 1.6;--letter-spacing: .01875em;--border-radius: 8px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--col-bg: #fff;--col-bg2: #eef1f6;--col-bg3: #e8edf5;--col-fg: #282c39;--col-fg2: #0568fd;--col-accent: #0568fd;--col-accent2: #034cb9;--col-accent-contrast: #fff}}
+:root{--body-width: 45rem;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1.2rem;--line-height: 1.6;--letter-spacing: .01875em;--border-radius: 8px;color-scheme:light}:root,[force-scheme=light]{--col-bg: #fff;--col-bg2: #f4f7fa;--col-bg3: #d1dbe4;--col-fg: #282c39;--col-fg2: #0568fd;--col-accent: #0568fd;--col-accent2: #034cb9;--col-accent-contrast: #fff}@media (prefers-color-scheme: dark){:root:not([force-scheme=light]){--col-bg: #fff;--col-bg2: #eef1f6;--col-bg3: #e8edf5;--col-fg: #282c39;--col-fg2: #0568fd;--col-accent: #0568fd;--col-accent2: #034cb9;--col-accent-contrast: #fff}}[force-scheme=dark]{--col-bg: #fff;--col-bg2: #eef1f6;--col-bg3: #e8edf5;--col-fg: #282c39;--col-fg2: #0568fd;--col-accent: #0568fd;--col-accent2: #034cb9;--col-accent-contrast: #fff}

package/dist/themes/business.css

@@ -1 +1 @@
-:root{--body-width: 45rem;--col-bg: #eaeaea;--col-bg2: #eee;--col-bg3: #e0e0e0;--col-fg: #111;--col-fg2: #333;--col-accent: #4e575e;--col-accent2: #34383f;--col-accent-contrast: #fff;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1.2rem;--line-height: 1.6;--letter-spacing: .01875em;--border-radius: 5px}@media (prefers-color-scheme: dark){:root{--col-bg: #111;--col-bg2: #161616;--col-bg3: #1b1b1b;--col-fg: #eee;--col-fg2: #aaa;--col-accent: #c8d5e3;--col-accent2: #a6b0b9;--col-accent-contrast: #111}}
+:root{--body-width: 45rem;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1.2rem;--line-height: 1.6;--letter-spacing: .01875em;--border-radius: 5px}:root,[force-scheme=light]{--col-bg: #eaeaea;--col-bg2: #eee;--col-bg3: #e0e0e0;--col-fg: #111;--col-fg2: #333;--col-accent: #4e575e;--col-accent2: #34383f;--col-accent-contrast: #fff}@media (prefers-color-scheme: dark){:root:not([force-scheme=light]){--col-bg: #111;--col-bg2: #161616;--col-bg3: #1b1b1b;--col-fg: #eee;--col-fg2: #aaa;--col-accent: #c8d5e3;--col-accent2: #a6b0b9;--col-accent-contrast: #111}}[force-scheme=dark]{--col-bg: #111;--col-bg2: #161616;--col-bg3: #1b1b1b;--col-fg: #eee;--col-fg2: #aaa;--col-accent: #c8d5e3;--col-accent2: #a6b0b9;--col-accent-contrast: #111}

package/dist/themes/default.css

@@ -1 +1 @@
-:root{--body-width: 45rem;--col-bg: #eee;--col-bg2: #e8e8e8;--col-bg3: #dfdfdf;--col-fg: #333;--col-fg2: #7c8386;--col-accent: #b2033a;--col-accent2: #1c618f;--col-accent-contrast: #eee;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1.2rem;--line-height: 1.6;--letter-spacing: .01875em;--border-radius: 10px}@media (prefers-color-scheme: dark){:root{--col-bg: #15181a;--col-bg2: #161e21;--col-bg3: #1a2225;--col-fg: #eee;--col-fg2: #7c8386;--col-accent: #ff297a;--col-accent2: #72c4ff;--col-accent-contrast: #111}}
+:root{--body-width: 45rem;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1.2rem;--line-height: 1.6;--letter-spacing: .01875em;--border-radius: 10px}:root,[force-scheme=light]{--col-bg: #eee;--col-bg2: #e8e8e8;--col-bg3: #dfdfdf;--col-fg: #333;--col-fg2: #7c8386;--col-accent: #b2033a;--col-accent2: #1c618f;--col-accent-contrast: #eee}@media (prefers-color-scheme: dark){:root:not([force-scheme=light]){--col-bg: #15181a;--col-bg2: #161e21;--col-bg3: #1a2225;--col-fg: #eee;--col-fg2: #7c8386;--col-accent: #ff297a;--col-accent2: #72c4ff;--col-accent-contrast: #111}}[force-scheme=dark]{--col-bg: #15181a;--col-bg2: #161e21;--col-bg3: #1a2225;--col-fg: #eee;--col-fg2: #7c8386;--col-accent: #ff297a;--col-accent2: #72c4ff;--col-accent-contrast: #111}

package/dist/themes/graphic-design-is-my-passion.css

@@ -1 +1 @@
-:root{--body-width: 45rem;--col-bg: #ff0;--col-bg2: #0ff;--col-bg3: #fc0;--col-fg: #000;--col-fg2: #000;--col-accent: #00f;--col-accent2: #f00;--col-accent-contrast: #fff;--font: "Times New Roman", Times, serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: "Comic Sans MS", cursive, sans-serif;--font-size-min: .9rem;--font-size-max: 1.5rem;--line-height: 1;--letter-spacing: 0;--border-radius: 50px}@media (prefers-color-scheme: dark){:root{--col-bg: #008;--col-bg2: #800;--col-bg3: #088;--col-fg: #fff;--col-fg2: #fff;--col-accent: #ff0;--col-accent2: #0ff;--col-accent-contrast: #000}}
+:root{--body-width: 45rem;--font: "Times New Roman", Times, serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: "Comic Sans MS", cursive, sans-serif;--font-size-min: .9rem;--font-size-max: 1.5rem;--line-height: 1;--letter-spacing: 0;--border-radius: 50px}:root,[force-scheme=light]{--col-bg: #ff0;--col-bg2: #0ff;--col-bg3: #fc0;--col-fg: #000;--col-fg2: #000;--col-accent: #00f;--col-accent2: #f00;--col-accent-contrast: #fff}@media (prefers-color-scheme: dark){:root:not([force-scheme=light]){--col-bg: #008;--col-bg2: #800;--col-bg3: #088;--col-fg: #fff;--col-fg2: #fff;--col-accent: #ff0;--col-accent2: #0ff;--col-accent-contrast: #000}}[force-scheme=dark]{--col-bg: #008;--col-bg2: #800;--col-bg3: #088;--col-fg: #fff;--col-fg2: #fff;--col-accent: #ff0;--col-accent2: #0ff;--col-accent-contrast: #000}

package/dist/themes/minimal.css

@@ -1 +1 @@
-:root{--body-width: 45rem;--col-bg: #fff;--col-bg2: #fff;--col-bg3: #fff;--col-fg: #000;--col-fg2: #000;--col-accent: #000;--col-accent2: #000;--col-accent-contrast: #fff;--font: sans-serif;--font-mono: monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1rem;--line-height: initial;--letter-spacing: initial;--border-radius: 0px}@media (prefers-color-scheme: dark){:root{--col-bg: #000;--col-bg2: #000;--col-bg3: #000;--col-fg: #fff;--col-fg2: #fff;--col-accent: #fff;--col-accent2: #fff;--col-accent-contrast: #000}}
+:root{--body-width: 45rem;--font: sans-serif;--font-mono: monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1rem;--line-height: initial;--letter-spacing: initial;--border-radius: 0px}:root,[force-scheme=light]{--col-bg: #fff;--col-bg2: #fff;--col-bg3: #fff;--col-fg: #000;--col-fg2: #000;--col-accent: #000;--col-accent2: #000;--col-accent-contrast: #fff}@media (prefers-color-scheme: dark){:root:not([force-scheme=light]){--col-bg: #000;--col-bg2: #000;--col-bg3: #000;--col-fg: #fff;--col-fg2: #fff;--col-accent: #fff;--col-accent2: #fff;--col-accent-contrast: #000}}[force-scheme=dark]{--col-bg: #000;--col-bg2: #000;--col-bg3: #000;--col-fg: #fff;--col-fg2: #fff;--col-accent: #fff;--col-accent2: #fff;--col-accent-contrast: #000}

package/dist/themes/ocean.css

@@ -1 +1 @@
-:root{--body-width: 45rem;--col-bg: #d9ecf3;--col-bg2: #cbe3ed;--col-bg3: #bce0ee;--col-fg: #152e36;--col-fg2: #507580;--col-accent: #016769;--col-accent2: #0071cb;--col-accent-contrast: #eeeeee;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1.4rem;--line-height: 1.6;--letter-spacing: .01875em;--border-radius: 16px}@media (prefers-color-scheme: dark){:root{--col-bg: #132a32;--col-bg2: #193742;--col-bg3: #255362;--col-fg: #c2dae2;--col-fg2: #7296a2;--col-accent: #72ffe9;--col-accent2: #45d6fc;--col-accent-contrast: #111}}
+:root{--body-width: 45rem;--font: Inter, Roboto, "Helvetica Neue", "Arial Nova", "Nimbus Sans", Arial, sans-serif;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1.4rem;--line-height: 1.6;--letter-spacing: .01875em;--border-radius: 16px}:root,[force-scheme=light]{--col-bg: #d9ecf3;--col-bg2: #cbe3ed;--col-bg3: #bce0ee;--col-fg: #152e36;--col-fg2: #507580;--col-accent: #016769;--col-accent2: #0071cb;--col-accent-contrast: #eeeeee}@media (prefers-color-scheme: dark){:root:not([force-scheme=light]){--col-bg: #132a32;--col-bg2: #193742;--col-bg3: #255362;--col-fg: #c2dae2;--col-fg2: #7296a2;--col-accent: #72ffe9;--col-accent2: #45d6fc;--col-accent-contrast: #111}}[force-scheme=dark]{--col-bg: #132a32;--col-bg2: #193742;--col-bg3: #255362;--col-fg: #c2dae2;--col-fg2: #7296a2;--col-accent: #72ffe9;--col-accent2: #45d6fc;--col-accent-contrast: #111}

package/dist/themes/terminal.css

@@ -1 +1 @@
-:root{--body-width: 45rem;--col-bg: #e5ffd8;--col-bg2: #e5ffd8;--col-bg3: #e5ffd8;--col-fg: #247300;--col-fg2: #247300;--col-accent: #247300;--col-accent2: #247300;--col-accent-contrast: #fff;--font: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1rem;--line-height: 1.3;--letter-spacing: .01875em;--border-radius: 0px}@media (prefers-color-scheme: dark){:root{--col-bg: #051000;--col-bg2: #0a3000;--col-bg3: #061d00;--col-fg: #0f0;--col-fg2: #0f0;--col-accent: #0f0;--col-accent2: #0f0;--col-accent-contrast: #000}}
+:root{--body-width: 45rem;--font: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-mono: Consolas, monaco, "Ubuntu Mono", "Liberation Mono", "Courier New", Courier, monospace;--font-accent: var(--font);--font-size-min: 1rem;--font-size-max: 1rem;--line-height: 1.3;--letter-spacing: .01875em;--border-radius: 0px}:root,[force-scheme=light]{--col-bg: #e5ffd8;--col-bg2: #e5ffd8;--col-bg3: #e5ffd8;--col-fg: #247300;--col-fg2: #247300;--col-accent: #247300;--col-accent2: #247300;--col-accent-contrast: #fff}@media (prefers-color-scheme: dark){:root:not([force-scheme=light]){--col-bg: #051000;--col-bg2: #0a3000;--col-bg3: #061d00;--col-fg: #0f0;--col-fg2: #0f0;--col-accent: #0f0;--col-accent2: #0f0;--col-accent-contrast: #000}}[force-scheme=dark]{--col-bg: #051000;--col-bg2: #0a3000;--col-bg3: #061d00;--col-fg: #0f0;--col-fg2: #0f0;--col-accent: #0f0;--col-accent2: #0f0;--col-accent-contrast: #000}

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "ssstyles",
-	"version": "1.3.4",
+	"version": "1.3.6",
 	"description": "Ssstyles is a very simple CSS style system",
 	"homepage": "https://iamschulz.github.io/ssstyles/",
 	"main": "dist/base.css",