:root{--scrollbar-border: 20px }.td-collection-header-section{margin:35px 0;display:flex;flex-direction:column;gap:18px}.td-collection-header-links-wrapper{padding:0 16px;max-width:1280px;margin:auto;width:100%}.td-collection-header-links{display:flex;flex-wrap:nowrap;white-space:nowrap;cursor:pointer;margin:auto}.td-collection-header-links.active{cursor:grabbing}.loaded .td-collection-header-links{opacity:1;transition:.2s ease-in-out;max-width:none;margin:0}.td-collection-header-links .swiper-wrapper{padding-bottom:2px}draggable-scroll:not(.loaded) .td-collection-header-links .td-collection-header-link{background:linear-gradient(120deg,#e5e5e5 30%,#f0f0f0 38% 40%,#e5e5e5 48%);background-size:200% 100%;background-position:100% 0;animation:run 2s infinite;border:none;color:transparent}@keyframes run{to{background-position:-100% 0}}.td-collection-header-links.drag-start a{pointer-events:none}.td-collection-header-scrollbar{height:6px;opacity:0;transition:opacity .2s ease-in-out!important}.td-collection-header-links-wrapper:hover .td-collection-header-scrollbar{opacity:1;transition:opacity .2s ease-in-out!important}.td-collection-header-link{text-decoration:none;padding:6px 14px;border:1px solid #0000001A;border-radius:4px;font-size:14px;color:#393534b2;width:auto;margin-right:12px}.td-collection-header-link:hover,.td-collection-header-link__active{text-decoration:none;color:#393534;border:1px solid #393534;transition:all .2s ease-in-out}.td-collection-header-text{padding:0 16px;max-width:1280px;margin:-14px auto 7px}.td-collection-heading{font-size:28px;text-align:center;margin:0}.td-collection-header-banner-content{font-size:10px;max-width:1280px;margin:auto;text-align:center;padding:5px}@media only screen and (min-width: 768px){.td-collection-header-links-wrapper{padding:0 28px;max-width:1280px;margin:auto;width:100%}}@media only screen and (min-width: 1024px){.td-collection-header-section{gap:32px;margin:68px 0 60px}.td-collection-header-links{gap:14px}.td-collection-header-link{font-size:18px}.td-collection-heading{font-size:48px}.td-collection-header-banner-content{font-size:16px;padding:12px}}
/*# sourceMappingURL=/cdn/shop/t/318/assets/section-oddit-collection-header.css.map */