.tdf-chips{position:relative;max-width:1280px;margin:0 auto;padding:0 16px}.tdf-chips__track{display:flex;gap:12px;list-style:none;margin:0;padding:8px 0 12px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x proximity;scrollbar-width:none;-webkit-overflow-scrolling:touch}.tdf-chips__track::-webkit-scrollbar{display:none}.tdf-chips__track li{flex:0 0 auto;scroll-snap-align:start}.tdf-chips__track a{display:flex;align-items:center;gap:12px;height:48px;padding:0 22px 0 12px;border-radius:999px;background:#f5f5f5;border:1px solid transparent;color:#111;text-decoration:none;font:700 14px/1 Inter,Arial,sans-serif;white-space:nowrap;transition:background .15s,border-color .15s}.tdf-chips__track a svg{width:36px;height:36px;flex:none}.tdf-chips__track a:hover{background:#ebebeb}.tdf-chips__track a:hover span,.tdf-chips__track a[aria-current=page] span{text-decoration:underline;text-underline-offset:3px}.tdf-chips__track a:focus-visible{outline:2px solid #0058a3;outline-offset:2px}.tdf-chips__track a[aria-current=page]{background:#fff;border-color:#111}.tdf-chips__btn{position:absolute;top:calc(50% - 2px);transform:translateY(-50%);z-index:2;width:40px;height:40px;border-radius:50%;border:0;background:#fff;color:#111;box-shadow:0 1px 4px rgba(0,0,0,.25);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:opacity .2s,background .15s}.tdf-chips__btn:hover{background:#f5f5f5}.tdf-chips__btn:focus-visible{outline:2px solid #0058a3;outline-offset:2px}.tdf-chips__btn svg{width:20px;height:20px}.tdf-chips__btn--prev{left:4px}.tdf-chips__btn--next{right:4px}.tdf-chips__btn[hidden]{display:none}.tdf-chips::after,.tdf-chips::before{content:"";position:absolute;top:0;bottom:0;width:56px;pointer-events:none;z-index:1;opacity:0;transition:opacity .2s}.tdf-chips::before{left:16px;background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0))}.tdf-chips::after{right:16px;background:linear-gradient(270deg,#fff 30%,rgba(255,255,255,0))}.tdf-chips.can-next::after,.tdf-chips.can-prev::before{opacity:1}@media (hover:none),(max-width:600px){.tdf-chips__btn{display:none!important}.tdf-chips::before{display:none}}@media (max-width:600px){.tdf-chips__track a{height:44px;padding:0 16px 0 10px;font-size:13px;gap:10px}.tdf-chips__track a svg{width:30px;height:30px}}.tdf-chips-wrap{background:#fff;padding:14px 0 2px}