@layer components{.device{width:var(--device-w,300px);aspect-ratio:1318/2717;isolation:isolate;-webkit-user-select:none;user-select:none;max-width:100%;position:relative;container-type:inline-size}.device:before{content:"";box-shadow:var(--sh-sm), var(--sh-card);border-radius:21.4cqw;position:absolute;inset:0 .6%}.device-screen{z-index:1;background:#000;border-radius:15.5cqw;width:91.502%;height:96.503%;position:absolute;top:1.767%;left:4.249%;overflow:hidden;container-type:inline-size}.device-screen>*,.device-fill{width:100%;height:100%;position:absolute;inset:0}.device-fill{object-fit:cover;display:block}.device-frame{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.device-solo{width:min(var(--device-w,300px), 90svh / 2.0615, 38vw)}@media (max-width:47.9375rem){.device-solo{width:min(100vw - 80px,37.8365svh)}}.showcase-layer{opacity:0;pointer-events:none;transition:opacity .22s var(--ease-stamp)}.showcase-layer.is-active{opacity:1;pointer-events:auto}@starting-style{.showcase-layer.is-active{opacity:0}}.showcase-step{transition:border-color .22s var(--ease-stamp)}@media (min-width:64rem){.showcase-step{border-left:2px solid #0000;padding-left:20px}.showcase-step.is-active{border-left-color:var(--action)}}}