.swatch__group{grid-column-gap:.5rem;grid-row-gap:.5rem;display:grid;grid-column-end:-1;grid-column-start:1;grid-template-columns:1fr;margin-bottom:1rem}.swatch__group .swatch__group-label{font-size:.68rem;grid-column-end:-1;grid-column-start:1;line-height:120%;margin-bottom:-.22501rem;padding-top:.22501rem}.swatch__group .swatch__group-label mark{background-color:transparent;color:var(--hh-color-grey);display:inline;margin-left:.5rem;text-transform:uppercase}.swatch__group .swatch__group-label mark.sold-out{color:var(--hh-color-error)}.swatch__group .swatch__group-buttons{display:flex;flex-wrap:wrap;position:relative}.swatch__group .swatch__group-buttons .swatch__button{background-color:transparent;border:2px solid transparent;border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;cursor:pointer;font-size:0;line-height:0;outline:none;position:relative}.swatch__group .swatch__group-buttons .swatch__button.swatch__button--active.collection{border:2px solid transparent}.swatch__group .swatch__group-buttons .swatch__button.swatch__button--active{border:2px solid var(--hh-color-black0)}.js-swatch__button{padding-inline-end:0px;padding-inline-start:0px}.swatch__group .swatch__group-buttons .swatch__button.swatch__button--active.swatch__button--oos{border:2px solid var(--hh-color-grey)}.swatch__group .swatch__group-buttons .swatch__button.swatch__button--hidden{display:none}.swatch__group .swatch__group-buttons .swatch__button .swatch__button--color{border:1px solid var(--hh-color-grey);border-radius:50%;-webkit-border-radius:50%;-moz-border-radius:50%;position:absolute}.swatch__group .swatch__group-buttons.swatch__group-buttons--hide-overflow{overflow:hidden}.swatch__group .swatch__group-buttons .swatch__expand{position:absolute;z-index:1}.swatch__group.swatch__group--large .swatch__group-buttons{min-height:2.75rem;padding:0}.swatch__group.swatch__group--large .swatch__group-buttons .swatch__button{height:2.75rem;width:2.75rem}.swatch__group.swatch__group--large .swatch__group-buttons .swatch__button .swatch__button--color{height:2rem;left:4px;top:4px;width:2rem;background-size:cover}.swatch__group.swatch__group--large .swatch__group-buttons .swatch__button.swatch__button--oos:after{height:2.75rem;width:2.75rem}.swatch__group.swatch__group--large .swatch__group-buttons.swatch__group-buttons--hide-overflow{height:2.75rem;padding-right:2.75rem}.swatch__group.swatch__group--large .swatch__group-buttons .swatch__expand{right:.5rem;top:.5rem}@media only screen and (max-width: 767px){.swatch__group.swatch__group--large .swatch__group-buttons{min-height:2.25rem;padding:0}.swatch__group.swatch__group--large .swatch__group-buttons .swatch__button.collection{height:2rem;width:2rem}.swatch__group.swatch__group--large .swatch__group-buttons .swatch__button{height:2.25rem;width:2.25rem}.swatch__group.swatch__group--large .swatch__group-buttons .swatch__button .swatch__button--color{height:1.5rem;left:4px;top:4px;width:1.5rem}.swatch__group.swatch__group--large .swatch__group-buttons .swatch__button.swatch__button--oos:after{height:2.25rem;width:2.25rem}.swatch__group.swatch__group--large .swatch__group-buttons.swatch__group-buttons--hide-overflow{height:2.25rem;padding-right:2.25rem}.swatch__group.swatch__group--large .swatch__group-buttons .swatch__expand{right:.25rem;top:.25rem}}.swatch__group.swatch__group--small .swatch__group-buttons{min-height:2.25rem;padding:0}.swatch__group.swatch__group--small .swatch__group-buttons .swatch__button{height:2.25rem;width:2.25rem}.swatch__group.swatch__group--small .swatch__group-buttons .swatch__button .swatch__button--color{height:1.5rem;left:0;top:4px;width:1.5rem}.swatch__group.swatch__group--small .swatch__group-buttons .swatch__button.swatch__button--oos:after{height:2.25rem;width:2.25rem}.swatch__group.swatch__group--small .swatch__group-buttons.swatch__group-buttons--hide-overflow{height:2.25rem;padding-right:2.25rem}.swatch__group.swatch__group--small .swatch__group-buttons .swatch__expand{right:.25rem;top:.25rem}@media only screen and (min-width: 768px) and (max-width: 1023px){.swatch__group{grid-column-end:12;grid-column-start:2}}
/*# sourceMappingURL=/cdn/shop/t/536/assets/snippet-swatch-group.css.map */