.scroll-x{position:relative;min-width:0;max-width:100%}.scroll-x-inner{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.scroll-x-inner::-webkit-scrollbar{display:none}.scroll-x-inner:focus-visible{outline:2px solid var(--color-mustard);outline-offset:2px;border-radius:10px}.scroll-x[data-left=true]>.scroll-x-inner{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px);mask-image:linear-gradient(90deg,transparent,#000 28px)}.scroll-x[data-right=true]>.scroll-x-inner{-webkit-mask-image:linear-gradient(270deg,transparent,#000 36px);mask-image:linear-gradient(270deg,transparent,#000 36px)}.scroll-x[data-left=true][data-right=true]>.scroll-x-inner{-webkit-mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 36px),transparent);mask-image:linear-gradient(90deg,transparent,#000 28px,#000 calc(100% - 36px),transparent)}.scroll-x-sticky>.scroll-x-inner{scrollbar-width:thin}.scroll-x-sticky>.scroll-x-inner::-webkit-scrollbar{display:block;height:6px}.scroll-x-sticky>.scroll-x-inner::-webkit-scrollbar-thumb{background:rgba(43,33,24,.18);border-radius:6px}.scroll-x-sticky[data-left=true]>.scroll-x-inner{-webkit-mask-image:none;mask-image:none}.scroll-x-sticky[data-left=true][data-right=true]>.scroll-x-inner{-webkit-mask-image:linear-gradient(270deg,transparent,#000 36px);mask-image:linear-gradient(270deg,transparent,#000 36px)}.scroll-x-sticky table :is(th,td):first-child{position:sticky;left:0;z-index:1;background:var(--sticky-bg,#fdfbf7)}.scroll-x-sticky table :is(th,td):first-child:after{content:"";position:absolute;top:0;bottom:0;right:-10px;width:10px;pointer-events:none;opacity:0;transition:opacity .15s;background:linear-gradient(90deg,hsl(28 28% 20%/.1),transparent)}.scroll-x-sticky[data-left=true] table :is(th,td):first-child:after{opacity:1}@media (max-width:767.98px){.scroll-x-sticky table :is(th,td):first-child{max-width:46vw;overflow-wrap:anywhere}.scroll-x-sticky table :is(th,td):not(:first-child){white-space:nowrap}}