.scroll-area_root__w1y_S{position:relative;display:flex;min-width:0;min-height:0;flex-direction:column;overflow:hidden}.scroll-area_viewport__qC58V{--fade-top:0px;--fade-bottom:0px;--fade-left:0px;--fade-right:0px;min-width:0;min-height:0;flex:1 1 auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroll-area_viewport__qC58V::-webkit-scrollbar{display:none}.scroll-area_root__w1y_S[data-orientation=vertical]>.scroll-area_viewport__qC58V{overflow-x:hidden;overflow-y:auto}.scroll-area_root__w1y_S[data-orientation=horizontal]>.scroll-area_viewport__qC58V{overflow-x:auto;overflow-y:hidden}.scroll-area_root__w1y_S[data-orientation=both]>.scroll-area_viewport__qC58V{overflow:auto}.scroll-area_viewport__qC58V[data-fade=vertical]{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent);mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent)}.scroll-area_viewport__qC58V[data-fade=horizontal]{-webkit-mask-image:linear-gradient(to right,transparent,#000 var(--fade-left),#000 calc(100% - var(--fade-right)),transparent);mask-image:linear-gradient(to right,transparent,#000 var(--fade-left),#000 calc(100% - var(--fade-right)),transparent)}.scroll-area_viewport__qC58V[data-fade=both]{-webkit-mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent),linear-gradient(to right,transparent,#000 var(--fade-left),#000 calc(100% - var(--fade-right)),transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,transparent,#000 var(--fade-top),#000 calc(100% - var(--fade-bottom)),transparent),linear-gradient(to right,transparent,#000 var(--fade-left),#000 calc(100% - var(--fade-right)),transparent);mask-composite:intersect}.scroll-area_track__y_Pak{position:absolute;z-index:1;opacity:0;pointer-events:none;touch-action:none;transition:opacity var(--duration-considered) var(--ease-standard)}.scroll-area_track__y_Pak[data-axis=y]{top:3px;right:1px;bottom:3px;width:11px}.scroll-area_track__y_Pak[data-axis=x]{right:3px;bottom:1px;left:3px;height:11px}.scroll-area_root__w1y_S[data-orientation=both]>.scroll-area_track__y_Pak[data-axis=y]{bottom:13px}.scroll-area_root__w1y_S[data-orientation=both]>.scroll-area_track__y_Pak[data-axis=x]{right:13px}.scroll-area_track__y_Pak[data-hidden]{display:none}.scroll-area_thumb__F9_mh{position:absolute;top:0;left:0;will-change:transform}.scroll-area_track__y_Pak[data-axis=y] .scroll-area_thumb__F9_mh{width:100%}.scroll-area_track__y_Pak[data-axis=x] .scroll-area_thumb__F9_mh{height:100%}.scroll-area_thumb__F9_mh:after{content:"";position:absolute;border-radius:var(--radius-pill);background:color-mix(in oklch,var(--foreground) 30%,transparent);transition:width var(--duration-fast) var(--ease-standard),height var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard)}.scroll-area_track__y_Pak[data-axis=y] .scroll-area_thumb__F9_mh:after{top:0;right:3px;bottom:0;width:5px}.scroll-area_track__y_Pak[data-axis=x] .scroll-area_thumb__F9_mh:after{right:0;bottom:3px;left:0;height:5px}.scroll-area_root__w1y_S[data-dragging]>.scroll-area_track__y_Pak,.scroll-area_root__w1y_S[data-scrollbars=always]>.scroll-area_track__y_Pak,.scroll-area_root__w1y_S[data-scrolling]>.scroll-area_track__y_Pak{opacity:1;pointer-events:auto;transition-duration:var(--duration-fast)}@media (hover:hover) and (pointer:fine){.scroll-area_root__w1y_S:hover>.scroll-area_track__y_Pak{opacity:1;pointer-events:auto;transition-duration:var(--duration-fast)}.scroll-area_root__w1y_S[data-dragging] .scroll-area_thumb__F9_mh:after,.scroll-area_track__y_Pak:hover .scroll-area_thumb__F9_mh:after{background:color-mix(in oklch,var(--foreground) 46%,transparent)}.scroll-area_root__w1y_S[data-dragging=y] .scroll-area_track__y_Pak[data-axis=y] .scroll-area_thumb__F9_mh:after,.scroll-area_track__y_Pak[data-axis=y]:hover .scroll-area_thumb__F9_mh:after{width:7px;right:2px}.scroll-area_root__w1y_S[data-dragging=x] .scroll-area_track__y_Pak[data-axis=x] .scroll-area_thumb__F9_mh:after,.scroll-area_track__y_Pak[data-axis=x]:hover .scroll-area_thumb__F9_mh:after{height:7px;bottom:2px}}@media (prefers-reduced-motion:reduce){.scroll-area_thumb__F9_mh:after,.scroll-area_track__y_Pak{transition:none}}.scroll-area_demo__js2sQ{display:grid;width:min(100%,720px);gap:16px;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));color:var(--foreground);font-family:var(--font-body);font-size:var(--text-sm);letter-spacing:var(--tracking-body);line-height:var(--leading-body)}.scroll-area_panel__EPouW{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--surface)}.scroll-area_header__2ms7O{display:flex;min-height:52px;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px 8px 18px}.scroll-area_heading__ZVbhp{margin:0;font-size:var(--text-sm);font-weight:500}.scroll-area_pill__om9zs{display:inline-flex;height:30px;align-items:center;gap:6px;padding:0 12px 0 10px;border:0;border-radius:var(--radius-pill);background:var(--surface-muted);color:var(--foreground);cursor:pointer;font:inherit;font-size:var(--text-xs);font-weight:500;transition:background-color var(--duration-fast) var(--ease-standard)}.scroll-area_list__SlcQB{height:300px}.scroll-area_items__JuZ8F{display:grid;margin:0;padding:0 8px 8px;list-style:none}.scroll-area_item__dmfd_{display:flex;align-items:center;gap:12px;padding:9px 10px;border-radius:14px}.scroll-area_avatar__40lP4{width:32px;height:32px;flex:none;border-radius:50%;object-fit:cover}.scroll-area_text__QWD0H{min-width:0;flex:1;margin:0;color:var(--text-secondary);text-wrap:pretty}.scroll-area_name__LmjCW{color:var(--foreground);font-weight:500}.scroll-area_when__wOETT{flex:none;color:var(--text-muted);font-size:var(--text-xs);font-variant-numeric:tabular-nums}.scroll-area_arrows__6ThQT{display:flex;gap:4px}.scroll-area_arrow__CxCUR{display:grid;width:32px;height:32px;place-items:center;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--surface);color:var(--foreground);cursor:pointer;transition:opacity var(--duration-fast) var(--ease-standard),background-color var(--duration-fast) var(--ease-standard),transform var(--duration-instant) var(--ease-standard)}.scroll-area_arrow__CxCUR:active:not(:disabled){transform:scale(.94)}.scroll-area_arrow__CxCUR:disabled{opacity:.4;cursor:default}.scroll-area_rail__mpS6h{display:flex;width:max-content;gap:12px;margin:0;padding:0 18px 20px;list-style:none}.scroll-area_card__DvmCX{display:grid;width:188px;gap:2px;scroll-snap-align:start;scroll-margin-inline:18px}.scroll-area_photo__MlFVC{position:relative;display:block;margin-bottom:8px;aspect-ratio:4/5;overflow:hidden;border-radius:16px;background:var(--surface-muted)}.scroll-area_photo__MlFVC img{object-fit:cover}.scroll-area_cardName___3cVD{font-weight:500}.scroll-area_cardNote__24_b5{color:var(--text-secondary);font-size:var(--text-xs)}@media (hover:hover) and (pointer:fine){.scroll-area_item__dmfd_:hover{background:var(--surface-muted)}.scroll-area_pill__om9zs:hover{background:color-mix(in oklch,var(--surface-muted),var(--foreground) 5%)}.scroll-area_arrow__CxCUR:hover:not(:disabled){background:var(--surface-muted)}}@media (prefers-reduced-motion:reduce){.scroll-area_arrow__CxCUR,.scroll-area_pill__om9zs{transition:none}}