.rf-root .na-head{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.rf-root .na-title{align-items:center;gap:12px;min-width:0;display:flex}.rf-root .na-tag{color:#92400e;background:#fef3c7;border-radius:12px;flex:none;place-items:center;width:44px;height:44px;font-size:12px;font-weight:700;display:grid}.rf-root .na-title h2{font-family:var(--rf-font-display);letter-spacing:-.02em;margin:0;font-size:24px;font-weight:700;line-height:1.25}.rf-root .na-title p{color:var(--muted);margin:3px 0 0;font-size:14px}.rf-root .na-nav{flex:none;align-items:center;gap:10px;display:flex}.rf-root .na-all{min-height:40px;color:var(--blue);border-radius:8px;align-items:center;gap:6px;margin-inline-end:6px;padding-inline:6px;font-size:14px;font-weight:700;display:inline-flex}.rf-root .na-all svg{width:15px;height:15px;transition:transform .2s var(--e)}.rf-root .na-all:hover svg{transform:translate(-3px)}[dir=ltr] .rf-root .na-all:hover svg{transform:translate(3px)}.rf-root .na-step{border:1px solid var(--line);width:40px;height:40px;color:var(--ink-2);transition:opacity .2s var(--e), background-color .2s var(--e), border-color .2s var(--e);background:#fff;border-radius:50%;place-items:center;display:grid}.rf-root .na-step.next{background:var(--blue);border-color:var(--blue);color:#fff}.rf-root .na-step svg{width:16px;height:16px}.rf-root .na-step.prev svg{rotate:90deg}.rf-root .na-step.next svg,[dir=rtl] .rf-root .na-step.prev svg{rotate:-90deg}[dir=rtl] .rf-root .na-step.next svg{rotate:90deg}.rf-root .na-step:disabled{opacity:.4;cursor:default}.rf-root .na-step:not(:disabled):hover{border-color:var(--blue);color:var(--blue)}.rf-root .na-step.next:not(:disabled):hover{background:var(--blue-700);border-color:var(--blue-700);color:#fff}.rf-root :is(.na-step,.na-all):focus-visible{outline:2px solid var(--blue);outline-offset:2px}.rf-root .na-wrap{position:relative}.rf-root .na-rail{scroll-snap-type:x mandatory;grid-auto-columns:214px;gap:16px;margin-block:-6px -18px;padding-block:6px 18px}.rf-root .na-wrap:after{content:"";top:0;bottom:0;z-index:3;pointer-events:none;background:linear-gradient(to right, transparent, var(--paper));width:90px;transition:opacity .3s var(--e);position:absolute;inset-inline-end:calc(var(--pad) * -1)}[dir=rtl] .rf-root .na-wrap:after{background:linear-gradient(to left, transparent, var(--paper))}.rf-root .na-wrap[data-at-end]:after{opacity:0}@media (max-width:720px){.rf-root .na-step{display:none}.rf-root .na-title h2{font-size:20px}.rf-root .na-title p{font-size:13px}.rf-root .na-tag{width:40px;height:40px}.rf-root .na-all{margin-inline-end:0;font-size:13.5px}.rf-root .na-rail{grid-auto-columns:42vw;gap:12px}.rf-root .na-wrap:after{width:48px}}