.scrollable-container{position:relative;width:100%;max-width:100%}@media screen and (max-width: 767px){.scrollable-container::after{content:"";position:absolute;top:0;bottom:0;right:0;width:24px;height:100%;background:var(--scroll-fade, linear-gradient(to left, rgba(255, 255, 255, 0.8), rgba(255, 255, 255, 0)));pointer-events:none;z-index:10}.scrollable-container>.scrollable-content{position:relative;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;-ms-overflow-style:none;scrollbar-width:none}.scrollable-container>.scrollable-content::-webkit-scrollbar{display:none}.scrollable-container>.scrollable-content>*{width:max-content}.scrollable-container>.scrollable-content>.layout.columns,.scrollable-container>.scrollable-content>.layout.flexible{width:auto;display:flex;flex-wrap:nowrap;-ms-overflow-style:none}.scrollable-container>.scrollable-content>.layout.columns::-webkit-scrollbar,.scrollable-container>.scrollable-content>.layout.flexible::-webkit-scrollbar{display:none}.scrollable-container>.scrollable-content>.layout.columns>*,.scrollable-container>.scrollable-content>.layout.flexible>*{flex:0 0 auto;flex-basis:var(--layout-scrollable-col-size, 90%)}.scrollable-container>.scrollable-content>.layout.button-group{--flexible-direction: row;width:max-content;display:flex;flex-wrap:nowrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;-ms-overflow-style:none}.scrollable-container>.scrollable-content>.layout.button-group::-webkit-scrollbar{display:none}.scrollable-container>.scrollable-content>.layout.button-group>*{flex:0 0 auto;flex-basis:var(--layout-scrollable-col-size, 90%);white-space:nowrap;flex-shrink:1}}@media screen and (max-width: 767px){.scrollable-container>.scrollable-content>.layout.columns>*,.scrollable-container>.scrollable-content>.layout.flexible>*{flex-basis:auto}}