.groupmate{display:block;--gm-block-spacing: 1rem;margin-block:var(--gm-block-spacing);--swatch-size: calc(8% - .926rem) ;--swatch-gap: 1rem;--swatch-ar: 1;--swatch-radius: 50%;--button-gap: .81rem;--button-radius: 0px;--button-padding: 8px;--button-size: calc(16% - .675rem) ;--legend-padding: 3px;--title-size: .6rem}.groupmate legend{margin-bottom:var(--legend-padding);font-size:1rem}.groupmate .gm_swatch_list{all:unset;display:flex;flex-wrap:wrap;gap:var(--swatch-gap)}.groupmate .gm_swatch_list:has(.gm_item--pill){gap:var(--button-gap)}.groupmate .gm_swatch_list:has(.gm_item--swatch){padding-inline:3px}.groupmate .gm_swatch_list li{list-style:none}.groupmate .gm_swatch_list.--sold_out__end li.--sold_out{order:999}.groupmate .gm_swatch_list.--active__first li.--active{order:-1}.groupmate .gm_swatch_list li.gm_item--swatch{position:relative;--color: rgba(128, 128, 128, .5);width:var(--swatch-size)}.groupmate .gm_swatch_list li.gm_item--swatch,.groupmate .gm_swatch_list li.gm_item--swatch>a{aspect-ratio:var(--swatch-ar);border-radius:var(--swatch-radius)}.groupmate .gm_swatch_list li.gm_item--swatch a{width:100%;display:block;overflow:hidden;outline:1px solid transparent;outline-offset:2px;transition:outline .2s ease}.groupmate .gm_swatch_list li.gm_item--swatch a img{width:100%;height:100%;object-fit:cover}.groupmate .gm_swatch_list li.gm_item--swatch a .gm_item_color{background-color:var(--color);width:100%;height:100%;object-fit:cover}.groupmate .gm_swatch_list li.gm_item--swatch.--border a{outline-color:color-mix(in srgb,var(--color) 95%,#000)}.groupmate .gm_swatch_list li.gm_item--swatch.--border:hover a{outline-color:color-mix(in srgb,var(--color) 85%,#000)}.groupmate .gm_swatch_list li.gm_item--swatch.--active a{outline-color:#000}.groupmate .gm_swatch_list li.gm_item--swatch:hover a{outline-color:color-mix(in srgb,var(--color) 85%,transparent)}.groupmate .gm_swatch_list li.gm_item--pill{font-size:1em;width:var(--button-size);position:relative;transition:.2s all ease}.groupmate .gm_swatch_list li.gm_item--pill a{display:block;background:#fff;border:1px solid #000;border-radius:var(--button-radius);color:inherit;padding:var(--button-padding) calc(3 * var(--button-padding));text-align:center;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-decoration:none}.groupmate .gm_swatch_list li.gm_item--pill.--active a{background-color:#000;color:#fff}.groupmate .gm_swatch_list li.gm_item--pill:hover{opacity:.8}.groupmate--card{--swatch-size: 1.5rem;--swatch-gap: .5rem;--button-size: auto;--button-padding: 5px;--gm-block-spacing: .5rem;margin-block:var(--gm-block-spacing) 0}.grid-view-item:has(.groupmate--card){gap:.5em}.groupmate--card .gm_swatch_list li.gm_item--pill a{font-size:.75rem;padding:var(--button-padding) calc(2 * var(--button-padding))}.groupmate--card.text-align--center .gm_swatch_list{justify-content:center}.groupmate--card.text-align--right .gm_swatch_list{justify-content:flex-end}.groupmate .gm_swatch_label{display:block;text-align:center;white-space:nowrap;text-overflow:clip;overflow:hidden;font-size:var(--title-size);margin-top:.25rem}
/*# sourceMappingURL=/cdn/shop/t/3/assets/groupmate-picker.css.map */