.cp-hero-preview{width:100%;max-width:36rem;margin-inline:auto}@media (width>=640px){.cp-hero-preview{max-width:38rem}}@media (width>=1024px){.cp-hero-preview{margin-inline:0;width:100%;max-width:min(100%,36rem);margin-left:auto}}@media (width>=1280px){.cp-hero-preview{max-width:min(100%,40rem)}}.cp-hero-preview__window{background:#12151b;border-radius:1rem;transition:transform .3s cubic-bezier(.22,1,.36,1),box-shadow .3s cubic-bezier(.22,1,.36,1);overflow:hidden;box-shadow:0 4px 6px #1425490a,0 24px 64px #14254924}.cp-hero-preview:hover .cp-hero-preview__window{transform:translateY(-4px);box-shadow:0 8px 16px #1425490f,0 32px 72px #14254929}.cp-hero-preview__chrome{background:#12151b;border-bottom:1px solid #ffffff0f;align-items:center;gap:.75rem;min-height:2.25rem;padding:.5rem .75rem;display:flex}.cp-hero-preview__dots{flex-shrink:0;align-items:center;gap:.375rem;display:flex}.cp-hero-preview__dot{border-radius:9999px;width:.5625rem;height:.5625rem;display:block}.cp-hero-preview__dot--red{background:#ff5f57}.cp-hero-preview__dot--yellow{background:#febc2e}.cp-hero-preview__dot--green{background:#28c840}.cp-hero-preview__address{letter-spacing:.01em;color:#a1a1aa;text-align:center;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border-radius:.375rem;flex:1;min-width:0;max-width:14rem;margin-inline:auto;padding:.25rem .625rem;font-size:.6875rem;font-weight:500;line-height:1.25;overflow:hidden}.cp-hero-preview__image{object-fit:contain;object-position:center top;border-radius:0;width:100%;max-width:100%;height:auto;display:block}@media (prefers-reduced-motion:reduce){.cp-hero-preview__window{transition:none}.cp-hero-preview:hover .cp-hero-preview__window{transform:none}}