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