.VwwRvW_use{padding:clamp(56px, 8vh, 96px) var(--gutter) 0}.VwwRvW_browsers{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1100px;margin-top:44px;display:grid}.VwwRvW_browser{gap:12px;margin:0;display:grid}.VwwRvW_who{font-size:var(--text-small);align-items:center;gap:8px;display:flex}.VwwRvW_who b{font-weight:500}.VwwRvW_status{color:var(--ink-3);font-variant-numeric:tabular-nums;animation:VwwRvW_status-in .3s var(--ease-out) both;margin-left:auto}.VwwRvW_browser[data-state=left] .VwwRvW_status{color:var(--ink)}.VwwRvW_browser[data-state=done] .VwwRvW_status{color:var(--ink-2)}@keyframes VwwRvW_status-in{0%{opacity:0;transform:translateY(2px)}}.VwwRvW_window{border:1px solid var(--edge);background:var(--shell);box-shadow:var(--depth);filter:saturate(.9);border-radius:10px;transition:opacity .4s ease-out;overflow:hidden}.VwwRvW_browser[data-state=left] .VwwRvW_window{opacity:.55}.VwwRvW_bar{border-bottom:1px solid var(--line);background:#161616;align-items:center;gap:5px;height:26px;padding:0 9px;display:flex}.VwwRvW_bar i{background:#ffffff29;border-radius:50%;width:7px;height:7px}.VwwRvW_bar span{color:var(--ink-3);margin:0 auto;padding-right:30px;font-size:10.5px}.VwwRvW_screen{aspect-ratio:4/3;color:#2a1d15;background:#f3eee6;position:relative;container-type:inline-size}.VwwRvW_step,.VwwRvW_welcome{animation:VwwRvW_step-in .36s var(--ease-out) both;align-content:start;gap:4.5cqw;padding:11cqw 10cqw 0;font-size:4.6cqw;display:grid;position:absolute;inset:0}@keyframes VwwRvW_step-in{0%{opacity:0;transform:translate(3%)}}.VwwRvW_stepTitle{font-family:var(--font-loam,Georgia, serif);font-size:7cqw;line-height:1.1}.VwwRvW_options{gap:2.4cqw;display:grid}.VwwRvW_options span,.VwwRvW_field{background:#ffffff80;border:1px solid #2a1d152e;border-radius:2cqw;padding:2.4cqw 3.4cqw;transition:border-color .2s ease-out,background .2s ease-out;display:block}.VwwRvW_options span[data-picked=true]{background:#fff;border-color:#2a1d15}.VwwRvW_field{color:#9c958f}.VwwRvW_button{color:#f3eee6;background:#2a1d15;border-radius:6cqw;padding:2.4cqw 5cqw;font-weight:600;position:absolute;top:72%;left:10cqw}.VwwRvW_welcome{text-align:center;place-content:center;justify-items:center;padding:0}.VwwRvW_loam{font-family:var(--font-loam,Georgia, serif);font-size:11cqw}.VwwRvW_cursor{width:0;height:0;transition:left .12s linear,top .12s linear;position:absolute}.VwwRvW_left{animation:VwwRvW_step-in .4s var(--ease-out) both;background:#0e0e0f80;place-items:end center;padding-bottom:6cqw;display:grid;position:absolute;inset:0}.VwwRvW_left span{box-shadow:inset 2px 0 0 var(--pov);color:#fff;background:#111111eb;border-radius:2cqw;padding:1.6cqw 3.4cqw;font-size:4.2cqw}.VwwRvW_steps{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px;display:grid}.VwwRvW_steps i{background:#ffffff1a;border-radius:2px;height:4px;transition:background .3s ease-out}.VwwRvW_steps i[data-reached=true]{background:var(--pov)}.VwwRvW_steps i[data-unseen=true]{background:repeating-linear-gradient(-45deg,#ffffff29 0 2px,#0000 2px 5px)}.VwwRvW_until{max-width:1100px;color:var(--ink-3);font-size:var(--text-small);margin-top:28px}.VwwRvW_until b{color:var(--ink-2);font-weight:500}@media (max-width:900px){.VwwRvW_browsers{grid-template-columns:minmax(0,1fr);max-width:420px}}
