.swatch-accordion{display:block}.swatch-accordion .swatch-group{flex-wrap:wrap;overflow:visible;align-items:center;padding:.3rem;margin:-.3rem}.swatch-accordion[data-overflowing] .swatch-group{flex-wrap:nowrap}.swatch-accordion--pills .swatch-group{row-gap:1rem;column-gap:.8rem}.swatch-accordion--pills.swatch-accordion[data-overflowing] .swatch-group{flex-wrap:wrap;align-items:center}.swatch-accordion--pills .swatch-group input[type=radio]+label{flex-shrink:0;margin:0;width:-moz-fit-content;width:fit-content;max-width:14rem;min-height:3rem;padding:.4rem .9rem;font-size:1.3rem;white-space:normal;overflow-wrap:break-word;word-break:break-word;line-height:1.25;display:inline-flex;align-items:center;justify-content:center;text-align:center}@media screen and (max-width:749px){.swatch-accordion--pills .swatch-group input[type=radio]+label{max-width:11rem;min-height:2.8rem;padding:.35rem .8rem;font-size:1.2rem}}.swatch-accordion--pills .swatch-accordion__toggle{height:3rem}.swatch-accordion--pills .swatch-accordion__toggle-circle{padding:0 .9rem}@media screen and (max-width:749px){.swatch-accordion--pills .swatch-accordion__toggle{height:2.8rem}.swatch-accordion--pills .swatch-accordion__toggle-circle{padding:0 .7rem}}.swatch-accordion__toggle{display:inline-flex;align-items:stretch;padding:0;margin:0;border:none;background:none;cursor:pointer;font:inherit;color:rgb(var(--color-foreground));flex-shrink:0;height:3.6rem}.swatch-accordion__toggle[hidden]{display:none}.swatch-accordion__toggle-circle{position:relative;display:flex;align-items:center;justify-content:center;gap:.4rem;height:100%;min-width:3.6rem;padding:0 1.1rem;border-radius:999px;border:.1rem solid rgba(var(--color-foreground),.35);background:rgb(var(--color-background));color:rgb(var(--color-foreground));transition:background-color var(--duration-short) ease,border-color var(--duration-short) ease}.swatch-accordion__toggle:hover .swatch-accordion__toggle-circle{background:rgba(var(--color-button),.12);border-color:rgb(var(--color-button));color:rgb(var(--color-foreground))}.swatch-accordion__toggle[aria-expanded=true] .swatch-accordion__toggle-circle{background:rgb(var(--color-button));border-color:rgb(var(--color-button));color:rgb(var(--color-button-text))}.swatch-accordion__toggle:focus-visible .swatch-accordion__toggle-circle{box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 0 .4rem rgba(var(--color-button),.55)}.swatch-accordion__toggle-count{font-size:1.2rem;font-weight:600;letter-spacing:.01rem;line-height:1;white-space:nowrap}.swatch-accordion__icon{display:block;flex-shrink:0;transition:transform var(--duration-short) ease}.swatch-accordion__toggle[aria-expanded=true] .swatch-accordion__icon--arrow{transform:rotate(180deg)}.swatch-accordion__toggle[aria-expanded=true] .swatch-accordion__icon--plus{transform:rotate(45deg)}@media screen and (max-width:749px){.swatch-accordion__toggle{height:3.2rem}.swatch-accordion__toggle-circle{min-width:3.2rem;padding:0 .9rem}.swatch-accordion__toggle-count{font-size:1.1rem}}.swatch-accordion__panel{overflow:hidden;max-height:0;opacity:0;transition:max-height var(--swatch-accordion-duration, .3s) ease,opacity var(--swatch-accordion-duration, .3s) ease}.swatch-accordion__panel[hidden]{display:none}.swatch-accordion__panel[data-open]{overflow:visible;opacity:1}div.swatch-group.swatch-accordion__panel-group{display:grid;grid-template-columns:repeat(auto-fill,minmax(3.6rem,max-content));justify-content:start;gap:1.4rem 1.4rem;margin-top:1.2rem;padding:1.8rem 1.6rem;border-radius:1.2rem;border:.15rem solid rgba(var(--color-foreground),.25);background:rgba(var(--color-foreground),.05)}@media screen and (max-width:749px){div.swatch-group.swatch-accordion__panel-group{grid-template-columns:repeat(auto-fill,minmax(3.2rem,max-content));gap:1.1rem 1rem;padding:1.4rem 1.2rem}}.swatch-accordion--pills div.swatch-group.swatch-accordion__panel-group{display:flex;flex-wrap:wrap;row-gap:1rem;column-gap:.8rem}.swatch-accordion--pills div.swatch-group.swatch-accordion__panel-group input[type=radio]+label{flex-shrink:0;margin:0;width:-moz-fit-content;width:fit-content;max-width:14rem;min-height:3rem;padding:.4rem .9rem;font-size:1.3rem;white-space:normal;overflow-wrap:break-word;word-break:break-word;line-height:1.25;display:inline-flex;align-items:center;justify-content:center;text-align:center}@media screen and (max-width:749px){.swatch-accordion--pills div.swatch-group.swatch-accordion__panel-group input[type=radio]+label{max-width:11rem;min-height:2.8rem;padding:.35rem .8rem;font-size:1.2rem}}@media(prefers-reduced-motion:reduce){.swatch-accordion__panel,.swatch-accordion__icon{transition:none}}.product-form__input--pill-accordion legend.form__label{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem;margin-bottom:.6rem;font-size:1.8rem;font-weight:var(--font-heading-weight);color:rgb(var(--color-foreground));line-height:1}.pill-accordion__selected-value{display:inline-flex;align-items:center;color:rgb(var(--color-foreground));font-size:1.6rem;font-weight:500;line-height:1}
/*# sourceMappingURL=/cdn/shop/t/20/assets/component-swatch-accordion.css.map */