.km-kaart-kleuren{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;margin-top:.8rem;position:relative;z-index:2}.km-kaart-kleuren__knop{width:2rem;height:2rem;padding:0;border:.1rem solid rgba(0,0,0,.25);border-radius:50%;background-color:var(--km-kleur, #ffffff);background-size:cover;background-position:center;cursor:pointer;transition:transform .1s ease,box-shadow .1s ease}.km-kaart-kleuren__knop:hover{transform:scale(1.12)}.km-kaart-kleuren__knop--actief{box-shadow:0 0 0 .2rem #fff,0 0 0 .35rem #0000008c}.km-kaart-kleuren__knop:focus-visible{outline:.2rem solid rgba(0,0,0,.5);outline-offset:.3rem}.product-grid.grid--1-col-desktop .km-kaart-kleuren{justify-content:flex-start}.km-kaart-kleuren__knop--geenfoto{position:relative;border-style:dashed}.km-kaart-kleuren__knop--geenfoto:after{content:"";position:absolute;left:50%;top:-.2rem;bottom:-.2rem;width:.2rem;background-color:#000000a6;transform:translate(-50%) rotate(45deg);border-radius:.1rem}.km-kaart-kleuren__zonder-achterkant{display:none!important}
/*# sourceMappingURL=/cdn/shop/t/14/assets/component-km-kaart-kleuren.css.map */