@layer theme,base,typography,kit-base;@layer kit{._root_opjsf_1{--scrollbar-size:10px;--scrollbar-padding:2px;--fade-size:24px;width:calc(100% + 10px);width:calc(100% + var(--scrollbar-offset,var(--scrollbar-size)));height:42px;height:var(--scrollable-height,42px);position:relative;overflow:hidden}._viewport_opjsf_11{width:calc(100% - var(--scrollbar-size));border-radius:inherit;width:100%;height:100%}._fadeTop_opjsf_18{height:var(--fade-size);background:linear-gradient(180deg,var(--fade-color),transparent 70%);pointer-events:none;position:absolute;top:0;left:0;right:0}._fadeBottom_opjsf_28{height:var(--fade-size);background:linear-gradient(180deg,transparent,var(--fade-color)70%);pointer-events:none;position:absolute;bottom:0;left:0;right:0}._scrollbar_opjsf_38{padding:var(--scrollbar-padding);background:var(--gray-100);-webkit-user-select:none;user-select:none;touch-action:none;transition:background .16s ease-out;display:flex}._scrollbar_opjsf_38:hover{background:var(--gray-200)}._scrollbar_opjsf_38[data-orientation=vertical]{width:var(--scrollbar-size)}._scrollbar_opjsf_38[data-orientation=horizontal]{height:var(--scrollbar-size);flex-direction:column}._thumb_opjsf_60{border-radius:var(--scrollbar-size);background:var(--gray-400);flex:1;position:relative}._corner_opjsf_67{background:var(--gray-200)}}@layer components,utilities;