.product-switcher{margin-bottom:2rem}.product-switcher__selector{display:flex}.product-switcher__selector__option{text-decoration:none;color:var(--color-gray-4);border:2px solid var(--color-gray-3);background-color:var(--color-gray-1);flex:1;padding:1.5rem .25rem 1.5rem .75rem;position:relative}.product-switcher__selector__option.current{color:rgb(var(--color-foreground));border-color:var(--bonafide-purple);background-color:var(--bonafide-tint-3)}.product-switcher__selector__option__content{display:flex;flex-direction:column;gap:1rem}.product-switcher__description,.product-switcher__title{margin:0;max-width:max-content}.product-switcher__selector__option .content-overlay{color:transparent;background-color:var(--color-gray-3);border:none;border-radius:var(--badge-corner-radius)}@media screen and (max-width:767px){.product-switcher__title{font-size:.65em}}@media screen and (min-width:768px){.product-switcher__selector__option{padding:1.5rem 1.5rem 1.5rem 3rem}.product-switcher__title{font-size:.945em}}.product-switcher--redesign .product-switcher__selector{gap:.6rem}.product-switcher--redesign .product-switcher__selector__option{display:flex;align-items:center;padding:.8rem .4rem .8rem 0;color:inherit;background-color:inherit;border-width:1px}@media screen and (min-width:768px){.product-switcher--redesign .product-switcher__selector__option{padding:1rem;padding-left:0}}.product-switcher--redesign .product-switcher__selector__option__content{gap:.4rem}.product-switcher--redesign .product-switcher__selector__option.current{background-color:var(--bonafide-tint-4)}.product-switcher--redesign .product-switcher__selector__option__content__image{width:46px;height:46px;flex-shrink:0}@media screen and (min-width:768px){.product-switcher--redesign .product-switcher__selector__option__content__image{width:80px;height:80px}}.product-switcher--redesign .product-switcher__selector__option__content__image img{width:100%;height:auto}@media screen and (max-width:767px){.product-switcher--redesign .product-switcher__description{font-size:1.3rem}}@media screen and (max-width:767px){.product-switcher--redesign .product-switcher__title{font-size:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/1413/assets/component-product-switcher.css.map */