.product-family-block{position:relative}.product-family-block .pfs__options{display:flex;align-items:stretch;gap:0;padding:.4rem;width:100%;background-color:#fff;border:var(--variant-pills-border-width) solid #006e37;border-radius:calc(var(--variant-pills-radius) + .4rem);position:relative}.product-family-block .pfs__options:before{content:"";position:absolute;left:var(--slide-left, 0);top:var(--slide-top, 0);width:var(--slide-width, 0);height:var(--slide-height, 0);background-color:#006e37;border-radius:var(--variant-pills-radius);transition:left .3s ease,top .3s ease,width .3s ease,height .3s ease;z-index:0;pointer-events:none}.product-family-block .pfs__options--no-transition:before{transition:none}.product-family-block .pfs__option{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;flex:1 1 0%;padding:.8rem 1.6rem;background-color:transparent;border:none;border-radius:var(--variant-pills-radius);cursor:pointer;transition:color var(--duration-short) ease;color:#006e37;font-family:var(--font-body-family);font-size:1.4rem;letter-spacing:.1rem;line-height:1;text-align:center;position:relative;z-index:1;white-space:nowrap}.product-family-block .pfs__option:hover:not(.pfs__option--active){background-color:#006e3714}.product-family-block .pfs__option--active{background-color:transparent;color:rgb(var(--color-background));cursor:default}.product-family-block .pfs__option--active .pfs__option-name{color:rgb(var(--color-background))}.product-family-block .pfs__option-img{width:36px;height:36px;object-fit:contain;border-radius:4px;flex-shrink:0}.product-family-block .pfs__option:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.product-family-block .pfs__option-name{font-size:inherit;font-weight:500;line-height:inherit;letter-spacing:inherit;position:relative}@media screen and (max-width:749px){.product-family-block .pfs__options{flex-direction:column;width:100%}.product-family-block .pfs__option{width:100%}}.pfs{position:relative}.pfs--loading{pointer-events:none}.pfs__wrapper{display:flex;flex-direction:column;align-items:center;gap:2rem}.pfs__heading{font-family:var(--font-heading-family);font-size:1.8rem;font-weight:400;text-align:center;margin:0;letter-spacing:0;color:rgb(var(--color-foreground))}@media screen and (min-width:750px){.pfs__heading{font-size:2.4rem}}.pfs__options{display:inline-flex;align-items:stretch;gap:0;padding:.4rem;background-color:#fff;border:var(--variant-pills-border-width) solid #006e37;border-radius:calc(var(--variant-pills-radius) + .4rem)}.pfs__option{display:inline-flex;align-items:center;justify-content:center;gap:.8rem;flex:1 1 0%;padding:.8rem 1.6rem;background-color:transparent;border:none;border-radius:var(--variant-pills-radius);cursor:pointer;transition:background-color var(--duration-short) ease,color var(--duration-short) ease;color:#006e37;font-family:var(--font-body-family);font-size:1.4rem;letter-spacing:.1rem;line-height:1;text-align:center;position:relative;white-space:nowrap}.pfs__option:hover:not(.pfs__option--active){background-color:#006e3714}.pfs__option:focus-visible{box-shadow:0 0 0 .3rem rgb(var(--color-background)),0 0 0 .5rem rgba(var(--color-foreground),.55)}.pfs__option--active{background-color:#006e37;color:rgb(var(--color-background));cursor:default}.pfs__option--active .pfs__option-name{color:rgb(var(--color-background))}.pfs__option-image{width:80px;height:80px;border-radius:var(--media-radius);overflow:hidden;background:rgb(var(--color-background-contrast))}.pfs__option-image img,.pfs__option-image video{width:100%;height:100%;object-fit:cover}.pfs__option-name{font-size:inherit;font-weight:500;text-align:center;line-height:inherit;letter-spacing:inherit}@media screen and (min-width:750px){.pfs__option-image{width:100px;height:100px}}.pfs__option--loading{pointer-events:none}.pfs__option--loading .pfs__option-name{visibility:hidden}.pfs__option--loading .pfs__option-name:after{content:"";visibility:visible;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:16px;height:16px;border:2px solid rgb(var(--color-background));border-top-color:transparent;border-radius:50%;animation:pfs-spinner .8s linear infinite}@keyframes pfs-spinner{to{transform:translate(-50%,-50%) rotate(360deg)}}
/*# sourceMappingURL=/cdn/shop/t/29/assets/component-product-family-selector.css.map */