.scroll-tab-switch-v2{--sts2-circle-size: 52px;--sts2-circle-border: 2px;--sts2-circle-border-color: #E8E8E8;--sts2-circle-bg: #F5F5F5;--sts2-active-color: #388FE9;--sts2-active-ring: rgba(56, 143, 233, .18);--sts2-label-size: 10px;--sts2-label-weight: 500;--sts2-label-color: #797979;--sts2-tab-min-width: 84px;--sts2-tab-max-width: 96px;--sts2-tab-gap: 0px;--sts2-panel-gap: 32px;--sts2-nav-padding-block: 4px;--sts2-nav-margin-end: 12px}.scroll-tab-switch-v2,.scroll-tab-switch-v2>.section,.scroll-tab-switch-v2>.section>.page-width{overflow:visible!important}scroll-tab-switch-v2{display:block}.sts2-nav{position:sticky;top:calc(var(--sticky-header-height, var(--header-height, 0px)) - 1px);z-index:23;will-change:transform;background-color:rgb(var(--color-background, 255 255 255));margin-inline:calc(-1 * var(--page-padding, 16px));padding-inline:var(--page-padding, 16px);padding-block:var(--sts2-nav-padding-block);margin-block-end:var(--sts2-nav-margin-end);box-shadow:0 1px 6px #0000000f}body.sts2-nav-active sticky-header,body.sts2-nav-active .header-wrapper,body.sts2-nav-active header-section{transform:translateY(-100%);transition:transform .2s ease}body.sts2-nav-active .sts2-nav{top:0}body:not(.sts2-nav-active) sticky-header,body:not(.sts2-nav-active) .header-wrapper,body:not(.sts2-nav-active) header-section{transform:translateY(0);transition:transform .2s ease}.scroll-tab-switch-v2 .section .title-wrapper{margin-block-end:4px}.sts2-nav__scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;touch-action:pan-x;scrollbar-width:none}.sts2-nav__scroll::-webkit-scrollbar{display:none}.sts2-nav__list{display:flex;gap:var(--sts2-tab-gap);justify-content:flex-start;padding-block:3px;padding-inline:0}.sts2-tab{display:inline-flex;flex-direction:column;align-items:center;gap:3px;padding:2px;background:transparent;border:none;cursor:pointer;min-height:44px;min-width:var(--sts2-tab-min-width);max-width:var(--sts2-tab-max-width);white-space:normal;-webkit-appearance:none;appearance:none;transition:color .2s ease;color:var(--sts2-label-color)}.sts2-tab:focus-visible{outline:2px solid var(--sts2-active-color);outline-offset:2px;border-radius:6px}.sts2-tab__circle{width:var(--sts2-circle-size);height:var(--sts2-circle-size);aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;border-radius:50%;overflow:hidden;border:var(--sts2-circle-border) solid var(--sts2-circle-border-color);background-color:var(--sts2-circle-bg);flex-shrink:0;transition:border-color .2s ease,box-shadow .2s ease}.sts2-tab__circle img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}.sts2-tab__circle-placeholder{display:block;width:100%;height:100%;background:linear-gradient(135deg,#e8e8e8,#d0d0d0)}.sts2-tab__text{display:block;font-size:var(--sts2-label-size);font-weight:var(--sts2-label-weight);line-height:1.2;text-align:center;color:inherit;width:100%;min-height:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color .2s ease}.sts2-tab--active{color:var(--sts2-active-color)}.sts2-tab--active .sts2-tab__circle{border-color:var(--sts2-active-color);box-shadow:0 0 0 2px var(--sts2-active-ring)}.sts2-tab--active .sts2-tab__text{color:var(--sts2-active-color);font-weight:600}@media(hover:hover){.sts2-tab:not(.sts2-tab--active):hover .sts2-tab__circle{border-color:#b0cff5}.sts2-tab:not(.sts2-tab--active):hover{color:#555}}.sts2-panels{display:flex;flex-direction:column;gap:var(--sts2-panel-gap)}.sts2-panel{contain:layout style;scroll-margin-top:calc(var(--sticky-header-height, var(--header-height, 0px)) + 93px)}body.sts2-nav-active .sts2-panel{scroll-margin-top:93px}.sts2-panel__title{margin-block-end:12px;font-size:1.5rem}@media screen and (min-width:480px){.scroll-tab-switch-v2{--sts2-circle-size: 58px;--sts2-label-size: 11px;--sts2-tab-min-width: 88px;--sts2-tab-max-width: 100px;--sts2-tab-gap: 0px;--sts2-nav-padding-block: 6px;--sts2-nav-margin-end: 14px}.sts2-tab__text{min-height:26px}.sts2-panel{scroll-margin-top:calc(var(--sticky-header-height, var(--header-height, 0px)) + 98px)}body.sts2-nav-active .sts2-panel{scroll-margin-top:98px}}@media screen and (min-width:768px){.scroll-tab-switch-v2{--sts2-circle-size: 72px;--sts2-label-size: 12px;--sts2-tab-min-width: 96px;--sts2-tab-max-width: 112px;--sts2-tab-gap: 2px;--sts2-panel-gap: 48px;--sts2-nav-padding-block: 8px;--sts2-nav-margin-end: 20px}.sts2-nav__list{justify-content:center}.sts2-tab{gap:5px;padding:3px 6px}.sts2-tab__text{min-height:29px}.sts2-panel{scroll-margin-top:calc(var(--sticky-header-height, var(--header-height, 0px)) + 108px)}body.sts2-nav-active .sts2-panel{scroll-margin-top:108px}.sts2-panel__title{font-size:2rem;margin-block-end:16px}.scroll-tab-switch-v2 .section .title-wrapper{margin-block-end:unset}}@media screen and (min-width:1024px){.scroll-tab-switch-v2{--sts2-circle-size: 88px;--sts2-label-size: 13px;--sts2-tab-min-width: 112px;--sts2-tab-max-width: 128px;--sts2-tab-gap: 4px;--sts2-panel-gap: 56px;--sts2-nav-padding-block: 10px;--sts2-nav-margin-end: 24px}.sts2-tab{gap:6px;padding:4px 8px}.sts2-tab__text{min-height:31px}.sts2-panel{scroll-margin-top:calc(var(--sticky-header-height, var(--header-height, 0px)) + 128px)}body.sts2-nav-active .sts2-panel{scroll-margin-top:128px}.sts2-panel__title{font-size:3rem;margin-block-end:16px}}
/*# sourceMappingURL=/cdn/shop/t/274/assets/scroll-tab-switch-v2.css.map */