@scope(.ui-scroll-area)to ([data-hn]){:scope[data-ui-scroll-area-state~=fill]:where([data-hn-ui-scroll-area]){flex:1}:scope:where([data-hn-ui-scroll-area]){box-sizing:border-box!important;display:block!important;min-block-size:0;min-inline-size:0;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;--_ui-scroll-fade-direction:to bottom;--_ui-scroll-fade-inline:to right;--_ui-scroll-fade-size:var(--ui-scroll-fade-size,24px);-webkit-mask-image:linear-gradient(var(--_ui-scroll-fade-direction),transparent,#000 var(--_ui-scroll-fade-start),#000 calc(100% - var(--_ui-scroll-fade-end)),transparent);mask-image:linear-gradient(var(--_ui-scroll-fade-direction),transparent,#000 var(--_ui-scroll-fade-start),#000 calc(100% - var(--_ui-scroll-fade-end)),transparent)}.content:where([data-hn-ui-scroll-area]){display:flow-root!important}:scope[data-ui-scroll-area-state~=trim] .content>:where(:not([data-hn-ui-scroll-area])):is(:first-child){margin-block-start:0!important}:scope[data-ui-scroll-area-state~=trim] .content>:where(:not([data-hn-ui-scroll-area])):is(:last-child){margin-block-end:0!important}:scope[data-ui-scroll-area-state~="orientation=horizontal"]:where([data-hn-ui-scroll-area]){overflow-x:auto;overflow-y:hidden;--_ui-scroll-fade-direction:var(--_ui-scroll-fade-inline)}:scope:dir(rtl):where([data-hn-ui-scroll-area]){--_ui-scroll-fade-inline:to left}:scope[data-ui-scroll-area-state~="size=sm"]:where([data-hn-ui-scroll-area]){max-block-size:calc(9.375rem + var(--ui-scroll-fade-size, 24px))}:scope[data-ui-scroll-area-state~="size=md"]:where([data-hn-ui-scroll-area]){max-block-size:20rem}:scope[data-ui-scroll-area-state~="size=lg"]:where([data-hn-ui-scroll-area]){max-block-size:30rem}:scope[data-ui-scroll-area-state~="padding=xs"]:where([data-hn-ui-scroll-area]){padding:var(--ui-space-2)!important}:scope[data-ui-scroll-area-state~="padding=sm"]:where([data-hn-ui-scroll-area]){padding:var(--ui-space-3)!important}:scope[data-ui-scroll-area-state~="padding=md"]:where([data-hn-ui-scroll-area]){padding:var(--ui-space-5)!important}:scope[data-ui-scroll-area-state~="padding=lg"]:where([data-hn-ui-scroll-area]){padding:var(--ui-space-6)!important}:scope[hidden]:where([data-hn-ui-scroll-area]){display:none!important}}