.collection-image-toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;gap:calc((.5227em - 1px)/2);font-size:1.5rem}.collection-image-toggle:before{content:"";order:1;align-self:stretch;height:1px;background-color:#12121240;transform:translateY(-.049em)}@media screen and (max-width:749px){.collection-image-toggle:before{transform:translateY(-.0133em)}}.collection-image-toggle__option:first-child{order:0}.collection-image-toggle__option:last-child{order:2;padding-left:.16em}@media screen and (min-width:750px){.collection-image-toggle{font-size:2.2rem}}.collection-image-toggle__option{display:inline-grid;justify-items:center;margin:0;padding:0 0 0 .096em;border:0;background:none;cursor:pointer;font-family:inherit;font-size:inherit;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;color:#121212bf;font-weight:var(--font-body-weight)!important;text-decoration:none;-webkit-tap-highlight-color:transparent}.collection-image-toggle__option:after{content:attr(data-label);height:0;overflow:hidden;visibility:hidden;font-weight:var(--font-body-weight-bold)!important;pointer-events:none}.collection-image-toggle__option.is-active{color:#000;font-weight:var(--font-body-weight-bold)!important}.collection-image-toggle__option:focus-visible{outline:1px solid #000000;outline-offset:2px}.image-toggle-on .card-wrapper .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}.image-toggle-on .card-wrapper .media.media--hover-effect>img+img{opacity:1}@media(hover:hover){.image-toggle-on .card-wrapper.card-image-hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:1}.image-toggle-on .card-wrapper.card-image-hover .media.media--hover-effect>img+img{opacity:0}}@media(hover:hover){#ProductGridContainer :is(.image-toggle-on,.image-toggle-on *) .card-wrapper.card-image-hover .media.media--hover-effect>img:first-child:not(:only-child){opacity:0}#ProductGridContainer :is(.image-toggle-on,.image-toggle-on *) .card-wrapper.card-image-hover .media.media--hover-effect>img+img{opacity:1}}@media screen and (max-width:749px){.image-toggle-on .card-wrapper .media.media--hover-effect>img:first-child:not(:only-child){opacity:0!important}.image-toggle-on .card-wrapper .media.media--hover-effect>img+img{opacity:1!important}}product-recommendations .collection-image-toggle{margin-right:6px}@media screen and (min-width:750px){product-recommendations .collection-image-toggle{margin-right:18px}}
/*# sourceMappingURL=/cdn/shop/t/37/assets/collection-image-toggle.css.map */