.rs-mock-browser,.rs-mock-phone{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;display:block;container-type:inline-size}.rs-mock-shot{object-fit:cover;object-position:50% 0%;width:100%;height:100%;display:block;position:absolute;inset:0}.rs-mock-shot[data-enter],.rs-mock-browser__host[data-enter]{animation:rs-mock-swap .9s var(--rs-ease-out) var(--rs-swap-delay,0s) both}@keyframes rs-mock-swap{0%{opacity:0}}.rs-mock-browser__body{border:1px solid var(--rs-line-strong);background:var(--rs-surface);border-radius:max(2px,.6cqi);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 2.2cqi 6cqi #0000008c,0 .4cqi 1.2cqi #00000059}.rs-mock-browser__bar{border-bottom:1px solid var(--rs-line);background:var(--rs-raised);flex:none;align-items:center;gap:2.4cqi;height:max(.625rem,5cqi);padding:0 2cqi;display:flex}.rs-mock-browser__dots{flex:none;gap:1cqi;display:flex}.rs-mock-browser__dots span{border:1px solid var(--rs-line-strong);border-radius:50%;width:max(3px,1.2cqi);height:max(3px,1.2cqi)}.rs-mock-browser__dots span:first-child{border-color:var(--rs-accent);background:var(--rs-accent)}.rs-mock-browser__url{background:var(--rs-ground);min-width:0;height:max(.55rem,3.1cqi);color:var(--rs-ink-soft);font-family:var(--rs-font-mono);letter-spacing:.02em;white-space:nowrap;border-radius:1.6cqi;flex:0 56cqi;justify-content:center;align-items:center;gap:1cqi;margin:0 auto;padding:0 2cqi;font-size:max(.375rem,1.75cqi);line-height:1;display:flex}.rs-mock-browser__lock{border:1px solid var(--rs-ink-faint);border-radius:.25cqi;flex:none;width:max(3px,1.05cqi);height:max(3px,1.05cqi)}.rs-mock-browser__host{text-overflow:ellipsis;min-width:0;overflow:hidden}.rs-mock-browser__view{aspect-ratio:16/10;background:var(--rs-ground);display:block;position:relative;overflow:hidden}.rs-mock-phone__body{border:1px solid var(--rs-line-strong);background:var(--rs-raised);border-radius:15cqi;padding:3.4cqi;display:block;box-shadow:0 6cqi 16cqi #0009,0 1.2cqi 3cqi #0006}.rs-mock-phone__screen{aspect-ratio:780/1688;background:var(--rs-ground);border-radius:11.5cqi;display:block;position:relative;overflow:hidden}.rs-stack{aspect-ratio:25/17;pointer-events:none;width:100%;display:block;position:relative;container-type:inline-size}.rs-stack__slot{transition:transform 1s var(--rs-ease-out);display:block;position:absolute}.rs-stack__slot--back{--rs-swap-delay:.24s;width:56%;top:0;right:0}.rs-stack__slot--mid{--rs-swap-delay:.12s;width:58%;top:8cqi;left:20cqi}.rs-stack__slot--front{--rs-swap-delay:0s;width:64%;top:22cqi;left:0}.rs-stack__slot--phone{--rs-swap-delay:.36s;width:20%;bottom:0;right:8cqi}.rs-stack[data-layers="2"]{aspect-ratio:16/10.4}.rs-stack[data-layers="2"] .rs-stack__slot--back{width:62%}.rs-stack[data-layers="2"] .rs-stack__slot--front{width:66%;top:20cqi}.rs-stack[data-layers="2"] .rs-stack__slot--phone{width:19%;right:4cqi}@media (hover:hover){.rs-mock-host:hover .rs-stack__slot--back{transform:translate(1.6cqi,-1.4cqi)}.rs-mock-host:hover .rs-stack__slot--mid{transform:translate(.8cqi,-.8cqi)}.rs-mock-host:hover .rs-stack__slot--front{transform:translate(-1.4cqi,1cqi)}.rs-mock-host:hover .rs-stack__slot--phone{transform:translateY(-3cqi)}}.rs-mock-host:focus-visible .rs-stack__slot--back{transform:translate(1.6cqi,-1.4cqi)}.rs-mock-host:focus-visible .rs-stack__slot--front{transform:translate(-1.4cqi,1cqi)}.rs-mock-host:focus-visible .rs-stack__slot--phone{transform:translateY(-3cqi)}.rs-stack[data-play=true] .rs-stack__slot--phone{animation:rs-stack-float 5.5s var(--rs-ease-in-out) 1.4s infinite alternate both}@keyframes rs-stack-float{to{transform:translateY(-2cqi)}}@media (prefers-reduced-motion:reduce){.rs-mock-shot[data-enter],.rs-mock-browser__host[data-enter],.rs-stack[data-play=true] .rs-stack__slot--phone{animation:none}.rs-stack__slot,.rs-mock-host:hover .rs-stack__slot,.rs-mock-host:focus-visible .rs-stack__slot{transform:none}}