.web-examples{position:relative;z-index:1;padding:3rem 0 4rem}.web-examples--compact{padding:1.5rem 0 2.5rem}.web-examples__track{display:flex;gap:1rem;overflow-x:auto;padding:1.25rem 0 .5rem;scroll-snap-type:x proximity;-webkit-overflow-scrolling:touch}.web-examples__track::-webkit-scrollbar{height:4px}.web-examples__track::-webkit-scrollbar-thumb{background:rgba(255,255,255,.15);border-radius:999px}.web-examples__tilt{flex:0 0 auto;scroll-snap-align:start;width:min(260px,72vw)}.web-examples--compact .web-examples__tilt{width:min(220px,68vw)}.web-examples__link{display:block;color:inherit;text-decoration:none}.web-examples__card{border-radius:.9rem;border:1px solid color-mix(in srgb,var(--web-accent,#8457ff) 35%,rgba(255,255,255,.12));background:rgba(13,15,20,.88);overflow:hidden;transform-style:preserve-3d;box-shadow:0 16px 40px rgba(0,0,0,.28)}.web-examples__chrome{display:flex;gap:.3rem;padding:.45rem .65rem;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03)}.web-examples__chrome span{width:.4rem;height:.4rem;border-radius:999px;background:rgba(255,255,255,.22)}.web-examples__viewport{position:relative;aspect-ratio:16/10;background:#080a0e}.web-examples__fallback,.web-examples__img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;display:block}.web-examples__mobile{position:absolute;right:8%;bottom:8%;width:28%;aspect-ratio:9/16;border-radius:.45rem;border:1px solid rgba(255,255,255,.2);overflow:hidden;background:#0a0c11;box-shadow:0 8px 20px rgba(0,0,0,.35)}.web-examples__mobile img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover}@media (max-width:640px){.web-examples__mobile{display:none}}