.hero-section[data-astro-cid-mklzptps]{background:hsl(var(--white-color));min-height:100vh;min-height:100dvh;overflow-x:hidden;width:100%;padding:clamp(2rem,4vw,3rem) 2rem}.hero-section[data-astro-cid-mklzptps] .section-content[data-astro-cid-mklzptps]{display:flex;flex-direction:column;gap:6rem;min-width:0}.hero-section[data-astro-cid-mklzptps] .section-hero[data-astro-cid-mklzptps]{display:grid;gap:6rem 0;grid-template-columns:1fr 1fr}.hero-text[data-astro-cid-mklzptps]{display:flex;align-items:flex-start;flex-direction:column;gap:2rem;padding-right:3rem}.hero-title-wrap[data-astro-cid-mklzptps]{width:100%;min-width:0}.hero-title-wrap[data-astro-cid-mklzptps] h1[data-astro-cid-mklzptps]{font:var(--title);color:hsl(var(--black-color));max-width:100%;overflow-wrap:anywhere;line-height:1.1}.hero-status-slot[data-astro-cid-mklzptps]{display:inline-flex;align-items:center;vertical-align:middle;margin-inline:0;padding:0;font:inherit;line-height:inherit}.hero-status-slot--loading[data-astro-cid-mklzptps]{padding:.32em 0 .12em}.hero-status[data-astro-cid-mklzptps]{display:inline;font:inherit;font-size:inherit;line-height:inherit}.hero-status--good[data-astro-cid-mklzptps]{font:inherit;color:hsl(var(--primary-color))}.hero-status--bad[data-astro-cid-mklzptps]{font:inherit;color:hsl(var(--reject-color))}.hero-status--loading[data-astro-cid-mklzptps]{display:block;width:clamp(10ch,18vw,14ch);height:1.05em;box-sizing:border-box;max-width:100%;border-radius:.45rem;background:hsl(var(--black-color),16%);animation:hero-status-skeleton 1.4s ease-in-out infinite}@keyframes hero-status-skeleton{0%,to{opacity:.6}50%{opacity:1}}.hero-status__good[data-astro-cid-mklzptps]{font:var(--title);color:hsl(var(--primary-color))}.hero-status__average[data-astro-cid-mklzptps]{font:var(--title);color:hsl(var(--warning-color))}.hero-status__bad[data-astro-cid-mklzptps]{font:var(--title);color:hsl(var(--reject-color))}.hero-text[data-astro-cid-mklzptps] p[data-astro-cid-mklzptps]{color:hsl(var(--black-color));font:var(--caption-2);text-wrap:balance;font-weight:300}.hero-action[data-astro-cid-mklzptps]{display:inline-block;width:fit-content;max-width:100%;color:hsl(var(--white-color));border-radius:.5rem;padding:.75rem 2rem;font:var(--caption-2);font-size:1.2rem;font-weight:500;background:hsl(var(--primary-color),80%);backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);border:1px solid hsl(var(--primary-color),10%);box-shadow:0 .25rem 2rem hsl(var(--black-color),10%),inset 0 1px hsl(var(--white-color),20%),inset 0 -1px hsl(var(--white-color),10%),inset 0 0 1.5rem .75rem hsl(var(--white-color-2),5%);overflow:hidden;transition:.3s box-shadow}.hero-action[data-astro-cid-mklzptps]:hover{box-shadow:0 .25rem 2rem hsl(var(--black-color),10%),inset 0 1px hsl(var(--white-color),20%),inset 0 -1px hsl(var(--white-color),10%),inset 0 0 1.5rem .75rem hsl(var(--white-color-2),15%)}.hero-action[data-astro-cid-mklzptps]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--white-color),20%),transparent)}.hero-action[data-astro-cid-mklzptps]:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,hsl(var(--white-color),50%),transparent,hsl(var(--white-color),30%))}.hero-code[data-astro-cid-mklzptps]{display:grid;position:relative;grid-template-columns:repeat(3,1fr);gap:1rem;min-width:0;width:100%}.hero-overlay[data-astro-cid-mklzptps]{position:absolute;display:flex;justify-content:center;align-items:center;top:0;left:0;width:100%;height:100%;background:hsl(var(--white-color),90%);border-radius:.5rem;z-index:2;padding:2rem;box-sizing:border-box;backdrop-filter:blur(.2rem)}#a[data-astro-cid-mklzptps],#b[data-astro-cid-mklzptps],#c[data-astro-cid-mklzptps],#d[data-astro-cid-mklzptps],#e[data-astro-cid-mklzptps]{fill:none;stroke:var(--color-green);stroke-dashoffset:0;stroke-width:1}#a[data-astro-cid-mklzptps].active,#b[data-astro-cid-mklzptps].active,#c[data-astro-cid-mklzptps].active,#d[data-astro-cid-mklzptps].active,#e[data-astro-cid-mklzptps].active{animation:draw 5s;animation-iteration-count:infinite}#a[data-astro-cid-mklzptps]{stroke-dasharray:12.15426254272461}#b[data-astro-cid-mklzptps]{stroke-dasharray:19.79115867614746}#c[data-astro-cid-mklzptps]{stroke-dasharray:53.00725173950195}#d[data-astro-cid-mklzptps]{stroke-dasharray:23.70177841186523}#e[data-astro-cid-mklzptps]{stroke-dasharray:8.837481498718262}@keyframes draw{40%{stroke-dashoffset:40}to{stroke-dashoffset:0}}.hero-overlay[data-astro-cid-mklzptps]>svg[data-astro-cid-mklzptps]{width:100%;height:100%;object-fit:contain}a[data-astro-cid-mklzptps].code-block{background:hsl(var(--white-color),5%);color:hsl(var(--black-color));border-radius:.5rem;padding:1.5rem;display:grid;grid-template-rows:subgrid;grid-row:span 3;justify-items:center;gap:1rem;min-width:0;backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);border:1px solid hsl(var(--black-color-2),8%);box-shadow:0 .25rem 2rem hsl(var(--white-color-2),8%),inset 0 1px hsl(var(--white-color),20%),inset 0 -1px hsl(var(--white-color),10%);overflow:hidden;transition:.3s box-shadow}a[data-astro-cid-mklzptps].code-block img[data-astro-cid-mklzptps]{filter:invert(.3)}a[data-astro-cid-mklzptps].code-block h4[data-astro-cid-mklzptps]{font:var(--caption-2);font-weight:600;text-transform:uppercase;text-align:center}a[data-astro-cid-mklzptps].code-block p[data-astro-cid-mklzptps]{font:var(--text-2);font-weight:300;max-width:10em;width:100%;min-width:0;line-height:1.2;height:2.4em;min-height:2.4em;height:2lh;min-height:2lh;box-sizing:border-box;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;text-overflow:ellipsis;text-align:center;color:hsl(var(--black-color-2))}a[data-astro-cid-mklzptps].code-block p[data-astro-cid-mklzptps]>span[data-astro-cid-mklzptps]{font-weight:500;color:hsl(var(--black-color));font-size:inherit}a[data-astro-cid-mklzptps].code-block:after{content:"";position:absolute;top:.5rem;right:.5rem;width:2rem;height:2rem;background-image:var(--icon);background-position:center;background-repeat:no-repeat}a[data-astro-cid-mklzptps].code-block.code-block--error:after{background-color:hsl(var(--reject-color));background-image:none;mask-image:var(--icon);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--icon);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}div[data-astro-cid-mklzptps].code-block{display:grid;grid-template-rows:subgrid;grid-row:span 3;justify-items:center;padding-top:2rem;color:hsl(var(--white-color));min-width:0}.code-last-icon[data-astro-cid-mklzptps]{grid-row:span 2;position:relative;display:flex;align-items:center;justify-content:center;width:4rem;height:4rem;min-width:4rem;min-height:4rem;flex-shrink:0;overflow:hidden;box-sizing:border-box}.code-last-icon[data-astro-cid-mklzptps] img[data-astro-cid-mklzptps]{width:100%;height:100%;object-fit:contain;display:block}div[data-astro-cid-mklzptps].code-block.code-last--error .code-last-icon[data-astro-cid-mklzptps] img[data-astro-cid-mklzptps]{display:none}div[data-astro-cid-mklzptps].code-block.code-last--error .code-last-icon[data-astro-cid-mklzptps]:before{content:"";position:absolute;inset:0;background-color:hsl(var(--reject-color));mask-image:var(--trust-icon);mask-size:contain;mask-repeat:no-repeat;mask-position:center;-webkit-mask-image:var(--trust-icon);-webkit-mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center}.code-restart[data-astro-cid-mklzptps]{display:block;width:100%;min-width:0;color:hsl(var(--black-color));align-self:end;justify-self:stretch;text-align:center;border-radius:.5rem;padding:.75rem 2rem;font:var(--caption-2);font-size:1.2rem;font-weight:500;background:hsl(var(--white-color),50%);backdrop-filter:blur(1rem);-webkit-backdrop-filter:blur(1rem);border:1px solid hsl(var(--black-color),10%);box-shadow:0 .25rem 2rem hsl(var(--black-color),10%),inset 0 1px hsl(var(--white-color),20%),inset 0 -1px hsl(var(--white-color),10%),inset 0 0 1.5rem .75rem hsl(var(--white-color-2),5%);overflow:hidden;transition:.3s box-shadow}.code-restart-wrap[data-astro-cid-mklzptps]{position:relative;width:100%;align-self:end}.code-restart-wrap[data-astro-cid-mklzptps]:before{content:"Sometimes a force cache reset is needed";position:absolute;left:0;bottom:calc(100% + .35rem);width:100%;font:var(--text-2);font-weight:300;font-size:.78rem;line-height:1.25;color:hsl(var(--white-color-2));text-align:center;text-wrap:balance;white-space:normal;padding:.2rem 0rem;border-radius:.35rem;background:hsl(var(--white-color),6%);pointer-events:none}.code-restart[data-astro-cid-mklzptps]:hover{box-shadow:0 .25rem 2rem hsl(var(--black-color),10%),inset 0 1px hsl(var(--white-color),20%),inset 0 -1px hsl(var(--white-color),10%),inset 0 0 1.5rem .75rem hsl(var(--white-color-2),15%)}.code-restart[data-astro-cid-mklzptps]:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,hsl(var(--white-color),20%),transparent)}.code-restart[data-astro-cid-mklzptps]:after{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,hsl(var(--white-color),50%),transparent,hsl(var(--white-color),30%))}@media screen and (max-width:72rem){.hero-section[data-astro-cid-mklzptps] .section-hero[data-astro-cid-mklzptps]{grid-template-columns:1fr}.hero-text[data-astro-cid-mklzptps]{padding-right:0}}@media screen and (max-width:45rem){.hero-title-wrap[data-astro-cid-mklzptps] h1[data-astro-cid-mklzptps]{font-size:clamp(2rem,9vw,3rem);line-height:1.1}.hero-action[data-astro-cid-mklzptps]{width:100%;display:block;text-align:center}.hero-code[data-astro-cid-mklzptps]{grid-template-columns:1fr 1fr}.section-howto[data-astro-cid-mklzptps]{grid-template-columns:1fr}.code-restart-wrap[data-astro-cid-mklzptps]{display:flex;flex-direction:column;gap:.35rem}.code-restart-wrap[data-astro-cid-mklzptps]:before{position:static;width:100%;padding:0;font-size:.72rem;line-height:1.2;background:transparent}}@media screen and (max-width:27rem){.hero-code[data-astro-cid-mklzptps]{grid-template-columns:1fr}}[data-astro-cid-mklzptps]{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}