.horizontal-scroll-container{position:relative;width:100%}.horizontal-scroll-container:after{content:"";position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(to right,rgba(255,255,255,0),var(--color-bg-1));opacity:.7;z-index:2;pointer-events:none}.horizontal-scroll-container:before{content:"";position:absolute;top:0;left:0;width:40px;height:100%;background:linear-gradient(to left,rgba(255,255,255,0),var(--color-bg-1));opacity:.7;transition:opacity .16s ease-out;z-index:2;pointer-events:none}.horizontal-scroll-container:not(.is-scrolled-right):before{opacity:0}.horizontal-scroll-container-items{overflow-x:auto;width:100%;padding-bottom:var(--spc-8);margin-bottom:calc(var(--spc-8) * -1);scrollbar-width:thin;scrollbar-color:var(--color-ui-1) transparent}.horizontal-scroll-container-items::-webkit-scrollbar{height:6px;background-color:transparent}.horizontal-scroll-container-items::-webkit-scrollbar-track{background-color:transparent;margin:0 var(--spc-4)}.horizontal-scroll-container-items::-webkit-scrollbar-thumb{background-color:var(--color-ui-1);border-radius:9999px;cursor:pointer}.horizontal-scroll-container-items::-webkit-scrollbar-thumb:hover{background-color:var(--color-ui-2)}.horizontal-scroll-container-items>*:last-child{margin-right:var(--spc-12)!important}