.scroll-chevron-area{--scroll-chevron-overlay-size:64px;--scroll-chevron-overlay-size-y:72px;--scroll-chevron-pad-block-start:0px;--scroll-chevron-pad-block-end:0px;--scroll-chevron-shadow-pad-block:10px;--scroll-chevron-shadow-pad-inline:8px;box-sizing:border-box;width:100%;min-width:0;max-width:100%;display:flex;position:relative;overflow:visible}.scroll-chevron-area--axis-x{padding-block:var(--scroll-chevron-shadow-pad-block);padding-inline:var(--scroll-chevron-shadow-pad-inline);flex-direction:row;align-items:stretch}.scroll-chevron-area--axis-y{min-height:0;padding-block:var(--scroll-chevron-shadow-pad-block);padding-inline:var(--scroll-chevron-shadow-pad-inline);flex-direction:column;flex:1;align-items:stretch}.scroll-chevron-area__host{scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;flex:auto;min-width:0;min-height:0}.scroll-chevron-area__host::-webkit-scrollbar{display:none}.scroll-chevron-area--axis-x .scroll-chevron-area__host{align-items:flex-start;display:flex;overflow:auto visible}.scroll-chevron-area--axis-y .scroll-chevron-area__host{overflow:hidden auto}.scroll-chevron-area__overlay{pointer-events:none;z-index:var(--z-kanban-scroll-overlay,160);display:flex;position:absolute}.scroll-chevron-area--axis-x .scroll-chevron-area__overlay{top:var(--scroll-chevron-pad-block-start);bottom:var(--scroll-chevron-pad-block-end);width:var(--scroll-chevron-overlay-size);align-items:center}.scroll-chevron-area--axis-x .scroll-chevron-area__overlay--start{padding-left:var(--space-2);background:linear-gradient(to right, var(--bg-surface) 20%, color-mix(in srgb, var(--bg-surface) 80%, transparent) 50%, transparent 100%);justify-content:flex-start;left:0}.scroll-chevron-area--axis-x .scroll-chevron-area__overlay--end{padding-right:var(--space-2);background:linear-gradient(to right, transparent 0%, color-mix(in srgb, var(--bg-surface) 80%, transparent) 50%, var(--bg-surface) 100%);justify-content:flex-end;right:0}.scroll-chevron-area--axis-y .scroll-chevron-area__overlay{height:var(--scroll-chevron-overlay-size-y);justify-content:center;left:0;right:0}.scroll-chevron-area--axis-y .scroll-chevron-area__overlay--start{padding-top:var(--space-2);background:linear-gradient(to bottom, var(--bg-surface) 20%, color-mix(in srgb, var(--bg-surface) 80%, transparent) 50%, transparent 100%);align-items:flex-start;top:0}.scroll-chevron-area--axis-y .scroll-chevron-area__overlay--end{background:linear-gradient(to bottom, transparent 0%, color-mix(in srgb, var(--bg-surface) 80%, transparent) 50%, var(--bg-surface) 100%);align-items:flex-end;padding-bottom:10px;bottom:0}.scroll-chevron-area__overlay .scroll-chevron{z-index:1;margin:6px;position:relative}.scroll-chevron-area--chevron-sm .scroll-chevron-area__overlay .scroll-chevron{width:30px;min-width:30px;height:30px;min-height:30px}.scroll-chevron-area--chevron-sm .scroll-chevron-area__overlay .scroll-chevron i{font-size:var(--font-sm)}@media (width<=1224px){.scroll-chevron-area--bleed-inline.scroll-chevron-area--axis-x .scroll-chevron-area__overlay--start{left:calc(-1 * var(--scroll-chevron-panel-pad-inline,1rem));width:calc(var(--scroll-chevron-overlay-size) + var(--scroll-chevron-panel-pad-inline,1rem))}.scroll-chevron-area--bleed-inline.scroll-chevron-area--axis-x .scroll-chevron-area__overlay--end{right:calc(-1 * var(--scroll-chevron-panel-pad-inline,1rem));width:calc(var(--scroll-chevron-overlay-size) + var(--scroll-chevron-panel-pad-inline,1rem))}}