.swatch{--swatch--size: 100%;--swatch--border-radius: var(--swatch-input--border-radius, 50%);display:block;width:var(--swatch--size);max-width:100%;aspect-ratio:1 / 1;background:var(--swatch--background);background-position:var(--swatch-focal-point, initial);background-size:cover;background-origin:border-box;border:.1rem solid rgba(var(--color-foreground)/ .15);border-radius:var(--swatch--border-radius)}.swatch--square{--swatch--border-radius: var(--swatch-input--border-radius, .2rem)}.swatch--rectangle{--swatch--border-radius: var(--swatch-input--border-radius, .2rem);height:100%;aspect-ratio:auto}.swatch--unavailable{border-style:dashed;border-color:rgba(var(--color-foreground)/ .5)}.swatch-button.swatch-button-color[aria-label=Beige-Zwart i],.swatch-button.swatch-button-color[aria-label*=Beige i][aria-label*=Zwart i]{--swatch-color: unset !important;background:linear-gradient(to right,#d8bfa3 50%,#000 50%)!important;border-radius:50%!important;background-repeat:no-repeat!important;background-size:cover!important;box-shadow:inset 0 0 0 1px #0000001a!important}.swatch-button.swatch-button-color[aria-label=Suntan-Zwart i],.swatch-button.swatch-button-color[aria-label*=Suntan i][aria-label*=Zwart i]{--swatch-color: unset !important;background:linear-gradient(to right,#c68642 50%,#000 50%)!important;border-radius:50%!important;background-repeat:no-repeat!important;background-size:cover!important;box-shadow:inset 0 0 0 1px #0000001a!important}.swatch-button.swatch-button-color[aria-label=Rood-Zwart i],.swatch-button.swatch-button-color[aria-label*=Rood i][aria-label*=Zwart i]{--swatch-color: unset !important;background:linear-gradient(to right,#e03333 50%,#000 50%)!important;border-radius:50%!important;background-repeat:no-repeat!important;background-size:cover!important;box-shadow:inset 0 0 0 1px #0000001a!important}.swatch-button.swatch-button-color[aria-label=Blauw-Zwart i],.swatch-button.swatch-button-color[aria-label*=Blauw i][aria-label*=Zwart i]{--swatch-color: unset !important;background:linear-gradient(to right,#2a55aa 50%,#000 50%)!important;border-radius:50%!important;background-repeat:no-repeat!important;background-size:cover!important;box-shadow:inset 0 0 0 1px #0000001a!important}.swatch-button.swatch-button-color[aria-label=Zwart-Zwart i],.swatch-button.swatch-button-color[aria-label*=Zwart i][aria-label*=Grafiet i]{--swatch-color: unset !important;background:linear-gradient(to right,#404040 50%,#000 50%)!important;border-radius:50%!important;background-repeat:no-repeat!important;background-size:cover!important;box-shadow:inset 0 0 0 1px #0000001a!important}
/*# sourceMappingURL=/cdn/shop/t/3/assets/component-swatch.css.map */