.main-nav__toggle-btn{border-radius:.625em;width:2.5em}.main-nav__nav-list{--opening-duration:350ms;--closing-duration:450ms;align-items:center;background-color:hsl(var(--hsl-bg-primary)/.9);display:flex;flex-direction:column;gap:2em;left:0;padding-block:5em;position:fixed;top:6em;top:var(--page-scroll-padding,6em);transform-origin:top;width:100%}@media (max-width:59.9375rem){
  /*
   ! Fix blur background
   https://bugs.chromium.org/p/chromium/issues/detail?id=993644
   */@supports ((-webkit-backdrop-filter:blur(0.5em)) or (backdrop-filter:blur(0.5em))){.main-nav__nav-list{-webkit-backdrop-filter:blur(.5em);backdrop-filter:blur(.5em)}}@media (prefers-reduced-motion:no-preference){.main-nav__nav-list:where([data-state=open]){animation:expand-down var(--opening-duration) ease-out forwards;clip-path:inset(0 0 100% 0)}.main-nav__nav-list:where([data-state=closing]){animation:shrink-up var(--closing-duration) ease-out forwards;clip-path:inset(0)}@keyframes expand-down{to{clip-path:inset(0)}}@keyframes shrink-up{to{clip-path:inset(0 0 100% 0)}}}.main-nav__nav-list:where([data-state=closed]){display:none}}.main-nav__nav-link{color:currentColor;display:inline-block;font-size:2rem;font-weight:600;text-align:center;text-decoration:none;transition:color .15s ease-out}@media (max-width:59.9375rem) and (prefers-reduced-motion:no-preference){:where(.main-nav__nav-list[data-state=open]) .main-nav__nav-link{animation:link-drop-down var(--opening-duration) forwards,fade-in var(--opening-duration) ease-out forwards}:where(.main-nav__nav-list[data-state=closing]) .main-nav__nav-link{animation:link-fly-up var(--closing-duration) forwards,fade-out var(--closing-duration) ease-out forwards}@keyframes link-drop-down{0%{transform:translateY(-200%);transform:translateY(calc(var(--order, 0)*-200% - 200%))}to{transform:translateY(0)}}@keyframes link-fly-up{0%{transform:translateY(0)}to{transform:translateY(-200%);transform:translateY(calc(var(--order, 0)*-200% - 200%))}}}.main-nav__nav-link:focus-visible,.main-nav__nav-link:hover{color:var(--clr-accent)}.main-nav__nav-link[target=_blank]:after{content:url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAMAAAAoLQ9TAAAAIGNIUk0AAHomAACAhAAA+gAAAIDoAAB1MAAA6mAAADqYAAAXcJy6UTwAAADnUExURf8AXQAAAP8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf8AXf///5CGJr8AAABLdFJOUwAAJsHk4d/KGImiqOcvOzwFC3Dp7v7o5acVaaGW/KxbXEJvpBd7/XoDG3LtfAZso1kMH0kaf9kiaIMjCpKeggETDgSFz9PY4uOqFHkueioAAAABYktHREz3bxDzAAAAB3RJTUUH5wcSDTMZF32cPQAAAKRJREFUGNN1jNcSgjAURC8ooIg1igp2FAHFDvbezf//jzEBZ3zwPO2e2VmAED4SFURR+naIxeWEgjEkU4w0n8nmUL4AolqkKKWyhvRKFXCt3qA0W8hodzCYXXZhaciwwemB2afdHajDkTOeTANBujHz/DmJVFgLleyX/ioU683WBtiRBcfE/nCEH8H4J7yTG3Ampxzgiy4z9Ovts5CEe8jj+QLuDT21GbO9z5kVAAAAJXRFWHRkYXRlOmNyZWF0ZQAyMDIzLTA3LTE4VDEzOjUxOjE2KzAwOjAwmkVrlQAAACV0RVh0ZGF0ZTptb2RpZnkAMjAyMy0wNy0xOFQxMzo1MToxNiswMDowMOsY0ykAAAAodEVYdGRhdGU6dGltZXN0YW1wADIwMjMtMDctMThUMTM6NTE6MjUrMDA6MDADau+IAAAAAElFTkSuQmCC);left:calc(100% + .25rem);opacity:0;position:absolute;top:50%;transform:translateY(-50%);transition:opacity .15s}.main-nav__nav-link[target=_blank]:where(:hover,:focus-visible):after{opacity:1}.main-nav__nav-link--emphasis{color:var(--clr-accent)}@media (min-width:60rem){.main-nav__toggle-btn{display:none}.main-nav__nav-list{background-color:initial;display:flex;flex-direction:row;gap:2.5em;padding-block:0;position:static}.main-nav__nav-link{font-size:clamp(.875rem,calc(.5rem + .45vw),1rem);font-weight:600;padding-block:0;text-transform:uppercase}}.main-header{background-color:var(--clr-bg-primary);position:sticky;top:0;z-index:1}@supports ((-webkit-backdrop-filter:blur(0.5em)) or (backdrop-filter:blur(0.5em))){.main-header{-webkit-backdrop-filter:blur(.5em);backdrop-filter:blur(.5em);background-color:hsl(var(--hsl-bg-primary)/.9)}}.main-header-content{grid-gap:2em;align-items:center;display:grid;gap:2em;grid-template-columns:1fr auto;justify-items:start;margin-inline:auto;max-width:var(--max-content-width);padding-inline:clamp(1.25em,calc(.25em + 3vw),3em);padding-bottom:1em;padding-top:clamp(1.25em,calc(.5em + 1.5vw),2.5em)}.company-info{align-items:center;color:inherit;display:flex;gap:min(1em,2vw)}.company-info__logo{width:clamp(2em,calc(1.5em + 1.5vw),3.5em)}.company-info__name{font-family:var(--ff-serif);font-size:clamp(1rem,calc(.75rem + .625vw),1.75rem);font-weight:600;white-space:nowrap}.main-header__action-btns{align-items:center;display:flex;gap:clamp(2.5em,calc(.5em + 7.5vw),5em)}@media (min-width:60rem){.main-header__action-btns{gap:2.5em}}.toggle-theme-btn{border-radius:50%;width:1.75em}.toggle-theme-btn--desktop{display:none}@media (min-width:60rem){.toggle-theme-btn--mobile{display:none}.toggle-theme-btn--desktop{display:inline-block}}.hero-section{grid-gap:2em;--base-height:45em;align-content:center;display:grid;gap:2em;grid-template-areas:"img-section img-section" "content content";grid-template-columns:repeat(2,1fr);margin-inline:auto;max-width:var(--max-content-width);min-height:min(calc(100vh - 6em),var(--base-height));min-height:min(calc(100vh - var(--page-scroll-padding, 6em)),var(--base-height));overflow-x:hidden;padding-block:2em;padding-inline:clamp(1.25em,calc(.25em + 3vw),3em)}@media (min-width:64rem){.hero-section{--base-height:38em;gap:1em;grid-template-areas:"content img-section" "content img-section";padding-inline:2.25em}}.hero-section__img-section{aspect-ratio:16/9;display:grid;grid-area:img-section;place-content:center;position:relative}.hero-section__img-container{max-width:max(25em,60vw)}@media (min-width:64rem){.hero-section__img-container{max-width:none}}.hero-section__graphic{aspect-ratio:16/9;display:block;margin-inline:auto;position:absolute;width:100%}@media (min-width:64rem){.hero-section__graphic{max-width:none}}.hero-section__content-section{grid-area:content}.hero-section__content{grid-gap:1.75em;align-content:center;display:grid;gap:1.75em;height:100%;justify-items:center;margin-inline:auto;max-width:72ch;text-align:center}@media (min-width:64rem){.hero-section__content{justify-items:start;margin-left:0;max-width:min(calc(52ch + 5vw),100%);text-align:left}}.hero-section__heading h2{font-size:clamp(2.25rem,calc(1rem + 3vw),3rem);font-weight:600}.hero-section__heading p{font-size:clamp(1rem,calc(.75rem + .75vw),1.125rem)}@media (min-width:64rem){.hero-section__heading h2{font-size:clamp(2.25rem,calc(1rem + 2.325vw),3.25rem)}.hero-section__heading p{font-size:clamp(1.125rem,calc(.75rem + .75vw),1.75rem)}}.fda-section{margin-block:2rem;margin-inline:auto;max-width:var(--max-content-width);padding-block:2rem}.fda-section__banner{width:100%}.info-section{margin-inline:auto;max-width:var(--max-content-width);overflow:hidden;padding-block:4em;padding-inline:clamp(1.25em,calc(.25em + 3vw),3em)}@media (min-width:60rem){.info-section{padding-inline:clamp(3em,calc(1.5em + 4vw),5em)}}.info-section__heading{color:var(--clr-text-secondary);font-size:clamp(2rem,calc(1rem + 2.75vw),2.75rem);font-weight:600;margin-bottom:1em}.info-section__sub-heading{color:var(--clr-text-tertiary);font-size:clamp(1.5rem,calc(.75rem + 2.5vw),1.75rem);font-weight:400;margin-bottom:.75em;margin-top:-.5em}.info-section__content{grid-gap:6em;display:grid;gap:6em}@media (min-width:60rem){.info-section__content{gap:7.5em}}.info-section__sub-section{grid-gap:1em;display:grid;gap:1em;grid-template-areas:"content content" "img img";grid-template-columns:repeat(2,1fr)}@media (min-width:60rem){.info-section__sub-section{align-items:center;gap:clamp(2em,calc(1em + 1.75vw),4em);grid-template-areas:"img content" "img content";grid-template-columns:1fr 1fr}.info-section__sub-section:nth-of-type(2n),:nth-of-type(2n)>.info-section__sub-section{grid-template-areas:"content img" "content img"}}.info-section__sub-section-img-container{grid-area:img}.info-section__sub-section-img{border-radius:.625em;margin-inline:auto}.info-section__sub-section-content{grid-gap:.5em;--line-height:1.625em;align-content:center;display:grid;gap:.5em;grid-area:content;line-height:var(--line-height)}.info-section__sub-section-heading{font-size:clamp(1.5rem,calc(.75rem + 2.5vw),1.75rem);font-weight:600;line-height:1em;margin-bottom:.5em}@media (min-width:60rem){.info-section__sub-section-heading{font-size:clamp(1.75rem,calc(1rem + 1vw),2.25rem)}}.info-section__sub-section-text{font-size:1rem}:where([data-is-overflowing=true][data-should-expand=false]) .info-section__sub-section-text{max-height:calc(var(--line-height)*var(--max-lines));overflow:hidden}.portfolio-section__header{display:flex;justify-content:space-between}.portfolio-section__carousel-controls{display:none}@media (min-width:30rem){.portfolio-section__carousel-controls{display:flex;gap:.5em;height:fit-content}.portfolio-section__carousel-control{background-color:var(--clr-bg-secondary);border-radius:50%;box-shadow:.125em .125em .5em #0004;height:clamp(2.25rem,2rem + .83vw,2.5rem);padding:.5em;transition:transform .15s,background-color .15s;width:clamp(2.25rem,2rem + .83vw,2.5rem)}:where(:root[data-theme=light]) .portfolio-section__carousel-control{background-color:var(--clr-bg-primary)}.portfolio-section__carousel-control:focus-visible,.portfolio-section__carousel-control:hover{background-color:#9993}.portfolio-section__carousel-control:active{transform:scale(.9)}.portfolio-section__carousel-control-icon{height:100%;width:100%}}@media (min-width:60rem){.portfolio-section__carousel-control{height:2.5em;width:2.5em}}.portfolio-section__carousel-wrapper{--edge-fade-size:1em;isolation:isolate;position:relative}.portfolio-section__carousel-wrapper:after,.portfolio-section__carousel-wrapper:before{--edge-fade-stop-clr-start:hsl(var(--hsl-bg-primary)/0);--edge-fade-stop-clr-stop:hsl(var(--hsl-bg-primary)/0.95);content:"";height:100%;position:absolute;top:0;width:var(--edge-fade-size);z-index:100}.portfolio-section__carousel-wrapper:before{background:linear-gradient(to left,var(--edge-fade-stop-clr-start) 30%,var(--edge-fade-stop-clr-stop));left:0}.portfolio-section__carousel-wrapper:after{background:linear-gradient(to right,var(--edge-fade-stop-clr-start) 30%,var(--edge-fade-stop-clr-stop));right:0}.portfolio-section__carousel{display:flex;gap:1.25em;overflow-x:auto;padding-block:1.5em;padding-inline:var(--edge-fade-size);scroll-padding-left:1.25em;scroll-snap-type:x mandatory}@media (prefers-reduced-motion:no-preference){.portfolio-section__carousel{scroll-behavior:smooth}}.portfolio-section__carousel-item{background-color:var(--clr-bg-secondary);border-radius:.625em;box-shadow:0 6px 20px #0002;display:block;isolation:isolate;min-width:16em;position:relative;scroll-snap-align:start;text-align:left}:where(:root[data-theme=light]) .portfolio-section__carousel-item{background-color:var(--clr-bg-primary)}@media (min-width:60rem){.portfolio-section__carousel-item{min-width:20em}}.portfolio-section__carousel-item-img-container{border-radius:inherit;inset:0;overflow:hidden;position:absolute;width:100%;z-index:-1}.portfolio-section__carousel-item-img{height:100%;left:0;object-fit:cover;top:0;transition:transform .15s;width:100%}:where(.portfolio-section__carousel-item):where(:hover,:focus-visible) .portfolio-section__carousel-item-img{transform:scale(1.1);transition:transform 0ms}@media (prefers-reduced-motion:no-preference){.portfolio-section__carousel-item-img{transition:transform .45s}:where(.portfolio-section__carousel-item):where(:hover,:focus-visible) .portfolio-section__carousel-item-img{transition:transform .25s ease-out}}.portfolio-section__carousel-item-content{grid-gap:1.5em;align-content:end;background:linear-gradient(#0000 10%,#000e 70%,#000);border-radius:inherit;color:#fff;display:grid;gap:1.5em;min-height:20em;padding:1.25em;width:100%}@media (min-width:60rem){.portfolio-section__carousel-item-content{min-height:22.5em}}.portfolio-section__carousel-item-heading{font-size:1rem;font-weight:600}.portfolio-section__carousel-item-category{font-size:.75rem}@media (min-width:60rem){.portfolio-section{--section-padding:5em}.portfolio-section__header{margin-inline:auto;max-width:calc(var(--max-content-width) - var(--section-padding)*2)}}.portfolio-modal-backdrop{--opening-duration:350ms;--closing-duration:250ms;animation:fade-in var(--opening-duration) ease-out forwards;background-color:#292929e6;display:grid;inset:0;padding-inline:10vw;place-items:center;position:fixed;z-index:1}.portfolio-modal-backdrop[data-closing=true]{animation:fade-out var(--closing-duration) ease-out forwards}.portfolio-modal{background-color:var(--clr-bg-secondary);border-radius:.6125em;box-shadow:0 6px 20px #0002;display:flex;flex-direction:column;max-height:90dvh;max-width:35em;outline:none!important;position:relative}@media (prefers-reduced-motion:no-preference){.portfolio-modal{animation:fly-in var(--opening-duration) ease-out forwards}:where(.portfolio-modal-backdrop[data-closing=true]) .portfolio-modal{animation:drop-out var(--closing-duration) ease-out forwards}}:where(:root[data-theme=light]) .portfolio-modal{background-color:var(--clr-bg-primary)}.portfolio-modal__close-btn{background-color:var(--clr-text-primary)!important;border-radius:50%;color:var(--clr-bg-primary);position:absolute;right:1em;top:1em;width:2em;z-index:1}.portfolio-modal__close-btn:focus,.portfolio-modal__close-btn:hover{background-color:hsl(var(--hsl-text-primary)/.75)!important;outline-color:var(--clr-text-primary)}.portfolio-modal__img-container{border-top-left-radius:inherit;border-top-right-radius:inherit;height:40vh;overflow:hidden;position:relative}.portfolio-modal__img{border-radius:inherit;height:100%;object-fit:cover;object-position:top left;width:100%}.portfolio-modal__img-overlay{background:linear-gradient(hsl(var(--hsl-bg-secondary)/0) 50%,hsl(var(--hsl-bg-secondary)));inset:0;position:absolute}.portfolio-modal__content{grid-gap:2em;display:grid;gap:2em;overflow:auto;padding-block:1.5em;padding-inline:2.5em}.portfolio-modal__heading{font-size:1.75rem;font-weight:600}.portfolio-modal__text{font-size:1rem;line-height:2em;white-space:pre-wrap}.portfolio-modal__logos{grid-gap:.25rem;align-items:center;border-radius:.5rem;display:grid;gap:.25rem;grid-auto-flow:dense;grid-template-columns:repeat(auto-fit,minmax(7.5rem,1fr));justify-items:center}.portfolio-modal__logos:empty{display:none}.portfolio-modal__logo{max-height:7.5rem}:where([data-theme=light]) .portfolio-modal__logo{mix-blend-mode:darken}:where([data-theme=dark]) .portfolio-modal__text a{color:#4296ff}:where([data-theme=light]) .portfolio-modal__text a{color:#415ee5}.portfolio-modal__text a:hover,.portfolio-section__text a:focus-visible{text-decoration:underline}.portfolio-modal__category{font-size:1rem;font-weight:600}@media (min-width:60rem){.portfolio-modal-backdrop{padding-inline:5em}.portfolio-modal{flex-direction:row;max-width:60em;min-height:0}.portfolio-modal__img-container{border-bottom-left-radius:inherit;border-bottom-right-radius:0;border-top-left-radius:inherit;border-top-right-radius:0;height:auto;min-width:30vw}.portfolio-modal__img{height:100%}.portfolio-modal__img-overlay{background:linear-gradient(to right,hsl(var(--hsl-bg-secondary)/0) 70%,hsl(var(--hsl-bg-secondary)))}}.portfolio-section__carousel::-webkit-scrollbar{display:none;height:10px}.portfolio-section__carousel::-webkit-scrollbar-thumb{background:#333;border-radius:.625em}.portfolio-section__carousel::-webkit-scrollbar-track{background:#3333}.problem-statistics{display:flex;flex-wrap:wrap;gap:1rem;justify-content:space-around;padding-block:1rem;row-gap:2rem;text-align:center}.problem-statistic{grid-gap:1rem;display:grid;gap:1rem}.problem-statistic h4{font-size:1.25rem;font-weight:500}.problem-statistic__value{font-size:5rem;font-weight:600;line-height:1}:where(.info-section__sub-section-img-container) video{margin-inline:auto}.fancy-list{counter-reset:list-counter}.fancy-list li+li{margin-top:1rem}.fancy-list li{grid-gap:.5rem;align-items:center;counter-increment:list-counter;display:grid;font-size:1.125rem;gap:.5rem;grid-template-columns:auto 1fr}.fancy-list li:before{--_size:2.5em;background-color:var(--clr-text-primary);border-radius:50%;color:var(--clr-bg-primary);content:counter(list-counter);display:grid;font-size:clamp(1.5rem,calc(.75rem + 2.5vw),1.75rem);font-weight:600;height:var(--_size);place-items:center;width:var(--_size)}@media (min-width:60rem){.fancy-list li:before{font-size:clamp(1.75rem,calc(1rem + 1vw),2.25rem)}}.contact-section{grid-gap:1em;background-color:var(--clr-bg-secondary);border-radius:1.25em;display:grid;gap:1em;margin-block:2em;margin-inline:clamp(1.25em,calc(.25em + 3vw),3em);padding-block:1.5em;padding-inline:2em;place-items:center;text-align:center}@media (min-width:60rem){.contact-section{background-color:#0000;margin-inline:clamp(3em,calc(1.5em + 4vw),5em)}}.contact-section__heading{color:var(--clr-text-secondary);font-size:clamp(2rem,calc(1rem + 2.75vw),2.75rem);font-weight:600}.contact-section__text{font-size:clamp(1rem,calc(.75rem + .75vw),1.125rem)}@media (min-width:60rem){.contact-section__text{font-size:clamp(1.125rem,calc(.75rem + .75vw),1.75rem)}}.main-footer{background-color:#000;color:#fff;font-size:1rem;font-weight:400;overflow:hidden;position:relative;z-index:0}.main-footer-bg-img{height:100%;left:0;object-fit:cover;object-position:center;opacity:.35;position:absolute;top:0;width:100%;z-index:-1}.main-footer-content{margin-inline:auto;max-width:var(--max-content-width)}.collaborators-section{background-color:#000a;margin-bottom:10em;padding-top:3.5em}.collaborators-section__heading{color:#fff;font-size:clamp(2rem,calc(1rem + 2.75vw),2.75rem);font-weight:600;text-align:center}.collaborators-section__content{align-items:center;display:flex;gap:2em;overflow:hidden;padding-block:2em;padding-inline:1em}.collaborators-section__img{height:3.25em;object-fit:contain;object-position:center;width:auto}.collaborators-section__img--large{height:6.5em}.contact-links{display:flex;flex-direction:column;gap:2em;margin-bottom:5em;padding-inline:1em}.address-links{grid-gap:.8125em;display:grid;gap:.8125em}.address-links__link{color:currentColor;display:inline-block;text-decoration:none;width:fit-content}.social-links{display:flex;gap:3em}.social-links__link{color:currentColor;display:inline-block;transition:color .15s}.social-links__link:focus-visible,.social-links__link:hover{color:var(--clr-accent)}:where(.social-links__link) .icon{height:2.5em;width:2.5em}.copyright-text{padding-bottom:2.5em;text-align:center}@media (min-width:60rem){.collaborators{gap:5em}.contact-links{align-items:flex-end;flex-direction:row;justify-content:space-between;padding-inline:5em}.copyright-text{padding-inline:5em;text-align:left}}.blog-nav{isolation:isolate}.blog-nav__toggle-btn{--_menu-icon-animation-delay:calc(var(--nav-transition-duration)*-0.1);background-color:#0000;color:inherit;font-size:2.5rem;padding:.125rem}@media (prefers-reduced-motion:no-preference){:where(.blog-nav__toggle-btn[data-can-animate=true][aria-expanded=true]) svg{animation:rotate-menu-icon var(--nav-transition-duration) var(--_menu-icon-animation-delay) ease-out}:where(.blog-nav__toggle-btn[data-can-animate=true][aria-expanded=false]) svg{animation:rotate-menu-icon-back var(--nav-transition-duration) var(--_menu-icon-animation-delay) ease-out}@keyframes rotate-menu-icon{to{transform:rotate(90deg)}}@keyframes rotate-menu-icon-back{0%{transform:rotate(90deg)}}}.blog-nav__body{background-color:var(--blog-pink-accent-color);display:none;left:0;min-height:100vh;min-height:100dvh;padding-inline:var(--blog-base-padding);padding-bottom:4rem;padding-top:6rem;position:fixed;top:0;width:min(30rem,100%);z-index:-1}@media (min-width:65em){.blog-nav__body{max-width:calc(100% - var(--blog-highlight-section-max-width))}}.blog-nav__body:where([data-state=open],[data-state=closing]){grid-gap:3rem;display:grid;gap:3rem;grid-template-rows:1fr auto}@media (prefers-reduced-motion:no-preference){.blog-nav__body:where([data-state=open]){animation:slide-nav-in var(--nav-transition-duration) ease-out}@keyframes slide-nav-in{0%{transform:translateX(-100%)}}}.blog-nav__body:where([data-state=closed]){display:none}@media (prefers-reduced-motion:reduce){.blog-nav__body:where{transition:none}}.blog-nav__body:where([data-state=closing]){transform:translateX(-100%)}@media (prefers-reduced-motion:no-preference){.blog-nav__body:where([data-state=closing]){transition:transform var(--nav-transition-duration) ease-in-out}}.blog-nav__list{align-items:center;display:flex;flex-direction:column;gap:.25rem}:where(.blog-nav__list) a{color:inherit;font-size:1.5rem;transition:opacity .15s}:where(.blog-nav__list) a:where(:hover,:focus-visible){opacity:.5}:root{--blog-base-padding:1.25rem;--blog-post-content-max-width:69ch;--blog-primary-text-color:hsl(var(--blog-primary-text-hsl));--blog-primary-text-hsl-on-light:0 0% 0%;--blog-primary-text-hsl-on-dark:0 0% 100%;--blog-primary-background-color:hsl(var(--blog-primary-background-hsl));--blog-primary-background-hsl-on-light:41 62% 95%;--blog-primary-background-hsl-on-dark:225 28% 14%;--blog-pink-accent-color:hsl(var(--blog-pink-accent-hsl));--blog-pink-accent-hsl:337 63% 51%;--blog-cyan-accent-color:hsl(var(--blog-cyan-accent-hsl));--blog-cyan-accent-hsl:185 37% 52%;scroll-behavior:auto!important;scrollbar-gutter:unset!important}:root:where([data-theme=light]){--blog-primary-text-hsl:var(--blog-primary-text-hsl-on-light);--blog-primary-background-hsl:var(--blog-primary-background-hsl-on-light)}:root:where([data-theme=dark]){--blog-primary-text-hsl:var(--blog-primary-text-hsl-on-dark);--blog-primary-background-hsl:var(--blog-primary-background-hsl-on-dark)}@media (min-width:40em){:root{--blog-base-padding:2rem}}.blog{--blog-accent-background-hsl:var(--blog-primary-background-hsl);--blog-accent-background-color:hsl(var(--blog-accent-background-hsl));--blog-accent-text-hsl:var(--blog-primary-text-hsl);--blog-accent-text-color:hsl(var(--blog-accent-text-hsl));background-color:hsl(var(--blog-primary-background-hsl));background-color:var(--blog-primary-background-color);color:hsl(var(--blog-primary-text-hsl));color:var(--blog-primary-text-color);display:grid;grid-template-rows:auto 1fr auto;isolation:isolate;min-height:100vh;min-height:100dvh;overflow-x:clip}.blog__main-header{align-items:center;background-color:var(--blog-accent-background-color);color:var(--blog-accent-text-color);display:flex;flex-direction:row-reverse;gap:1rem;justify-content:space-between;left:0;padding-block:1rem;padding-inline:1.25rem;padding-inline:var(--blog-base-padding);position:sticky;top:0;width:100%;z-index:1}@supports ((-webkit-backdrop-filter:blur(0.5em)) or (backdrop-filter:blur(0.5em))){.blog__main-header{-webkit-backdrop-filter:blur(.5em);backdrop-filter:blur(.5em);background-color:hsl(var(--blog-accent-background-hsl)/.9)}}.blog__main-header:where([data-hide=true]){transform:translateY(-100%)}@media (prefers-reduced-motion:no-preference){.blog__main-header:where([data-hide=true]){transition:transform .25s ease-in-out}.blog__main-header:where([data-hide=false]){transition:transform .35s ease-in-out}}.blog__home-links{--links-gap:1.5rem;align-items:center;display:flex;gap:var(--links-gap);z-index:1}:where(.blog__home-links) a{color:inherit;font-family:var(--ff-serif);font-size:1.25rem;font-weight:600;transition:color .15s}@media (min-width:40em){:where(.blog__home-links) a{font-size:1.5rem}}@media (min-width:65em){:where(.blog__home-links) a{font-size:1.75rem}}:where(.blog__home-links a)+a{position:relative}:where(.blog__home-links a)+a:after{border-left:2px solid;content:"";height:80%;left:calc(var(--links-gap)*-.5);opacity:.5;position:absolute;top:50%;transform:translateY(-50%)}@media (prefers-reduced-motion:no-preference){:where(.blog__home-links) img{transition:transform .5s}:where(.blog__home-links :is(:hover,:focus-visible)) img{transform:rotate(180deg);transition:transform .3s}}.blog__body{padding-block:1rem}.blog__newsletter{margin-block:2.5rem;margin-inline:auto;max-width:45ch;padding:1.25rem;padding:var(--blog-base-padding)}:where(.blog__newsletter) p{font-size:1.25rem;font-weight:500}:where(.blog__newsletter) form{border:2px solid #0000;border-bottom-color:initial;display:flex;gap:1rem;margin-top:1rem;width:100%}:where(.blog__newsletter) input{background-color:#0000;border:none;flex:1 1;padding-block:.875rem;padding-inline:.5rem}:where(.blog__newsletter) input::placeholder{color:hsl(var(--blog-primary-text-hsl)/.75)}:where(.blog__newsletter) button:where([type=submit]){align-items:center;background-color:#0000;display:flex;gap:.25rem;padding-inline:.5rem}:where(.blog__newsletter button[type=submit]) svg{font-size:1.5rem}.blog__social-links{display:flex;gap:.75rem;padding-block:1rem;padding-inline:1.25rem;padding-inline:var(--blog-base-padding)}:where(.blog__social-links) a{color:inherit}.blog-theme-toggle-btn{background-color:hsl(var(--blog-primary-background-hsl));background-color:var(--blog-primary-background-color);border:1px solid;border-radius:50%;bottom:2rem;font-size:1.5rem;padding:.25rem;position:fixed;right:1.25rem;right:var(--blog-base-padding);z-index:1}@media (prefers-reduced-motion:no-preference){:where(.blog-theme-toggle-btn) svg{animation:rotate-theme-icon .25s ease-out -50ms}.blog-theme-toggle-btn:where([aria-pressed=true]){transform:rotate(1turn)}@keyframes rotate-theme-icon{0%{transform:rotate(-90deg)}to{transform:rotate(0deg)}}}.blog-post-card{align-items:center;display:flex;gap:1rem}.blog-post-card__image{--size:11.25rem;height:var(--size);object-fit:cover;width:var(--size)}.blog-post-card__content{grid-gap:.25rem;display:grid;gap:.25rem}.blog-post-card__category{font-weight:600}.blog-post-card__title{font-size:1.5rem;font-weight:500}:where([data-theme=light]) .blog-post-card__title{color:var(--blog-pink-accent-color)}:where([data-theme=dark]) .blog-post-card__title{color:var(--blog-cyan-accent-color)}:where(.blog-post-card__title) a{color:inherit}.blog-post-card__excerpt{--lines:3;-webkit-line-clamp:var(--lines);line-clamp:var(--lines);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.blog-posts{margin-inline:auto;max-width:calc(var(--blog-post-content-max-width) + 10rem);padding-inline:var(--blog-base-padding)}.blog-posts__header{align-items:center;display:flex;gap:2rem;justify-content:space-between;margin-bottom:1rem}:where(.blog-posts__header) h1{font-size:1.5rem;font-weight:600}.blog-posts__search-field{align-items:center;display:flex;gap:.25rem;position:relative}:where(.blog-posts__search-field) svg{color:var(--blog-pink-accent-color);font-size:2rem;position:absolute}:where(.blog-posts__search-field) input{background-color:initial;border:none;outline-color:var(--blog-pink-accent-color)!important;padding-block:.5rem;padding-inline:2.25rem .25rem;width:100%}:where(.blog-posts__search-field) input::placeholder{color:var(--blog-pink-accent-color)}.blog-posts__post-list{grid-gap:2rem;display:grid;gap:2rem;margin-bottom:3.5rem}.blog-posts__load-more-btn{--accent:var(--blog-pink-accent-color);background-color:initial;border:3px solid var(--accent);border-radius:50%;color:var(--accent);display:block;font-weight:600;margin-inline:auto;padding-block:1rem;padding-inline:1.25rem}.moremi-use-cases-select{align-items:center;color:var(--color);display:flex;flex-wrap:wrap;gap:1.5rem;margin-block:3rem 2rem;margin-inline:auto;width:fit-content}:where(:root[data-theme=dark]) .moremi-use-cases-select{--color:#384048}:where(:root[data-theme=dark]) .moremi-use-cases-select{--color:#e8e5d8}.moremi-use-cases-select__label:after{content:":"}.moremi-use-cases-select__input-wrapper{--select-arrow-size:0.75rem;--select-inline-padding:1rem;--select-item-arrow-gap:1.5rem;--select-right-padding:calc(var(--select-inline-padding) + var(--select-arrow-size) + var(--select-item-arrow-gap));--select-arrow-color:currentColor;position:relative}.moremi-use-cases-select__input{-webkit-appearance:none;appearance:none;background-color:initial;border:1px solid;border-radius:.25rem;color:inherit;max-width:min(var(--blog-post-content-max-width),calc(100vw - var(--blog-base-padding)*2));padding-block:.75rem;padding-inline:1rem calc(2rem + var(--select-arrow-size));padding-inline:var(--select-inline-padding) var(--select-right-padding)}.moremi-use-cases-select__icon{position:absolute;right:var(--select-inline-padding);top:50%;transform:translateY(-50%);width:var(--select-arrow-size)}:where(:root[data-theme=light]) .moremi-qa-block{--text-color:#000;--item-shadow-color:#d3dae2cc;--item-border-color:#ccc;--item-icon-color:#000;--question-item-background-color:#d1ebff;--answer-item-background-color:#d1ffd5}:where(:root[data-theme=dark]) .moremi-qa-block{--text-color:#fff;--item-shadow-color:#302f2d33;--item-border-color:#b0bec5;--item-icon-color:#fff;--question-item-background-color:#3a5a98;--answer-item-background-color:#1f9878}.moremi-qa-block{align-items:flex-start;display:flex;flex-wrap:wrap;gap:1.5rem;padding-block:2rem}.moremi-qa-block__item{grid-gap:1rem;border:2px solid var(--item-border-color);border-radius:.75rem;box-shadow:3px 6px 10.5px var(--item-shadow-color);color:var(--text-color);display:grid;flex:1 1;gap:1rem;min-width:17.5rem;padding:1.5rem}.moremi-qa-block__item:where([data-item-type=question]){background-color:var(--question-item-background-color)}.moremi-qa-block__item:where([data-item-type=answer]){background-color:var(--answer-item-background-color)}.moremi-qa-block__item-icon{--icon-size:3rem;border-radius:50%;height:var(--icon-size);width:var(--icon-size)}:where(.moremi-qa-block__item[data-item-type=question]) .moremi-qa-block__item-icon{border:1px solid var(--item-icon-color);padding:.625rem}:where(.moremi-qa-block__item[data-item-type=answer]) .moremi-qa-block__item-icon{background-color:var(--item-icon-color);padding:.5rem}:where(.moremi-qa-block__item-icon)>*{height:100%;width:100%}.moremi-qa-block__item-header{grid-gap:1rem;display:grid;gap:1rem}.moremi-qa-block__item-heading{font-size:1.5rem}.moremi-qa-block__item-content{grid-gap:.75rem;display:grid;font-size:.9375rem;gap:.75rem}:where(.moremi-qa-block__item-content) p{margin-bottom:0!important;opacity:.8}:where(.moremi-qa-block__item-content) img{width:100%}.moremi-chart-wrapper{--chart-tooltip-border-radius:0.3125rem}:where(:root[data-theme=light]) .moremi-chart-wrapper{--chart-axis-color:#666;--chart-axis-value-color:#787878;--chart-grid-color:#bbb;--chart-tooltip-cursor-color:#3332;--chart-tooltip-background-color:#fff;--chart-tooltip-border-color:#ccc}:where(:root[data-theme=dark]) .moremi-chart-wrapper{--chart-axis-color:#ccc;--chart-axis-value-color:#888;--chart-grid-color:#444;--chart-tooltip-cursor-color:#ccc3;--chart-tooltip-background-color:#1b1b1b;--chart-tooltip-border-color:#333}.moremi-protein-structure{grid-gap:.5rem;border-radius:.875rem;display:grid;gap:.5rem;justify-items:center;overflow:hidden;position:relative}.moremi-protein-structure__viewer{--size:100%;aspect-ratio:1/1;height:auto;width:var(--size)}.moremi-protein-structure__viewer canvas{background-color:initial!important}.moremi-protein-structure__auto-spin-toggle-wrapper{border-radius:inherit;padding:.75rem;position:absolute;right:0;top:0}.moremi-protein-structure__auto-spin-toggle.icon-btn{--size:3rem;border-radius:50%;height:var(--size);opacity:.65;padding:.75rem;width:var(--size)}.blog-post__content{font-size:1.125rem;margin-inline:auto;max-width:var(--blog-post-content-max-width);padding-inline:var(--blog-base-padding)}:where(.blog-post__content) h1{font-size:2.5rem;font-weight:700;line-height:1.25;margin-bottom:2rem}@media (min-width:65em){:where(.blog-post__content) h1{font-size:3.25rem;margin-inline-start:-1.125em}}:where(.blog-post__content) h2{font-size:2rem;font-weight:700;padding-bottom:1rem;padding-top:2rem}@media (min-width:65em){:where(.blog-post__content) h2{font-size:2.5rem}}:where(.blog-post__content) h3{font-size:1.5rem;font-weight:700;padding-bottom:.5rem;padding-top:1rem}:where(.blog-post__content) h4{font-size:1.25rem;font-weight:700}:where(.blog-post__content) h5{font-size:1.125rem;font-weight:700}:where(.blog-post__content) h6{font-size:1.125rem;font-weight:600}:where(.blog-post__content) p{line-height:1.65;margin-bottom:1rem}:where(.blog-post__content) strong{font-weight:600}:where(.blog-post__content) em{font-style:italic}:where(.blog-post__content) a{color:inherit;text-decoration:underline!important;text-underline-offset:.125rem}:where(.blog-post__content) a:where(:hover,:focus-visible){text-decoration:none!important}:where(.blog-post__content) figure{padding-block:2rem}:where(.blog-post__content) div>figure:where(:first-of-type){position:relative}:where(.blog-post__content div>figure:first-of-type):after{background-color:var(--blog-accent-background-color);bottom:60%;content:"";height:100em;left:50%;position:absolute;transform:translateX(-50%);width:100vw;z-index:-1}@media (min-width:65em){:where(.blog-post__content) div>figure:where(:first-of-type){margin-inline:-1.5rem}}:has(~:where(.blog-post__content div>figure:first-of-type)){color:var(--blog-accent-text-color)}:where(.blog-post__content figure) img{margin-bottom:.5rem;width:100%}:where(.blog-post__content figure) figcaption{font-size:1rem;margin-inline:auto;max-width:min(var(--blog-post-content-max-width),calc(100vw - var(--blog-base-padding)*2));opacity:.75}:where(.blog-post__content) ol,:where(.blog-post__content) ul{padding-block:1rem}:where(.blog-post__content ul,.blog-post__content ol) li{list-style:inherit!important;margin-bottom:1rem;margin-left:2rem}:where(.blog-post__content) .table-wrapper{margin-block:1.5rem;max-width:min(var(--blog-post-content-max-width),calc(100vw - var(--blog-base-padding)*2));overflow-x:auto;width:100%}:where(.blog-post__content .table-wrapper) table{--table-border-radius:0.3125rem;--table-border:1px solid var(--table-border-color);border-collapse:initial;border-radius:var(--table-border-radius);border-spacing:0;color:var(--blog-primary-text-color);width:100%}:where(:root[data-theme=light]) .blog-post__content .table-wrapper table{--table-border-color:#ff3030}:where(:root[data-theme=dark]) .blog-post__content .table-wrapper table{--table-border-color:#50c6a7}:where(.blog-post__content .table-wrapper table tr) :is(th,td){border-bottom:var(--table-border);border-right:var(--table-border)}:where(.blog-post__content .table-wrapper table tr) :is(th,td):where(:first-child:not(:last-child)){border-left:var(--table-border)}:where(.blog-post__content .table-wrapper table tr) th{border-top:var(--table-border)}:where(.blog-post__content .table-wrapper table tr:first-child) th:where(:first-child){border-top-left-radius:var(--table-border-radius)}:where(.blog-post__content .table-wrapper table tr:first-child) th:where(:last-child){border-top-right-radius:var(--table-border-radius)}:where(.blog-post__content .table-wrapper table tr:last-child) td:where(:first-child:not(:last-child)){border-bottom-left-radius:var(--table-border-radius)}:where(.blog-post__content .table-wrapper table tr:last-child) td:where(:last-child){border-bottom-right-radius:var(--table-border-radius)}:where(.blog-post__content .table-wrapper) :is(th,td){padding:1rem}:where(.blog-post__content .table-wrapper) th{color:var(--blog-primary-text-color);font-weight:700}:where(.blog-post__content .table-wrapper) caption{caption-side:bottom;font-size:1rem;margin-top:.5rem;opacity:.75}:where(.blog-post__content) hr{border:none;border-top:1px solid}:where(.blog-post__content) break-word{word-break:break-all}:where(.blog-post__content) call-to-action{align-items:center;display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;padding-block:2rem}:where(.blog-post__content call-to-action) a{background-color:var(--clr-accent);border-radius:.625em;color:#fff;display:grid;font-size:1.125rem;font-weight:600;outline-color:var(--clr-accent)!important;padding-block:.9em;place-items:center;text-decoration:none!important;transition:background-color .15s ease-out;width:100%}:where(.blog-post__content call-to-action) a:where(:not(:first-child)){background-color:initial;border:2px solid var(--clr-accent);color:var(--clr-accent);isolation:isolate;position:relative}:where(.blog-post__content call-to-action) a:where(:hover,:focus-visible){background-color:var(--clr-accent-dark)}:where(.blog-post__content call-to-action) a:where(:not(:first-child):is(:hover,:focus-visible)){background-color:initial}:where(.blog-post__content call-to-action) a:where(:not(:first-child)):after{transition:background-color .15s ease-out}:where(.blog-post__content call-to-action) a:where(:not(:first-child):is(:hover,:focus-visible)):after{background-color:var(--clr-accent-dark);border-radius:inherit;content:"";inset:0;opacity:.15;position:absolute}@media (min-width:60rem){:where(.blog-post__content call-to-action) a{font-size:clamp(1.125rem,calc(.625rem + .75vw),1.5rem)}}@media (min-width:30rem){:where(.blog-post__content call-to-action) a{padding-inline:1.4em;width:fit-content}}:where(.blog-post__content special-list-col-3) ol{columns:12rem}:where(.blog-post__content) video-embed{display:block;padding-block:2rem}:where(.blog-post__content video-embed) iframe{aspect-ratio:16/9;display:block;width:100%}:where(.blog-post__content video-embed) figcaption{margin-top:.5rem}.blog-post__error-fallback{--blog-error-color-on-dark:#ef5350;--blog-error-color-on-light:#c62828;border-radius:.5rem;color:var(--blog-error-color);display:grid;isolation:isolate;margin-bottom:1rem;padding-block:1rem;padding-inline:2rem;place-items:center;position:relative;transition:color .15s}:where(:root[data-theme=light]) .blog-post__error-fallback{--blog-error-color:var(--blog-error-color-on-light)}:where(:root[data-theme=dark]) .blog-post__error-fallback{--blog-error-color:var(--blog-error-color-on-dark)}.blog-post__error-fallback:after{background-color:var(--blog-error-color);border-radius:inherit;content:"";inset:0;opacity:.15;position:absolute;transition:background-color .25s;z-index:-1}:where(.blog-post__error-fallback)>*{margin-bottom:0!important}.blog-post__content-footer{border-block:1px solid currentColor;display:grid;justify-items:center;margin-block:2rem;padding-block:2.5rem;text-align:center}:where(.blog-post__content-footer) p{display:inline-block;margin-bottom:0}.blog-post__social-media-nav{display:inline-block}:where(.blog-post__social-media-nav) ul{align-items:center;display:flex;font-size:1.25rem;gap:.5rem;margin:0}:where(.blog-post__social-media-nav) li{list-style:none!important;margin:0}:where(.blog-post__social-media-nav li) a{display:block}:where(.blog-post__social-media-nav li) a:focus-visible,:where(.blog-post__social-media-nav li) a:hover{color:var(--blog-pink-accent-color)}:where(.blog-post__content) figure-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));margin-bottom:.5rem}:where(.blog-post__content) wide-cover{--max-width:calc(100vw - 4rem);display:block;margin-inline:-10rem}.error-page{display:grid;grid-template-rows:auto 1fr;min-height:100vh;min-height:100dvh}.error-page__content{grid-gap:.5em;display:grid;gap:.5em;justify-items:center;max-width:var(--max-content-width);padding-bottom:0!important;padding:1em;place-content:center;width:100%}.error-page__title{align-items:center;color:var(--clr-text-primary);display:flex;font-size:7.5rem;font-weight:700;line-height:1em;text-align:center}.error-page__logo{display:inline-block;height:1em;width:1.5ch}@media (min-width:30rem){.error-page__content{font-size:1.5rem}.error-page__title{font-size:15rem}}@font-face{font-family:MuseoSans;font-style:normal;font-weight:100;src:url(/static/media/MuseoSans-100.d355445ed7d61b887e58.otf)}@font-face{font-family:MuseoSans;font-style:italic;font-weight:100;src:url(/static/media/MuseoSans-100Italic.902840545bda75eb62d0.otf)}@font-face{font-family:MuseoSans;font-style:normal;font-weight:300;src:url(/static/media/MuseoSans-300.34274fbfb2f270b8d53b.otf)}@font-face{font-family:MuseoSans;font-style:italic;font-weight:300;src:url(/static/media/MuseoSans-300Italic.775a235f88c1abd3ae9d.otf)}@font-face{font-family:MuseoSans;font-style:normal;font-weight:500;src:url(/static/media/MuseoSans-500.8ccea4947561e7008d19.otf)}@font-face{font-family:MuseoSans;font-style:italic;font-weight:500;src:url(/static/media/MuseoSans-500Italic.e20850e873a84ebd9a1b.otf)}@font-face{font-family:MuseoSans;font-style:normal;font-weight:700;src:url(/static/media/MuseoSans-700.80acced0ba3630ee652b.otf)}@font-face{font-family:MuseoSans;font-style:italic;font-weight:700;src:url(/static/media/MuseoSans-700Italic.4e8803c342fb5feb9873.otf)}@font-face{font-family:MuseoSans;font-style:normal;font-weight:900;src:url(/static/media/MuseoSans-900.0574e80a2483be7b033e.otf)}@font-face{font-family:MuseoSans;font-style:italic;font-weight:900;src:url(/static/media/MuseoSans-900Italic.e746feb2f74f447ab058.otf)}

/* ! Get actual font with all the needed sizes */@font-face{font-family:Museo;src:url(/static/media/Museo_300.bc42e4fb98594205f713.otf)}@media (prefers-reduced-motion:no-preference){:focus-visible{outline:3px solid;transition:outline-offset .15s ease-out}:not(:active):focus-visible{transition:outline-offset 50ms ease-out}}:not(:active):focus-visible{outline-offset:.15em}:root{--clr-accent:#ff005d;--clr-accent-dark:#c4004a;--hsl-accent:338 100% 50%;--ff-sans:MuseoSans,"Open sans",sans-serif;--ff-serif:Museo,Georgia,sans-serif;--max-content-width:85em;scroll-padding-top:5em;scroll-padding-top:var(--page-scroll-padding,5em);scrollbar-gutter:stable}@media (prefers-reduced-motion:no-preference){:root{scroll-behavior:smooth}}:root:where([data-theme=light]){--clr-bg-primary:#faf5ea;--hsl-bg-primary:41 62% 95%;--clr-bg-secondary:#ddd;--hsl-bg-secondary:0 0% 91%;--clr-text-primary:#000;--hsl-text-primary:0 0% 0%;--clr-text-secondary:#333;--clr-text-tertiary:#999;color-scheme:light}:root:where([data-theme=dark]){--clr-bg-primary:#1b1b1b;--hsl-bg-primary:0 0% 11%;--clr-bg-secondary:#2a2a2a;--hsl-bg-secondary:0 0% 16%;--clr-text-primary:#fff;--hsl-text-primary:0 0% 100%;--clr-text-secondary:#d2d2d2;--clr-text-tertiary:#707070;color-scheme:dark}*,:after,:before{transition:color 50ms ease-out,background-color .15s ease-out}.sr-only{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes fade-out{0%{opacity:1}to{opacity:0}}@keyframes fly-in{0%{transform:translateY(100%);transform:translateY(var(--fly-in-offset,100%))}to{transform:translateY(0)}}@keyframes drop-out{0%{transform:translateY(0)}to{transform:translateY(100%);transform:translateY(var(--drop-out-offset,100%))}}body{background-color:var(--clr-bg-primary);color:var(--clr-text-primary);font-family:MuseoSans,Open sans,sans-serif;font-family:var(--ff-sans);font-weight:300}.icon-btn{aspect-ratio:1;background-color:#0000;border:none;padding:.25em;transition:background-color .15s ease-out}.icon-btn:focus-visible,.icon-btn:hover{background-color:var(--clr-bg-secondary)}.icon-btn:active{background-color:hsl(var(--hsl-text-primary)/.2);border:1px solid hsl(var(--hsl-text-primary)/.25);transition:background-color 50ms ease-out,border 50ms}.icon-btn__icon{height:100%;width:100%}.action-btn-group{align-items:center;display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center}.action-btn{--accent-color:var(--clr-accent);--hover-accent-color:var(--clr-accent-dark);background-color:var(--accent-color);border-radius:.625em;color:#fff;display:grid;font-size:1.125rem;font-weight:600;outline-color:var(--accent-color);padding-block:.9em;padding-inline:1.125em;place-items:center;transition:background-color .15s ease-out;width:100%}.action-btn:where([data-btn-blue]){--accent-color:#349;--hover-accent-color:#238}.action-btn:focus-visible,.action-btn:hover{background-color:var(--hover-accent-color)}@media (min-width:60rem){.action-btn{font-size:clamp(1.125rem,calc(.625rem + .75vw),1.5rem)}}@media (min-width:32rem){.action-btn{width:auto}}.main-content{padding-bottom:5em}@media (min-width:60rem){.main-content{margin-inline:auto}}*,:after,:before{box-sizing:border-box;font:inherit;margin:0;padding:0}html{color-scheme:dark light}#root,body{min-height:100vh}img,picture,svg,video{display:block;height:auto;max-width:100%}a{text-decoration:none}li{list-style:none}button{border:none;cursor:pointer}