.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}blockquote,body,dd,dl,figure,h1,h2,h3,h4,p{margin:0}ol[role=list],ul[role=list]{list-style:none}:is(ul,ol)[class]{list-style-type:""}html{-moz-text-size-adjust:none;text-size-adjust:none;-webkit-text-size-adjust:none}html:focus-within{scroll-behavior:smooth}html{scrollbar-gutter:stable}body{line-height:1.5;min-height:100vh;min-height:100dvh;text-rendering:optimizeSpeed}a:not([class]){-webkit-text-decoration-skip:ink;text-decoration-skip-ink:auto}canvas,img,picture,svg,video{background-repeat:no-repeat;background-size:cover;block-size:auto;font-style:italic;max-inline-size:100%;shape-margin:.75rem;vertical-align:middle}button{all:unset}button,input,select,textarea{font:inherit}textarea:not([rows]){min-height:10em}[role=button],[role=option],button,select,summary{cursor:pointer}:where(*){text-wrap:pretty}h1,h2,h3,h4{text-wrap:balance}:target{scroll-margin-block-start:2ex}:focus{scroll-margin-block-end:8vh}@supports not (font-variation-settings:normal){@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:800;src:local(""),url(/assets/fonts/figtree/figtree-extrabold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:700;src:local(""),url(/assets/fonts/figtree/figtree-bold.woff2) format("woff2")}@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:500;src:local(""),url(/assets/fonts/figtree/figtree-medium.woff2) format("woff2")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:500;src:local(""),url(/assets/fonts/figtree/figtree-mediumitalic.woff2) format("woff2")}}@supports (font-variation-settings:normal){@font-face{font-display:swap;font-family:Figtree;font-style:normal;font-weight:300 900;src:url(/assets/fonts/figtree/figtree-variable[wght].woff2) format("woff2 supports variations"),url(/assets/fonts/figtree/figtree-variable[wght].woff2) format("woff2-variations")}@font-face{font-display:swap;font-family:Figtree;font-style:italic;font-weight:300 900;src:url(/assets/fonts/figtree/figtree-variable-italic[wght].woff2) format("woff2 supports variations"),url(/assets/fonts/figtree/figtree-variable-italic[wght].woff2) format("woff2-variations")}}@font-face{font-display:swap;font-family:Redhat;font-style:normal;font-weight:700;src:local(""),url(/assets/fonts/redhat/red-hat-display-v7-latin-900.woff2) format("woff2")}@font-face{font-display:swap;font-family:RobotoMono;font-style:normal;font-weight:400;src:local(""),url(/assets/fonts/robotomono/robotomono-regular.woff2) format("woff2")}:root{--color-base-dark:#343434;--color-base-light:#fbfbfb;--color-primary-highlight:#dd4462;--color-secondary-highlight:#4467dd;--color-tertiary-highlight:#fbbe25;--space-xs:clamp(0.3125rem,0.27rem + 0.22vw,0.4375rem);--space-s:clamp(0.625rem,0.53rem + 0.44vw,0.875rem);--space-m:clamp(0.875rem,0.71rem + 0.78vw,1.3125rem);--space-l:clamp(1.1875rem,0.98rem + 1.00vw,1.75rem);--space-xl:clamp(2.375rem,1.96rem + 2.00vw,3.5rem);--space-2xl:clamp(3.5625rem,2.94rem + 3.00vw,5.25rem);--space-3xl:clamp(5.9375rem,4.91rem + 5.00vw,8.75rem);--space-xs-s:clamp(0.3125rem,0.11rem + 1.00vw,0.875rem);--space-s-m:clamp(0.625rem,0.37rem + 1.22vw,1.3125rem);--space-m-l:clamp(0.875rem,0.55rem + 1.56vw,1.75rem);--space-l-xl:clamp(1.1875rem,0.34rem + 4.11vw,3.5rem);--space-l-2xl:clamp(2.375rem,1.32rem + 5.11vw,5.25rem);--space-xl-2xl:clamp(3.5625rem,1.66rem + 9.22vw,8.75rem);--space-2xl-3xl:clamp(5.9375rem,2.98rem + 14.33vw,14rem);--size-step-00:clamp(0.824375rem,0.72rem + 0.53vw,1.12rem);--size-step-0:clamp(0.989375rem,0.84rem + 0.73vw,1.4rem);--size-step-1:clamp(1.1875rem,0.98rem + 1.00vw,1.75rem);--size-step-2:clamp(1.425rem,1.15rem + 1.36vw,2.1875rem);--size-step-3:clamp(1.71rem,1.33rem + 1.82vw,2.734375rem);--size-step-4:clamp(2.051875rem,1.55rem + 2.43vw,3.418125rem);--size-step-5:clamp(2.4625rem,1.80rem + 3.22vw,4.2725rem);--size-step-6:clamp(2.955rem,2.08rem + 4.24vw,5.340625rem);--size-step-7:clamp(3.545625rem,2.40rem + 5.56vw,6.675625rem);--leading-flat:1;--leading-fine:1.15;--leading-standard:1.5;--leading-loose:1.7;--font-display:Redhat,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;--font-base:Figtree,Optima,Candara,Noto Sans,source-sans-pro,sans-serif;--font-mono:RobotoMono,ui-monospace,Cascadia Code,Source Code Pro,Menlo,Consolas,DejaVu Sans Mono,monospace;--font-regular:400;--font-medium:500;--font-bold:700;color-scheme:light dark;--gutter:var(--space-m-l);--border-radius:0.3rem;--border-radius-large:1.5rem;--transition-duration:250ms;--transition-timing:ease;--wrapper-width:85rem;--tracking:-0.05ch;--tracking-s:-0.075ch;--tracking-wide:0.05ch;--tracking-extra-wide:0.25ch;--gradient-rainbow:linear-gradient(90deg,#cf4662 10%,#fbbe25 30%,#62c95c 50%,#08bccb 75%,#a977d5 90%);--gradient-conic:conic-gradient(var(--color-primary) 0 28%,var(--color-secondary) 0 67%,var(--color-tertiary) 0 100%);--gradient-stripes:linear-gradient(45deg,var(--color-base-dark) 0 75%,var(--color-primary) 0 85%,var(--color-secondary) 0 92%,var(--color-tertiary) 0 100%)}:root,:root[data-theme=light]{--color-text:var(--color-base-dark);--color-bg:var(--color-base-light);--color-base:var(--color-base-dark);--color-primary:var(--color-primary-highlight);--color-secondary:var(--color-secondary-highlight);--color-tertiary:var(--color-tertiary-highlight);--color-text-accent:#505050;--color-bg-accent:#fdfdfd;--color-bg-accent-2:#f7f7f7}@media (prefers-color-scheme:dark){:root{--color-text:var(--color-base-light);--color-bg:var(--color-base-dark);--color-base:var(--color-base-light);--color-primary:var(--color-primary-highlight);--color-secondary:var(--color-secondary-highlight);--color-tertiary:var(--color-tertiary-highlight);--color-text-accent:#a8a8a8;--color-bg-accent:#383838;--color-bg-accent-2:#404040}}:root[data-theme=dark]{--color-text:var(--color-base-light);--color-bg:var(--color-base-dark);--color-base:var(--color-base-light);--color-primary:var(--color-primary-highlight);--color-secondary:var(--color-secondary-highlight);--color-tertiary:var(--color-tertiary-highlight);--color-text-accent:#a8a8a8;--color-bg-accent:#383838;--color-bg-accent-2:#404040}@supports (background:color-mix(in srgb,red 50%,blue)){:root,:root[data-theme=light]{--color-text-accent:color-mix(in oklab,var(--color-base-dark) 80%,var(--color-bg));--color-bg-accent:color-mix(in oklab,var(--color-bg) 90%,var(--color-text));--color-bg-accent-2:color-mix(in oklab,var(--color-bg) 70%,var(--color-text))}@media (prefers-color-scheme:dark){:root{--color-text-accent:color-mix(in oklab,var(--color-base-light) 70%,var(--color-bg));--color-bg-accent:color-mix(in oklab,var(--color-bg) 92%,var(--color-text));--color-bg-accent-2:color-mix(in oklab,var(--color-bg) 80%,var(--color-text));--color-primary:color-mix(in oklab,var(--color-primary-highlight),transparent 20%);--color-secondary:color-mix(in oklab,var(--color-secondary-highlight),transparent 20%);--color-tertiary:color-mix(in oklab,var(--color-tertiary-highlight),transparent 20%)}}:root[data-theme=dark]{--color-text-accent:color-mix(in oklab,var(--color-base-light) 70%,var(--color-bg));--color-bg-accent:color-mix(in oklab,var(--color-bg) 92%,var(--color-text));--color-bg-accent-2:color-mix(in oklab,var(--color-bg) 80%,var(--color-text));--color-primary:color-mix(in oklab,var(--color-primary-highlight),transparent 20%);--color-secondary:color-mix(in oklab,var(--color-secondary-highlight),transparent 20%);--color-tertiary:color-mix(in oklab,var(--color-tertiary-highlight),transparent 20%)}}@supports (color:hsl(from red h s l)){@media (prefers-color-scheme:dark){:root{--color-primary:hsl(from var(--color-primary-highlight) h calc(s / 1.2) l);--color-secondary:hsl(from var(--color-secondary-highlight) h calc(s / 1.2) l);--color-tertiary:hsl(from var(--color-tertiary-highlight) h calc(s / 1.2) l)}}:root[data-theme=dark]{--color-primary:hsl(from var(--color-primary-highlight) h calc(s / 1.2) l);--color-secondary:hsl(from var(--color-secondary-highlight) h calc(s / 1.2) l);--color-tertiary:hsl(from var(--color-tertiary-highlight) h calc(s / 1.2) l)}}body{accent-color:var(--color-primary);background-color:var(--color-bg);color:var(--custom-color-text,var(--color-text));display:flex;flex-direction:column;font-family:var(--font-base);font-size:var(--size-step-1);font-weight:var(--font-medium);letter-spacing:var(--tracking);line-height:1.4}main{flex:auto}h1,h2,h3{font-family:var(--font-display);font-weight:var(--font-bold);letter-spacing:var(--tracking-s);line-height:1.2}h1{font-size:var(--size-step-7)}h2{font-size:var(--size-step-4)}h3{font-size:var(--size-step-2)}blockquote:not([class]),li:not([class]),p:not([class]){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}svg{block-size:2ex;flex:none;inline-size:auto}strong{font-weight:var(--font-extra-bold)}hr{background-color:var(--color-bg-accent-2);border:0;height:1px;margin-block:var(--space-m-l);margin-inline-start:0;width:10%}[role=list]{padding:0}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}}.avatar{z-index:1}.avatar-cta{block-size:auto;inline-size:100%}.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)}.card-grid{display:grid;gap:2ch;grid-row:span 3;grid-template-rows:subgrid}.card-grid img{aspect-ratio:12/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}.card-pricing{--border-radius-card:var(--border-radius-large);--table-line:10em;--flow-space:var(--space-xs-s);background-color:var(--color-bg);border:.2em solid var(--color-text);border-radius:var(--border-radius-card);color:var(--color-text);display:flex;flex-direction:column;flex-wrap:wrap;justify-content:stretch;max-inline-size:unset;padding:var(--space-l-xl) var(--space-m-l)}.card-pricing>*{text-align:center}.card-pricing h3{font-size:var(--size-step-3)}.card-pricing__intro{--flow-space:0}.card-pricing__content{font-size:var(--size-step-0)}.card-pricing__label{line-height:1.4;margin-block-start:-1.4lh;padding-block-end:.4lh}.card-pricing__label span{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:var(--border-radius-card);letter-spacing:var(--tracking-wide);text-transform:uppercase;width:-moz-fit-content;width:fit-content}.card-pricing__content:after,.card-pricing__content:before{content:"";display:block;margin-inline:auto;max-inline-size:var(--table-line);position:relative}.card-pricing__content:before{border-block-start:1px solid var(--color-text);margin-block:var(--space-m-l)}.card-pricing__content:after{border-block-end:1px solid var(--color-text);margin-block:var(--space-m-l)}.card-pricing>:last-child{margin-block-start:auto}.card-pricing>svg{block-size:4em;display:block;margin-block-end:var(--space-s-m);margin-inline:auto}.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)}.card ::-moz-selection{background-color:var(--color-secondary);color:var(--color-dark)}.card ::selection{background-color:var(--color-secondary);color:var(--color-dark)}.card h2,.card h3{font-family:var(--font-base);font-size:var(--size-step-2)}.card h2 a,.card h3 a{text-decoration:none}.card:focus-within,.card:hover{border:4px solid var(--color-primary)}.card:focus-within a:focus{outline:none}.card{position:relative}.card a:after{bottom:0;content:"";left:0;position:absolute;right:0;top:0}.blogcards{--gutter:var(--space-l)}code{--color-code-orange:#e09952;--color-code-blue:var(--color-secondary);--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-0);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)}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%}.cta a{background-color:var(--color-bg);border-radius:var(--border-radius);color:var(--color-text);padding:0 .3rem;text-decoration:none}.cta a:hover{outline:1px solid;outline-offset:.01ch}.cta section{font-size:var(--size-step-1)}.cta .section__inner{background:var(--color-primary)}.cta svg{--spot-color:var(--color-primary)}.curve{transform:translateY(-1px)}.section>.curve:first-child{transform:rotate(180deg) translateY(-1px)}.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-1);font-weight:400;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 [href^=http]:not([href*="localhost:8080"]):not([href*="vargas.bz"]):not(.button){padding-inline-end:.8em}article [href^=http]:not([href*="localhost:8080"]):not([href*="vargas.bz"]):not(.no-indicator):after{background-image:url(/assets/images/template/external.svg);background-position:50%;background-repeat:no-repeat;background-size:60% auto;block-size:1em;content:"(external link)";display:inline-block;inline-size:1em;overflow:hidden;position:absolute;text-indent:1em;white-space:nowrap}.eyebrow{font-family:var(--font-mono);font-size:var(--size-step-1);line-height:1;text-transform:uppercase}.eyebrow+:is(h1,h2,h3,h4){--flow-space:1rem}.features{--grid-placement:auto-fit;--grid-min-item-size:clamp(16rem,33%,20rem);--gutter:var(--space-l-xl);--flow-space:var(--space-s);text-align:center}.features svg{block-size:4em;display:block;margin-inline:auto}.features a{text-decoration:none}.features a:hover{text-decoration:underline;text-decoration-thickness:.08ex;text-underline-offset:.2ex}.footnotes{font-size:var(--size-step-0)}.footnote-ref{color:var(--color-text-accent);font-size:var(--size-step-00);margin-inline-start:.1ch;vertical-align:super}.footnote-ref a{padding:.3ch;text-decoration:none}.footnote-backref{background-color:var(--color-bg-accent);border-radius:var(--border-radius);padding-inline:var(--space-xs);text-decoration:none}.footnote-backref:hover{color:var(--color-primary)}form{accent-color:var(--color-text);display:grid;gap:1.5rem;width:min(30rem,100%);::-moz-selection{background-color:var(--color-base-dark);color:var(--color-base-light)}::selection{background-color:var(--color-base-dark);color:var(--color-base-light)}}label{font-size:var(--size-step-0)}.form-group{align-items:center;display:grid;gap:.5rem}button,input,select,textarea{padding:.5rem .75rem}input::-moz-placeholder{font-size:1rem}input::placeholder{font-size:1rem}input,select,textarea{background-color:var(--color-base-light);color:var(--color-base-dark)}.gemini{animation:gemini 15s linear infinite;background:radial-gradient(circle,var(--color-primary),var(--color-secondary),var(--color-tertiary));-webkit-background-clip:text;background-clip:text;background-size:200% 200%;color:transparent}@keyframes gemini{0%{background-position:0 0}50%{background-position:100% 100%}to{background-position:0 0}}.gradient-shadow{background:linear-gradient(45deg,var(--color-primary),var(--color-tertiary),var(--color-secondary));box-shadow:0;isolation:isolate;position:relative}.gradient-shadow:after,.gradient-shadow:before{background:inherit;content:"";inset:0;position:absolute;z-index:-1}.gradient-shadow:before{filter:blur(.75em)}.gradient-shadow:after{filter:blur(2em);opacity:.5}.gradient-text{background-image:var(--gradient-conic);background-size:50%;padding:.6rem 0}.gradient-text,.gradient-text-linear{-webkit-background-clip:text;background-clip:text;color:transparent}.gradient-text-linear{background-image:var(--gradient-rainbow);background-repeat:repeat;background-size:100%}.logo{align-items:center;display:flex;font-weight:700;gap:var(--space-xs);svg{block-size:4ex}}.marquee{--gap:1rem;display:flex;overflow:hidden;position:relative;-webkit-user-select:none;-moz-user-select:none;user-select:none}.marquee__content{align-items:center;display:flex;flex-shrink:0;gap:var(--gap);justify-content:space-around;min-width:100%}.marquee__media{min-height:4rem;transform:scale(.75);path{fill:var(--color-text-accent)}}@keyframes scroll{0%{transform:translateX(0)}to{transform:translateX(calc(-100% - var(--gap)))}}.marquee.is-visible .marquee__content{animation:scroll 150s linear infinite}.pagination{--gutter:var(--space-xs-s)}.pagination li{background-color:var(--pagination-bg,var(--color-bg));border:3px solid var(--pagination-border,var(--color-bg-accent));border-radius:var(--border-radius);color:var(--pagination-text,var(--color-text))}.pagination a{display:block;padding:var(--space-xs) var(--space-s-m);text-decoration:none}.pagination li:not(:has(a)){opacity:.6;padding:var(--space-xs) var(--space-s-m)}.pagination li:has(a:hover){--pagination-bg:var(--color-bg-accent);--pagination-border:var(--color-bg-accent)}.pagination li:has(a[aria-current=page]){--pagination-bg:var(--color-secondary);--pagination-border:var(--color-secondary);--pagination-text:var(--color-base-light)}.post h1{font-size:var(--size-step-7)}.post h2{font-size:var(--size-step-3)}.post h3{font-size:var(--size-step-2)}.post 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}.date{color:var(--color-text-light);font-size:var(--size-step-1)}.credit{background-color:var(--color-bg);border-radius:var(--border-radius);color:var(--color-text-accent);max-inline-size:-moz-fit-content;max-inline-size:fit-content;padding:var(--space-xs) var(--space-s);transform:translateY(-4ch) translateX(-.5ch)}.credit,.meta{font-size:var(--size-step-0)}.meta{margin-block-end:var(--space-m)}.prose{--flow-space:var(--space-m-l);--wrapper-width:55rem}.prose :is(pre,pre+*,figure,figure+*){--flow-space:var(--space-m-l)}.prose figcaption{font-size:var(--size-step-0);margin-block-end:var(--space-s);margin-block-start:1ex;padding-block-end:var(--space-xs);text-align:center}.prose :is(h2,h3,h4){--flow-space:var(--space-xl)}.prose :is(h2+*,h3+*,h4+*):not(figure){--flow-space:var(--space-m)}.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-base-dark)}.prose :not(.cluster):not(.grid):not[class]>li+li{padding-block-start:var(--space-s-m)}.prose :where(ul:not(.grid):not[class],ol:not(.grid):not[class]){padding-inline-start:1.5ch}.prose :where(ul:not(.grid):not[class]) li::marker{color:var(--color-primary);content:"– "}.prose ol li::marker{color:var(--color-primary)}.prose [data-unset]{--wrapper-width:85rem}@media (max-width:329px){.prose a,.prose>*{overflow-wrap:break-word;word-wrap:break-word;-webkit-hyphens:auto;hyphens:auto;word-break:break-word}}@keyframes scale-a-lil{0%{scale:.5}}@media (prefers-reduced-motion:no-preference){figure img{animation:scale-a-lil linear both;animation-timeline:view();animation-range:25vh 75vh}}.section>.seperator:first-child{transform:rotate(180deg) translateY(-1px)}.section__inner{background-color:var(--spot-color,var(--color-bg-accent));color:var(--section-color,var(--color-base-light))}.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%}.seperator{block-size:3.5em;display:block;inline-size:100%;fill:var(--spot-color,var(--color-bg))}.site-foot{color:var(--color-text);margin-block-start:var(--space-l-xl);padding:var(--space-s-m)}.site-foot__inner{align-items:center;display:flex;gap:var(--space-xs);justify-content:center}.site-foot__inner a{padding:var(--space-xs)}:not(nav#social).site-foot__inner{flex-wrap:wrap}.site-foot svg{block-size:1em;inline-size:1.1em}.site-foot .creator{text-decoration:none}.site-foot .creator:hover{-webkit-background-clip:text;background-clip:text;background-image:var(--gradient-rainbow);background-repeat:repeat;background-size:100%;color:transparent}.site-foot .creator:hover svg{color:var(--color-text)}.logo{--gutter:var(--space-xs);font-size:var(--size-step-1);font-weight:var(--font-bold);padding:var(--space-s) 0;text-decoration:none;text-transform:uppercase}.site-nav-drawer{inset-inline-end:.1rem;position:var(--nav-position,absolute)}.site-nav-drawer ul{--cluster-vertical-alignment:normal;--gutter:var(--space-xs);background:var(--nav-list-background,var(--color-bg));block-size:var(--nav-list-height,100vh);box-shadow:var(--nav-list-shadow,-5px 0 11px 0 rgba(0,0,0,.2));flex-direction:var(--nav-list-layout,column);inline-size:var(--nav-list-width,min(22rem,100vw));inset-block-start:0;inset-inline-end:0;line-height:.5em;list-style:none;margin:0;padding:var(--nav-list-padding,var(--space-2xl) var(--space-s));position:var(--nav-list-position,fixed);visibility:var(--nav-list-visibility,visible);z-index:1}.site-nav-drawer [aria-expanded=false]+ul{transform:var(--nav-list-transform,translateX(100%));visibility:var(--nav-list-visibility,hidden)}@media (prefers-reduced-motion:no-preference){.site-nav-drawer [aria-expanded=true]+ul,.site-nav-drawer svg{transition:transform .4s cubic-bezier(.68,-.55,.27,1.55),visibility .05s linear}}.site-nav-drawer a{--text-color:var(--color-text);--background-color:var(--color-bg);--border-color:transparent;background-color:var(--background-color);border:1px solid var(--border-color);border-radius:var(--border-radius);color:var(--text-color);display:block;padding:var(--anchor-padding,var(--space-s));text-decoration:none}.site-nav-drawer a:where(:hover,:focus){--background-color:var(--color-bg-accent);--text-color:var(--color-text-accent);--border-color:var(--color-bg-accent)}.site-nav-drawer [aria-current=page],.site-nav-drawer [data-state=active]{--background-color:var(--color-bg-accent);--text-color:var(--color-text);--border-color:var(--color-bg-accent)}.site-nav-drawer button{all:unset;align-items:center;cursor:pointer;display:var(--nav-button-display,flex);padding:var(--space-xs) 0;position:relative;z-index:2}.site-nav-drawer span{font-size:var(--size-step-min-1);font-weight:700;padding-inline-end:var(--space-2xs);text-transform:uppercase}.site-nav-drawer svg{block-size:100%;color:var(--color-text);inline-size:auto;transform:translateY(-.1em)}.site-nav-drawer [aria-expanded=true] svg{transform:var(--nav-list-rotate,rotate(45deg))}@media (min-width:330px){.site-nav-drawer{--nav-button-display:none;--nav-position:static}.site-nav-drawer ul{--nav-list-background:transparent;--nav-list-layout:row;--nav-list-position:static;--nav-list-padding:0;--nav-list-height:auto;--nav-list-width:100%;--nav-list-shadow:none;--nav-list-transform:none;--nav-list-visibility:visible}.site-nav-drawer a{--anchor-padding:var(--space-xs) 0.2em;--text-color:var(--color-text);--background-color:transparent;--border-color:transparent;--text-decoration:transparent;text-decoration-color:var(--text-decoration,transparent);text-decoration-line:underline;text-decoration-thickness:3px;text-underline-offset:.2em}.site-nav-drawer a:where(:hover,:focus){--text-color:var(--color-text);--background-color:transparent;--border-color:transparent;--text-decoration:var(--color-text-accent)}.site-nav-drawer [aria-current=page],.site-nav-drawer [data-state=active]{--text-color:var(--color-primary);--background-color:transparent;--border-color:transparent;--text-decoration:var(--color-primary)}}.site-nav{padding-block-start:1ex}.site-nav ul{gap:var(--space-s) var(--space-xs);line-height:.5em;list-style:none;margin:0;padding-block-end:var(--space-s)}.site-nav a{--text-color:var(--color-text);--background-color:var(--color-bg);--border-color:var(--color-bg-accent-2);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}.site-nav a:where(:hover,:focus){--background-color:var(--color-text);--text-color:var(--color-bg);--border-color:var(--color-bg)}.site-nav [aria-current=page],.site-nav [data-state=active]{--background-color:var(--color-text);--text-color:var(--color-bg);--border-color:var(--color-bg)}@media (min-width:760px){.site-nav ul{padding-block-end:0}.site-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}.site-nav a:where(:hover,:focus){--text-decoration:var(--color-text-accent);--text-color:var(--color-text);--background-color:transparent}.site-nav [aria-current=page],.site-nav [data-state=active]{--text-decoration:var(--color-primary);--text-color:var(--color-primary);--background-color:transparent}}.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}.switch-input{--switch-input-thumb-size:44px;--switch-input-thumb-bg:#fff;--switch-input-thumb-stroke:1px solid grey;--switch-input-off-bg:#444;--switch-input-off-text:#fff;--switch-input-on-bg:#00a878;--switch-input-on-text:#fff;--switch-input-gutter:4px;--switch-input-decor-space:var(--switch-input-gutter) 1.25ch;--switch-input-focus-stroke:2px solid #ff6978;--switch-input-font-weight:bold;--switch-input-font-family:sans-serif;--switch-input-font-size:18cqw;--switch-input-transition:inset 50ms linear;background:var(--switch-input-off-bg);border-radius:calc(var(--switch-input-thumb-size) + var(--switch-input-gutter));color:var(--switch-input-off-text);container-type:inline-size;cursor:pointer;font-family:var(--switch-input-font-family);font-weight:var(--switch-input-font-weight);height:calc(var(--switch-input-thumb-size) + var(--switch-input-gutter)*2);padding:var(--switch-input-gutter);position:relative;text-align:left;text-transform:uppercase;width:calc(var(--switch-input-thumb-size)*2 + var(--switch-input-gutter)*3)}.switch-input__decor{align-items:center;display:flex;font-size:var(--switch-input-font-size);inset-block:0;inset-inline-start:0;padding:var(--switch-input-decor-space);position:absolute;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%}.switch-input__decor[data-switch-input-state=off]{justify-content:flex-end}.switch-input__thumb{background:var(--switch-input-thumb-bg);border:var(--switch-input-thumb-stroke);border-radius:var(--switch-input-thumb-size);display:block;height:var(--switch-input-thumb-size);inset-block-start:var(--switch-input-gutter);inset-inline-start:var(--switch-input-gutter);position:absolute;transition:var(--switch-input-transition);width:var(--switch-input-thumb-size);z-index:1}.switch-input:has(:focus-visible) .switch-input__thumb{outline:var(--switch-input-focus-stroke)}.switch-input:has(:checked){background:var(--switch-input-on-bg);color:var(--switch-input-on-text)}.switch-input:has(:checked) .switch-input__thumb{inset-inline-start:calc(var(--switch-input-thumb-size) + var(--switch-input-gutter)*2)}table{border:0;inline-size:100%}table br{display:none}thead{border:none;clip:rect(0 0 0 0);block-size:1px;inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute}tr{border:1px solid var(--color-text);display:block;margin-block-end:var(--space-s)}td,th{padding:var(--space-xs) var(--space-s);vertical-align:sub}td{border-block-end:1px solid var(--color-text);display:block;text-align:start}td:before{content:attr(data-label);float:start;font-weight:var(--font-bold)}td:last-child{border-block-end:0}@media (min-width:330px){table{border-collapse:collapse;margin:0;padding:0;table-layout:fixed}table br{display:block}thead{display:table-header-group;position:static;text-align:start}caption{margin:var(--space-xs) 0 var(--space-s)}tr{border:0;display:table-row;margin:0;padding:var(--space-xs)}tr:not(:last-child){border-block-end:1px solid var(--color-bg-accent)}td{border:none}td:before{display:none}td,th{display:table-cell;padding:var(--space-s);text-align:start}}.tabs-container{[role=tablist]{display:flex;gap:1rem;list-style:none;margin:0;padding:0}[aria-selected=true]{color:var(--color-primary)}[aria-selected=true],ul>li>a{text-decoration-thickness:.2em;text-underline-offset:.5em}ul>li>a{color:var(--color-text)}}.taglist{--gutter:var(--space-s-m)}.post-tag{--button-bg:var(--color-text);--button-text:var(--color-bg);--button-border:var(--color-text);font-size:var(--size-step-00);font-weight:var(--font-bold);padding:.1rem .625rem;text-transform:uppercase}.card .post-tag{--button-bg:var(--color-bg-accent-2);--button-text:var(--color-text);--button-border:var(--color-bg-accent-2);margin-inline-start:var(--space-s-m)}.tags h1{font-size:var(--size-step-4)}.tags h2{font-size:var(--size-step-2)}.theme-switch h2{font-family:var(--font-base);font-size:var(--size-step-0)}.theme-switch .button{--button-border:var(--color-bg-accent-2);border-radius:var(--border-radius);font-size:var(--size-step-00);font-weight:var(--font-bold);min-block-size:1.5em;padding:.1rem .625rem;text-transform:uppercase}.theme-switch .button[aria-pressed=true]{--_color-primary-contast:color-mix(in oklab,var(--color-primary) 85%,var(--color-base-dark));--button-bg:var(--_color-primary-contast);--button-text:var(--color-base-light);--button-border:var(--_color-primary-contast)}.visual{aspect-ratio:2/1.4;border-radius:var(--border-radius)}.youtube-embed{aspect-ratio:16/9}.cluster{align-items:var(--cluster-vertical-alignment,center);display:flex;flex-wrap:wrap;justify-content:var(--cluster-horizontal-alignment,flex-start)}.cluster,.grid{gap:var(--gutter,var(--space-s-l))}.grid{display:grid;grid-template-columns:repeat(var(--grid-placement,auto-fill),minmax(var(--grid-min-item-size,16rem),1fr))}.grid[data-rows=masonry]{align-items:start;grid-template-rows:masonry}.grid[data-layout="50-50"]{--grid-placement:auto-fit;--grid-min-item-size:clamp(16rem,50vw,28rem)}.grid[data-layout=thirds]{--grid-placement:auto-fit;--grid-min-item-size:clamp(16rem,33%,20rem)}.grid[data-layout=twelfths]{display:grid;grid-template-columns:repeat(12,1fr)}.grid[data-layout="lg:10/2"]{grid-template-columns:100%}@media (min-width:760px){.grid[data-layout="lg:10/2"]{grid-template-columns:clamp(40rem,80vw,60rem)}}@media (min-width:1230px){.grid[data-layout="lg:10/2"]{grid-template-columns:10fr 2fr}}.reel{--reel-space:2rem;block-size:auto;display:flex;margin-inline:auto;max-inline-size:100%;overflow-x:auto;padding:.5rem;-webkit-overflow-scrolling:touch}.reel>*{flex-basis:var(--reel-item-width,calc(33.333% - var(--reel-space)));flex-shrink:0}.reel>*+*{margin-inline-start:var(--reel-space)}.reel[data-scroll=snap]{scroll-snap-type:x mandatory}.reel[data-scroll=snap]>*{scroll-snap-align:start}.repel{align-items:var(--repel-vertical-alignment,center);display:flex;flex-wrap:wrap;gap:var(--gutter,var(--space-s-l));justify-content:space-between}.repel[data-nowrap]{flex-wrap:nowrap}.sidebar{align-items:var(--sidebar-align,center);display:flex;flex-wrap:var(--sidebar-wrap,wrap);gap:var(--gutter,var(--space-s-l))}.sidebar:not([data-direction])>:first-child{flex-basis:var(--sidebar-target-width,20rem);flex-grow:1}.sidebar:not([data-direction])>:last-child{flex-basis:0;flex-grow:999;min-inline-size:var(--sidebar-content-min-width,50%)}.sidebar[data-direction=rtl]>:last-child{flex-basis:var(--sidebar-target-width,20rem);flex-grow:1}.sidebar[data-direction=rtl]>:first-child{flex-basis:0;flex-grow:999;min-inline-size:var(--sidebar-content-min-width,50%)}.switcher{align-items:var(--switcher-vertical-alignment,flex-start);display:flex;flex-wrap:wrap;gap:var(--gutter,var(--space-s-l))}.switcher>*{flex-basis:calc((var(--switcher-target-container-width, 40rem) - 100%)*999);flex-grow:1}.switcher>:nth-last-child(n+3),.switcher>:nth-last-child(n+3)~*{flex-basis:100%}.blur{filter:blur(.25rem)}.column{-moz-column-count:1;column-count:1}@media (min-width:45em){.column{-moz-column-count:2;column-count:2;gap:var(--gutter,var(--space-l-xl))}}.drop-shadow{filter:drop-shadow(1px 2px 3px hsla(0,0%,0%,.1)) drop-shadow(2px 4px 6px hsla(0,0%,3%,.1)) drop-shadow(4px 8px 12px hsla(0,0%,0%,.1))}@media (prefers-reduced-motion:no-preference){.fade-in-bottom{animation-duration:.8s;animation-fill-mode:forwards;animation-name:fadeInBottom;animation-timing-function:cubic-bezier(.4,.05,.22,1.2);opacity:0;transform:translateY(1rem)}}@keyframes fadeInBottom{0%{opacity:0;transform:translateY(2rem)}to{opacity:1;transform:none}}@keyframes float{0%{filter:drop-shadow(0 5px 15px 0 rgba(0,0,0,.6));transform:translatey(0)}50%{filter:drop-shadow(0 5px 15px 0 rgba(0,0,0,.2));transform:translatey(-20px)}to{filter:drop-shadow(0 5px 15px 0 rgba(0,0,0,.6));transform:translatey(0)}}.float-up-down{animation:float 6s ease-in-out infinite;filter:drop-shadow(0 5px 15px 0 rgba(0,0,0,.6));transform:translatey(0)}.flow>*+*{margin-block-start:var(--flow-space,1em)}.full-bleed{margin-left:50%;transform:translateX(-50%);width:100vw}@media (prefers-reduced-motion:no-preference){.gradient-moving{--gradient-rainbow:linear-gradient(45deg,#cf4662 10%,#fbbe25 30%,#62c95c 50%,#08bccb 75%,#a977d5 90%);animation:gradient 25s ease infinite;background-image:var(--gradient-rainbow);background-size:400% 400%}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.grow-shrink{animation-duration:2.5s;animation-iteration-count:infinite;animation-name:grow-shrink;display:inline-block}@keyframes grow-shrink{0%{transform:scale(.9)}50%{transform:scale(1)}to{transform:scale(.9)}}}.heading-line{align-items:flex-start;display:flex;text-align:left;&:after{background:var(--color-bg-accent-2);block-size:1px;content:"";flex-grow:1;margin-block-start:auto;margin-left:var(--space-s);transform:translateY(-.25em)}}.icon{block-size:1em;display:inline-block;vertical-align:middle}.icon,.icon+*{margin-inline-end:.5ex}@media (prefers-reduced-motion:no-preference){.media-reveal,.media-reveal>img{--radius:36px;animation:media-reveal linear forwards;animation-timeline:view();animation-range:entry;border-radius:var(--radius)}@keyframes media-reveal{0%{clip-path:inset(15%)}to{clip-path:inset(0 round var(--radius))}}}.no-underline{text-decoration:none}.object-fit-cover{block-size:100%;inline-size:100%;-o-object-fit:cover;object-fit:cover}.ontop{position:relative;z-index:1}.overflow-hidden,.truncate{overflow:hidden}.truncate{text-overflow:ellipsis;white-space:nowrap}.region{padding-block:var(--region-space,var(--space-xl-2xl));padding-block-end:var(--region-space-bottom,var(--space-xl-2xl));padding-block-start:var(--region-space-top,var(--space-xl-2xl))}.rounded,.rounded>*{--border-radius-l:var(--border-radius-large);border-radius:var(--border-radius-l);overflow:hidden;-webkit-transform:translateZ(0)}@media (prefers-reduced-motion:no-preference){mark.scroll-highlight{animation:mark-it linear;animation-fill-mode:forwards;background-color:transparent;background-image:linear-gradient(var(--color-primary),var(--color-primary));background-repeat:no-repeat;background-size:0 100%;color:#fff;animation-timeline:view();animation-iteration-count:1;animation-range:contain 0 contain 25%}@keyframes mark-it{0%{background-size:0 100%}to{background-size:100% 100%}}}.svg-hero svg{display:block;inline-size:16em}.text-shadow{text-shadow:1px 1px 2px rgba(0,0,0,.25)}.visible-desktop{display:none}@media (min-width:40em){.visible-desktop{display:block}}.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}@media (prefers-reduced-motion:no-preference){.wave{animation-duration:2.5s;animation-iteration-count:infinite;animation-name:wave-animation;display:inline-block;transform-origin:70% 70%}@keyframes wave-animation{0%{transform:rotate(0)}10%{transform:rotate(14deg)}20%{transform:rotate(-8deg)}30%{transform:rotate(14deg)}40%{transform:rotate(-4deg)}50%{transform:rotate(10deg)}60%{transform:rotate(0)}to{transform:rotate(0)}}}.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:55rem}.popout{grid-column:popout}.feature{grid-column:feature}.full{grid-column:full}.collapse{visibility:collapse}.my-s-m{margin-bottom:clamp(.625rem,.37rem + 1.22vw,1.3125rem);margin-top:clamp(.625rem,.37rem + 1.22vw,1.3125rem)}.mb-l-xl{margin-bottom:clamp(1.1875rem,.34rem + 4.11vw,3.5rem)}.mb-m-l{margin-bottom:clamp(.875rem,.55rem + 1.56vw,1.75rem)}.mt-l-xl{margin-top:clamp(1.1875rem,.34rem + 4.11vw,3.5rem)}.mt-m-l{margin-top:clamp(.875rem,.55rem + 1.56vw,1.75rem)}.mt-s-m{margin-top:clamp(.625rem,.37rem + 1.22vw,1.3125rem)}.mt-xs{margin-top:clamp(.3125rem,.27rem + .22vw,.4375rem)}.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}.overflow-hidden{overflow:hidden}.text-center{text-align:center}.text-step-0{font-size:clamp(.989375rem,.84rem + .73vw,1.4rem)}.text-step-00{font-size:clamp(.824375rem,.72rem + .53vw,1.12rem)}.text-step-2{font-size:clamp(1.425rem,1.15rem + 1.36vw,2.1875rem)}.uppercase{text-transform:uppercase}.italic{font-style:italic}.text-base-light{color:#fbfbfb}.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)}.flow-space-xs{--flow-space:clamp(0.3125rem,0.27rem + 0.22vw,0.4375rem)}