.scroll-container{--outer-padding:5px;--outer-padding-bottom:12px;--inner-padding:20px;--inner-padding-bottom:30px;--bar-width:6px;overflow:hidden}.scroll-container:after,.scroll-container:before{background-color:#e6e6e6;border-radius:2px;content:"";position:absolute}.scroll-container:before{bottom:3px;right:var(--outer-padding);top:3px;width:var(--bar-width)}.scroll-container:after{bottom:var(--outer-padding-bottom);height:var(--bar-width);left:3px;right:3px}.scroll-container__wrap{padding-bottom:var(--inner-padding-bottom);padding-right:var(--inner-padding)}.scroll-container .scrollbar__thumbPlaceholder--vertical{right:var(--outer-padding);transition:height .3s;width:var(--bar-width)}.scroll-container .scrollbar__thumbPlaceholder--horizontal{bottom:var(--outer-padding-bottom);height:var(--bar-width);z-index:1}.scroll-container .scrollbar__thumb{background-color:#c4c4c4;border-radius:2px;opacity:1;transition-property:background-color,transform;width:100%}.scroll-container .scrollbar__thumb--horizontal{height:100%}.scroll-container:has(>.scrollbar__thumbPlaceholder--vertical[style*="display: none"]):before{display:none}.scroll-container:not(:has(>.scrollbar__thumbPlaceholder--horizontal[style*="display: none"]))>.scroll-container__wrap{--inner-padding:0px}.scroll-container:has(>.scrollbar__thumbPlaceholder--horizontal[style*="display: none"]):after{display:none}.scroll-container:has(>.scrollbar__thumbPlaceholder--horizontal[style*="display: none"]) .scroll-container__wrap{--inner-padding-bottom:0px}.scroll-container--left-bar{--outer-padding:0}.scroll-container--left-bar:before,.scroll-container--left-bar>.scrollbar__thumbPlaceholder--vertical{left:var(--outer-padding);right:auto}.scroll-container--left-bar>.scroll-container__wrap{padding:21px 16px}