@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*),[data-astro-transition-scope]{animation:none!important}}@layer reset{*,:before,:after{box-sizing:border-box}html{text-size-adjust:none}body,h1,h2,h3,h4,p,figure,blockquote,dl,dd{margin-block:0}ul[role=list],ol[role=list]{list-style:none}body{min-height:100vh;line-height:1.5}h1,h2,h3,h4,button,input,label{line-height:1.1}h1,h2,h3,h4{text-wrap:balance}a:not([class]){text-decoration-skip-ink:auto;color:currentColor}img,picture{max-width:100%;display:block}input,button,textarea,select{font-family:inherit;font-size:inherit}textarea:not([rows]){min-height:10em}:target{scroll-margin-block:5ex}}@layer base{:root{--size-0:0;--size-2:.2rem;--size-4:.4rem;--size-6:.6rem;--size-8:.8rem;--size-10:1rem;--size-11:1.1rem;--size-12:1.2rem;--size-13:1.3rem;--size-14:1.4rem;--size-15:1.5rem;--size-16:1.6rem;--size-18:1.8rem;--size-20:2rem;--size-24:2.4rem;--size-26:2.6rem;--size-28:2.8rem;--size-32:3.2rem;--size-40:4rem;--size-48:4.8rem;--size-56:5.6rem;--size-64:6.4rem;--size-80:8rem;--size-96:9.6rem;--size-112:11.2rem;--size-128:12.8rem;--font:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--color-white:#fff;--color-always-white:#fff;--color-black:#1e1e25}@media (prefers-color-scheme:dark){:root{--color-black:#e6e6e6;--color-white:#0f1012}}html{box-sizing:border-box;font-size:62.5%}html,body{margin:0;padding:0}body{font-family:var(--font)}:root{--font:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif,"Apple Color Emoji","Segoe UI Emoji";--base-size:2.4rem;--color-black:#272d30;--color-grey:#858c8e;--color-white:#fff;--color-green:#33c758;--color-box-bg:#e6eaef;--color-bg:#f1f5f8}html,body{background:var(--color-bg);height:100%}body{font-family:var(--font);color:var(--color-black);font-size:1.6rem;line-height:1.5;@media (width>=576px){line-height:1.5}}*{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{cursor:pointer;color:inherit;text-decoration:underline}.layout{width:clamp(100px,100vw - 48px,1360px);margin:0 auto}h1,h2,h3{font-size:inherit}.text{&--grey{color:var(--color-grey)}}.no-line-break{white-space:nowrap}.download{& img{width:15rem}}.content-page{width:clamp(100px,100vw - clamp(2rem,4vw,4.8rem),650px);padding:var(--base-size);margin:0 auto;& ul li{margin:.5rem 0}}.back-link{padding-top:calc(var(--base-size));font-size:1.4rem;display:block}.article-content{padding-bottom:4rem;@media (width>=750px){padding-bottom:8rem}& p,& h2{margin-top:var(--base-size)}& h2{margin-bottom:calc((var(--base-size) / 2) * -1)}}.page{width:clamp(100px,100vw - clamp(2rem,4vw,4.8rem),1080px);padding:var(--base-size);margin:0 auto;@media (width>=750px){grid-gap:10vw;grid-template-columns:1fr 1fr;display:grid}}.page__header{padding:clamp(2rem,8vw,9rem) 0 0;@media (width<=750px){& p{font-size:2rem}}}@media (width>=750px){.page__left{grid-area:1/1}.page__right{grid-column:2}}.desktop-screenshot{display:none;@media (width>=750px){display:block}}.screenshot{border-radius:4.8rem;max-block-size:800px;box-shadow:16px 20px 52px #333e591a,0 57.7533px 81.3576px #333e5926;@supports (corner-shape:squircle){corner-shape:squircle;border-radius:6.4rem}}.mobile-screenshot{margin-block:1.6rem 2.4rem;margin-inline:auto;display:block;@media (width>=750px){display:none}}.instacrop-icon{--_radius:var(--radius,2rem);width:8rem;height:8rem;margin-bottom:calc(var(--base-size));border-radius:var(--_radius);display:flex;overflow:hidden;@supports (corner-shape:squircle){corner-shape:squircle;border-radius:calc(var(--_radius) * 1.6)}@media (width>=576px){margin-bottom:calc(var(--base-size) * 1.5)}}.label{font-size:calc(var(--base-size) - 6px);background-color:var(--color-green);color:var(--color-white);border-radius:100px;padding:.5rem 1.2rem;font-weight:600;line-height:1.2}.page__title{font-size:var(--base-size);padding-bottom:calc(var(--base-size) / 4);align-items:baseline;display:flex;& .label{margin-left:.6rem}}.page__subtitle{font-size:var(--base-size);padding-block-end:calc(var(--base-size) / 3);font-weight:400}.section{font-size:calc(var(--base-size) - 8px);padding:calc(var(--base-size) - 8px) 0;& a{display:inline-block}@media (width>=576px){line-height:1.7}}.section--functionality{background-color:var(--color-box-bg);margin:var(--base-size) calc((var(--base-size) - 8px) * 1.3 * -1) calc(var(--base-size) / 2) calc((var(--base-size) - 8px) * 1.3 * -1);padding:var(--base-size) calc((var(--base-size) - 8px) * 1.3);border-radius:var(--base-size);@supports (corner-shape:squircle){corner-shape:squircle;border-radius:calc(var(--base-size) * 1.6)}@media (width>=576px){margin:var(--base-size) calc((var(--base-size) - 8px) * 2 * -1) calc(var(--base-size) / 2) calc((var(--base-size) - 8px) * 2 * -1);padding:var(--base-size) calc((var(--base-size) - 8px) * 2)}}.section__title{padding-bottom:clamp(.3rem,.6vw,.8rem);font-weight:600;line-height:1.2}.section__notes{font-size:calc(var(--base-size) - 12px)}.section__inline{display:flex}.section__inline-icon{width:18px;margin-right:6px}.section__list{margin:0;padding:0;& div{display:inline}& li{padding:0 0 0 4px;margin-left:18px;padding-block:2px}& span{--radius:8px;border-radius:var(--radius);aspect-ratio:1;background-color:#f5f7f9;padding:.2rem .5rem;font-weight:500;@supports (corner-shape:squircle){corner-shape:squircle;border-radius:calc(var(--radius) * 1.6)}}}}@layer components;@layer utils{.txt-center{text-align:center}.txt-start{text-align:start}.txt-end{text-align:end}.txt-bold{font-weight:700}.txt-decor{text-decoration:underline}.txt-no-decor{text-decoration:none}@media screen and (width<960px){.hide-lg-down{display:none}}@media screen and (width>=960px){.hide-lg-up{display:none}}@media screen and (width<768px){.hide-md-down{display:none}}@media screen and (width>=768px){.hide-md-up{display:none}}@media (width<516px){.hide-sm-down{display:none}}@media (width>=516px){.hide-sm-up{display:none}}}.astro-route-announcer{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;top:0;left:0;overflow:hidden}