@keyframes wiggle{0%{transform:translate(3px,2px) rotate(1deg)}20%{transform:translate(1px,2px) rotate(-1.2deg)}40%{transform:translateY(-1px) rotate(.8deg)}60%{transform:translate(1px,2px) rotate(-1deg)}80%{transform:translate(1px,-1px) rotate(1.3deg)}to{transform:translateY(-2px) rotate(-.5deg)}}.hero-showcase{width:min(900px,95vw);height:calc(min(900px,95vw)/1.6202531646);position:relative;margin-bottom:-70px;z-index:2;animation:showcase-rise 1s cubic-bezier(.2,.65,.2,1) .9s both}@media only screen and (max-width:900px){.hero-showcase{margin-bottom:-40px}}.hero-showcase:before{content:"";position:absolute;z-index:0;left:14%;right:14%;top:12%;bottom:4%;border-radius:50%;background:var(--gradient);filter:blur(90px);opacity:.13;pointer-events:none}@media only screen and (max-width:680px){.hero-showcase:before{filter:blur(50px)}}@media(prefers-reduced-motion:reduce){.hero-showcase{animation:none}}.hero-showcase__stickers{z-index:5;--sticker-dim:0.75}@media only screen and (max-width:680px){.hero-showcase__stickers{display:none}}.hero-showcase__macbook-frame{width:min(900px,95vw);height:calc(min(900px,95vw)/1.6202531646);object-fit:contain;position:absolute;z-index:10}.hero-showcase__macbook-frame--light,[data-theme=light] .hero-showcase__macbook-frame--dark{display:none}[data-theme=light] .hero-showcase__macbook-frame--light{display:block}.hero-showcase__deck{position:absolute;inset:0;z-index:20;display:flex;justify-content:center;align-items:center;padding-top:0;padding-left:1.2rem}@media only screen and (max-width:900px){.hero-showcase__deck{padding-top:1rem;padding-left:.7rem}}.hero-showcase__deck img{position:absolute;width:calc(.46*min(900px,95vw));height:auto}.hero-showcase__demo{display:contents}.hero-showcase__demo--light,[data-theme=light] .hero-showcase__demo--dark{display:none}[data-theme=light] .hero-showcase__demo--light{display:contents}.hero-showcase__original{-webkit-mask-image:url(/assets/mask.png);mask-image:url(/assets/mask.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:0;mask-position:0;transition:-webkit-mask-position 2s ease;transition:mask-position 2s ease;transition:mask-position 2s ease,-webkit-mask-position 2s ease}.hero-showcase__original--isAnimated{-webkit-mask-position:calc(.5*min(900px,95vw));mask-position:calc(.5*min(900px,95vw))}.hero-showcase__mask{transition:visibility 0s}.hero-showcase__mask--isAnimated{visibility:hidden;transition-delay:3s}.hero-showcase__with-effect{-webkit-mask-image:url(/assets/mask.png);mask-image:url(/assets/mask.png);-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:calc(-.46*min(900px,95vw));mask-position:calc(-.46*min(900px,95vw));transition:-webkit-mask-position 2s ease;transition:mask-position 2s ease;transition:mask-position 2s ease,-webkit-mask-position 2s ease;transition-delay:1s;animation:wiggle 1s infinite alternate}@media(prefers-reduced-motion:reduce){.hero-showcase__with-effect{animation:none}}.hero-showcase__with-effect--isAnimated{-webkit-mask-position:0;mask-position:0}.hero-showcase__control-icon{position:absolute;z-index:30;display:flex;padding:0;border:none;border-radius:50%;background:none;font-size:2.7rem;color:var(--screen-ink);cursor:pointer;opacity:.7;right:6%;bottom:10%}@media only screen and (max-width:900px){.hero-showcase__control-icon{right:6%;bottom:9%;font-size:2rem}}.hero-showcase__control-icon:hover{opacity:1}.hero-showcase__control-icon path:first-of-type{display:none}@keyframes showcase-rise{0%{opacity:0;translate:0 32px}to{opacity:1;translate:0 0}}