.transform{--tw-translate-x:0;--tw-translate-y:0;--tw-rotate:0;--tw-skew-x:0;--tw-skew-y:0;--tw-scale-x:1;--tw-scale-y:1}.filter{--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: }*,:after,:before{box-sizing:border-box}:where(body,h1,h2,h3,h4,p,figure,blockquote,dl,dd){margin:0}:where(ul[role=list],ol[role=list]){list-style:none}:where(html){-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none;scrollbar-gutter:stable}:where(html:focus-within){scroll-behavior:smooth}:where(body){line-height:1.5;min-height:100vh;min-height:100dvh;text-rendering:optimizeSpeed}:where([role=list]){padding:0}:where(a:not([class])){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}:where(img,picture,svg,canvas){block-size:auto;display:block;max-inline-size:100%}:where(button){background:none;border:0}:where(button,input,select,textarea){font-family:inherit;font-size:inherit}:where(textarea:not([rows])){min-height:10em}:where(button,label,select,summary,[role=button],[role=option]){cursor:pointer}:where(*){text-wrap:pretty}:where(h1,h2,h3,h4){text-wrap:balance}:where(:target){scroll-margin-block-start:1ex}:where(:focus){scroll-margin-block-end:8vh}@font-face{font-display:swap;font-family:Charter;font-style:normal;font-weight:400;src:local(""),url(/https/www.lene.dev/assets/fonts/charter/charter-400.woff2) format("woff2")}@font-face{font-display:swap;font-family:Charter;font-style:normal;font-weight:700;src:local(""),url(/https/www.lene.dev/assets/fonts/charter/charter-700.woff2) format("woff2")}@supports not (font-variation-settings:normal){@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:400;src:local(""),url(/https/www.lene.dev/assets/fonts/outfit/outfit-400.woff2) format("woff2")}@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:700;src:local(""),url(/https/www.lene.dev/assets/fonts/outfit/outfit-700.woff2) format("woff2")}}@supports (font-variation-settings:normal){@font-face{font-display:swap;font-family:Outfit;font-style:normal;font-weight:400 800;src:url(/https/www.lene.dev/assets/fonts/outfit/outfit-variable.woff2) format("woff2 supports variations"),url(/https/www.lene.dev/assets/fonts/outfit/outfit-variable.woff2) format("woff2-variations")}}:root{--space-xs:clamp(0.3125rem,0.27rem + 0.19vw,0.4375rem);--space-s:clamp(0.625rem,0.55rem + 0.38vw,0.875rem);--space-m:clamp(0.875rem,0.74rem + 0.67vw,1.3125rem);--space-l:clamp(1.1875rem,1.01rem + 0.87vw,1.75rem);--space-xl:clamp(2.375rem,2.03rem + 1.73vw,3.5rem);--space-2xl:clamp(3.5625rem,3.04rem + 2.60vw,5.25rem);--space-3xl:clamp(5.9375rem,5.07rem + 4.33vw,8.75rem);--space-xs-s:clamp(0.3125rem,0.14rem + 0.87vw,0.875rem);--space-s-m:clamp(0.625rem,0.41rem + 1.06vw,1.3125rem);--space-m-l:clamp(0.875rem,0.61rem + 1.35vw,1.75rem);--space-l-xl:clamp(1.1875rem,0.48rem + 3.56vw,3.5rem);--space-l-2xl:clamp(2.375rem,1.49rem + 4.42vw,5.25rem);--space-xl-2xl:clamp(3.5625rem,1.97rem + 7.98vw,8.75rem);--space-2xl-3xl:clamp(5.9375rem,3.46rem + 12.40vw,14rem);--size-step-min-2:clamp(0.8125rem,0.75rem + 0.29vw,1rem);--size-step-min-1:clamp(1rem,0.88rem + 0.58vw,1.375rem);--size-step-0:clamp(1.1875rem,1.01rem + 0.87vw,1.75rem);--size-step-1:clamp(1.4375rem,1.21rem + 1.15vw,2.1875rem);--size-step-2:clamp(1.6875rem,1.36rem + 1.63vw,2.75rem);--size-step-3:clamp(2.0625rem,1.64rem + 2.12vw,3.4375rem);--size-step-4:clamp(2.5rem,1.96rem + 2.69vw,4.25rem);--size-step-5:clamp(2.9375rem,2.19rem + 3.75vw,5.375rem);--size-step-6:clamp(3.5rem,2.52rem + 4.90vw,6.6875rem);--leading-flat:1;--leading-fine:1.2;--leading-standard:1.4;--font-display:Charter,Bitstream Charter,Sitka Text,Cambria,serif;--font-base:Outfit,system-ui,sans-serif;--font-mono:Monaspace,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;--font-regular:400;--font-medium:500;--font-bold:700;--font-extra-bold:800;color-scheme:light dark;--gutter:var(--space-m-l);--border-radius:0.1rem;--border-radius-large:0.7rem;--transition-duration:250ms;--transition-timing:ease;--wrapper-width:100rem;--tracking:-0.05ch;--tracking-s:-0.075ch;--tracking-wide:0.05ch;--gradient-conic:conic-gradient(var(--color-primary) 0 28%,var(--color-glare) 0 67%,var(--color-shade) 0 100%);--gradient-linear:linear-gradient(90deg,#cf4662,#fbbe25 30%,#62c95c 50%,#08bccb 75%,#a977d5 90%)}:root,:root[data-theme=light]{--color-primary:gold;--color-shade:color-mix(in oklab,var(--color-primary) 90%,#000);--color-glare:color-mix(in oklab,var(--color-primary) 70%,#fff);--color-light:color-mix(in oklab,var(--color-primary) 5%,#fff);--color-dark:color-mix(in oklab,var(--color-primary) 20%,#000);--color-bg:var(--color-light);--color-text:var(--color-dark);--color-bg-accent:color-mix(in oklab,var(--color-bg) 95%,var(--color-text))}@media (prefers-color-scheme:dark){:root{--color-bg:var(--color-dark);--color-text:var(--color-light);--color-bg-accent:color-mix(in oklab,var(--color-text) 4%,var(--color-bg))}}:root[data-theme=dark]{--color-bg:var(--color-dark);--color-text:var(--color-light);--color-bg-accent:color-mix(in oklab,var(--color-text) 4%,var(--color-bg))}body{accent-color:var(--color-primary);background-color:var(--color-bg);color:var(--color-text);display:flex;flex-direction:column;font-family:var(--font-base);font-size:var(--size-step-0);font-weight:var(--font-regular);letter-spacing:var(--tracking);line-height:var(--leading-standard)}main{border-block-start:2px solid var(--color-text);flex:auto}h1,h2,h3{font-family:var(--font-base);font-weight:var(--font-regular);line-height:var(--leading-fine)}h1{font-size:var(--size-step-6)}h2{font-size:var(--size-step-5)}h3{font-size:var(--size-step-2)}blockquote:not([class]),li,p{max-inline-size:65ch}blockquote{border-inline-start:.5rem solid var(--color-primary);font-size:var(--size-step-2);padding:var(--space-m-l)}blockquote>*+*{margin-block-start:var(--space-m-l)}blockquote :last-child{font-family:var(--font-base);font-size:var(--size-step-1);font-style:normal}input,textarea{caret-color:var(--color-primary)}svg{block-size:2ex;flex:none;inline-size:auto}strong{font-weight:var(--font-bold)}em,i{font-style:italic;font-style:slant 12deg}hr{background-color:var(--color-bg-accent-2);border:0;height:1px;margin-block:var(--space-m-l);margin-inline-start:0;width:10%}a{color:currentcolor;text-decoration-thickness:.08em}a:hover{text-decoration:none}:focus-visible{outline:3px solid;outline-offset:.3ch}main:focus{outline:none}::-moz-selection{background-color:var(--color-text);color:var(--color-bg)}::selection{background-color:var(--color-text);color:var(--color-bg)}.preload-transitions *{transition:none!important}@media (prefers-reduced-motion:reduce){html:focus-within{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}:where(.cluster){align-items:var(--cluster-vertical-alignment,center);display:flex;flex-wrap:wrap;gap:var(--gutter,var(--space-s-l));justify-content:var(--cluster-horizontal-alignment,flex-start)}:where(.flow)>*+*{margin-block-start:var(--flow-space,1em)}:where(.grid){display:grid;gap:var(--gutter,var(--space-s-m));grid-template-columns:repeat(var(--grid-placement,auto-fill),minmax(var(--grid-min-item-size,16rem),1fr))}:where(.grid)[data-rows=masonry]{align-items:start;grid-template-rows:masonry}:where(.grid)[data-layout="50-50"]{--grid-placement:auto-fit;--grid-min-item-size:clamp(16rem,50vw,28rem)}:where(.repel){align-items:var(--repel-vertical-alignment,center);display:flex;flex-wrap:wrap;gap:var(--gutter,var(--space-s-l));justify-content:space-between}:where(.repel)[data-nowrap]{flex-wrap:nowrap}:where(.sidebar){display:flex;flex-wrap:wrap;gap:var(--gutter,var(--space-s-l))}:where(.sidebar):not([data-direction])>:first-child{flex-basis:var(--sidebar-target-width,20rem);flex-grow:1}:where(.sidebar):not([data-direction])>:last-child{flex-basis:0;flex-grow:999;min-inline-size:var(--sidebar-content-min-width,50%)}:where(.sidebar)[data-direction=rtl]>:last-child{flex-basis:var(--sidebar-target-width,20rem);flex-grow:1}:where(.sidebar)[data-direction=rtl]>:first-child{flex-basis:0;flex-grow:999;min-inline-size:var(--sidebar-content-min-width,50%)}.wrapper{--gap:clamp(1rem,6vw,3rem);--full:minmax(var(--gap),1fr);--content:min(var(--wrapper-width,85rem),100% - var(--gap) * 2);--popout:minmax(0,2rem);--feature:minmax(0,5rem);display:grid;grid-template-columns:[full-start] var(--full) [feature-start] var(--feature) [popout-start] var(--popout) [content-start] var(--content) [content-end] var(--popout) [popout-end] var(--feature) [feature-end] var(--full) [full-end]}.wrapper>*{grid-column:content}.prose-wrapper{--wrapper-width:64rem}.popout{grid-column:popout}.feature{grid-column:feature}.full{grid-column:full}.button{background-color:var(--button-bg,var(--color-bg));border:2px solid var(--button-border,var(--color-text));border-radius:var(--border-radius);color:var(--button-text,var(--color-text));display:inline-block;font:inherit;font-weight:var(--font-bold);padding:.3rem var(--space-s);text-align:center;text-decoration:none}.button:hover,.button[aria-current=page],.button[aria-pressed=true],.button[data-state=active]{background-size:150% 150%;--button-bg:var(--color-text);--button-text:var(--color-bg);--button-border:var(--color-text)}.button:active{transform:scale(99%)}.button:where(:has(svg)){align-items:center;display:flex;gap:.5em}.button:where(:has(.visually-hidden)){border-radius:50%;padding:.5em}.button:where(:not(:has(svg))){min-inline-size:6ch;text-align:center}.button:where(:not(:has(.visually-hidden))){padding:var(--button-padding,.35em 1em)}.clients svg{block-size:3ex}code{--color-code-orange:#e09952;--color-code-blue:#4673d2;--color-code-indigo:#7d59c5;--color-code-violet:#e052bf;--color-code-pink:#e05269;--color-code-gray:#949494}pre{--dark-bg:color-mix(in oklab,var(--color-bg) 92%,#000);grid-column:popout!important}code,pre{background-color:var(--color-bg-accent);border-radius:var(--border-radius);font-family:var(--font-mono);font-size:var(--size-step-min-1);line-height:1.4;padding:.1em .4em}pre[class*=language-]{padding:var(--space-m-l)}code[class*=language-]{padding:0}code[class*=language-],pre[class*=language-]{text-align:left;white-space:pre;word-break:normal;word-spacing:normal;word-wrap:normal;background:var(--color-bg);border-radius:var(--border-radius);color:var(--color-text-accent);-webkit-hyphens:none;hyphens:none}@media (prefers-color-scheme:dark){code[class*=language-],pre[class*=language-]{background-color:var(--dark-bg)}}:root[data-theme=light]{code[class*=language-],pre[class*=language-]{background-color:var(--color-bg-accent)}}:root[data-theme=dark]{code[class*=language-],pre[class*=language-]{background-color:var(--dark-bg)}}:where(:not(pre))>code{background-color:var(--color-bg-accent);position:relative;top:-.05em}:where(:not(a,pre,blockquote))>code{color:var(--color-text-accent)}pre[class*=language-]{overflow:auto;position:relative}.language-css>code,.language-sass>code,.language-scss>code{color:var(--color-text-accent)}[class*=language-] .namespace{opacity:.7}.token.atrule{color:var(--color-code-pink)}.token.attr-name{color:var(--color-code-orange)}.token.attr-value{color:var(--color-text-accent)}.token.attribute{color:var(--color-code-blue)}.token.boolean{color:var(--color-code-pink)}.token.builtin,.token.cdata,.token.char,.token.class,.token.class-name,.token.color{color:var(--color-code-orange)}.token.comment{color:var(--color-code-gray)}.token.constant,.token.deleted{color:var(--color-code-pink)}.token.doctype{color:var(--color-code-orange)}.token.entity,.token.function{color:var(--color-code-pink)}.token.hexcode{color:var(--color-code-orange)}.token.id,.token.important{color:var(--color-code-pink);font-weight:var(--font-bold)}.token.inserted{color:var(--color-code-orange)}.token.keyword{color:var(--color-code-pink);font-style:italic}.token.number{color:var(--color-text-accent)}.token.operator{color:var(--color-code-gray)}.token.prolog,.token.property{color:var(--color-code-orange)}.token.pseudo-class,.token.pseudo-element{color:var(--color-code-blue)}.token.punctuation{color:var(--color-code-gray)}.token.regex{color:var(--color-code-orange)}.token.selector{color:var(--color-code-pink)}.token.string{color:var(--color-text-accent)}.token.symbol,.token.tag,.token.unit{color:var(--color-code-pink)}.token.url{color:var(--color-code-violet)}.token.variable{color:var(--color-code-pink)}.codepen a{--icon-size:1.2em;align-items:center;display:flex;gap:var(--space-2xs)}.prose .cp_embed_wrapper,.prose .cp_embed_wrapper+script+:not(h2){--flow-space:var(--space-l)}.cp_embed_wrapper{display:grid;grid-column:popout;grid-template-areas:"container";overflow:auto;place-items:center;position:relative;resize:horizontal}.cp_embed_wrapper iframe{grid-area:container;width:100%}.control{--gutter:var(--space-xs-s);--cluster-horizontal-alignment:flex-end;border-block-start:1px solid var(--color-bg-accent);padding-block-start:var(--space-xs)}details>*+*{margin-block-start:var(--flow-space,1em)}details>p:last-child{margin-block-end:var(--space-l)}summary{align-items:baseline;cursor:pointer;display:flex;font-size:var(--size-step-1);font-weight:var(--font-bold);gap:0 1ch;grid-column:content;line-height:1.2;list-style:none}[open]>summary,summary:focus-visible,summary:hover{color:var(--color-primary)}summary:before{color:var(--color-primary);content:"+";display:block;font-family:var(--font-mono);font-size:var(--size-step-0);font-weight:var(--font-regular);line-height:.5;margin-inline-start:.2ch;transform:scale(1.4);transform-origin:right bottom}[open] summary:before{content:"-"}summary::-webkit-details-marker,summary::marker{content:"";display:none}summary+*{margin-block-start:var(--space-s-m)}details>*+*{margin-inline-start:2.4ch}dialog{border:none;border-radius:var(--border-radius)}dialog+button{all:unset;cursor:pointer}dialog::backdrop{background-image:var(--gradient-stripes);filter:brightness(50%);opacity:.85}html:has(dialog[open]:modal){overflow:hidden}article a[href^=http]:not([href*="localhost:8080"]):not([href*="eleventy-excellent.netlify.app"]):not(.button){padding-inline-end:.8em}article a[href^=http]:not([href*="localhost:8080"]):not([href*="eleventy-excellent.netlify.app"]):not(.no-indicator):after{background-image:url(/https/www.lene.dev/assets/images/template/external.svg);background-position:50%;background-repeat:no-repeat;background-size:60% auto;block-size:1em;content:"(enlace externo)";display:inline-block;inline-size:1em;overflow:hidden;position:absolute;text-indent:1em;white-space:nowrap}.intro{--region-space-top:var(--space-3xl)}.intro custom-split{--gutter:var(--space-m);font-family:var(--font-display);font-size:var(--size-step-1)}.intro custom-split img{aspect-ratio:16/9;filter:grayscale(100%) brightness(110%);inline-size:100%;-o-object-fit:cover;object-fit:cover}.intro custom-split picture{position:relative}.intro custom-split img,.intro custom-split picture:after{border-end-start-radius:var(--border-radius-large)}.intro custom-split picture:after{background-color:var(--color-primary);content:"";inset:0;mix-blend-mode:hard-light;opacity:.1;position:absolute}[data-theme=light] .intro custom-split picture:after{background-image:linear-gradient(to top right,var(--color-bg),var(--color-primary));mix-blend-mode:soft-light;opacity:.6}.learning{--sidebar-target-width:13rem;--gutter:var(--space-xl);padding-block:var(--space-l) var(--space-xl)}.learning>:first-child{transform:rotate(-2deg)}.learning{border-block-end:2px dashed var(--color-text)}.learning img{outline:2px solid var(--color-text);width:-moz-fit-content;width:fit-content}.learning p{font-size:var(--size-step-min-1)}.learning ul{--gutter:var(--space-s);font-size:var(--size-step-min-2);letter-spacing:var(--tracking);text-transform:uppercase}.prose{--flow-space:var(--space-m-l);--wrapper-width:64rem}.prose :where(pre,pre+*,figure,figure+*){--flow-space:var(--space-m-l)}.prose figcaption{border-bottom:1px solid var(--color-bg-accent);font-size:var(--size-step-min-1);margin-block-end:var(--space-s);padding-block-end:var(--space-xs);text-align:center}.prose :where(h2,h3,h4){--flow-space:var(--space-xl)}.prose :where(h2+*,h3+*,h4+*):not(figure){--flow-space:var(--space-l)}.prose .heading-anchor:is(:hover,:focus){text-decoration:none}.prose .heading-anchor{text-decoration:none}.prose mark{background-color:var(--color-tertiary);color:var(--color-dark)}.prose :where(:not(.cluster):not(.grid)>li+li){padding-block-start:var(--space-s-m)}.prose :where(ul:not(.grid,[role=list]),ol:not(.grid)){padding-inline-start:.8ch}.prose :where(ul:not(.grid):not([role=list])) li::marker{color:var(--color-shade);content:"– "}.prose ol li::marker{color:var(--color-shade)}.prose img{border-radius:var(--border-radius)}.prose.intro{font-family:var(--font-display);font-size:var(--size-step-1)}@media (max-width:640px){.prose a,.prose>*{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}}.section>.seperator:first-child{transform:rotate(180deg) translateY(-1px)}.section__inner{background-color:var(--spot-color,var(--color-bg-accent));color:var(--color-text)}.section blockquote{font-size:var(--size-step-4);font-weight:var(--font-bold);letter-spacing:var(--tracking-s);line-height:1}.section :is(h1,h2,h3,blockquote){opacity:95%}.site-footer{color:var(--color-text);margin-block-start:var(--space-l-xl);padding:var(--space-s-m)}.site-footer .footer__meta{--gutter:var(--space-xs);--cluster-horizontal-alignment:center}.site-footer .footer__meta a{padding:var(--space-xs)}.site-footer svg{block-size:1em;inline-size:1.1em}.site-footer .creator{display:grid;font-size:var(--size-step-min-1);margin-block-start:var(--space-xl);place-items:center}.site-footer .creator a{--gutter:var(--space-xs);--cluster-horizontal-alignment:center;text-decoration:none}.site-footer .creator a:hover{-webkit-background-clip:text;background-clip:text;background-image:var(--gradient-linear);background-repeat:repeat;background-size:100%;color:transparent}.site-footer .creator:hover svg{color:var(--color-text)}.site-header{--repel-vertical-alignment:baseline}.logo{--gutter:var(--space-xs);font-family:var(--font-base);font-size:var(--size-step-0);font-weight:var(--font-medium);padding:var(--space-s) 0;text-decoration:none}.skip-link{clip:rect(1px,1px,1px,1px);block-size:1px;display:block;inline-size:1px;left:1rem;overflow:hidden;position:absolute;top:1rem;z-index:999}.skip-link:focus{clip:auto;background-color:var(--color-text);block-size:auto;border-radius:var(--border-radius);color:var(--color-bg);inline-size:auto;line-height:1;overflow:visible;padding:var(--space-xs) var(--space-s-m)}.skip-link:not(:focus){border:0;clip:rect(0 0 0 0);block-size:auto;inline-size:1px;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.gradient-text{-webkit-background-clip:text;background-clip:text;background-image:var(--gradient-conic);background-size:50%;color:transparent;padding:.6rem 0}.toolbox h3{font-size:var(--size-step-0);font-weight:var(--font-bold);text-transform:uppercase}.toolbox h3,.toolbox li{font-size:var(--size-step-min-1)}.toolbox li+li{padding-block-start:var(--space-xs)}.alt-container{display:grid;grid-template-columns:1fr;place-items:center;align-items:end;font-family:var(--font-base,system-ui);justify-items:start}.alt-container>*{grid-column-start:1;grid-row-start:1}.alt-container>button{margin:var(--space-xs)}.alt-container .anchor{background-color:var(--anchor-bg,var(--color-dark));border:2px solid var(--anchor-border,var(--color-text));color:var(--anchor-color,var(--color-light));cursor:pointer;font-family:var(--anchor-font-family,inherit);font-size:var(--anchor-font-size,var(--size-step-min-2));font-weight:var(--font-bold);text-align:center;text-transform:uppercase;z-index:1}.alt-container .anchor:focus-visible{outline-color:var(--color-primary)}.alt-container .target{background-color:var(--target-bg,var(--color-primary));border:2px solid var(--target-border,var(--color-primary));color:var(--target-color,var(--color-dark));font-size:var(--target-font-size,var(--size-step-min-1));inline-size:min(20rem,60%);overflow:visible}.alt-container .anchor,.alt-container .target{border-radius:var(--element-radius,.1em);padding:var(--space-xs)}@supports (position-anchor:--anchor-el){.alt-container .target{left:anchor(right);margin:0 0 0 1.5rem;position:absolute;top:anchor(top)}.alt-container .target:before{border:12px solid transparent;border-right:12px solid var(--target-bg,var(--color-primary));content:"";height:0;margin-inline-start:-1.8rem;pointer-events:none;position:absolute;top:var(--space-xs);width:0}}@media (scripting:none){.alt-container{display:none}}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){@keyframes appear{0%{opacity:0;rotate:-5deg;scale:.8}to{opacity:1;rotate:0;scale:1}}.alt-container{animation:appear linear;animation-timeline:view();animation-range:entry 1% cover 25%}}}custom-card{background-color:var(--color-bg-accent);border:4px solid var(--color-bg-accent);border-radius:var(--border-radius);color:var(--color-text);max-inline-size:unset;padding:var(--space-s-m)}custom-card ::-moz-selection{background-color:var(--color-primary);color:var(--color-dark)}custom-card ::selection{background-color:var(--color-primary);color:var(--color-dark)}custom-card h2,custom-card h3{font-family:var(--font-base);font-size:var(--size-step-2);grid-row:headline}custom-card h2 a,custom-card h3 a{text-decoration:none}custom-card>:is(picture,figure){grid-row:image;--flow-space:0}custom-card img{aspect-ratio:16/9;block-size:auto;max-inline-size:var(--max-img-width,100%);-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}custom-card>.meta{font-size:var(--size-step-min-1);grid-row:meta}custom-card>.meta:empty{display:none}custom-card>p{grid-row:desc}custom-card>footer{grid-row:footer}custom-card[no-padding]{background-color:transparent;border:4px solid var(--color-bg-accent);border-radius:none;padding:0}custom-card[equally-spaced]{display:grid;grid-template-rows:[image] max-content [headline] max-content [meta] max-content [desc] auto [footer] max-content}custom-card[img-square] img{aspect-ratio:1}custom-card[clickable]:focus-within,custom-card[clickable]:hover{border:4px solid var(--color-primary)}custom-card[clickable]:focus-within a:focus{outline:none}custom-card[clickable]{position:relative}custom-card[clickable] a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}custom-lightbulb:not(:defined){display:none}custom-lightbulb{cursor:pointer;position:absolute;right:-1em;transform:translateY(-2rem)}custom-lightbulb svg{block-size:auto;transform-origin:top;transition:transform .3s}#lightcircle{opacity:.1}[data-theme=dark] :is(#lightcircle,#innerbulb,#lightlines){display:none}@media (hover:hover){button:hover svg{transform:rotate(-2deg)}}@media (prefers-reduced-motion:no-preference){.pendulum{animation:pendulum 1s ease-out forwards}@keyframes pendulum{0%{transform:rotate(0)}10%{transform:rotate(2deg)}30%{transform:rotate(-1.8deg)}50%{transform:rotate(1.5deg)}70%{transform:rotate(-1.2deg)}90%{transform:rotate(.9deg)}to{transform:rotate(0)}}}custom-nav ul{gap:var(--space-xs);line-height:.5em;list-style:none;margin:0;margin-block-end:var(--space-xs)}custom-nav a{--text-color:var(--color-bg);--background-color:var(--color-text);--border-color:var(--color-bg-text);background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);display:block;padding:var(--space-s);text-decoration:none}custom-nav a:where(:hover,:focus){--background-color:var(--color-text);--text-color:var(--color-bg);--border-color:var(--color-bg)}custom-nav [aria-current=page],custom-nav [data-state=active]{--background-color:var(--color-text);--text-color:var(--color-bg);--border-color:var(--color-bg)}@media (min-width:730px){custom-nav ul{margin-inline-end:var(--space-xl);padding-block-end:0}custom-nav a{--text-color:var(--color-text);--background-color:transparent;--border-color:transparent;--text-decoration:transparent;background-color:var(--background-color);color:var(--text-color);padding:var(--space-xs) .2em;text-decoration-color:var(--text-decoration,transparent);text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:.2em}custom-nav a:where(:hover,:focus){--text-decoration:var(--color-text-accent);--text-color:var(--color-text);--background-color:transparent}custom-nav [aria-current=page],custom-nav [data-state=active]{--text-decoration:var(--color-primary);--text-color:var(--color-primary);--background-color:transparent}}custom-split{--region-space-top:var(--space-l-xl)}.ontop{position:relative;z-index:1}.region{padding-block-end:var(--region-space-bottom,var(--space-l-xl));padding-block-start:var(--region-space-top,var(--space-l-xl))}.visually-hidden{border:0;clip:rect(0 0 0 0);height:0;margin:0;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.absolute{position:absolute}.relative{position:relative}.my-s-m{margin-bottom:clamp(.625rem,.41rem + 1.06vw,1.3125rem);margin-top:clamp(.625rem,.41rem + 1.06vw,1.3125rem)}.mt-l-xl{margin-top:clamp(1.1875rem,.48rem + 3.56vw,3.5rem)}.mt-xl{margin-top:clamp(2.375rem,2.03rem + 1.73vw,3.5rem)}.inline{display:inline}.grid{display:grid}.hidden{display:none}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.text-center{text-align:center}.text-step-0{font-size:clamp(1.1875rem,1.01rem + .87vw,1.75rem)}.text-step-min-1{font-size:clamp(1rem,.88rem + .58vw,1.375rem)}.capitalize{text-transform:capitalize}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}