.boop-style-switcher{--boop-style-border: rgb(var(--color-foreground));--boop-style-active-bg: rgb(var(--color-foreground));--boop-style-active-text: rgb(var(--color-background));margin:1.2rem 0 1.4rem}.boop-style-switcher__heading{margin:0 0 .9rem;color:rgb(var(--color-foreground));font-size:1.5rem;font-weight:600;line-height:1.3}.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:4.5rem;align-items:center;justify-content:center;gap:.5rem;padding:.45rem .8rem;border:.15rem solid var(--boop-style-border);border-radius:999rem;background:rgb(var(--color-background));color:rgb(var(--color-foreground));font-family:var(--font-body-family);font-size:1.2rem;font-style:var(--font-body-style);font-weight:var(--font-body-weight);line-height:1.2;text-align:center;text-decoration:none;transition:background-color .12s ease,color .12s ease,box-shadow .12s 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{background:rgba(var(--color-foreground),.06);color:rgb(var(--color-foreground))}a.boop-style-switcher__pill:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.7);outline-offset:.3rem;box-shadow:0 0 0 .3rem rgb(var(--color-background))}.boop-style-icon{width:3.3rem;height:3.3rem;flex:0 0 3.3rem;overflow:visible}.boop-style-icon__garment{fill:#fff;stroke:#777;stroke-width:1.3;stroke-linecap:round;stroke-linejoin:round}.boop-style-icon__detail{fill:none;stroke:#8a8a8a;stroke-width:1.1;stroke-linecap:round;stroke-linejoin:round}.boop-style-switcher__caption{margin:.7rem 0 0;color:rgba(var(--color-foreground),.72);font-size:1.4rem;line-height:1.4}@media screen and (max-width:749px){.boop-style-switcher__list{grid-template-columns:repeat(2,minmax(0,1fr))!important;width:100%;gap:.65rem}.boop-style-switcher__pill{min-width:0;min-height:5.8rem;gap:.5rem;padding:.4rem .65rem;font-size:1.35rem;white-space:normal;overflow-wrap:anywhere}.boop-style-icon{width:3.2rem;height:3.2rem;flex-basis:3.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.2rem}.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--logos .boop-style-switcher__list{grid-template-columns:repeat(3,minmax(0,1fr))!important}.boop-style-switcher--logos .boop-style-switcher__pill{min-height:5.8rem;padding-inline:.45rem;font-size:1.15rem}.boop-style-switcher--logos .boop-logo-icon{width:3rem;height:2.4rem;flex-basis:3rem}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/boop-style-switcher.css.map */