.product-showcase__content--wide .display{color:var(--paper);background:linear-gradient(112deg,var(--paper) 5%,var(--paper) 34%,var(--rose) 60%,var(--rose-mid) 82%,var(--paper) 100%);background-size:180% 100%;background-position:28% 50%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:app-title-metal 10s ease-in-out infinite}.app-preview{position:relative;display:flex;align-items:center;justify-content:center;min-width:0;padding-block:1rem;isolation:isolate}.app-preview:before{content:"";position:absolute;z-index:-1;top:8%;right:0;bottom:8%;left:0;border-radius:50%;background:radial-gradient(circle,oklch(from var(--rose-deep) l c h / .22),transparent 66%);filter:blur(34px);pointer-events:none}.app-preview__devices{position:relative;width:min(100%,480px);aspect-ratio:480 / 585}.app-preview__pixel,.app-preview__iphone{position:absolute}.app-preview__pixel{z-index:1;top:11%;left:3%;width:50%;aspect-ratio:978 / 2100;transform:rotate(-7deg);filter:drop-shadow(0 26px 46px oklch(0 0 0 / .5)) brightness(.9)}.app-preview__iphone{z-index:2;top:0;right:2%;width:57%;aspect-ratio:1380 / 2880;transform:rotate(3deg);filter:drop-shadow(0 34px 60px oklch(0 0 0 / .55))}.app-preview__pixel-screen,.app-preview__iphone-screen{position:absolute;max-width:none;object-fit:fill;background:#000}.app-preview__pixel-screen{top:2.3333%;left:3.3742%;width:92.229%;height:95.3333%;border-radius:6%/2.7%}.app-preview__iphone-screen{top:2.5%;left:4.347826%;width:91.304348%;height:95%;border-radius:10%/5%}.app-preview__screen--light{display:none}:root[data-theme=light] .app-preview__screen--dark{display:none}:root[data-theme=light] .app-preview__screen--light{display:block}.app-preview__frame{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;width:100%;height:100%;max-width:none;object-fit:fill}:root[data-theme=light] .app-preview__pixel{filter:drop-shadow(0 24px 38px oklch(0 0 0 / .22))}:root[data-theme=light] .app-preview__iphone{filter:drop-shadow(0 30px 45px oklch(0 0 0 / .25))}@keyframes app-title-metal{0%,to{background-position:12% 50%}50%{background-position:88% 50%}}@media(max-width:800px){.app-preview{padding-block:0}.app-preview__devices{width:min(100%,420px)}}@media(prefers-reduced-motion:reduce){.product-showcase__content--wide .display{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/2/assets/app-showcase.css.map */