.tna-carousel{--tna-columns:3;--tna-gap:24px;min-width:0;width:100%}.tna-viewport{overflow:hidden;padding:5px;margin:-5px;touch-action:pan-y}.tna-track{display:grid;grid-template-columns:repeat(var(--tna-columns),minmax(0,1fr));gap:var(--tna-gap)}.tna-ready .tna-track{display:flex;gap:0;transition:transform .55s ease;will-change:transform}.tna-slide{display:grid;grid-template-columns:repeat(var(--tna-columns),minmax(0,1fr));gap:var(--tna-gap);flex:0 0 100%;min-width:0;padding-right:var(--tna-gap);box-sizing:border-box}.tna-ready .tna-track{margin-right:calc(-1 * var(--tna-gap))}.tna-carousel .tpp-card h3{font-size:16px}.tna-controls{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:24px;min-height:28px}.tna-controls[hidden]{display:none}.tna-dots{display:flex;justify-content:center;gap:4px}.tna-carousel .tna-dot{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;border:8px solid #fff;border-radius:50%;background:#d5d7d9;box-shadow:none;cursor:pointer;min-width:0}.tna-carousel .tna-dot[aria-current="true"]{background:#ffd000}.tna-carousel .tna-pause{border:0;background:transparent;color:#687078;font-size:12px;padding:4px 6px;cursor:pointer}.tna-carousel button:focus-visible,.tna-carousel a:focus-visible{outline:2px solid #171b1e;outline-offset:2px}.tna-carousel .tpp-card-image{aspect-ratio:1}.tna-carousel .tpp-card-image img{width:100%;height:100%;object-fit:contain}@media(max-width:1024px){.tna-carousel{--tna-columns:2}}@media(max-width:767px){.tna-carousel{--tna-columns:1}}@media(prefers-reduced-motion:reduce){.tna-ready .tna-track{transition:none}}
.tna-carousel .tna-controls{gap:0}
.tna-carousel .tna-dots{gap:6px}
.tna-carousel button.tna-dot,.tna-carousel button.tna-dot:hover,.tna-carousel button.tna-dot:focus,.tna-carousel button.tna-dot:active,.tna-carousel button.tna-dot[aria-current="true"]{box-sizing:border-box;width:28px;height:28px;min-width:28px;max-width:28px;min-height:28px;max-height:28px;padding:0;border:0;border-radius:50%;background:transparent!important;box-shadow:none;transform:none;transition:none}
.tna-carousel button.tna-dot::before{content:"";display:block;flex:0 0 12px;width:12px;height:12px;border-radius:50%;background:#d5d7d9;transform:none;transition:background-color .2s ease}
.tna-carousel button.tna-dot:hover::before,.tna-carousel button.tna-dot:focus-visible::before,.tna-carousel button.tna-dot:active::before,.tna-carousel button.tna-dot[aria-current="true"]::before{background:var(--tna-dot-active,#ffd000)}
.tna-carousel .tna-pause{display:none}