.hn-railnav{padding:12px var(--hn-pad,20px) 0;justify-content:flex-end;gap:8px;display:flex}.hn-railnav[hidden]{display:none}.hn-railnav__b{width:36px;height:36px;box-shadow:0 0 0 1px var(--hn-line-2,#08090a1f), 0 1px 2px #08090a0a;color:var(--hn-ink,#08090a);cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .16s var(--hn-ease,ease), opacity .16s var(--hn-ease,ease), box-shadow .16s var(--hn-ease,ease);background:#fff;border:0;border-radius:999px;place-items:center;padding:0;display:grid}.hn-railnav__b:active:not(:disabled){transform:scale(.96)}.hn-railnav__b:disabled{opacity:.35;cursor:default}.hn-railnav__b:focus-visible{outline:2px solid var(--hn-ink,#08090a);outline-offset:2px}@media (hover:hover){.hn-railnav__b:hover:not(:disabled){box-shadow:0 0 0 1px var(--hn-line-3,#08090a33), 0 2px 6px #08090a0f}.hn-railnav[data-tone=night] .hn-railnav__b:hover:not(:disabled),.hn-railnav__b[data-tone=night]:hover:not(:disabled){box-shadow:inset 0 0 0 1px #ffffff3d}}.hn-railnav[data-tone=night] .hn-railnav__b,.hn-railnav__b[data-tone=night]{color:#f7f8f8;background:#ffffff0f;box-shadow:inset 0 0 0 1px #ffffff1f}.hn-railnav[data-tone=night] .hn-railnav__b:focus-visible,.hn-railnav__b[data-tone=night]:focus-visible{outline-color:#f7f8f8}@media (pointer:coarse){.hn-railnav__b{position:relative}.hn-railnav__b:after{content:"";border-radius:999px;position:absolute;inset:-4px}}