elvish-css 1.0.0

package/dist/elvish.min.css

@@ -0,0 +1,9 @@
+/**
+ * Elvish CSS Layout-first System v1.0.0
+ * Intrinsic CSS layout primitives with Sindarin names
+ *
+ * https://github.com/star-this/elvish-css
+ * License: MIT
+ */
+
+:root{color-scheme:light dark;--ratio-golden:1.618;--ratio-silver:1.414;--ratio-fifth:1.5;--ratio:var(--ratio-fifth);--s-5:calc(var(--s-4) / var(--ratio));--s-4:calc(var(--s-3) / var(--ratio));--s-3:calc(var(--s-2) / var(--ratio));--s-2:calc(var(--s-1) / var(--ratio));--s-1:calc(var(--s0) / var(--ratio));--s0:1rem;--s1:calc(var(--s0) * var(--ratio));--s2:calc(var(--s1) * var(--ratio));--s3:calc(var(--s2) * var(--ratio));--s4:calc(var(--s3) * var(--ratio));--s5:calc(var(--s4) * var(--ratio));--measure:70ch;--layout-threshold-sm:30rem;--layout-threshold-md:45rem;--layout-threshold-lg:60rem;--layout-threshold-xl:75rem;--brand:oklch(83% 0.17 168);--brand-lighter:oklch(from var(--brand) calc(l+0.3) c h);--brand-light:oklch(from var(--brand) calc(l+0.15) c h);--brand-dark:oklch(from var(--brand) calc(l - 0.1) c h);--brand-darker:oklch(from var(--brand) calc(l - 0.2) c h);--brand-muted:oklch(from var(--brand) l calc(c * 0.5) h);--brand-subtle:oklch(from var(--brand) l calc(c * 0.25) h);--brand-ghost:oklch(from var(--brand) l c h / 0.1);--brand-overlay:oklch(from var(--brand) l c h / 0.85);--brand-complement:oklch(from var(--brand) l c calc(h+180));--brand-analogous-1:oklch(from var(--brand) l c calc(h+30));--brand-analogous-2:oklch(from var(--brand) l c calc(h - 30));--color-surface:light-dark(#ffffff,#1a1a2e);--color-surface-raised:light-dark(#f8f9fa,#252538);--color-surface-sunken:light-dark(#e9ecef,#12121c);--color-text:light-dark(#1a1a2e,#f0f0f5);--color-text-muted:light-dark(#6c757d,#9ca3af);--color-text-subtle:light-dark(#adb5bd,#6b7280);--color-border:light-dark(#dee2e6,#374151);--color-border-strong:light-dark(#adb5bd,#4b5563);--color-accent:light-dark( oklch(from var(--brand) calc(l - 0.05) c h),oklch(from var(--brand) calc(l+0.1) c h) );--color-accent-hover:light-dark( oklch(from var(--brand) calc(l - 0.15) c h),oklch(from var(--brand) calc(l+0.2) c h) );--color-accent-text:light-dark(#ffffff,#1a1a2e);--color-success:light-dark(oklch(55% 0.17 145),oklch(65% 0.17 145));--color-warning:light-dark(oklch(70% 0.15 85),oklch(75% 0.15 85));--color-danger:light-dark(oklch(55% 0.2 25),oklch(65% 0.2 25));--color-info:light-dark(oklch(55% 0.15 230),oklch(65% 0.15 230));--color-dark:var(--color-text);--color-light:var(--color-surface);--color-mid:var(--color-text-muted);--border-thin:1px;--border-thick:3px;--font-plain:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--font-mono:ui-monospace,'Cascadia Code','Source Code Pro',Menlo,monospace;--line-height:1.5;--line-height-tight:1.2;--line-height-loose:1.8;--duration-instant:100ms;--duration-fast:200ms;--duration-normal:300ms;--duration-slow:500ms;--ease-out:cubic-bezier(0,0,0.2,1);--ease-in:cubic-bezier(0.4,0,1,1);--ease-in-out:cubic-bezier(0.4,0,0.2,1);--ease-bounce:cubic-bezier(0.34,1.56,0.64,1);--transition-fast:var(--duration-fast) var(--ease-out);--transition-medium:var(--duration-normal) var(--ease-out);--transition-slow:var(--duration-slow) var(--ease-out)}*,*::before,*::after{box-sizing:border-box}*,*::before,*::after{border-style:solid;border-width:0;background-color:transparent}html{background-color:var(--color-surface)}body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd,pre,fieldset{margin:0}*{max-inline-size:var(--measure)}html,body,div,section,article,aside,header,footer,nav,main,form,fieldset,figure,figcaption,picture,video,canvas,iframe,details,summary,dialog,menu,hgroup,address,i-hath,i-bau,i-enedh,i-tiniath,i-glan-veleg,i-gwistindor,i-esgal,i-vircantie,i-gant-thala,i-glan-tholl,i-fano,i-thann,i-adleithian,i-him,i-miriant,i-gonath{max-inline-size:none}html{font-family:var(--font-plain);font-size:100%;line-height:var(--line-height);color:var(--color-text);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;text-size-adjust:100%}@media (prefers-reduced-motion:no-preference){html:focus-within{scroll-behavior:smooth}}body{min-block-size:100vh;min-block-size:100dvh;overflow-x:clip;background-color:var(--color-surface)}h1,h2,h3,h4,h5,h6{line-height:var(--line-height-tight);text-wrap:balance}h1{font-size:var(--s4)}h2{font-size:var(--s3)}h3{font-size:var(--s2)}h4{font-size:var(--s1)}h5{font-size:var(--s0)}h6{font-size:var(--s-1)}p{text-wrap:pretty}a{color:currentColor;text-decoration-skip-ink:auto;text-underline-offset:0.2em}a:hover{text-decoration:none}a:focus-visible{outline:2px solid var(--color-accent,currentColor);outline-offset:2px}img,picture,video,canvas,svg{display:block;max-inline-size:100%}img,picture,video{block-size:auto}img{font-style:italic;vertical-align:middle}input,button,textarea,select{font:inherit;color:inherit}button,[role="button"]{cursor:pointer}textarea{resize:vertical}ul,ol{list-style:none;padding:0;margin:0}ul[role="list"],ol[role="list"],ul.list,ol.list{list-style:revert;padding-inline-start:1em}table{border-collapse:collapse;border-spacing:0}th{text-align:inherit;font-weight:inherit}pre,code,kbd,samp{font-family:var(--font-mono)}pre{overflow-x:auto;white-space:pre}hr{border-width:var(--border-thin,1px) 0 0 0;color:inherit;block-size:0}abbr[title]{text-decoration:underline dotted;cursor:help}summary{cursor:pointer}::selection{background-color:var(--color-accent,highlight);color:var(--color-accent-text,highlighttext)}:focus{outline:none}:focus-visible{outline:2px solid var(--color-accent,currentColor);outline-offset:2px}@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:0.01ms !important;animation-iteration-count:1 !important;transition-duration:0.01ms !important;scroll-behavior:auto !important}::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}}:root{--debug-stroke:1px;--debug-style:dashed;--debug-saturation:0.25;--debug-lightness:55%}:where(.mellon,.debug),:where(.mellon,.debug):where(*){--debug-hue:0}:where(.mellon,.debug)>:where(*){--debug-hue:137}:where(.mellon,.debug)>:where(*)>:where(*){--debug-hue:275}:where(.mellon,.debug)>:where(*)>:where(*)>:where(*){--debug-hue:52}:where(.mellon,.debug)>:where(*)>:where(*)>:where(*)>:where(*){--debug-hue:190}:where(.mellon,.debug)>:where(*)>:where(*)>:where(*)>:where(*)>:where(*){--debug-hue:327}:where(.mellon,.debug)>:where(*)>:where(*)>:where(*)>:where(*)>:where(*)>:where(*){--debug-hue:105}:where(.mellon,.debug),:where(.mellon,.debug):where(*){outline:var(--debug-stroke) var(--debug-style) oklch(var(--debug-lightness) var(--debug-saturation) var(--debug-hue,0)) !important;outline-offset:-1px}:where(.mellon,.debug):where( i-hath,i-bau,i-enedh,i-tiniath,i-glan-veleg,i-gwistindor,i-esgal,i-vircantie,i-gant-thala,i-glan-tholl,i-fano,i-thann,i-adleithian,i-him,i-miriant,i-gonath ){--debug-stroke:2px;--debug-style:solid;--debug-saturation:0.4}:where(.mellon.tint,.debug.tint),:where(.mellon.tint,.debug.tint):where(*){background-color:oklch( var(--debug-lightness) calc(var(--debug-saturation) * 0.4) var(--debug-hue,0) / 0.1 ) !important}.visually-hidden,.sr-only{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);white-space:nowrap;border:0}.skip-link{position:absolute;inset-inline-start:0;inset-block-start:0;padding:var(--s-1,0.5rem) var(--s0,1rem);background:var(--color-accent,highlight);color:var(--color-accent-text,highlighttext);transform:translateY(-100%);z-index:9999}.skip-link:focus{transform:translateY(0)}.text-align\:start{text-align:start !important}.text-align\:center{text-align:center !important}.text-align\:end{text-align:end !important}.font-size\:s-2{font-size:var(--s-2) !important}.font-size\:s-1{font-size:var(--s-1) !important}.font-size\:s0{font-size:var(--s0) !important}.font-size\:s1{font-size:var(--s1) !important}.font-size\:s2{font-size:var(--s2) !important}.font-size\:s3{font-size:var(--s3) !important}.font-size\:s4{font-size:var(--s4) !important}.font-weight\:normal{font-weight:normal !important}.font-weight\:bold{font-weight:bold !important}.color\:dark{color:var(--color-dark) !important}.color\:light{color:var(--color-light) !important}.color\:accent{color:var(--color-accent) !important}.bg\:dark{background-color:var(--color-dark) !important}.bg\:light{background-color:var(--color-light) !important}.bg\:accent{background-color:var(--color-accent) !important}.max-inline-size\:measure{max-inline-size:var(--measure) !important}.max-inline-size\:measure\/2{max-inline-size:calc(var(--measure) / 2) !important}.max-inline-size\:measure\/3{max-inline-size:calc(var(--measure) / 3) !important}.max-inline-size\:none{max-inline-size:none !important}.inline-size\:100{inline-size:100% !important}.inline-size\:auto{inline-size:auto !important}.block-size\:100{block-size:100% !important}.block-size\:100vh{block-size:100vh !important}.block-size\:auto{block-size:auto !important}.margin\:0{margin:0 !important}.margin-block\:0{margin-block:0 !important}.margin-inline\:0{margin-inline:0 !important}.margin-inline\:auto{margin-inline:auto !important}.padding\:s-1{padding:var(--s-1) !important}.padding\:s0{padding:var(--s0) !important}.padding\:s1{padding:var(--s1) !important}.padding\:s2{padding:var(--s2) !important}.gap\:s-1{gap:var(--s-1) !important}.gap\:s0{gap:var(--s0) !important}.gap\:s1{gap:var(--s1) !important}.gap\:s2{gap:var(--s2) !important}.flex-grow\:1{flex-grow:1 !important}.flex-shrink\:0{flex-shrink:0 !important}.overflow\:hidden{overflow:hidden !important}.overflow\:auto{overflow:auto !important}.position\:relative{position:relative !important}.position\:absolute{position:absolute !important}.position\:fixed{position:fixed !important}.position\:sticky{position:sticky !important}.display\:none{display:none !important}.display\:block{display:block !important}.display\:inline{display:inline !important}.display\:inline-block{display:inline-block !important}.display\:flex{display:flex !important}.display\:grid{display:grid !important}.border\:thin{border-width:var(--border-thin) !important}.border\:thick{border-width:var(--border-thick) !important}.border-radius\:s-2{border-radius:var(--s-2) !important}.border-radius\:s-1{border-radius:var(--s-1) !important}.border-radius\:s0{border-radius:var(--s0) !important}.shadow\:small{box-shadow:0 1px 3px rgba(0,0,0,0.12),0 1px 2px rgba(0,0,0,0.24) !important}.shadow\:medium{box-shadow:0 3px 6px rgba(0,0,0,0.15),0 2px 4px rgba(0,0,0,0.12) !important}.shadow\:large{box-shadow:0 10px 20px rgba(0,0,0,0.15),0 3px 6px rgba(0,0,0,0.10) !important}.z\:0{z-index:0 !important}.z\:1{z-index:1 !important}.z\:10{z-index:10 !important}.z\:100{z-index:100 !important}.list-style\:disc{list-style:disc !important;padding-inline-start:1em !important}.list-style\:decimal{list-style:decimal !important;padding-inline-start:1em !important}.cursor\:pointer{cursor:pointer !important}.cursor\:not-allowed{cursor:not-allowed !important}.user-select\:none{user-select:none !important}.user-select\:all{user-select:all !important}.ratio\:golden{--ratio:var(--ratio-golden) !important;--measure:60ch !important}.ratio\:silver{--ratio:var(--ratio-silver) !important;--measure:80ch !important}.ratio\:fifth{--ratio:var(--ratio-fifth) !important;--measure:70ch !important}.ratio\:dramatic{--ratio:var(--ratio-golden) !important;--measure:60ch !important}.ratio\:subtle{--ratio:var(--ratio-silver) !important;--measure:80ch !important}.ratio\:balanced{--ratio:var(--ratio-fifth) !important;--measure:70ch !important}[data-ratio="golden"]{--ratio:var(--ratio-golden);--measure:60ch}[data-ratio="silver"]{--ratio:var(--ratio-silver);--measure:80ch}[data-ratio="fifth"]{--ratio:var(--ratio-fifth);--measure:70ch}@function --negate(--value){result:calc(-1 * var(--value))}@function --lerp(--a,--b,--t){result:calc(var(--a)+(var(--b) - var(--a)) * var(--t))}@function --fluid(--min,--max,--min-vw:20rem,--max-vw:75rem){result:clamp( var(--min),calc(var(--min)+(var(--max) - var(--min)) * ((100vw - var(--min-vw)) / (var(--max-vw) - var(--min-vw)))),var(--max) )}@function --alpha(--color,--opacity){result:oklch(from var(--color) l c h / var(--opacity))}@function --lighten(--color,--amount:0.1){result:oklch(from var(--color) calc(l+var(--amount)) c h)}@function --darken(--color,--amount:0.1){result:oklch(from var(--color) calc(l - var(--amount)) c h)}@function --space(--multiplier:1){result:calc(var(--s0) * var(--multiplier))}@function --safe-radius(--radius,--threshold:8px){result:clamp(0px,calc((100cqi - var(--threshold)) * 999),var(--radius))}.stagger-enter>*{animation:elvish-fade-in-up var(--duration-normal,300ms) var(--ease-out,ease-out) both;animation-delay:calc((sibling-index() - 1) * var(--stagger-delay,50ms))}.stagger-appear>*{opacity:1;transform:translateY(0);transition:opacity var(--duration-normal,300ms) var(--ease-out,ease-out),transform var(--duration-normal,300ms) var(--ease-out,ease-out);transition-delay:calc((sibling-index() - 1) * var(--stagger-delay,50ms));@starting-style{opacity:0;transform:translateY(20px)}}.fade-cascade>*{opacity:calc(1 - (sibling-index() - 1) * 0.08)}.rainbow>*{--hue:calc(sibling-index() * (360 / sibling-count()));background:oklch(85% 0.2 var(--hue))}.auto-number>*::before{content:counter(sibling-index) ". ";counter-increment:none}.theme-aware{--is-dark:false;background:if( style(--is-dark:true):var(--color-surface-dark,#1a1a2e);else:var(--color-surface-light,#ffffff) );color:if( style(--is-dark:true):var(--color-text-dark,#f0f0f5);else:var(--color-text-light,#1a1a2e) )}.responsive-grid{display:grid;grid-template-columns:if( media(width>= 900px):repeat(4,1fr);media(width>= 600px):repeat(3,1fr);media(width>= 400px):repeat(2,1fr);else:1fr )}.adaptive-card{--variant:default;padding:if( style(--variant:compact):var(--s-1);style(--variant:spacious):var(--s2);else:var(--s1) );font-size:if( style(--variant:compact):var(--s-1);else:var(--s0) )}[data-columns]{--columns:attr(data-columns type(<number>),1);display:grid;grid-template-columns:repeat(var(--columns),1fr)}[data-color]{color:attr(data-color type(<color>),currentColor)}[data-bg]{background-color:attr(data-bg type(<color>),transparent)}[data-space]{--space-value:attr(data-space type(<length>),var(--s1));gap:var(--space-value);padding:var(--space-value)}[data-progress]{--progress:attr(data-progress type(<percentage>),0%);background:linear-gradient( to right,var(--color-accent) var(--progress),var(--color-surface-sunken) var(--progress) )}[data-ratio]{aspect-ratio:attr(data-ratio type(<ratio>),1)}[data-transition]{view-transition-name:attr(data-transition type(<custom-ident>),none)}@keyframes elvish-fade-in{from{opacity:0}}@keyframes elvish-fade-in-up{from{opacity:0;transform:translateY(var(--distance,20px))}}@keyframes elvish-fade-in-down{from{opacity:0;transform:translateY(calc(var(--distance,20px) * -1))}}@keyframes elvish-scale-in{from{opacity:0;transform:scale(0.95)}}@keyframes elvish-slide-in-right{from{transform:translateX(100%)}}@keyframes elvish-slide-in-left{from{transform:translateX(-100%)}}@supports not (animation-delay:calc(sibling-index() * 1ms)){.stagger-enter>*{animation-delay:calc(var(--i,0) * var(--stagger-delay,50ms))}.stagger-enter>:nth-child(1){--i:0}.stagger-enter>:nth-child(2){--i:1}.stagger-enter>:nth-child(3){--i:2}.stagger-enter>:nth-child(4){--i:3}.stagger-enter>:nth-child(5){--i:4}.stagger-enter>:nth-child(6){--i:5}.stagger-enter>:nth-child(7){--i:6}.stagger-enter>:nth-child(8){--i:7}.stagger-enter>:nth-child(9){--i:8}.stagger-enter>:nth-child(10){--i:9}}@supports not (color:if(style(--x:y):red;else:blue)){.theme-aware{background:var(--color-surface-light,#ffffff);color:var(--color-text-light,#1a1a2e)}.theme-aware.is-dark{background:var(--color-surface-dark,#1a1a2e);color:var(--color-text-dark,#f0f0f5)}}@supports not (color:attr(data-x type(<color>),red)){[data-columns="2"]{grid-template-columns:repeat(2,1fr)}[data-columns="3"]{grid-template-columns:repeat(3,1fr)}[data-columns="4"]{grid-template-columns:repeat(4,1fr)}[data-columns="5"]{grid-template-columns:repeat(5,1fr)}[data-columns="6"]{grid-template-columns:repeat(6,1fr)}}@view-transition{navigation:auto}:root{--transition-duration:300ms;--transition-duration-fast:150ms;--transition-duration-slow:500ms;--transition-ease:cubic-bezier(0.25,0.1,0.25,1);--transition-ease-out:cubic-bezier(0.16,1,0.3,1);--transition-ease-in-out:cubic-bezier(0.65,0,0.35,1);--transition-ease-spring:cubic-bezier(0.34,1.56,0.64,1)}::view-transition-old(root){animation:var(--transition-duration) var(--transition-ease) both fade-out}::view-transition-new(root){animation:var(--transition-duration) var(--transition-ease) both fade-in}@keyframes fade-out{to{opacity:0}}@keyframes fade-in{from{opacity:0}}[data-transition]{view-transition-name:var(--transition-name,auto)}[data-transition="auto"]>*{view-transition-name:match-element}.transition-card-group>*{view-transition-name:match-element;view-transition-class:card}::view-transition-group(.card){animation-duration:var(--transition-duration);animation-timing-function:var(--transition-ease-spring)}.transition-hero{view-transition-name:hero}.transition-header{view-transition-name:header}.transition-sidebar{view-transition-name:sidebar}.transition-main{view-transition-name:main}.transition-card{view-transition-name:card}.transition-modal{view-transition-name:modal}::view-transition-old(*),::view-transition-new(*){animation-duration:var(--transition-duration);animation-timing-function:var(--transition-ease-out)}::view-transition-old(slide-left){animation:var(--transition-duration) var(--transition-ease-out) both slide-out-left}::view-transition-new(slide-left){animation:var(--transition-duration) var(--transition-ease-out) both slide-in-left}::view-transition-old(slide-right){animation:var(--transition-duration) var(--transition-ease-out) both slide-out-right}::view-transition-new(slide-right){animation:var(--transition-duration) var(--transition-ease-out) both slide-in-right}::view-transition-old(slide-up){animation:var(--transition-duration) var(--transition-ease-out) both slide-out-up}::view-transition-new(slide-up){animation:var(--transition-duration) var(--transition-ease-out) both slide-in-up}::view-transition-old(slide-down){animation:var(--transition-duration) var(--transition-ease-out) both slide-out-down}::view-transition-new(slide-down){animation:var(--transition-duration) var(--transition-ease-out) both slide-in-down}@keyframes slide-out-left{to{transform:translateX(-100%);opacity:0}}@keyframes slide-in-left{from{transform:translateX(100%);opacity:0}}@keyframes slide-out-right{to{transform:translateX(100%);opacity:0}}@keyframes slide-in-right{from{transform:translateX(-100%);opacity:0}}@keyframes slide-out-up{to{transform:translateY(-100%);opacity:0}}@keyframes slide-in-up{from{transform:translateY(100%);opacity:0}}@keyframes slide-out-down{to{transform:translateY(100%);opacity:0}}@keyframes slide-in-down{from{transform:translateY(-100%);opacity:0}}::view-transition-old(scale){animation:var(--transition-duration) var(--transition-ease-out) both scale-out}::view-transition-new(scale){animation:var(--transition-duration) var(--transition-ease-spring) both scale-in}@keyframes scale-out{to{transform:scale(0.9);opacity:0}}@keyframes scale-in{from{transform:scale(1.1);opacity:0}}::view-transition-old(flip){animation:var(--transition-duration-slow) var(--transition-ease) both flip-out}::view-transition-new(flip){animation:var(--transition-duration-slow) var(--transition-ease) both flip-in}@keyframes flip-out{to{transform:rotateY(90deg);opacity:0}}@keyframes flip-in{from{transform:rotateY(-90deg);opacity:0}}.transition-glan-veleg{view-transition-name:glan-veleg}::view-transition-old(glan-veleg),::view-transition-new(glan-veleg){animation-duration:var(--transition-duration);animation-timing-function:var(--transition-ease-out)}.transition-gwistindor{view-transition-name:gwistindor}.transition-vircantie{view-transition-name:vircantie}.transition-gant-thala{view-transition-name:gant-thala}::view-transition-old(gant-thala),::view-transition-new(gant-thala){animation-duration:var(--transition-duration);animation-timing-function:var(--transition-ease-out)}.transition-theme{view-transition-name:theme}::view-transition-old(theme),::view-transition-new(theme){animation:none;mix-blend-mode:normal}::view-transition-old(theme){animation:var(--transition-duration-slow) var(--transition-ease) both fade-out}::view-transition-new(theme){animation:var(--transition-duration-slow) var(--transition-ease) both fade-in}@media (prefers-reduced-motion:reduce){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none !important}:root{--transition-duration:0ms;--transition-duration-fast:0ms;--transition-duration-slow:0ms}}:root:active-view-transition{pointer-events:none}:root:active-view-transition-type(theme){}:root:active-view-transition-type(layout){}@supports not (view-transition-name:none){i-glan-veleg,i-gwistindor,i-vircantie,i-gant-thala,i-enedh,i-hath{transition:width var(--transition-duration,300ms) var(--transition-ease,ease),height var(--transition-duration,300ms) var(--transition-ease,ease),flex-basis var(--transition-duration,300ms) var(--transition-ease,ease),gap var(--transition-duration,300ms) var(--transition-ease,ease)}i-gant-thala{transition:aspect-ratio var(--transition-duration,300ms) var(--transition-ease,ease)}}i-hath{display:flex;flex-direction:column;justify-content:flex-start}i-hath>*{margin-block:0}i-hath>*+*{margin-block-start:var(--hath-space,var(--s1))}i-hath[recursive] *+*{margin-block-start:var(--hath-space,var(--s1))}i-hath[split-after="1"]>:nth-child(1){margin-block-end:auto}i-hath[split-after="2"]>:nth-child(2){margin-block-end:auto}i-hath[split-after="3"]>:nth-child(3){margin-block-end:auto}i-hath[split-after="4"]>:nth-child(4){margin-block-end:auto}i-hath[split-after="5"]>:nth-child(5){margin-block-end:auto}i-hath:only-child{block-size:100%}i-bau{display:block;padding:var(--bau-padding,var(--s1));--bau-color-light:var(--color-surface-raised,var(--color-light));--bau-color-dark:var(--color-text,var(--color-dark));--bau-border-color:var(--color-border,currentColor)}i-bau[border]{border-width:var(--bau-border-width,var(--border-thin,1px));border-color:var(--bau-border-color)}i-bau[border-width]{border-width:var(--bau-border-width,var(--border-thin,1px));border-color:var(--bau-border-color)}i-bau[bg]{background-color:var(--bau-color-light);color:var(--bau-color-dark)}i-bau[invert]{background-color:var(--bau-color-dark);color:var(--bau-color-light)}i-bau[border][bg],i-bau[border][invert]{border-width:var(--bau-border-width,var(--border-thin,1px));border-color:var(--bau-border-color)}i-bau[compact]{padding:0}i-bau[borderless]{border-width:0}@media (forced-colors:active){i-bau[border],i-bau[bg],i-bau[invert]{outline:var(--bau-border-width,1px) solid transparent;outline-offset:calc(var(--bau-border-width,1px) * -1)}}i-enedh{display:block;box-sizing:content-box;margin-inline:auto;max-inline-size:var(--enedh-max,100%);padding-inline:var(--enedh-gutters,0)}i-enedh[intrinsic]{display:flex;flex-direction:column;align-items:center}i-enedh[and-text]{text-align:center}i-tiniath{display:flex;flex-wrap:wrap;gap:var(--tiniath-space,var(--s1));justify-content:var(--tiniath-justify,flex-start);align-items:var(--tiniath-align,center)}i-glan-veleg{display:flex;flex-wrap:wrap;gap:var(--glan-veleg-space,var(--s1))}i-glan-veleg>*{flex-grow:1}i-glan-veleg>:first-child{flex-basis:var(--glan-veleg-width,20rem)}i-glan-veleg>:last-child{flex-basis:0;flex-grow:999;min-inline-size:var(--glan-veleg-content-min,50%)}i-glan-veleg[side="right"]>:first-child{flex-basis:0;flex-grow:999;min-inline-size:var(--glan-veleg-content-min,50%)}i-glan-veleg[side="right"]>:last-child{flex-basis:var(--glan-veleg-width,20rem);flex-grow:1}i-glan-veleg[no-stretch]{align-items:flex-start}i-gwistindor{display:flex;flex-wrap:wrap;gap:var(--gwistindor-space,var(--s1))}i-gwistindor>*{flex-grow:1;flex-basis:calc((var(--gwistindor-threshold,var(--layout-threshold-md,45rem)) - 100%) * 999)}i-gwistindor[limit="2"]>:nth-last-child(n+3),i-gwistindor[limit="2"]>:nth-last-child(n+3)~*{flex-basis:100%}i-gwistindor[limit="3"]>:nth-last-child(n+4),i-gwistindor[limit="3"]>:nth-last-child(n+4)~*{flex-basis:100%}i-gwistindor:not([limit])>:nth-last-child(n+5),i-gwistindor:not([limit])>:nth-last-child(n+5)~*,i-gwistindor[limit="4"]>:nth-last-child(n+5),i-gwistindor[limit="4"]>:nth-last-child(n+5)~*{flex-basis:100%}i-gwistindor[limit="5"]>:nth-last-child(n+6),i-gwistindor[limit="5"]>:nth-last-child(n+6)~*{flex-basis:100%}i-gwistindor[limit="6"]>:nth-last-child(n+7),i-gwistindor[limit="6"]>:nth-last-child(n+7)~*{flex-basis:100%}i-esgal{display:flex;flex-direction:column;min-block-size:var(--esgal-min-height,100vh);padding:var(--esgal-space,var(--s1))}i-esgal>*{margin-block:var(--esgal-space,var(--s1))}i-esgal>:first-child:not(h1,h2,h3,[data-centered]){margin-block-start:0}i-esgal>:last-child:not(h1,h2,h3,[data-centered]){margin-block-end:0}i-esgal>h1,i-esgal>h2,i-esgal>h3,i-esgal>[data-centered]{margin-block:auto}i-esgal[no-pad]{padding:0}i-vircantie{display:grid;gap:var(--vircantie-space,var(--s1))}@supports (width:min(var(--vircantie-min,250px),100%)){i-vircantie{grid-template-columns:repeat( auto-fit,minmax(min(var(--vircantie-min,250px),100%),1fr) )}}i-gant-thala{display:block;overflow:hidden;gant-thala-ratio:var(--gant-thala-n,16) / var(--gant-thala-d,9)}i-gant-thala>img,i-gant-thala>video{inline-size:100%;block-size:100%;object-fit:cover;object-position:center}i-gant-thala>:not(img):not(video){display:flex;align-items:center;justify-content:center;block-size:100%}i-glan-tholl{display:flex;block-size:var(--glan-tholl-height,auto);overflow-x:auto;overflow-y:hidden;scroll-behavior:smooth;scroll-snap-type:x mandatory;scrollbar-color:var(--color-dark) var(--color-light)}i-glan-tholl>*{flex:0 0 var(--glan-tholl-item-width,auto);scroll-snap-align:start}i-glan-tholl>*+*{margin-inline-start:var(--glan-tholl-space,var(--s1))}i-glan-tholl>img{block-size:100%;inline-size:auto;flex-basis:auto}i-glan-tholl::-webkit-scrollbar{block-size:0.75rem}i-glan-tholl::-webkit-scrollbar-track{background-color:var(--color-light)}i-glan-tholl::-webkit-scrollbar-thumb{background-color:var(--color-mid);border-radius:var(--s-2)}i-glan-tholl[no-bar]{scrollbar-width:none}i-glan-tholl[no-bar]::-webkit-scrollbar{display:none}i-glan-tholl.overflowing{padding-block-end:var(--glan-tholl-space,var(--s1))}i-glan-tholl.overflowing.no-bar{padding-block-end:0}i-fano{position:var(--fano-position,absolute);inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}i-fano[fixed]{--fano-position:fixed}i-fano[contain]{overflow:auto;max-inline-size:calc(100% - (var(--fano-margin,0px) * 2));max-block-size:calc(100% - (var(--fano-margin,0px) * 2))}i-thann{display:inline-flex;align-items:baseline;gap:var(--thann-space,0)}i-thann svg{block-size:0.75em;block-size:1cap;inline-size:0.75em;inline-size:1cap;fill:currentColor;stroke:currentColor}i-thann:not([space]){display:inline}i-thann:not([space]) svg{display:inline;vertical-align:-0.125em}i-thann[echuiol]{color:var(--color-accent,currentColor)}i-thann[dhoren]{position:absolute;inline-size:1px;block-size:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}i-adleithian{display:block;adleithian-type:inline-size}i-adleithian[name]{adleithian-name:attr(name)}i-him{display:block;position:sticky;inset-block-start:var(--him-offset,0);z-index:var(--him-z,1)}i-him[to="bottom"]{inset-block-start:auto;inset-block-end:var(--him-offset,0)}i-him[to="left"]{inset-block-start:auto;inset-inline-start:var(--him-offset,0)}i-him[to="right"]{inset-block-start:auto;inset-inline-end:var(--him-offset,0)}i-him[data-stuck="true"]{}i-miriant{display:grid;gap:var(--miriant-space,var(--s1));grid-template-columns:repeat(var(--miriant-columns,12),1fr);grid-auto-rows:var(--miriant-row-height,minmax(0,auto))}i-miriant>[data-col-span="1"]{grid-column:span 1}i-miriant>[data-col-span="2"]{grid-column:span 2}i-miriant>[data-col-span="3"]{grid-column:span 3}i-miriant>[data-col-span="4"]{grid-column:span 4}i-miriant>[data-col-span="5"]{grid-column:span 5}i-miriant>[data-col-span="6"]{grid-column:span 6}i-miriant>[data-col-span="7"]{grid-column:span 7}i-miriant>[data-col-span="8"]{grid-column:span 8}i-miriant>[data-col-span="9"]{grid-column:span 9}i-miriant>[data-col-span="10"]{grid-column:span 10}i-miriant>[data-col-span="11"]{grid-column:span 11}i-miriant>[data-col-span="12"]{grid-column:span 12}i-miriant>[data-col-span="full"]{grid-column:1 / -1}i-miriant>[data-row-span="1"]{grid-row:span 1}i-miriant>[data-row-span="2"]{grid-row:span 2}i-miriant>[data-row-span="3"]{grid-row:span 3}i-miriant>[data-row-span="4"]{grid-row:span 4}i-miriant>[data-row-span="5"]{grid-row:span 5}i-miriant>[data-row-span="6"]{grid-row:span 6}i-miriant[dense]{grid-auto-flow:dense}@container (width < 600px){i-miriant{grid-template-columns:1fr}i-miriant>[data-col-span]{grid-column:span 1}}@supports not (container-type:inline-size){@media (max-width:600px){i-miriant{grid-template-columns:1fr}i-miriant>[data-col-span]{grid-column:span 1}}}i-gonath{display:block;column-count:var(--gonath-columns,3);column-gap:var(--gonath-space,var(--s1))}i-gonath>*{break-inside:avoid;margin-block-end:var(--gonath-space,var(--s1))}@supports (grid-template-rows:masonry){i-gonath{display:grid;column-count:unset;grid-template-columns:repeat(var(--gonath-columns,3),1fr);grid-template-rows:masonry;gap:var(--gonath-space,var(--s1))}i-gonath>*{margin-block-end:0;break-inside:unset}}@media (max-width:800px){i-gonath{--gonath-columns:2}}@media (max-width:500px){i-gonath{--gonath-columns:1}}