.flavor-switcher{--fs-accent: #f42694;margin:18px 0 6px}.flavor-switcher__label{margin:0 0 10px;font-size:.8rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;opacity:.75}.flavor-switcher__list{display:grid;grid-template-columns:repeat(var(--fs-count, 5),minmax(0,1fr));gap:8px;margin:0;padding:0;list-style:none}.flavor-switcher__list>li{display:flex}.flavor-switcher__item{position:relative;flex:1;min-width:0;display:flex;flex-direction:column;align-items:center;gap:6px;padding:8px 4px 7px;border:1px solid rgba(255,255,255,.14);border-radius:6px;color:inherit;text-decoration:none;transition:border-color .15s,transform .15s;-webkit-tap-highlight-color:transparent}.flavor-switcher .flavor-switcher__list .flavor-switcher__item{background-image:none}.flavor-switcher__item:hover{border-color:#ffffff73}.flavor-switcher__item:active{transform:scale(.97)}.flavor-switcher__item[aria-current=true]{border-color:var(--fs-accent);box-shadow:inset 0 0 0 1px var(--fs-accent)}.flavor-switcher__item:focus-visible{outline:2px solid var(--fs-accent);outline-offset:2px}.flavor-switcher__img{display:block;width:100%;max-width:64px;height:auto;aspect-ratio:1;object-fit:contain}.flavor-switcher__name{font-size:.72rem;font-weight:700;line-height:1.1;text-align:center;text-transform:uppercase;letter-spacing:.04em}.flavor-switcher__item[aria-current=true] .flavor-switcher__name{color:var(--fs-accent)}@media(max-width:749px){.flavor-switcher__list{display:flex;gap:8px;margin-inline:-20px;padding-inline:20px;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity;scroll-padding-inline:20px;scrollbar-width:none}.flavor-switcher__list::-webkit-scrollbar{display:none}.flavor-switcher__list>li{flex:0 0 92px;scroll-snap-align:start}.flavor-switcher__img{max-width:76px}}.flavor-switcher__oos{font-size:.6rem;letter-spacing:.06em;text-transform:uppercase;opacity:.6}variant-king-combined-listing{display:none!important}#MainContent.is-flavor-swapping{opacity:.6;transition:opacity .12s}@media(prefers-reduced-motion:reduce){.flavor-switcher__item,#MainContent.is-flavor-swapping{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/25/assets/flavor-switcher.css.map */
