.semScrollable{--semScrollable-gradient-from:#fff0;--semScrollable-gradient-to:#fff;--semScrollable-color:#1c6fd1;--semScrollable-hover-bg:#f2f8fb;align-items:center;display:flex}.semScrollable.color-mode-dark{--semScrollable-gradient-from:#002e4700;--semScrollable-gradient-to:#002e47;--semScrollable-hover-color:#98d1eb;--semScrollable-hover-bg:#004367;--semScrollable-color:#fff}.semScrollable.color-mode-medium{--semScrollable-gradient-from:#f7fafb00;--semScrollable-gradient-to:#f7fafb;--semScrollable-hover-bg:#25282d03}.semScrollable .semScrollable-content{-webkit-scroll-behavior:smooth;-moz-scroll-behavior:smooth;-ms-scroll-behavior:smooth;scroll-behavior:smooth;-ms-overflow-style:none;-webkit-scrollbar-width:none;-moz-scrollbar-width:none;-ms-scrollbar-width:none;scrollbar-width:none;flex-wrap:nowrap;flex-grow:1;display:flex;overflow:auto hidden}.semScrollable .semScrollable-content::-webkit-scrollbar{display:none}.semScrollable .semScrollable-icon{cursor:not-allowed;color:#a3b9c3;flex-shrink:0;width:42px;height:100%;max-height:42px;padding:8px 12px}.semScrollable .semScrollable-icon.show{cursor:pointer;color:var(--semScrollable-color)}.semScrollable .semScrollable-icon.show:hover{background:var(--semScrollable-hover-bg)}.semScrollable .semScrollable-fade{opacity:0;pointer-events:none;z-index:1;width:0;position:sticky;top:0;bottom:0}.semScrollable .semScrollable-fade:after{content:"";width:40px;display:block;position:absolute;top:0;bottom:0}.semScrollable .semScrollable-fade.show{opacity:1;transition:opacity .25s linear}.semScrollable .semScrollable-fade.left{left:-1px}.semScrollable .semScrollable-fade.left:after{background-image:linear-gradient(to left, var(--semScrollable-gradient-from), var(--semScrollable-gradient-to));left:0}.semScrollable .semScrollable-fade.right{right:-1px}.semScrollable .semScrollable-fade.right:after{background-image:linear-gradient(to right, var(--semScrollable-gradient-from), var(--semScrollable-gradient-to));right:0}