.boop-style-switcher{--boop-style-border:rgba(var(--color-foreground),.34);--boop-style-active-bg:rgb(var(--color-foreground));--boop-style-active-text:rgb(var(--color-background));margin:1rem 0 1.15rem}.boop-style-switcher__heading{margin:0 0 .7rem;color:rgb(var(--color-foreground));font-size:1.5rem;font-weight:700;line-height:1.25}.boop-style-switcher__list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.7rem;margin:0;padding:0}.boop-style-switcher__item{min-width:0}.boop-style-switcher__pill{display:flex;width:100%;min-height:5rem;align-items:center;justify-content:center;gap:.7rem;padding:.55rem .8rem;border:.15rem solid var(--boop-style-border);border-radius:1.1rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font:inherit;font-size:1.22rem;font-weight:700;line-height:1.12;text-align:center;text-decoration:none;transition:background-color 120ms ease,color 120ms ease,border-color 120ms ease,transform 120ms ease}.boop-style-switcher__pill.is-active{border-color:var(--boop-style-active-bg);background:var(--boop-style-active-bg);color:var(--boop-style-active-text)}a.boop-style-switcher__pill:hover{border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground));transform:translateY(-1px)}a.boop-style-switcher__pill:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.7);outline-offset:.3rem}.boop-style-icon{width:3rem;height:3rem;flex:0 0 3rem;overflow:visible;fill:currentColor;stroke:currentColor;stroke-width:0}.boop-style-icon__cut{fill:none;stroke:rgb(var(--color-background));stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;opacity:.65}.boop-style-switcher__pill:not(.is-active) .boop-style-icon__cut{stroke:currentColor;opacity:.35}.boop-style-icon__sport{fill:none;stroke:#fff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.boop-style-switcher__caption{margin:.65rem 0 0;color:rgba(var(--color-foreground),.72);font-size:1.25rem;line-height:1.35}.boop-style-switcher__caption a{color:inherit;text-underline-offset:.25rem}.boop-style-switcher--logos .boop-style-switcher__list{grid-template-columns:repeat(3,minmax(0,1fr))}.boop-logo-icon{display:flex;width:3.8rem;height:2.8rem;flex:0 0 3.8rem;align-items:center;justify-content:center;overflow:hidden}.boop-logo-icon img{display:block;width:100%;height:100%;object-fit:contain}.boop-style-switcher__pill.is-active .boop-logo-icon--black-logo{background:#fff;border-radius:.35rem;padding:.18rem}
@media screen and (max-width:749px){.boop-style-switcher{margin:.8rem 0 1rem}.boop-style-switcher__list{grid-template-columns:repeat(2,minmax(0,1fr));gap:.7rem}.boop-style-switcher__pill{min-height:5.6rem;gap:.65rem;padding:.55rem .7rem;border-radius:1rem;font-size:1.28rem;white-space:normal}.boop-style-icon{width:2.8rem;height:2.8rem;flex-basis:2.8rem}.boop-style-switcher__caption{font-size:1.2rem}.boop-style-switcher--logos .boop-style-switcher__list{grid-template-columns:repeat(3,minmax(0,1fr))}.boop-style-switcher--logos .boop-style-switcher__pill{min-height:5.6rem;padding-inline:.4rem;font-size:1.1rem}.boop-style-switcher--logos .boop-logo-icon{width:2.8rem;height:2.2rem;flex-basis:2.8rem}}