.kleurvarianten{display:block;margin:0 0 1.6rem;--swatch-input--size: 3.6rem}@media screen and (min-width:750px){.kleurvarianten{--swatch-input--size: 2.8rem}}.kleurvarianten__label{display:block;margin-bottom:.2rem}.kleurvarianten__grid{display:flex;flex-wrap:wrap;gap:.9rem 1.2rem;padding-top:.2rem}.kleurvarianten__item{display:flex;flex-direction:column;align-items:center;gap:.4rem}.kleurvarianten__link{display:inline-block;max-width:100%;border-radius:50%;outline-offset:.2rem;outline-color:transparent;outline-style:solid;transition-property:outline-color,outline-width,box-shadow;transition-duration:var(--duration-short);transition-timing-function:ease;forced-color-adjust:none}a.kleurvarianten__link:hover{outline:.2rem solid rgba(var(--color-foreground),.4)}.kleurvarianten__link.is-active{outline:.1rem solid rgb(var(--color-foreground))}a.kleurvarianten__link:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.5);box-shadow:0 0 0 .2rem rgb(var(--color-background)),0 0 .1rem .5rem rgba(var(--color-foreground),.25)}.kleurvarianten__name{font-size:1.1rem;line-height:1.2;text-align:center;max-width:calc(var(--swatch-input--size, 4.4rem) + 1.2rem);color:rgba(var(--color-foreground),.75);overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}
/*# sourceMappingURL=/cdn/shop/t/6/assets/component-product-kleurvarianten.css.map */