.wrapper[data-v-aa4749a0]{position:relative;width:fit-content}.shadow[data-v-aa4749a0]{position:absolute;z-index:100}.horizontal--before[data-v-aa4749a0]{left:0;background:linear-gradient(to right,rgba(0,0,0,.35),transparent);height:100%;width:var(--3f6778f3);opacity:0}.horizontal--after[data-v-aa4749a0]{right:0;background:linear-gradient(to left,rgba(0,0,0,.35),transparent);height:100%;width:var(--3f6778f3);opacity:1}.vertical--before[data-v-aa4749a0]{top:0;background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent);opacity:0;width:100%;height:var(--3f6778f3)}.vertical--after[data-v-aa4749a0]{bottom:0;background:linear-gradient(to top,rgba(0,0,0,.35),transparent);opacity:1;width:100%;height:var(--3f6778f3)}.demo[data-v-4b802424]{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh}.container[data-v-4b802424]{display:flex;gap:20px;align-items:center;justify-content:center}.vertical-content[data-v-4b802424]{padding:20px;background-color:#f1f1f1;border-radius:10px;height:100px;overflow:auto;width:200px}.horizontal-list[data-v-4b802424]{padding:20px;display:flex;background-color:#f1f1f1;border-radius:10px;height:100px;width:200px;gap:20px;overflow:auto;list-style:none;white-space:nowrap;align-items:center}