.logo{position:relative;z-index:1;display:flex;font-size:225px;font-family:var(--font-titles);font-weight:900;font-style:italic;line-height:1.05;user-select:none;margin-top:10vh}@media all and (max-width: 1200px){.logo{font-size:180px}}@media all and (max-width: 900px){.logo{font-size:140px}}@media all and (max-width: 700px){.logo{font-size:120px}}@media all and (max-width: 550px){.logo{font-size:100px}}@media all and (max-width: 450px){.logo{font-size:80px}}@media all and (max-width: 380px){.logo{font-size:70px}}.logo__letters{display:flex}.logo__letter{--width: 1.088em;width:var(--width);perspective:400px;aspect-ratio:1/1}@media (prefers-reduced-motion: reduce){.logo__letter{transition:none}}.logo__letter:nth-child(1){--logo-loader-color: hsl(313, 100%, 50%);--shadow-color: hsla(313, 100%, 50%, .1)}.logo__letter:nth-child(1) .logo__character{padding-right:7%;background-image:linear-gradient(to right,#ff00c7,#ff10b3)}.logo__letter:nth-child(2){--logo-loader-color: hsl(343, 100%, 62%);--shadow-color: hsla(343, 100%, 62%, .1)}.logo__letter:nth-child(2) .logo__character{padding-right:10%;background-image:linear-gradient(to right,#ff10b3,#ff3f77)}.logo__letter:nth-child(3){--logo-loader-color: hsl(14, 100%, 62%);--shadow-color: hsla(14, 100%, 62%, .1)}.logo__letter:nth-child(3) .logo__character{padding-right:15%;background-image:linear-gradient(to right,#ff3f77,#ff6a3e)}.logo__letter:nth-child(4){--logo-loader-color: hsl(36, 100%, 50%);--shadow-color: hsla(36, 100%, 50%, .1)}.logo__letter:nth-child(4) .logo__character{padding-right:26%;background-image:linear-gradient(to right,#ff6a3e,#f90)}.dark .logo__letter:nth-child(1){--logo-loader-color: #ff29d0;--shadow-color: hsla(313, 100%, 58%, .1)}.dark .logo__letter:nth-child(1) .logo__character{background-image:linear-gradient(to right,#ff29d0,#ff3fc8)}.dark .logo__letter:nth-child(2){--logo-loader-color: hsl(337, 100%, 74%);--shadow-color: hsla(337, 100%, 74%, .1)}.dark .logo__letter:nth-child(2) .logo__character{background-image:linear-gradient(to right,#ff3fc8,#ff7caf)}.dark .logo__letter:nth-child(3){--logo-loader-color: hsl(16, 100%, 80%);--shadow-color: hsla(16, 100%, 80%, .1)}.dark .logo__letter:nth-child(3) .logo__character{background-image:linear-gradient(to right,#ff7caf,#ffb498)}.dark .logo__letter:nth-child(4){--logo-loader-color: hsl(54, 100%, 75%);--shadow-color: hsla(54, 100%, 75%, .1)}.dark .logo__letter:nth-child(4) .logo__character{background-image:linear-gradient(to right,#ffb498,#fff27e)}.logo__character{position:absolute;top:0;right:0;opacity:0;transform:translateY(-25%) rotateX(90deg) scaleY(.5);transform-origin:center center;background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:7px 7px 0 var(--shadow-color)}.is-loaded .logo__character{opacity:1;transform:none;transition:transform 1s var(--ease-out-back),opacity .6s var(--ease)}@media (prefers-reduced-motion: reduce){.logo__character{opacity:1;transform:none;transition:none}}@media all and (max-width: 600px){.logo__character{text-shadow:3px 3px 0 var(--shadow-color)}}.logo__loader-wrapper{position:absolute;top:0;left:0;height:100%;width:100%;display:flex;align-items:center;justify-content:center}.is-loaded .logo__loader-wrapper{opacity:0;transform:scale(0);transition:all .2s var(--ease)}@media (prefers-reduced-motion: reduce){.logo__loader-wrapper{opacity:0;transform:scale(0);transition:none}}.logo__loader{transform:scale(0)}.logo__loader.is-visible{transform:none;opacity:1;transition:transform .6s var(--ease)}._container_1d11g_1{position:relative;display:block;width:100%;min-height:60px;padding:20px;margin:1.5em 0;background-color:#37134e;overflow:auto;border-radius:10px;transform:translateZ(0);-webkit-transform:translateZ(0);color:var(--color-accent);font-family:var(--font-code);font-size:.9em;line-height:1.4;transition:all var(--theme-switch-speed);cursor:text;scrollbar-width:none}._container_1d11g_1._one-line_1d11g_21{white-space:nowrap}.dark ._container_1d11g_1{background-color:#071a27;box-shadow:0 0 0 1px #fff1,0 0 4px #071a27}._container_1d11g_1::-webkit-scrollbar{width:0!important;height:0!important}._container_1d11g_1:first-child:last-child{margin:0}.keys ._container_1d11g_1:focus-within{box-shadow:var(--focus-outline);opacity:1}.button{position:absolute;z-index:-1;top:14px;right:14px;padding:7px;border-radius:10px;background-color:#fff;opacity:0;font-size:.9em;color:var(--color-text);user-select:none}.dark .button{color:var(--color-text-inverted)}.keys .button:focus{box-shadow:var(--focus-outline);opacity:1;z-index:1}.loader-card{--loader-color: var(--color-text);position:relative;display:flex;height:0px;padding-bottom:100%;z-index:0}.loader-card:after{content:"#" counter(card);position:absolute;bottom:5%;left:5%;counter-increment:card;margin-right:5px;font-size:.75em;transition:all .3s var(--ease);opacity:0}@media (hover: hover) and (min-width: 601px){.loader-card.hovered:not(.unhovering):after{transform:translate(-5px,5px);color:var(--color-accent);opacity:.85}}.loader-card:before{content:"";height:100%;width:100%;position:absolute;top:0;left:0;background-color:var(--color-background);box-shadow:0 0 0 1px #d2d9db,0 0 7px #0000;transition:all .3s var(--ease),background-color var(--theme-switch-speed) var(--ease);will-change:box-shadow,transform}@media (prefers-reduced-motion: reduce){.loader-card:before{transition:none}}.dark .loader-card:before{box-shadow:0 0 0 1px #1d3f55}@media (hover: hover) and (min-width: 601px){.loader-card.hovered:not(.unhovering),.keys .loader-card:focus{--loader-color: var(--color-accent);z-index:2}.loader-card.hovered:not(.unhovering):before,.keys .loader-card:focus:before{transform:scale(1.05);box-shadow:0 0 0 1px var(--color-accent),0 0 7px #0000001a;border-radius:var(--card-radius)}.dark .loader-card.hovered:not(.unhovering):before,.dark .keys .loader-card:focus:before{box-shadow:0 0 0 1px var(--color-accent),0 0 7px #00000026}.loader-card.unhovering,.loader-card.hovered.unhovering{z-index:1}.loader-card:active:not(.unhovering):before{box-shadow:0 0 0 1px var(--color-magenta),0 0 7px #0000001a}}@media all and (max-width: 600px){.loader-card{padding-bottom:75%}}.loader-card__loader{position:absolute;z-index:1;top:0;left:0;display:flex;align-items:center;justify-content:center;height:100%;width:100%}.loader-card__label{position:absolute;z-index:1;bottom:5%;right:5%;display:flex;justify-content:space-between;font-size:.75em;text-align:center;transition:all .4s var(--ease);opacity:.75}@media (hover: hover) and (min-width: 601px){.hovered:not(.unhovering) .loader-card__label{transform:translate(5px,5px);color:var(--color-accent);opacity:1}}@media all and (max-width: 600px){.loader-card__label{width:100%;right:0;bottom:15%;text-align:center;justify-content:center;font-size:.85em}}.loader-card__expand{position:absolute;top:5%;left:5%;margin-right:5px;font-size:.75em;transition:all .3s var(--ease);opacity:0}.loader-card__expand svg{height:16px;width:16px}.loader-card__expand svg path{fill:var(--color-accent)}@media (hover: hover) and (min-width: 601px){.hovered:not(.unhovering) .loader-card__expand{transform:translate(-5px,-5px);color:var(--color-accent);opacity:.85}}.loaders{display:flex;flex-direction:column;margin-top:200px;margin-bottom:120px}@media all and (min-width: 601px){.loaders{width:var(--layout-width);max-width:calc(100vw - 120px);margin-left:auto;margin-right:auto;width:1600px}}@media all and (min-width: 601px) and (max-width: 1200px){.loaders{max-width:calc(100vw - 120px)}}@media all and (min-width: 601px) and (max-width: 900px){.loaders{max-width:calc(100vw - 80px)}}@media all and (min-width: 601px) and (max-width: 600px){.loaders{max-width:calc(100vw - 60px)}}@media all and (max-width: 1200px){.loaders{margin-top:120px}}@media all and (max-width: 900px){.loaders{margin-top:80px;margin-bottom:80px}}@media all and (max-width: 600px){.loaders{width:100%;margin-top:60px;margin-bottom:60px}}.loaders__title{text-align:center;font-family:var(--font-titles);font-weight:var(--titles-bold);font-style:italic;font-size:2.5em;color:var(--color-titles)}@media all and (max-width: 900px){.loaders__title{font-size:2.5em}}@media all and (max-width: 600px){.loaders__title{font-size:1.8em}}.loaders__grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:100px;counter-reset:card}@media all and (max-width: 1200px){.loaders__grid{grid-template-columns:repeat(3,1fr)}}@media all and (max-width: 900px){.loaders__grid{grid-template-columns:repeat(2,1fr)}}@media all and (max-width: 600px){.loaders__grid{grid-template-columns:repeat(1,1fr);margin-top:60px}}._container_inyf1_1{width:1080px;width:var(--layout-width);max-width:calc(100vw - 120px);margin-left:auto;margin-right:auto}@media all and (max-width: 1200px){._container_inyf1_1{max-width:calc(100vw - 120px)}}@media all and (max-width: 900px){._container_inyf1_1{max-width:calc(100vw - 80px)}}@media all and (max-width: 600px){._container_inyf1_1{max-width:calc(100vw - 60px)}}._container_inyf1_1:hover ._logo_inyf1_23 svg:nth-child(2){transform:translate(5px)}._container_inyf1_1:hover ._logo_inyf1_23:before{transform:scale(1.03)}._container_inyf1_1:hover ._text_inyf1_29{transform:translate(-10px)}._container_inyf1_1:hover ._collage_inyf1_32{clip-path:polygon(27% 0,100% 0,100% 100%,0% 100%)}._container_inyf1_1:hover ._collage_inyf1_32 img{transform:scale(1.02)}.light ._container_inyf1_1:hover ._inner_inyf1_38{background-color:#fff}.dark ._container_inyf1_1:hover ._inner_inyf1_38{background-color:#071a27}@media all and (max-width: 900px){._container_inyf1_1:hover ._text_inyf1_29{transform:none}._container_inyf1_1:hover ._collage_inyf1_32{clip-path:polygon(0 15%,100% 0%,100% 100%,0% 100%)}}._inner_inyf1_38{display:flex;align-items:center;justify-content:space-between;padding:95px 80px 95px 100px;border-radius:40px;border:1px solid #fff;box-shadow:0 0 4px #20435b26;background-color:#ffffffb3;transition:all var(--theme-switch-speed) var(--ease);background-image:radial-gradient(400px 200px at 30% -30%,#fff28066,#ff29d10d 65%,#ff29d100),radial-gradient(700px 200px at 70% 100%,#ff29d10f,#ff29d100)}.keys ._inner_inyf1_38:focus{box-shadow:var(--focus-outline)}.dark ._inner_inyf1_38{background-color:#071a27b3;border-color:#ffffff0d;box-shadow:none;background-image:radial-gradient(800px 200px at 50% 100%,#8086ff1a,#ff29d10a 45%,#ff29d100)}@media all and (max-width: 1100px){._inner_inyf1_38{padding:60px}}@media all and (max-width: 900px){._inner_inyf1_38{flex-direction:column;padding:40px}}@media all and (max-width: 500px){._inner_inyf1_38{flex-direction:column;padding:30px}}@media (prefers-reduced-motion: reduce){._inner_inyf1_38{transition:none}}._collage_inyf1_32{display:flex;height:calc(100% + 2px);width:480px;position:absolute;top:-1px;right:-1px;clip-path:polygon(33% 0,100% 0,100% 100%,3% 100%);border-radius:0 40px 40px 0;transition:opacity var(--theme-switch-speed) var(--ease),clip-path .4s var(--ease);overflow:hidden;isolation:isolate}._collage_inyf1_32:before{content:"";height:100%;width:100%;position:absolute;z-index:1;top:0;left:0;background-image:linear-gradient(to right,var(--color-accent),hsla(0,0%,0%,0));opacity:.75;transition:all .5s var(--ease)}@media (prefers-reduced-motion: reduce){._collage_inyf1_32:before{transition:none}}._collage_inyf1_32 img{height:100%;width:100%;object-fit:cover;transition:all .5s var(--ease)}@media (prefers-reduced-motion: reduce){._collage_inyf1_32 img{transition:none}}.dark ._collage_inyf1_32{opacity:.5}@media all and (max-width: 1100px){._collage_inyf1_32{width:400px}}@media all and (max-width: 900px){._collage_inyf1_32{top:initial;bottom:-1px;left:-1px;width:calc(100% + 2px);height:190px;clip-path:polygon(0 19%,100% 0%,100% 100%,0% 100%);border-radius:0 0 40px 40px}}@media (prefers-reduced-motion: reduce){._collage_inyf1_32{transition:none}}._text_inyf1_29{margin-right:180px;line-height:1.5;transition:color var(--theme-switch-speed) var(--ease),transform .4s var(--ease)}._text_inyf1_29 strong{font-family:var(--font-titles);font-weight:var(--titles-bold);font-style:italic;background-image:var(--text-gradient);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}@media all and (max-width: 1250px){._text_inyf1_29 br{display:none}}@media all and (max-width: 1100px){._text_inyf1_29{margin-right:140px}}@media all and (max-width: 900px){._text_inyf1_29{margin-right:0;margin-bottom:100px}}@media (prefers-reduced-motion: reduce){._text_inyf1_29{transition:none}}._logo_inyf1_23{position:relative;z-index:2;display:flex;height:80px;padding:0 25px;align-items:center;flex-shrink:0}._logo_inyf1_23:before{content:"";position:absolute;top:0;left:0;height:100%;width:100%;background-color:var(--color-background);border-radius:20px;transition:background var(--theme-switch-speed) var(--ease),transform .4s var(--ease);box-shadow:0 0 30px #0003}@media (prefers-reduced-motion: reduce){._logo_inyf1_23:before{transition:none}}._logo_inyf1_23 svg{position:relative;z-index:1}._logo_inyf1_23 svg path{transition:all var(--theme-switch-speed) var(--ease),transform .4s var(--ease)}@media (prefers-reduced-motion: reduce){._logo_inyf1_23 svg path{transition:none}}._logo_inyf1_23 svg:nth-child(1){height:20px;width:auto}._logo_inyf1_23 svg:nth-child(2){height:12px;width:auto;margin-left:22px;transition:all .3s var(--ease)}@media (prefers-reduced-motion: reduce){._logo_inyf1_23 svg:nth-child(2){transition:none}}.dark ._logo_inyf1_23 svg:nth-child(1) .type path{fill:#fff}.dark ._logo_inyf1_23 svg:nth-child(2) path{fill:#fff}html{box-sizing:border-box;scroll-behavior:smooth}html ::-moz-selection{background-color:var(--color-highlight);color:#fff}html ::selection{background-color:var(--color-highlight);color:#fff}html.dark ::-moz-selection{color:#000}html.dark ::selection{color:#000}*,*:before,*:after{box-sizing:inherit;-webkit-tap-highlight-color:rgba(6,41,56,0);-webkit-tap-highlight-color:transparent}*:focus{outline:none}body{position:relative;font-family:var(--font-body);font-size:20px;font-weight:300;line-height:1;color:var(--color-text);scroll-behavior:smooth;background-color:var(--color-background)}.is-fully-loaded body{transition:background-color var(--theme-switch-speed) var(--ease)}@media all and (max-width: 800px){body{font-size:18px}}@keyframes bgScroll{0%{background-position-y:var(--grid-size)}to{background-position-y:0}}h1,h2,h3,h4,h5,h6{font-family:var(--font-body);font-weight:400;margin:0;padding:0;font-size:1em}a{position:relative;outline:none;display:inline-block;text-decoration:none;color:inherit}:global(.keys) a:focus{outline:none}:global(.keys) a:focus:before{content:"";display:block;position:absolute;z-index:1;top:-5px;left:-5px;height:calc(100% + 10px);width:calc(100% + 10px);border:2px solid var(--color-focus-outline);border-radius:var(--border-radius-small)}p{margin:0}p+p{margin-top:1em}em{font-style:italic}pre,code{margin:0;font-family:var(--font-code)}button,a[type=button]{cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--color-text);outline:none}input,textarea{display:flex;align-items:center;padding:0 10px;height:44px;color:var(--color-text);border:none;outline:none;font-size:1em}.hero-bg-gradients{position:fixed;z-index:1;top:0;left:0;height:150%;width:100%;overflow:hidden;opacity:0;transform:translateY(calc(-100% * var(--hero-scroll-progress)));transition:opacity .6s var(--ease);will-change:opacity,transform;pointer-events:none}.scroll-ready .hero-bg-gradients{opacity:calc(1 - var(--hero-scroll-progress) * 3)}.hero-bg-gradients:before,.hero-bg-gradients:after{content:"";position:absolute;z-index:1;display:block;height:90vmax;width:90vmax}.hero-bg-gradients:before{top:-25vmax;left:calc(50% - 70vmax);background-image:radial-gradient(closest-side,#ff29d1,#ff29d100);opacity:.15;contain:strict;will-change:opacity}.hero-bg-gradients:after{top:-25vmax;right:calc(50% - 70vmax);background-image:radial-gradient(closest-side,#fff280,#fff28000);opacity:.15;contain:strict;will-change:opacity}.dark .hero-bg-gradients:before{opacity:.2;top:-45vmax;left:calc(50% - 55vmax);background-image:radial-gradient(closest-side,#ff29d1,#ff29d100)}.dark .hero-bg-gradients:after{opacity:.1;top:0vmax;right:calc(50% - 50vmax);background-image:radial-gradient(closest-side,#00ffc4,#00ffc400)}.hero{width:var(--layout-width);max-width:calc(100vw - 120px);margin-left:auto;margin-right:auto;position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;justify-content:space-around;min-height:100vh;padding-top:12vh;text-align:center;isolation:isolate}@media all and (max-width: 1200px){.hero{max-width:calc(100vw - 120px)}}@media all and (max-width: 900px){.hero{max-width:calc(100vw - 80px)}}@media all and (max-width: 600px){.hero{max-width:calc(100vw - 60px)}}@media all and (max-width: 600px){.hero{padding-top:10vh}}@media all and (max-height: 700px){.hero{padding-top:15vh}}.uib-logo{position:absolute;z-index:10;top:25px;left:25px;display:flex;align-items:center;padding:5px;border-radius:23px;opacity:0;transition:transform 1s .1s var(--ease),opacity 1s .1s var(--ease)}.is-fully-loaded .uib-logo{opacity:1;transform:none}.uib-logo svg:nth-child(1){height:14px;width:auto;margin-right:15px;transition:all .3s var(--ease)}.uib-logo svg:nth-child(1) path{fill:var(--color-text)}.uib-logo svg:nth-child(2){height:36px;width:auto}.keys .uib-logo:focus{box-shadow:var(--focus-outline)}@media (hover: hover){.uib-logo:hover svg:nth-child(1){transform:translate(-3px)}}@media all and (max-width: 900px){.uib-logo{top:15px;left:15px}.uib-logo svg:nth-child(1){height:12px}.uib-logo svg:nth-child(2){height:32px}}.logo-light,.logo-dark{transition:opacity var(--theme-switch-speed) var(--ease)}.logo-dark{opacity:0;fill:var(--color-accent)}.dark .logo-light{opacity:0}.dark .logo-dark{opacity:1}.hero__main{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.ph{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;text-align:center;margin-bottom:50px;height:60px;width:263px;padding:0 20px;border-radius:22px;font-size:.85em;opacity:0;transform:translateY(-20px);transition:all var(--theme-switch-speed) var(--ease),opacity 1s .3s var(--ease),transform 1s .3s var(--ease)}@media all and (max-width: 600px){.ph{width:240px}}.is-fully-loaded .ph{opacity:1;transform:none}.ph>svg{margin-left:10px}.ph:before{content:"";position:absolute;z-index:-2;bottom:calc(100% - 8px);left:10%;width:166px;height:123px;background:url(/_astro/mona-lisa.BZZhyIWd.webp) no-repeat;background-size:contain;background-position:50% 123px;transform:rotate(-30deg) scale(.75);transform-origin:bottom right;transition:all .3s var(--ease);pointer-events:none}@media (prefers-reduced-motion: reduce){.ph:before{transition:none}}.ph:after{content:"";justify-content:center;height:44px;width:100%;position:absolute;z-index:-1;top:calc(50% - 22px);left:50%;border-radius:22px;border:1px solid #fff;box-shadow:0 0 4px #20435b26;transform:translate(-50%);transition:all .3s var(--ease),border var(--theme-switch-speed) var(--ease),background-color var(--theme-switch-speed) var(--ease),box-shadow var(--theme-switch-speed) var(--ease);background-color:#fff;background-image:radial-gradient(100px 50px at 30% -50%,#fff280d9,#ff29d11a 65%,#ff29d100),radial-gradient(100px 50px at 70% 165%,#8086ff40,#ff29d11a 45%,#ff29d100)}@media (prefers-reduced-motion: reduce){.ph:after{transition:none}}@media all and (max-width: 600px){.ph:after{height:40px;top:calc(50% - 20px);border-radius:20px}}.keys .ph:focus:after{box-shadow:var(--focus-outline)}.dark .ph svg path{fill:#fff}.dark .ph:after{border:1px solid hsla(0,0%,100%,.1);box-shadow:none;background-color:#071a27;background-image:radial-gradient(100px 50px at 30% -50%,#fff28026,#ff29d113 65%,#ff29d100),radial-gradient(100px 50px at 70% 165%,#8086ff,#ff29d133 45%,#ff29d100)}@media (hover: hover){.ph:hover:before{transform:none;background-position:0% 0%}.ph:hover:after{width:216px}.ph:hover .ph__text{width:115px;text-align:center}.ph:hover .ph__text:before{opacity:0;transform:translate(-50%) scale(.75);transition:all .15s var(--ease)}}@media (hover: hover) and (prefers-reduced-motion: reduce){.ph:hover .ph__text:before{transition:none}}@media (hover: hover){.ph:hover .ph__text:after{opacity:1;transform:translate(-50%) scale(1)}}.ph__text{position:relative;z-index:1;display:inline-flex;height:100%;width:162px;overflow:hidden;transition:width .3s var(--ease)}.ph__text:before{content:"Live on Product Hunt";position:absolute;display:block;height:100%;top:0;left:50%;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transform:translate(-50%);transition:transform .3s var(--ease),opacity .2s var(--ease),color var(--theme-switch-speed) var(--ease)}@media (prefers-reduced-motion: reduce){.ph__text:before{transition:none}}.ph__text:after{content:"Votes pweeese";position:absolute;display:block;height:100%;top:0;left:50%;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;transform:translate(-50%) scale(1.25);transition:transform .3s var(--ease),opacity .15s var(--ease),color var(--theme-switch-speed) var(--ease);opacity:0}@media (prefers-reduced-motion: reduce){.ph__text:after{transition:none}}@media (prefers-reduced-motion: reduce){.ph__text{transition:none}}.ph__logo{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;margin-left:10px}.ph__logo img{height:30px;width:30px;position:relative;z-index:2}.ph__logo:before,.ph__logo:after{content:"";position:absolute;top:0;left:0;height:100%;width:100%;border-radius:50%;border:1px solid #ff00c7;animation:pulse 2.5s infinite}@media (prefers-reduced-motion: reduce){.ph__logo:before,.ph__logo:after{animation:none}}.ph__logo:after{animation-delay:-.2s;background-color:#f90}.dark .ph__logo:before{border:1px solid #fff27e}.dark .ph__logo:after{background-color:#ff29d0}@keyframes pulse{0%,10%{transform:scale(1);opacity:1}55%,to{transform:scale(2);opacity:0}}.hero__intro{max-width:600px;margin-top:40px;line-height:1.75;text-align:center;opacity:0;transform:translateY(20px);transition:all var(--theme-switch-speed) var(--ease),transform 1s .15s var(--ease),opacity 1s .15s var(--ease)}@media (prefers-reduced-motion: reduce){.hero__intro{transition:none}}.is-fully-loaded .hero__intro{opacity:1;transform:none}.hero__intro strong{font-family:var(--font-titles);font-weight:var(--titles-bold);font-style:italic;color:var(--color-accent)}@media all and (max-width: 700px){.hero__intro br{display:none}}@media all and (max-width: 500px){.hero__intro{font-size:.85em;margin-top:30px}}.hero__links{display:flex;align-items:center;margin-top:30px;opacity:0;transform:translateY(20px);transition:all 1s .3s var(--ease)}@media (prefers-reduced-motion: reduce){.hero__links{transition:none}}.is-fully-loaded .hero__links{opacity:1;transform:none}.hero__link{position:relative;display:inline-flex;align-items:center;justify-content:center;height:60px;width:120px}.keys .hero__link:focus{box-shadow:var(--focus-outline)}.hero__link svg:first-of-type{position:relative;z-index:1;pointer-events:none}.hero__link svg:first-of-type path{fill:var(--color-titles);transition:fill var(--theme-switch-speed) var(--ease)}.dark .hero__link svg:first-of-type path{fill:#fff}.hero__link .cyber-shape{display:block;height:100%;width:auto;position:absolute;top:0;left:0;filter:drop-shadow(0 0 2px rgba(0,0,0,.1));transition:all var(--theme-switch-speed) var(--ease)}.hero__link .cyber-shape .fill,.hero__link .cyber-shape .stroke{transition:all .3s var(--ease)}.hero__link .cyber-shape .fill{fill:#f6f3f2}.hero__link .cyber-shape .stroke{stroke:#fff;fill:none}.dark .hero__link .cyber-shape{filter:drop-shadow(0 0 2px #000000)}.dark .hero__link .cyber-shape .fill{fill:#122d3c}.dark .hero__link .cyber-shape .stroke{stroke:#fff3}.light .hero__link:hover .cyber-shape .fill{fill:#ffffffd9}.light .hero__link:hover .cyber-shape .stroke{opacity:1;stroke:var(--color-accent);transition:all 1s var(--ease)}.dark .hero__link:hover .cyber-shape{filter:drop-shadow(0 0 4px rgba(0,0,0,.2)) drop-shadow(0 0 4px rgba(0,0,0,0))}.dark .hero__link:hover .cyber-shape .fill{fill:#0f3946}.dark .hero__link:hover .cyber-shape .stroke{opacity:1;stroke:var(--color-accent);transition:all 1s var(--ease)}.github svg{width:33px;height:auto}.npm{margin-left:30px}.npm svg{width:55px;height:auto}@media all and (max-width: 900px){.npm{margin-left:20px}}.hero__down{display:flex;flex-direction:column;align-items:center;justify-content:center;height:60px;width:120px;margin-top:30px;opacity:0;transform:translateY(20px);transition:all var(--theme-switch-speed) var(--ease),opacity 1s .5s var(--ease),transform 1s .5s var(--ease)}@media (prefers-reduced-motion: reduce){.hero__down{transition:none}}.is-fully-loaded .hero__down{opacity:1;transform:none}.keys .hero__down:focus{box-shadow:var(--focus-outline)}.hero__down svg{width:12px;height:auto}@media (prefers-reduced-motion: no-preference){.hero__down svg{animation:blink 1.75s infinite ease-in-out}}.hero__down svg path{fill:var(--color-text)}.hero__down svg:nth-child(1){animation-delay:-.2s}@media all and (max-width: 900px){.hero__down{margin-top:20px}}@media all and (max-width: 600px){.hero__down{margin-top:0;margin-bottom:30px}}@keyframes blink{0%,20%,80%,to{opacity:.15}50%{opacity:1}}#main{position:relative;z-index:1}.instructions{width:var(--layout-width);max-width:calc(100vw - 120px);margin-left:auto;margin-right:auto;width:1225px;display:flex;justify-content:center;gap:0 100px;padding-top:100px}@media all and (max-width: 1200px){.instructions{max-width:calc(100vw - 120px)}}@media all and (max-width: 900px){.instructions{max-width:calc(100vw - 80px)}}@media all and (max-width: 600px){.instructions{max-width:calc(100vw - 60px)}}@media all and (max-width: 1380px){.instructions{gap:0 60px}}@media all and (max-width: 1200px){.instructions{gap:0 20px;padding-top:60px}}@media all and (max-width: 900px){.instructions{padding-top:40px}}@media all and (max-width: 800px){.instructions{flex-direction:column;align-items:center;gap:40px 0}}.instruction{display:flex;flex-direction:column;width:33.3333333333%}@media all and (min-width: 901px){.instruction:nth-child(1){min-width:25%}.instruction:nth-child(2){min-width:25%}.instruction:nth-child(3){min-width:38%}.instruction:nth-child(3) .instruction__description{max-width:400px}}@media all and (max-width: 800px){.instruction{align-items:center;width:100%;text-align:center}}.instruction__title{margin-bottom:15px;font-family:var(--font-titles);font-weight:var(--titles-bold);font-style:italic;color:var(--color-titles)}@media all and (max-width: 800px){.instruction__title{font-size:1.2em}}.instruction__description{max-width:260px;opacity:.75;font-size:.9em;line-height:1.5;margin-bottom:auto}.subscribe{width:var(--layout-width);max-width:calc(100vw - 120px);margin-left:auto;margin-right:auto;width:540px;display:flex;flex-direction:column;align-items:center;margin-top:140px}@media all and (max-width: 1200px){.subscribe{max-width:calc(100vw - 120px)}}@media all and (max-width: 900px){.subscribe{max-width:calc(100vw - 80px)}}@media all and (max-width: 600px){.subscribe{max-width:calc(100vw - 60px)}}@media all and (max-width: 900px){.subscribe{margin-top:100px}}.subscribe__title{margin-bottom:20px;text-align:center;font-size:1.2em;color:var(--color-titles);line-height:1.5}input[type=range]{-webkit-appearance:none;appearance:none;background:transparent;cursor:pointer;height:30px}input[type=range]:focus{outline:none}input[type=range]::-webkit-slider-runnable-track{background-color:var(--color-range);border-radius:1px;height:1px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;margin-top:-6.5px;background-color:var(--color-range);box-shadow:0 0 0 4px #f2f2f2;height:15px;width:15px;border-radius:50%;transition:all .3s var(--ease)}.dark input[type=range]::-webkit-slider-thumb{background-color:var(--color-range);box-shadow:0 0 0 4px #0f202b}input[type=range]:hover::-webkit-slider-thumb{transform:scale(1.15)}.keys input[type=range]:focus::-webkit-slider-thumb{border:1px solid var(--color-focus-outline);outline:2px solid var(--color-focus-outline);outline-offset:.125rem}input[type=range]::-moz-range-track{background-color:var(--color-range);border-radius:1px;height:1px}input[type=range]::-moz-range-thumb{border:none;background-color:var(--color-range);box-shadow:0 0 0 4px #f2f2f2;height:15px;width:15px;border-radius:50%;transition:all .3s var(--ease)}.dark input[type=range]::-moz-range-thumb{background-color:var(--color-range);box-shadow:0 0 0 4px #0f202b}input[type=range]:hover::-moz-range-thumb{transform:scale(1.15)}.keys input[type=range]:focus::-moz-range-thumb{border:1px solid var(--color-focus-outline);outline:2px solid var(--color-focus-outline);outline-offset:.125rem}input[type=color]{appearance:none;-moz-appearance:none;-webkit-appearance:none;background:none;border:0;cursor:pointer;height:20px;padding:0}::-webkit-color-swatch-wrapper,::-webkit-color-swatch{border:0;padding:0;border-radius:20px;box-shadow:0 0 0 4px #00000008}.dark ::-webkit-color-swatch-wrapper,.dark ::-webkit-color-swatch{box-shadow:0 0 0 4px #000}input[type=color]:focus::-webkit-color-swatch-wrapper,input[type=color]:focus::-webkit-color-swatch,input[type=color]:focus::-moz-color-swatch,input[type=color]:focus::-moz-focus-inner{box-shadow:var(--focus-outline)}::-moz-color-swatch,::-moz-focus-inner{border:0;border-radius:30px;box-shadow:0 0 0 4px #0000000a}.dark ::-moz-color-swatch,.dark ::-moz-focus-inner{box-shadow:0 0 0 4px #000}::-moz-focus-inner{padding:0}