:where(.chip-rail){--chip-rail-fade:48px;--chip-rail-clear:0px;min-width:0;position:relative}.chip-rail-track{overscroll-behavior-x:contain;scroll-padding-inline:var(--chip-rail-fade);scrollbar-width:none;overflow-x:auto}.chip-rail-track::-webkit-scrollbar{display:none}.chip-rail[data-more-end]>.chip-rail-track{-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--chip-rail-fade)), transparent calc(100% - var(--chip-rail-clear)));-webkit-mask-image:linear-gradient(to right, #000 calc(100% - var(--chip-rail-fade)), transparent calc(100% - var(--chip-rail-clear)));mask-image:linear-gradient(to right, #000 calc(100% - var(--chip-rail-fade)), transparent calc(100% - var(--chip-rail-clear)))}.chip-rail[data-more-start]>.chip-rail-track{-webkit-mask-image:linear-gradient(to right, transparent var(--chip-rail-clear), #000 var(--chip-rail-fade));-webkit-mask-image:linear-gradient(to right, transparent var(--chip-rail-clear), #000 var(--chip-rail-fade));mask-image:linear-gradient(to right, transparent var(--chip-rail-clear), #000 var(--chip-rail-fade))}.chip-rail[data-more-start][data-more-end]>.chip-rail-track{-webkit-mask-image:linear-gradient(to right, transparent var(--chip-rail-clear), #000 var(--chip-rail-fade), #000 calc(100% - var(--chip-rail-fade)), transparent calc(100% - var(--chip-rail-clear)));-webkit-mask-image:linear-gradient(to right, transparent var(--chip-rail-clear), #000 var(--chip-rail-fade), #000 calc(100% - var(--chip-rail-fade)), transparent calc(100% - var(--chip-rail-clear)));mask-image:linear-gradient(to right, transparent var(--chip-rail-clear), #000 var(--chip-rail-fade), #000 calc(100% - var(--chip-rail-fade)), transparent calc(100% - var(--chip-rail-clear)))}.chip-rail-arrow{z-index:2;width:34px;height:34px;color:var(--green-strong);cursor:pointer;background:#fff;border:1px solid #07584c29;border-radius:999px;place-items:center;padding:0;display:none;position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 4px 14px #12221b24}.chip-rail-arrow-prev{left:0}.chip-rail-arrow-next{right:0}.chip-rail-arrow:hover{background:#f4faf7;border-color:#077f6873}@media (hover:hover) and (pointer:fine){:where(.chip-rail){--chip-rail-fade:96px;--chip-rail-clear:24px}.chip-rail[data-more-start]>.chip-rail-arrow-prev,.chip-rail[data-more-end]>.chip-rail-arrow-next{display:grid}}