.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}button[data-astro-cid-cn3pouft]{--padding:var(--s-07);--size:calc(var(--header-icon) + (2 * var(--padding)));padding:var(--padding);width:var(--size);height:var(--size);border:none;display:flex}button[data-astro-cid-cn3pouft] svg{width:var(--header-icon);height:var(--header-icon);transition:transform .1s ease-out,opacity .1s ease-out;position:absolute}@media(hover:hover){button[data-astro-cid-cn3pouft]:hover svg{opacity:var(--o-2)}}.DarkMode-divider[data-astro-cid-cn3pouft]{width:var(--b-1);background-color:var(--color-border);align-self:stretch}header[data-astro-cid-3ef6ksr2]{padding:0 var(--page-gutter);height:var(--header-height);-webkit-backdrop-filter:blur(var(--s-05));backdrop-filter:blur(var(--s-05));background-color:var(--color-bg-translucent);border-bottom:var(--b-1) solid var(--color-border);z-index:var(--z-2);transition:transform .3s cubic-bezier(.33,1,.68,1),background-color var(--ease-fast),color var(--ease-fast);justify-content:space-between;align-items:center;display:flex;position:fixed;top:0;left:0;right:0}@supports not ((-webkit-backdrop-filter:blur(var(--s-05))) or (backdrop-filter:blur(var(--s-05)))){header[data-astro-cid-3ef6ksr2]{background-color:var(--color-bg)}}@media(min-width:1921px){header[data-astro-cid-3ef6ksr2]{padding:0 var(--page-gutter)}}@media(max-width:910px){.Header-logo[data-astro-cid-3ef6ksr2]{transform-origin:0;transform:scale(.8)}}.Header-nav[data-astro-cid-3ef6ksr2]{gap:var(--s-7);font-weight:500;display:flex}@media(max-width:1366px){.Header-nav[data-astro-cid-3ef6ksr2]{gap:var(--s-4)}}@media(max-width:910px){.Header-nav[data-astro-cid-3ef6ksr2]{display:none}}@media(min-width:1241px){.Header-nav[data-astro-cid-3ef6ksr2]{position:absolute;left:50%;transform:translate(-50%)}}.Header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{align-items:center;gap:var(--s-05);white-space:nowrap;padding:var(--s-02) var(--s-07);font-size:var(--f-1);border:var(--b-1) solid #0000;transition:all var(--ease-fast);-webkit-user-select:none;user-select:none;line-height:1;display:flex}.Header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2] svg{width:1.25em;height:1.25em;opacity:var(--o-3)}.Header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current=page]{background-color:var(--color-bg);border:var(--b-1) solid var(--color-border);border-radius:var(--r-max);pointer-events:none}.Header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current=page] svg{color:var(--color-accent)}@media(hover:hover){.Header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover{border:var(--b-1) solid var(--color-border);border-radius:var(--r-max)}}html[data-theme=light] .Header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2] svg{opacity:var(--o-2)}html[data-theme=light] .Header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current=page]{pointer-events:none}html[data-theme=light] .Header-nav[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2][aria-current=page] svg{opacity:1}.Header-actions[data-astro-cid-3ef6ksr2]{--gap:var(--s-2);gap:var(--gap);align-items:center;display:flex}@media(max-width:475px){.Header-actions[data-astro-cid-3ef6ksr2]{--gap:var(--s-1)}}.Header-actions[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{--padding:var(--s-05);padding:var(--padding);margin-right:calc(-1 * var(--padding));display:flex}.Header-actions[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2] svg{width:var(--header-icon);height:var(--header-icon);transition:opacity .1s linear}@media(hover:hover){.Header-actions[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover svg{opacity:var(--o-2)}}@media(max-width:910px){.Header-social[data-astro-cid-3ef6ksr2]{display:none!important}}.Header-hamburger[data-astro-cid-3ef6ksr2]{cursor:pointer;margin-right:calc(-1 * var(--s-05));transform-origin:50%;background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:none;transform:scale(.8)}@media(max-width:910px){.Header-hamburger[data-astro-cid-3ef6ksr2]{display:flex}}.Header-panel[data-astro-cid-3ef6ksr2]{top:var(--header-height);background-color:var(--color-bg-translucent);border-bottom:var(--b-1) solid var(--color-border);padding:var(--s-05) 0;z-index:var(--z-2);opacity:0;pointer-events:none;-webkit-backdrop-filter:blur(var(--s-05));backdrop-filter:blur(var(--s-05));transition:opacity .3s cubic-bezier(.22,1,.36,1),transform .3s cubic-bezier(.22,1,.36,1),background-color var(--ease-fast),border-color var(--ease-fast);flex-direction:column;display:none;position:fixed;left:0;right:0;transform:translateY(-10px)}@media(max-width:910px){.Header-panel[data-astro-cid-3ef6ksr2]{display:flex}}.Header-panel[data-astro-cid-3ef6ksr2].is-open{opacity:1;pointer-events:auto;transform:translateY(0)}@media(scripting:none){.Header-panel[data-astro-cid-3ef6ksr2]{background-color:var(--color-bg)}header[data-astro-cid-3ef6ksr2]:has(.Header-hamburger:focus)+.Header-panel[data-astro-cid-3ef6ksr2]{opacity:1;pointer-events:auto;transform:translateY(0)}.Header-panel[data-astro-cid-3ef6ksr2]:focus-within{opacity:1;pointer-events:auto;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.Header-panel[data-astro-cid-3ef6ksr2]{transition:none}}.Header-panel[data-astro-cid-3ef6ksr2]>a[data-astro-cid-3ef6ksr2]{line-height:1;font-size:var(--f-1);white-space:nowrap;padding:var(--s-2) var(--page-gutter);transition:all var(--ease-fast);-webkit-user-select:none;user-select:none;align-items:center;gap:var(--s-1);font-weight:500;display:flex}@media(hover:hover){.Header-panel[data-astro-cid-3ef6ksr2]>a[data-astro-cid-3ef6ksr2]:hover{opacity:1}}.Header-panel[data-astro-cid-3ef6ksr2]>a[data-astro-cid-3ef6ksr2] svg{width:var(--s-2);height:var(--s-2)}.Header-panel[data-astro-cid-3ef6ksr2]>a[data-astro-cid-3ef6ksr2][aria-current=page]{pointer-events:none;opacity:1}.Header-panel[data-astro-cid-3ef6ksr2]>a[data-astro-cid-3ef6ksr2][aria-current=page] svg{opacity:1;color:var(--color-accent)}html[data-theme=light] .Header-panel[data-astro-cid-3ef6ksr2]>a[data-astro-cid-3ef6ksr2][aria-current=page]{text-decoration:underline}html[data-theme=dark] .Header-panel[data-astro-cid-3ef6ksr2]>a[data-astro-cid-3ef6ksr2]:not([aria-current=page]){opacity:var(--o-3)}#content{transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s cubic-bezier(.22,1,.36,1)}@media(min-width:911px){#content{opacity:1!important;pointer-events:auto!important;-webkit-user-select:auto!important;user-select:auto!important;transform:none!important}}@media(prefers-reduced-motion:reduce){#content{transition:none}}@media(min-width:911px){body{overflow:auto!important}}.Header-panel-footer[data-astro-cid-3ef6ksr2]{gap:var(--s-4);padding:var(--s-1) var(--page-gutter) var(--s-05);border-top:var(--b-1) solid var(--color-border);margin-top:var(--s-05);display:flex}.Header-panel-footer[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]{display:flex}.Header-panel-footer[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2] svg{width:var(--header-icon);height:var(--header-icon);transition:opacity .1s linear}@media(hover:hover){.Header-panel-footer[data-astro-cid-3ef6ksr2] a[data-astro-cid-3ef6ksr2]:hover svg{opacity:var(--o-2)}}.Footer[data-astro-cid-sz7xmlte]{margin:var(--footer-space) auto 0 auto;width:var(--container-max);max-width:100%;font-size:var(--f-5);justify-content:space-between;align-items:center;display:flex}.Footer[data-astro-cid-sz7xmlte] small[data-astro-cid-sz7xmlte]{height:min-content}@media(max-width:910px){.Footer[data-astro-cid-sz7xmlte]{font-size:var(--f-3);flex-direction:column-reverse;align-items:flex-start}}.Footer[data-astro-cid-sz7xmlte] span{color:var(--color-accent)}.Footer[data-astro-cid-sz7xmlte] a{text-underline-offset:var(--s-02);text-decoration:underline;-webkit-text-decoration-color:var(--color-fg-underline);text-decoration-color:var(--color-fg-underline);transition:text-decoration-color var(--ease-fast)}@media(hover:hover){.Footer[data-astro-cid-sz7xmlte] a:hover{-webkit-text-decoration-color:var(--color-fg);text-decoration-color:var(--color-fg)}}.Background[data-astro-cid-y3soregm]{pointer-events:none;background-color:var(--color-border);background-image:radial-gradient(circle 420px at var(--bg-x,-100vw) var(--bg-y,-100vh),var(--color-accent) 0%,transparent 70%);z-index:-1;width:100%;height:100%;position:fixed;inset:0;-webkit-mask-image:url(/brand/logo-background.svg);mask-image:url(/brand/logo-background.svg);-webkit-mask-position:-10% 0;mask-position:-10% 0;-webkit-mask-size:200%;mask-size:200%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}@media(min-width:911px){.Background[data-astro-cid-y3soregm]{-webkit-mask-position:-10% -40%;mask-position:-10% -40%}}@media(min-width:1367px){.Background[data-astro-cid-y3soregm]{-webkit-mask-image:url(/brand/logo-background-large.svg);mask-image:url(/brand/logo-background-large.svg);-webkit-mask-position:0 40%;mask-position:0 40%}}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth;font-size:100%}body{line-height:inherit;margin:0}h1,h2,h3{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}a,button{-webkit-tap-highlight-color:#fff0}button{font-family:inherit;font-size:100%;font-weight:inherit;line-height:inherit;color:inherit;text-transform:none;-webkit-appearance:button;cursor:pointer;background-color:#0000;background-image:none;margin:0;padding:0}h1,h2,h3,p{margin:0}ol,ul{margin:0;padding:0;list-style:none}html[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-accent:#2de16f;--color-fg:#bddbc8e6;--color-fg-underline:#bddbc840;--color-fg-highlight:#e6ffef59;--color-bg:#0d0f0e;--color-bg-translucent:#1c221f61;--color-bg-raised:#1c221fa3;--color-border:#bbf7d021;--color-border-muted:#39463ec9;--ring-accent:0 0 0 var(--b-1) var(--color-accent);--ring-accent-soft:0 0 0 var(--b-1) #2de16f80}html[data-theme=light]{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--color-accent:#169c47;--color-fg:#33473b;--color-fg-underline:#33473b59;--color-fg-highlight:#0df26159;--color-bg:#f2fdf5;--color-bg-translucent:#e8fced7d;--color-bg-raised:#fff;--color-border:#2a413966;--color-border-muted:#d3d5d4;--ring-accent:0 0 0 var(--b-2) var(--color-accent);--ring-accent-soft:0 0 0 var(--b-2) #169c4780}html{background-color:var(--color-bg);color:var(--color-fg)}:root{--ease-fast:.1s ease-out;--page-gutter:var(--s-2);--container-max:1240px;--header-height:80px;--header-icon:28px;--footer-space:var(--s-12)}@media(max-width:910px){:root{--header-height:72px;--footer-space:var(--s-8)}}body{padding:0 var(--page-gutter) var(--page-gutter);touch-action:pan-y;flex-direction:column;justify-content:space-between;min-height:100dvh;display:flex;position:relative;overflow-x:hidden}#content{flex-direction:column;flex:1;justify-content:space-between;display:flex}.g-transitions{transition:background-color var(--ease-fast)}.g-transitions h1{transition:color var(--ease-fast)}.g-transitions h1>span{transition:color var(--ease-fast)}.g-transitions h2,.g-transitions p,.g-transitions span,.g-transitions strong,.g-transitions a{transition:color var(--ease-fast)}@font-face{font-family:TASA Orbiter;font-style:normal;font-weight:400 800;font-display:swap;src:url(/fonts/TASAOrbiter-VariableFont_wght.woff2)format("woff2-variations")}html{font-optical-sizing:auto;font-synthesis-weight:none;font-variant-numeric:lining-nums tabular-nums;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:TASA Orbiter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial,sans-serif;line-height:var(--lh-body)}:root{--type-hero:clamp(3rem, 2.096rem + 3.045vw, 5.75rem);--type-h1:clamp(2.375rem, 1.8408rem + 1.7993vw, 4rem);--type-h2:clamp(1.75rem, 1.3806rem + 1.2444vw, 2.625rem);--type-h3:clamp(1.375rem, 1.1639rem + .7111vw, 1.875rem);--type-body:clamp(1.1875rem, 1.0819rem + .3556vw, 1.4375rem);--lh-display:1.05;--lh-heading-1:1.08;--lh-heading-2:1.18;--lh-heading-3:1.3;--lh-body:1.55;--tracking-display:-.015em;--tracking-heading-1:-.02em;--tracking-heading-2:-.012em;--tracking-heading-3:-.006em;--tracking-body:0;--weight-display:750;--weight-heading-1:720;--weight-heading-2:680;--weight-heading-3:640;--weight-body:400;--weight-emphasis:580;--hero-max:21ch;--paragraph-max:60ch;--hero-margin-y:calc(1.25 * var(--type-hero));--top-heading-m-bottom:calc(.5 * var(--type-h1));--next-heading-m-top:calc(2 * var(--type-body));--next-heading-m-bottom:calc(.75 * var(--type-body));--paragraph-m-bottom:calc(1 * var(--type-body));--section-gap:calc(3 * var(--paragraph-m-bottom))}.g-hero-title{font-weight:var(--weight-display);font-size:var(--type-hero);line-height:var(--lh-display);letter-spacing:var(--tracking-display);margin:var(--hero-margin-y) 0;max-width:var(--hero-max)}@media(max-width:910px){.g-hero-title{text-wrap:balance}}.g-hero-title span{color:var(--color-accent)}.g-title{font-weight:var(--weight-heading-1);font-size:var(--type-h1);line-height:var(--lh-heading-1);letter-spacing:var(--tracking-heading-1);color:var(--color-accent);margin-bottom:var(--top-heading-m-bottom);text-wrap:balance}.g-title-2{font-weight:var(--weight-heading-2);font-size:var(--type-h2);line-height:var(--lh-heading-2);letter-spacing:var(--tracking-heading-2);color:var(--color-accent);margin-bottom:var(--next-heading-m-bottom);text-wrap:balance}.g-paragraphs{font-size:var(--type-body);line-height:var(--lh-body);letter-spacing:var(--tracking-body);max-width:var(--paragraph-max);text-wrap:pretty;gap:var(--paragraph-m-bottom);flex-direction:column;display:flex}.g-paragraphs a{color:var(--color-fg);text-decoration:underline;-webkit-text-decoration-color:var(--color-fg-underline);text-decoration-color:var(--color-fg-underline);display:inline-flex;position:relative}.g-paragraphs a:after{content:"";background-color:var(--color-fg-highlight);opacity:var(--o-1);height:1.25em;z-index:var(--z-behind);transform-origin:bottom;transition:transform var(--ease-fast),background-color var(--ease-fast);border-radius:.25em;position:absolute;bottom:.1em;left:-.1em;right:-.1em;transform:scaleY(.5)}@media(hover:hover){.g-paragraphs a:hover:after{transform:scaleY(1)}}.g-prose{width:100%}.g-prose h2:not(.open-source-grid *){font-weight:var(--weight-heading-2);line-height:var(--lh-heading-2);letter-spacing:var(--tracking-heading-2);color:var(--color-accent);font-size:var(--type-h2);margin-bottom:var(--next-heading-m-bottom);text-wrap:balance}.g-prose h3:not(.open-source-grid *){font-weight:var(--weight-heading-3);line-height:var(--lh-heading-3);letter-spacing:var(--tracking-heading-3);color:var(--color-accent);font-size:var(--type-h3);margin-bottom:var(--next-heading-m-bottom);text-wrap:balance}.g-prose p:not(.open-source-grid *){font-size:var(--type-body);line-height:var(--lh-body);max-width:var(--paragraph-max);margin-bottom:var(--paragraph-m-bottom);text-wrap:pretty}.g-prose p:not(.open-source-grid *)+p{margin-top:0}.g-prose p:not(.open-source-grid *):has(+h2){margin-bottom:0}.g-prose p:not(.open-source-grid *):has(+h3){margin-bottom:0}.g-prose p:not(.open-source-grid *)+h2{margin-top:var(--section-gap)}.g-prose p:not(.open-source-grid *)+h3{margin-top:var(--paragraph-m-bottom)}.g-prose p:not(.open-source-grid *)+img{margin-bottom:var(--paragraph-m-bottom)}.g-prose p:not(.open-source-grid *) a{color:var(--color-fg);text-decoration:underline;-webkit-text-decoration-color:var(--color-fg-underline);text-decoration-color:var(--color-fg-underline);display:inline-flex;position:relative}.g-prose p:not(.open-source-grid *) a:after{content:"";background-color:var(--color-fg-highlight);opacity:var(--o-1);height:1.25em;z-index:var(--z-behind);transform-origin:bottom;transition:transform var(--ease-fast),background-color var(--ease-fast);border-radius:.25em;position:absolute;bottom:.1em;left:-.1em;right:-.1em;transform:scaleY(.5)}@media(hover:hover){.g-prose p:not(.open-source-grid *) a:hover:after{transform:scaleY(1)}}.g-prose p:not(.open-source-grid *) strong{font-weight:var(--weight-emphasis)}.g-prose p:not(.open-source-grid *) b{font-weight:var(--weight-emphasis)}.g-prose p:not(.open-source-grid *):last-of-type{margin-bottom:0}.g-prose .open-source-grid{margin-top:calc(1.5 * var(--paragraph-m-bottom))}.g-prose .open-source-grid:not(:last-child){margin-bottom:var(--section-gap)}.g-prose img:not(.open-source-grid *){border-radius:var(--r-3);z-index:1;border-left:5px solid var(--color-accent);width:100%;max-width:840px;height:auto;position:relative}@media(max-width:475px){.g-prose img:not(.open-source-grid *){width:100vw;margin-left:calc(-1 * var(--page-gutter));object-fit:cover;border-left:none;border-top:2px solid var(--color-accent);border-radius:0;height:90vw}}@media(min-width:1921px){.g-prose img:not(.open-source-grid *){max-width:920px}}@media(hover:hover){.g-prose img:not(.open-source-grid *){opacity:.9;transition:opacity var(--ease-fast)}.g-prose img:not(.open-source-grid *):hover{opacity:1}}/*!
* Hamburgers
* @description Tasty CSS-animated hamburgers
* @author Jonathan Suh @jonsuh
* @site https://jonsuh.com/hamburgers
* @link https://github.com/jonsuh/hamburgers
*/.hamburger.is-active .hamburger-inner,.hamburger.is-active .hamburger-inner:before,.hamburger.is-active .hamburger-inner:after{background-color:var(--color-fg)}.hamburger-box{width:40px;height:24px;display:inline-block;position:relative}.hamburger-inner{margin-top:-2px;display:block;top:50%}.hamburger-inner,.hamburger-inner:before,.hamburger-inner:after{background-color:var(--color-fg);border-radius:2px;width:36px;height:2px;transition-property:transform;transition-duration:.15s;transition-timing-function:ease;position:absolute}.hamburger-inner:before,.hamburger-inner:after{content:"";display:block}.hamburger-inner:before{top:-10px}.hamburger-inner:after{bottom:-10px}.hamburger--stand .hamburger-inner{transition:transform 75ms cubic-bezier(.55,.055,.675,.19) .15s,background-color 0s linear 75ms}.hamburger--stand .hamburger-inner:before{transition:top 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--stand .hamburger-inner:after{transition:bottom 75ms ease-in 75ms,transform 75ms cubic-bezier(.55,.055,.675,.19)}.hamburger--stand.is-active .hamburger-inner{transition:transform 75ms cubic-bezier(.215,.61,.355,1),background-color 0s linear .15s;transform:rotate(90deg);background-color:#0000!important}.hamburger--stand.is-active .hamburger-inner:before{transition:top 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;top:0;transform:rotate(-45deg)}.hamburger--stand.is-active .hamburger-inner:after{transition:bottom 75ms ease-out .1s,transform 75ms cubic-bezier(.215,.61,.355,1) .15s;bottom:0;transform:rotate(45deg)}.g-sr-only{clip:rect(0 0 0 0);border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.g-article-wrapper{max-width:var(--container-max);margin:var(--header-height) auto 0 auto;flex-direction:column;justify-content:flex-start;align-items:flex-start;display:flex}.g-page-top-spacing{padding-top:var(--s-7)}@media(max-width:910px){.g-page-top-spacing{padding-top:var(--s-4)}}/*!
* @smastrom/variables
* @description Collection of CSS variables
* @author Simone Mastromattei smastrom@proton.me
* @date 2024-04-19T16:52:03.607Z 
* @link https://github.com/smastrom/variables
*/:root{--z-default:0;--z-behind:-1;--z-max:2147480000;--z-1:5;--z-2:10;--z-3:15;--z-4:20;--z-5:25;--z-6:30;--f-07:.75rem;--f-08:.825rem;--f-09:.925rem;--f-1:1rem;--f-2:1.125rem;--f-3:1.25rem;--f-4:1.375rem;--f-5:1.5rem;--f-6:1.75rem;--f-7:2rem;--f-8:2.25rem;--f-9:2.5rem;--f-10:2.75rem;--f-11:3rem;--f-12:4rem;--lh-normal:normal;--lh-0:0;--lh-1:1.125;--lh-2:1.25;--lh-3:1.325;--lh-4:1.4;--lh-5:1.5;--lh-6:1.625;--b-none:0px;--b-1:1px;--b-2:2px;--b-3:4px;--r-none:0px;--r-max:100000px;--r-1:2px;--r-2:5px;--r-3:.5rem;--r-4:1rem;--s-0:0px;--s-02:.25rem;--s-05:.5rem;--s-07:.75rem;--s-1:1rem;--s-2:1.25rem;--s-3:1.875rem;--s-4:2rem;--s-5:2.5rem;--s-6:2.75rem;--s-7:3rem;--s-8:3.5rem;--s-9:4rem;--s-10:5rem;--s-11:6rem;--s-12:8rem;--o-1:.25;--o-2:.5;--o-3:.8}