.scrollbox{touch-action:auto;scrollbar-gutter:stable;scrollbar-width:thin;scrollbar-color:var(--color-brand-secondary) #fff9;-ms-overflow-style:auto;height:100%;max-height:400px;padding-right:15px;overflow-y:auto}.scrollbox::-webkit-scrollbar{width:15px}.scrollbox::-webkit-scrollbar-track{background:#fff9;border-radius:9999px;margin:15px 0}.scrollbox::-webkit-scrollbar-thumb{background:var(--color-brand-secondary);background-clip:padding-box;border:15px solid #0000;border-radius:9999px;min-height:28px}.scrollbox::-webkit-scrollbar-thumb:hover{background:var(--color-brand-primary)}.scrollbox::-webkit-scrollbar-thumb:active{background:var(--color-brand-primary)}.scrollbox::-webkit-scrollbar-corner{background:#fff}.scrollbox:focus-visible{outline:none}.scrollbox:focus-visible::-webkit-scrollbar-thumb{box-shadow:0 0 0 7px #21224a1f}@supports (color:color-mix(in lab, red, red)){.scrollbox:focus-visible::-webkit-scrollbar-thumb{box-shadow:0 0 0 7px color-mix(in srgb, var(--color-brand-primary) 12%, transparent)}}.clipped__up--reverse{clip-path:polygon(0 0,100% 4.5%,100% 95.5%,0 100%);margin-bottom:-10px}@media (min-width:1023px){.clipped__up--reverse{clip-path:polygon(0 0,100% 9%,100% 91%,0 100%);margin-bottom:-25px}}@media (min-width:1279px){.clipped__up--reverse{clip-path:polygon(0 0,100% 80px,100% calc(100% - 80px),0 100%);margin-bottom:-40px}}
