.scrollable-shadows{display:flex;position:relative;overflow:hidden}.scrollable-shadows:before,.scrollable-shadows:after{z-index:5;pointer-events:none;content:"";opacity:0;width:100%;height:100%;transition:opacity .2s;position:absolute;top:0;left:0}.scrollable-shadows__inner{flex:1}.scrollable-shadows--vertical{height:100%}.scrollable-shadows--vertical .scrollable-shadows__inner{overflow-y:auto}.scrollable-shadows--vertical:before{box-shadow:inset 0 16px 16px -16px #00000040}.scrollable-shadows--vertical:after{box-shadow:inset 0 -16px 16px -16px #00000040}.dark .scrollable-shadows--vertical:before{box-shadow:inset 0 16px 16px -16px #000}.dark .scrollable-shadows--vertical:after{box-shadow:inset 0 -16px 16px -16px #000}.scrollable-shadows--horizontal{width:100%}.scrollable-shadows--horizontal .scrollable-shadows__inner{overflow-x:auto}.scrollable-shadows--horizontal:before{box-shadow:inset 16px 0 16px -16px #00000040}.scrollable-shadows--horizontal:after{box-shadow:inset -16px 0 16px -16px #00000040}.dark .scrollable-shadows--horizontal:before{box-shadow:inset 16px 0 16px -16px #000}.dark .scrollable-shadows--horizontal:after{box-shadow:inset -16px 0 16px -16px #000}.scrollable-shadows--top:before,.scrollable-shadows--bottom:after,.scrollable-shadows--left:before,.scrollable-shadows--right:after{opacity:1}