@charset "UTF-8";.no-webp .header__logo-img{background-image:url(/_astro/logo.DnbK1qDn.png)}.webp .header__logo-img{background-image:url(/_astro/logo.D45eMUci.webp)}:root{--clr-grey-light: #d6d6d6;--clr-grey-dark: #222222;--clr-accent: #98c9eb;--clr-primary: #83bde7;--clr-secondary: #e1eff9;--background: #fbfdfe;--body-text: #02090d;--toggle-color: #fec44c;--card-background: rgb(251, 253, 254)}.darkMode{--clr-accent: #5efafd;--clr-primary: #77fbfd;--clr-secondary: #102020;--background: #101818;--body-text: #EBFFFF;--toggle-color: #77fbfd;--card-background: rgba(26, 34, 34, .6)}:root{--tag-api: #b9fbc0;--tag-background: #98f5e1;--tag-color: #8eecf5;--tag-css: #90dbf4;--tag-layout: #a3c4f3;--tag-font: #cfbaf0;--tag-icon: #f1c0e8;--tag-inspiration: #b8c0ff;--tag-javascript: #ffcfd2;--tag-media: #fde4cf;--tag-spacing: #fbf8cc;--tag-svg: #d9ed92}:root{--default-border-radius-sm: 5px;--default-border-radius-lg: 10px}:root{--ft-size-0: clamp(.78rem, calc(.77rem + .03vw) , .8rem);--ft-size-1: clamp(.94rem, calc(.92rem + .11vw) , 1rem);--ft-size-2: clamp(1.13rem, calc(1.08rem + .22vw) , 1.25rem);--ft-size-3: clamp(1.35rem, calc(1.28rem + .37vw) , 1.56rem);--ft-size-4: clamp(1.62rem, calc(1.5rem + .58vw) , 1.95rem);--ft-size-5: clamp(1.94rem, calc(1.77rem + .87vw) , 2.44rem);--ft-size-6: clamp(2.33rem, calc(2.08rem + 1.25vw) , 3.05rem);--ft-size-7: clamp(2.8rem, calc(2.45rem + 1.77vw) , 3.82rem);--ft-size-8: clamp(3rem, calc(2rem + 1.45vw) , 4.77rem)}:root{--ft-family-body: "IBM Plex Sans", sans-serif;--ft-family-header: "IBM Plex Sans Condensed", sans-serif}*,*:before,*:after{margin:0;padding:0;box-sizing:inherit}html{box-sizing:border-box;font-size:62.5%;overflow-x:hidden;scroll-behavior:smooth}body{background-color:var(--background);color:var(--body-text);font-family:var(--ft-family-body);line-height:1.6;width:100vw;overflow-x:hidden;display:flex;position:relative}main{width:100%;min-height:100vh}li{list-style:none}a{text-decoration:none}.no-webp .header__logo-img{background-image:url(/_astro/logo.DnbK1qDn.png)}.webp .header__logo-img{background-image:url(/_astro/logo.D45eMUci.webp)}.darkMode-toggle.darkMode-toggle--reversed .darkMode-toggle__classic{transform:scaleX(-1)}.darkMode-toggle{--darkMode-toggle__classic--duration: .5s }.darkMode-toggle__classic path{transition-timing-function:cubic-bezier(0,0,.15,1.25);transform-origin:center;transition-duration:calc(var(--darkMode-toggle__classic--duration) * .8)}.darkMode-toggle__classic g path{transition-property:opacity,transform;transition-delay:calc(var(--darkMode-toggle__classic--duration) * .2)}.darkMode-toggle__classic :first-child path{transition-property:transform,d}.darkMode-toggle input[type=checkbox]:checked~.darkMode-toggle__classic g path,.darkMode-toggle--toggled:not(label).darkMode-toggle .darkMode-toggle__classic g path{transform:scale(.5) rotate(45deg);opacity:0;transition-delay:0s}.darkMode-toggle input[type=checkbox]:checked~.darkMode-toggle__classic :first-child path,.darkMode-toggle--toggled:not(label).darkMode-toggle .darkMode-toggle__classic :first-child path{d:path("M-12 5h30a1 1 0 0 0 9 13v24h-39Z");transition-delay:calc(var(--darkMode-toggle__classic--duration) * .2)}@supports not (d: path("")){.darkMode-toggle input[type=checkbox]:checked~.darkMode-toggle__classic :first-child path,.darkMode-toggle--toggled:not(label).darkMode-toggle .darkMode-toggle__classic :first-child path{transform:translate3d(-12px,10px,0)}}.darkMode-toggle{border:none;background:0 0;cursor:pointer}.darkMode-toggle input[type=checkbox]{display:none}.darkMode-toggle .darkMode-toggle-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}@media (prefers-reduced-motion: reduce){.darkMode-toggle:not(.darkMode-toggle--force-motion) *{transition:none!important}}body.darkMode .header a{color:var(--background)}.sidebar{border-right:solid 1px var(--clr-grey-dark)}.sidebar__search{border:1px solid rgba(255,255,255,.6)}.header[data-astro-cid-5blmo7yk]{display:flex;justify-content:center;width:100%;z-index:200;height:10rem;text-decoration:none;background-color:var(--background-color);transition:box-shadow .2s}@media only screen and (max-width: 37.5em){.header[data-astro-cid-5blmo7yk]{z-index:10}}.header-box[data-astro-cid-5blmo7yk]{display:flex;justify-content:space-between;width:80%}@media only screen and (max-width: 56.25em){.header-box[data-astro-cid-5blmo7yk]{width:95%}}.header__logo[data-astro-cid-5blmo7yk]{cursor:pointer;display:flex;align-items:center;z-index:200}.header__logo-text[data-astro-cid-5blmo7yk]{margin-left:1rem;text-decoration:none;font-family:var(--ft-family-header);font-weight:500;font-size:var(--ft-size-5);letter-spacing:-.5px;line-height:1.2;color:var(--body-text);background-color:var(--background)}@media only screen and (max-width: 56.25em){.header__logo-text[data-astro-cid-5blmo7yk]{margin-right:3rem;font-size:var(--ft-size-4)}}@media only screen and (max-width: 37.5em){.header__logo-text[data-astro-cid-5blmo7yk]{margin-right:1rem;line-height:1}}.header__logo-text[data-astro-cid-5blmo7yk] span[data-astro-cid-5blmo7yk]{display:block}.header__logo-img[data-astro-cid-5blmo7yk]{height:6rem;width:6rem;margin:1rem 0;background-size:cover;background-position:top;overflow:visible;border:none;transition:all .3s}@media only screen and (max-width: 75em){.header__logo-img[data-astro-cid-5blmo7yk]{margin-left:1rem}}@media only screen and (max-width: 56.25em){.header__logo-img[data-astro-cid-5blmo7yk]{height:5rem;width:5rem}}@media only screen and (max-width: 37.5em){.header__logo-img[data-astro-cid-5blmo7yk]{height:4rem;width:4rem}}.header__logo[data-astro-cid-5blmo7yk]:hover .header__logo-img[data-astro-cid-5blmo7yk]{animation:rotate .8s ease-in-out}.header__nav[data-astro-cid-5blmo7yk]{display:flex;align-items:center}.header__nav-item[data-astro-cid-5blmo7yk]{margin-right:2rem;font-size:var(--ft-size-4);font-weight:300;transition:all .2s;border-radius:var(--default-border-radius-sm)}.header__nav-item[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk]{background-color:var(--clr-primary);border-radius:var(--default-border-radius-sm);padding:1rem 2rem;color:var(--body-text)}@media only screen and (max-width: 56.25em){.header__nav-item[data-astro-cid-5blmo7yk] a[data-astro-cid-5blmo7yk]{padding:.8rem 1rem}}@media only screen and (max-width: 37.5em){.header__nav-item[data-astro-cid-5blmo7yk]{display:none}}.header__nav-item[data-astro-cid-5blmo7yk]:hover{box-shadow:0 15px 40px -10px var(--clr-primary);transform:translateY(-4px)}@media only screen and (max-width: 37.5em){.header__nav-toggle[data-astro-cid-5blmo7yk]{padding:4rem 0}}.header__nav[data-astro-cid-5blmo7yk] .darkMode-toggle[data-astro-cid-5blmo7yk]{cursor:pointer;display:flex;justify-content:center;align-items:center;background-color:inherit;padding:1px;border-radius:.5rem;color:var(--toggle-color)}.header__nav[data-astro-cid-5blmo7yk] .darkMode-toggle__classic[data-astro-cid-5blmo7yk]{width:4rem;height:4rem}@keyframes rotate{0%{transform:rotate(0)}17%{transform:rotate(-25deg)}34%{transform:rotate(15deg)}51%{transform:rotate(-12deg)}68%{transform:rotate(6deg)}85%{transform:rotate(-4deg)}to{transform:rotate(0)}}.sidebar[data-astro-cid-ssfzsv2f]{position:relative;width:23rem;height:100vh;margin-right:4rem;z-index:5}@media only screen and (max-width: 56.25em){.sidebar[data-astro-cid-ssfzsv2f]{position:initial;height:0;width:0;margin:0 0 0 -1px}}.sidebar__container[data-astro-cid-ssfzsv2f]{position:fixed;height:100vh;width:23rem;display:flex;flex-direction:column;background:var(--clr-secondary);border-right:solid 1px var(--clr-grey-light);justify-content:space-between}@media only screen and (max-width: 56.25em){.sidebar__container[data-astro-cid-ssfzsv2f]{position:fixed;top:0;left:0;height:auto;width:100vw}}.sidebar__container-inner[data-astro-cid-ssfzsv2f]{height:100%;width:100%;overflow-y:auto;overflow-x:hidden}@media only screen and (max-width: 56.25em){.sidebar__container-inner[data-astro-cid-ssfzsv2f]{display:flex;flex-direction:column;justify-content:center;position:absolute;left:0;top:0;z-index:100;height:100vh;width:100vw;background-image:url(/_astro/long-grid-transp-sides.Dgr9gF3t.svg);background-color:var(--background);background-repeat:no-repeat;background-position:center;background-size:cover;text-align:center;transition:all .5s cubic-bezier(.68,-.55,.265,1.55);transform:scale(0)}.sidebar__container-inner[data-astro-cid-ssfzsv2f].active{opacity:1;transform:scale(1)}.sidebar__container-inner[data-astro-cid-ssfzsv2f].active .sidebar__tags[data-astro-cid-ssfzsv2f] li[data-astro-cid-ssfzsv2f]{opacity:1;transform:translate(0)}}.sidebar__tags[data-astro-cid-ssfzsv2f]{margin:10px 0;height:auto;width:100%}.sidebar__tagsTitle[data-astro-cid-ssfzsv2f]{font-size:var(--ft-size-5);font-family:var(--ft-family-header);font-weight:300;text-transform:uppercase;padding:25px}.sidebar__tags[data-astro-cid-ssfzsv2f] li[data-astro-cid-ssfzsv2f]{width:100%;padding:15px 0 15px 25px;transition:box-shadow .2s}.sidebar__tags[data-astro-cid-ssfzsv2f] li[data-astro-cid-ssfzsv2f] a[data-astro-cid-ssfzsv2f]{font-weight:300;font-size:var(--ft-size-4);color:var(--body-text);padding:2rem 100% 2rem 0;margin-right:-10rem}.sidebar__tags[data-astro-cid-ssfzsv2f] li[data-astro-cid-ssfzsv2f]:hover{box-shadow:-10px 0 15px var(--clr-primary)}@media only screen and (max-width: 56.25em){.sidebar__tagsTitle[data-astro-cid-ssfzsv2f]{margin:-80px auto 0;padding:10px 25px;font-size:var(--ft-size-4);font-weight:500;font-family:var(--ft-family-header);text-align:center;color:#fff;background-color:var(--clr-grey-dark);opacity:.8;width:fit-content}.sidebar__tags[data-astro-cid-ssfzsv2f] li[data-astro-cid-ssfzsv2f]{opacity:0;transition:all .4s .51s;padding:10px 0;width:100vw}.sidebar__tags[data-astro-cid-ssfzsv2f] li[data-astro-cid-ssfzsv2f] a[data-astro-cid-ssfzsv2f]{width:100vw;font-weight:400;padding:2rem 30vw;margin:0 auto}}@media only screen and (max-width: 25em){.sidebar__tags[data-astro-cid-ssfzsv2f] li[data-astro-cid-ssfzsv2f]{padding:5px 0}}.sidebar__hamburger[data-astro-cid-ssfzsv2f]{display:none}@media only screen and (max-width: 56.25em){.sidebar__hamburger[data-astro-cid-ssfzsv2f]{cursor:pointer;display:block;position:fixed;bottom:0;right:0;margin:5rem 3rem;z-index:300;background-color:var(--clr-primary);border-radius:50%;padding:1.5rem}}.sidebar__hamburger[data-astro-cid-ssfzsv2f] .bar[data-astro-cid-ssfzsv2f]{display:block;width:3rem;height:1px;margin:6px auto;background-color:var(--background);transition:all .3s ease-in-out}.sidebar__hamburger[data-astro-cid-ssfzsv2f].active .bar[data-astro-cid-ssfzsv2f]:nth-child(2){opacity:0}.sidebar__hamburger[data-astro-cid-ssfzsv2f].active .bar[data-astro-cid-ssfzsv2f]:nth-child(1){transform:translateY(7px) rotate(45deg)}.sidebar__hamburger[data-astro-cid-ssfzsv2f].active .bar[data-astro-cid-ssfzsv2f]:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.copyright[data-astro-cid-ssfzsv2f]{position:fixed;z-index:10;bottom:0;left:0;padding:25px;width:inherit;font-size:var(--ft-size-2);font-weight:300;text-align:center;color:var(--body-text);background:var(--clr-secondary);border-right:solid 1px var(--clr-grey-light);border-top:solid 1px var(--clr-grey-light)}@media only screen and (max-width: 56.25em){.copyright[data-astro-cid-ssfzsv2f]{z-index:-1;position:absolute;bottom:0;left:0;width:100vw;height:auto}}.copyright[data-astro-cid-ssfzsv2f] span[data-astro-cid-ssfzsv2f]{display:block}.copyright[data-astro-cid-ssfzsv2f] a[data-astro-cid-ssfzsv2f]{font-family:var(--ft-family-header);color:var(--body-text);font-weight:500;text-decoration:none}.card[data-astro-cid-dohjnao5]{background-color:var(--card-background);color:var(--text-color);padding:20px;border-radius:5px;box-shadow:0 0 8px var(--clr-primary);margin-bottom:20px;transition:box-shadow .1s ease-out,transform .05s ease-out}@media only screen and (max-width: 56.25em){.card[data-astro-cid-dohjnao5]{margin-bottom:0}}.card[data-astro-cid-dohjnao5]:hover{box-shadow:0 0 15px var(--clr-primary);transform:scale(1.005)}.card__top[data-astro-cid-dohjnao5]{display:flex}.card__top-logo[data-astro-cid-dohjnao5]{width:50px;height:50px;margin-right:10px;padding:5px}.card__top-title[data-astro-cid-dohjnao5]{font-size:var(--ft-size-4)}.card__top-tags[data-astro-cid-dohjnao5] span[data-astro-cid-dohjnao5]{z-index:2;font-size:var(--ft-size-2);color:var(--clr-grey-dark);width:fit-content;font-weight:400;padding:1px 5px;margin-right:3px;border-radius:4px}.card__body[data-astro-cid-dohjnao5]{margin:10px 0;font-size:var(--ft-size-2);width:100%}@media only screen and (max-width: 56.25em){.card__body[data-astro-cid-dohjnao5]{font-size:var(--ft-size-3)}}.api[data-astro-cid-dohjnao5]{background-color:var(--tag-api)}.background[data-astro-cid-dohjnao5]{background-color:var(--tag-background)}.color[data-astro-cid-dohjnao5]{background-color:var(--tag-color)}.css[data-astro-cid-dohjnao5]{background-color:var(--tag-css)}.layout[data-astro-cid-dohjnao5]{background-color:var(--tag-layout)}.font[data-astro-cid-dohjnao5]{background-color:var(--tag-font)}.icon[data-astro-cid-dohjnao5]{background-color:var(--tag-icon)}.inspiration[data-astro-cid-dohjnao5]{background-color:var(--tag-inspiration)}.javascript[data-astro-cid-dohjnao5]{background-color:var(--tag-javascript)}.media[data-astro-cid-dohjnao5]{background-color:var(--tag-media)}.spacing[data-astro-cid-dohjnao5]{background-color:var(--tag-spacing)}.svg[data-astro-cid-dohjnao5]{background-color:var(--tag-svg)}.features[data-astro-cid-vnivfuh2] .container[data-astro-cid-vnivfuh2]{z-index:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));grid-gap:20px;padding:0 20px;margin:30px auto}@media only screen and (max-width: 56.25em){.features[data-astro-cid-vnivfuh2] .container[data-astro-cid-vnivfuh2]{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));margin-bottom:10rem}}