@layer wertigo.components{:where(.AppScrollableArea){--app-scroll-gutter:14px;--app-scroll-track-top:2px;--app-scroll-track-bottom:2px;--app-scroll-track-right:1px;--app-scroll-size:8px;--app-scroll-track:var(--ds-brand-tint);--app-scroll-thumb:var(--ds-brand);--app-scroll-thumb-hover:var(--ds-brand-hover);flex-direction:column;min-width:0;min-height:0;display:flex;position:relative}:where(.AppScrollableArea--scrollable){padding-right:var(--app-scroll-gutter)}:where(.AppScrollableArea__scroller){overscroll-behavior:contain;scrollbar-width:none;flex:auto;min-width:0;min-height:0;overflow:hidden auto}.AppScrollableArea__scroller::-webkit-scrollbar{display:none}.AppScrollableArea__track{top:var(--app-scroll-track-top);right:var(--app-scroll-track-right);bottom:var(--app-scroll-track-bottom);width:var(--app-scroll-size);border-radius:var(--ds-radius-pill);background:var(--app-scroll-track);visibility:hidden;touch-action:none;-webkit-user-select:none;user-select:none;position:absolute}.AppScrollableArea__track:after{content:"";position:absolute;inset:0 -6px}.AppScrollableArea--scrollable>.AppScrollableArea__track{visibility:visible}.AppScrollableArea__thumb{z-index:1;border-radius:var(--ds-radius-pill);background:var(--app-scroll-thumb);cursor:grab;width:100%;transition:background-color var(--ds-duration-fast) var(--ds-ease);position:absolute;top:0;left:0}.AppScrollableArea__thumb:after{content:"";position:absolute;inset:0 -6px}.AppScrollableArea__thumb--dragging,.AppScrollableArea__thumb:hover{background:var(--app-scroll-thumb-hover)}.AppScrollableArea__thumb--dragging{cursor:grabbing}}