scroll-tab-switch{display:block}.sts-nav{margin-block-end:clamp(var(--sp-8),2.526vw,var(--sp-12))}.sts-nav__scroll{width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;scrollbar-width:none}.sts-nav__scroll::-webkit-scrollbar{display:none}.sts-nav__list{display:flex;gap:var(--sp-3);justify-content:flex-start}.sts-tab{display:inline-flex;align-items:center;gap:var(--sp-2);padding:12px 20px;font-size:16px;line-height:1;border-radius:40px;border:1px solid #F2F3F6;background-color:rgb(var(--color-foreground) / var(--opacity-025));color:#797979;white-space:nowrap;cursor:pointer;transition:color .2s ease,background-color .2s ease,border-color .2s ease;-webkit-appearance:none;appearance:none}.sts-tab--active{background-color:#388fe933;border-color:#388fe9;color:#388fe9}.sts-tab__image{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.sts-tab__image img{display:block;max-width:22px;height:auto;border-radius:999px;object-fit:cover}.sts-tab__text{display:inline-block;font-weight:500}.sts-panels{display:flex;flex-direction:column;gap:var(--sp-16)}.sts-panel{scroll-margin-top:calc(var(--sticky-header-height, var(--header-height, 0px)) + 96px)}.sts-panel__title{margin-block-end:var(--sp-5);font-size:3.5rem}@media screen and (max-width:767px){.sts-nav__scroll{padding:0}.sts-panel__title{font-size:1.75rem}.sts-tab{font-size:1.2rem;padding:8px 12px}.sts-tab__image img{max-width:20px}.sts-panels{gap:var(--sp-12)}.sts-panel{scroll-margin-top:calc(var(--sticky-header-height, var(--header-height, 0px)) + 72px)}}.template-shop-all-26 .scroll-tab-switch,.template-shop-all-26 .scroll-tab-switch>.section,.template-shop-all-26 .scroll-tab-switch>.section>.page-width{overflow:visible!important}.template-shop-all-26 .scroll-tab-switch .sts-nav,.template-bundle-new .scroll-tab-switch .sts-nav{position:sticky;top:calc(var(--sticky-header-height, var(--header-height, 0px)) - 1px);z-index:15;background-color:rgb(var(--color-background, 255 255 255));padding-block:var(--sp-3);margin-block-end:var(--sp-8)}@media screen and (max-width:768px){.template-shop-all-26:has(.header-hidden) .scroll-tab-switch .sts-nav,.template-bundle-new :has(.header-hidden) .scroll-tab-switch .sts-nav{top:0}.scroll-tab-switch .section .title-wrapper{margin-block-end:6px}}
/*# sourceMappingURL=/cdn/shop/t/274/assets/scroll-tab-switch-stylesheet.css.map */