.series-nav{background:var(--sn-section-bg, #fff);color:var(--sn-title-color, #111);padding:28px 0 36px;box-sizing:border-box;width:100%}.series-nav *,.series-nav *:before,.series-nav *:after{box-sizing:border-box}.series-nav__inner{max-width:1440px;margin:0 auto;padding:0 24px}@media(min-width:990px){.series-nav__inner{padding:0 40px}}.series-nav__heading{margin:0 0 18px}.series-nav__title{font-size:16px;font-weight:600;margin:0;letter-spacing:.01em;color:var(--sn-title-color)}.series-nav__subtitle{margin:4px 0 0;font-size:13px;color:var(--sn-desc-color)}.series-nav__viewport{position:relative;width:100%;overflow:hidden}.series-nav__track{display:flex;gap:12px;scroll-behavior:smooth;overflow-x:auto;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding:4px 2px}.series-nav__track::-webkit-scrollbar{display:none}.series-nav__slide{flex:0 0 auto;scroll-snap-align:start;min-width:0}.series-nav__card{display:flex;align-items:center;gap:12px;padding:14px 18px;background:var(--sn-card-bg);border:1px solid var(--sn-card-border);border-radius:var(--sn-card-radius, 12px);color:inherit;text-decoration:none;transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease;height:100%;width:100%}.series-nav__card:hover{border-color:var(--sn-title-color);transform:translateY(-1px);box-shadow:0 6px 16px #0000000f}.series-nav__card:focus-visible{outline:2px solid var(--sn-title-color);outline-offset:2px}.series-nav__card{position:relative}.series-nav__card.is-active{border-color:var(--sn-active-color)}.series-nav__card.is-active .series-nav__card-title{color:var(--sn-active-color)}.series-nav__card.is-active:after{content:"";position:absolute;right:14px;top:50%;width:8px;height:8px;margin-top:-5px;border-top:2px solid var(--sn-active-color);border-right:2px solid var(--sn-active-color);transform:rotate(45deg);pointer-events:none}.series-nav__card.is-active:hover{border-color:var(--sn-active-color);box-shadow:0 4px 10px #e5341f1a}.series-nav__card.is-pending{opacity:.55;pointer-events:none;cursor:wait}.series-nav__track{position:relative}.series-nav.is-loading .series-nav__track:before{content:"";position:absolute;left:0;top:-6px;height:2px;width:30%;background:var(--sn-active-color);border-radius:2px;animation:sn-loading 1s infinite linear;z-index:10}@keyframes sn-loading{0%{left:-30%}to{left:100%}}@media(prefers-reduced-motion:reduce){.series-nav.is-loading .series-nav__track:before{animation:none}}.series-nav__card-media{flex:0 0 auto;width:48px;height:48px;border-radius:999px;overflow:hidden;background:#f5f5f5;display:none}.series-nav__card-media img{width:100%;height:100%;object-fit:cover;display:block}.series-nav__card-body{display:flex;flex-direction:column;gap:4px;min-width:0}.series-nav__card-title{margin:0;font-size:15px;font-weight:600;line-height:1.2;color:var(--sn-title-color);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.series-nav__card-desc{margin:0;font-size:12px;line-height:1.45;color:var(--sn-desc-color);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.series-nav--style-visual{padding:30px 0 24px}.series-nav--style-visual .series-nav__inner{max-width:1440px}.series-nav--style-visual .series-nav__heading{text-align:center;margin-bottom:24px}.series-nav--style-visual .series-nav__title{font-size:18px;font-weight:700}.series-nav--style-visual .series-nav__viewport{overflow:hidden}.series-nav--style-visual .series-nav__track{gap:8px;padding:4px 0 8px}.series-nav--style-visual:not(.has-overflow) .series-nav__track{justify-content:center}.series-nav--style-visual .series-nav__slide{flex:0 0 112px;width:112px}.series-nav--style-visual .series-nav__card{display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;text-align:center;color:var(--sn-title-color);width:100%}.series-nav--style-visual .series-nav__card:hover{border-color:transparent;transform:none;box-shadow:none}.series-nav--style-visual .series-nav__card-media{display:block;width:112px;height:auto;aspect-ratio:140 / 175;border-radius:0;border:1px solid transparent;background:#f6f6f6;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.series-nav--style-visual .series-nav__card-media img{width:100%;height:100%;object-fit:cover}.series-nav--style-visual .series-nav__card-media--placeholder{background:linear-gradient(180deg,#f7f7f7,#eee)}.series-nav--style-visual .series-nav__card-body{display:block;margin-top:10px;width:112px;text-align:center}.series-nav--style-visual .series-nav__card-title{display:block;white-space:normal;overflow:visible;text-overflow:clip;font-size:14px;font-weight:500;line-height:1.2;width:100%;margin:0 auto;text-align:center}.series-nav--style-visual .series-nav__card-desc{display:none}.series-nav--style-visual .series-nav__card:hover .series-nav__card-title{text-decoration:underline;text-underline-offset:3px}.series-nav--style-visual .series-nav__card.is-active{border-color:transparent}.series-nav--style-visual .series-nav__card.is-active:after{display:none}.series-nav--style-visual .series-nav__card.is-active .series-nav__card-media{border-color:var(--sn-active-color);box-shadow:inset 0 0 0 1px var(--sn-active-color)}.series-nav--style-visual .series-nav__card.is-active .series-nav__card-title{color:var(--sn-active-color)}.series-nav--style-visual:not(.has-overflow) .series-nav__controls{display:none!important}@media(min-width:990px){.series-nav--style-visual .series-nav__track{gap:12px}.series-nav--style-visual .series-nav__slide{flex-basis:140px;width:140px}.series-nav--style-visual .series-nav__card-media,.series-nav--style-visual .series-nav__card-body{width:140px}.series-nav--style-visual .series-nav__card-title{font-size:15px}}.series-nav__controls{display:flex;align-items:center;gap:16px;margin-top:16px}.series-nav__progress{flex:1 1 auto;height:2px;background:var(--sn-progress-bg);border-radius:2px;overflow:hidden}.series-nav__progress-bar{width:0%;height:100%;background:var(--sn-progress-fill);transition:width .12s linear}.series-nav__arrows{flex:0 0 auto;display:flex;align-items:center;gap:8px}.series-nav__arrow{width:36px;height:28px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:1px solid var(--sn-card-border);border-radius:6px;color:var(--sn-arrow-color);cursor:pointer;transition:border-color .15s ease,color .15s ease,opacity .15s ease,background .15s ease}.series-nav__arrow:hover:not([disabled]){border-color:var(--sn-title-color);background:var(--sn-card-bg)}.series-nav__arrow[disabled]{opacity:.35;cursor:not-allowed}@media(min-width:990px){.series-nav--desktop-carousel .series-nav__track{overflow-x:auto}.series-nav--desktop-carousel .series-nav__slide{flex:0 0 calc((100% - (var(--sn-desktop-visible) - 1) * 12px) / var(--sn-desktop-visible))}.series-nav--desktop-grid .series-nav__track{flex-wrap:wrap;overflow:visible;gap:12px}.series-nav--desktop-grid .series-nav__slide{flex:0 0 calc((100% - (var(--sn-desktop-visible) - 1) * 12px) / var(--sn-desktop-visible))}.series-nav--desktop-grid .series-nav__controls{display:none}}@media(max-width:989px){.series-nav__track{overflow-x:auto;padding-right:16px}.series-nav--mobile-carousel .series-nav__slide{flex:0 0 calc((100% - (var(--sn-mobile-visible) - 1) * 12px) / var(--sn-mobile-visible))}.series-nav--mobile-stack .series-nav__track{display:flex;flex-direction:column;overflow:visible;gap:8px}.series-nav--mobile-stack .series-nav__slide{flex:0 1 auto;width:100%}.series-nav--mobile-stack .series-nav__controls{display:none}.series-nav--mobile-dropdown .series-nav__track,.series-nav--mobile-dropdown .series-nav__controls{display:none!important}}.series-nav__mobile-select{position:relative;margin-top:12px}.series-nav__mobile-toggle{width:100%;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;border:1px solid var(--sn-card-border);border-radius:var(--sn-card-radius, 12px);background:var(--sn-card-bg);color:var(--sn-title-color);font-size:15px;font-weight:600;cursor:pointer}.series-nav__mobile-toggle:after{content:"";width:10px;height:10px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);margin-top:-3px;transition:transform .2s ease}.series-nav__mobile-select[aria-expanded=true] .series-nav__mobile-toggle:after{transform:rotate(-135deg);margin-top:3px}.series-nav__mobile-list{position:absolute;top:calc(100% + 6px);left:0;right:0;background:var(--sn-card-bg);border:1px solid var(--sn-card-border);border-radius:var(--sn-card-radius, 12px);list-style:none;margin:0;padding:6px;max-height:0;overflow:hidden;opacity:0;transition:max-height .25s ease,opacity .2s ease;z-index:5;box-shadow:0 8px 24px #00000014}.series-nav__mobile-select[aria-expanded=true] .series-nav__mobile-list{max-height:320px;overflow-y:auto;opacity:1;padding:6px}.series-nav__mobile-list li a{display:block;padding:10px 12px;border-radius:8px;text-decoration:none;color:var(--sn-title-color);font-size:14px}.series-nav__mobile-list li a:hover,.series-nav__mobile-list li a:focus-visible{background:var(--sn-progress-bg);outline:none}.series-nav__mobile-select{display:none}@media(max-width:989px){.series-nav--mobile-dropdown .series-nav__mobile-select{display:block}}.series-nav,.series-nav__viewport{contain:layout}@media(max-width:989px){.series-nav--mobile-stack .series-nav__card{padding:14px 16px}}
/*# sourceMappingURL=/cdn/shop/t/19/assets/series-navigation.css.map */