.tc-scroller{--tc-card:340px;--tc-gap:24px;gap:var(--tc-gap);scroll-snap-type:x mandatory;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none;margin:0 -32px 0 0;padding:8px 32px;scroll-padding-inline-start:32px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 32px calc(100% - 32px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 32px calc(100% - 32px),#0000 100%)}.tc-scroller::-webkit-scrollbar{display:none}.tc-scroller:before,.tc-scroller:after{content:"";flex:0 0 0;min-width:0}.tc-card{flex:0 0 var(--tc-card);scroll-snap-align:start}@media (width<=900px){.tc-scroller{--tc-card:300px;margin:0 -20px;padding:8px 20px;scroll-padding-inline-start:20px;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 20px calc(100% - 20px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 20px calc(100% - 20px),#0000 100%)}}@media (width<=640px){.tc-scroller{--tc-card:78vw;--tc-gap:16px;width:100vw;margin:0 calc(50% - 50vw);padding:8px 0;scroll-padding-inline-start:0;-webkit-mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 16px),#0000 100%);mask-image:linear-gradient(90deg,#0000 0,#000 16px calc(100% - 16px),#0000 100%)}.tc-scroller:before,.tc-scroller:after{flex-basis:calc((100vw - var(--tc-card)) / 2)}.tc-card{scroll-snap-align:center}}.tc-arrow{display:none}@media (hover:hover) and (width>=1240px){.tc-arrow{display:inline-flex}}@media (prefers-reduced-motion:reduce){.tc-scroller{scroll-behavior:auto}}