@layer components{.ns-hbox{border-radius:var(--radius-lg);background:var(--color-bg);box-shadow:inset 0 0 0 1px var(--color-line)}.ns-hbox:has(>.ns-hscroll:focus-visible){outline:2px solid var(--color-focus);outline-offset:2px}.ns-hscroll{--ns-fade:1.75rem;border-radius:inherit;scrollbar-width:thin;scrollbar-color:var(--color-line-strong) transparent;max-height:14.5rem;-webkit-mask-image:linear-gradient(to bottom, transparent 0, var(--color-bg) var(--ns-ft,0px), var(--color-bg) calc(100% - var(--ns-fb,0px)), transparent 100%);mask-image:linear-gradient(to bottom, transparent 0, var(--color-bg) var(--ns-ft,0px), var(--color-bg) calc(100% - var(--ns-fb,0px)), transparent 100%);outline:none;padding:.5rem;position:relative;overflow-y:auto}.ns-hscroll[data-fade-top]{--ns-ft:var(--ns-fade)}.ns-hscroll[data-fade-bottom]{--ns-fb:var(--ns-fade)}}