.zentrobad-card-variant-picker{display:flex;flex-wrap:wrap;align-items:center;column-gap:10px;row-gap:7px;width:100%;margin-top:7px;position:relative;z-index:3}.zentrobad-card-variant-picker__group{display:flex;flex:0 0 auto;flex-wrap:nowrap;align-items:center;gap:7px;min-height:22px}.zentrobad-card-variant-picker button{margin:0;background:rgb(var(--color-background-rgb, 255 255 255));color:rgb(var(--color-foreground-rgb, 25 25 25));cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,opacity .16s ease}.zentrobad-card-variant-picker button:hover:not(:disabled){transform:translateY(-1px)}.zentrobad-card-variant-picker button:active:not(:disabled){transform:scale(.96)}.zentrobad-card-variant-picker button:focus-visible{outline:2px solid currentColor;outline-offset:2px}.zentrobad-card-variant-picker button:disabled{cursor:not-allowed;opacity:.3}.zentrobad-card-variant-picker__color{width:20px;height:20px;padding:2px;border:1px solid rgb(var(--color-foreground-rgb, 25 25 25) / 22%);border-radius:50%}.zentrobad-card-variant-picker__color.is-selected{border-color:currentColor;box-shadow:0 0 0 1px rgb(var(--color-background-rgb, 255 255 255)),0 0 0 2px currentColor}.zentrobad-card-variant-picker__color .swatch{display:block;width:100%;height:100%;border-radius:inherit;background:var(--swatch-background);background-position:var(--swatch-focal-point, center);background-size:cover}.zentrobad-card-variant-picker__grip{width:31px;height:20px;display:grid;place-items:center;padding:3px 5px;border:1px solid rgb(var(--color-foreground-rgb, 25 25 25) / 22%);border-radius:4px}.zentrobad-card-variant-picker__grip-mark{display:block;width:16px;height:3px;border-radius:2px;background:currentColor;box-shadow:0 3px rgb(var(--color-foreground-rgb, 25 25 25) / 18%)}.zentrobad-card-variant-picker__grip[data-grip-kind=recessed] .zentrobad-card-variant-picker__grip-mark{width:18px;height:6px;border-top:2px solid currentColor;border-radius:50% 50% 0 0;background:transparent;box-shadow:none}.zentrobad-card-variant-picker__grip[data-grip-kind=chrome] .zentrobad-card-variant-picker__grip-mark{background:linear-gradient(90deg,#767676,#f5f5f5 45%,#8b8b8b);box-shadow:0 3px #19191924}.zentrobad-card-variant-picker__grip[data-grip-kind=black] .zentrobad-card-variant-picker__grip-mark{background:#171717;box-shadow:0 3px #19191938}.zentrobad-card-variant-picker__grip.is-selected{border-color:currentColor;box-shadow:inset 0 0 0 1px currentColor}.product-grid__item .card-gallery{--gallery-aspect-ratio: 1 !important;min-width:0}.product-grid__item .card-gallery img{object-fit:contain}.card-gallery:is([data-zb-product-type=Waschtischarmatur],[data-zb-product-type=Waschbeckenarmatur],[data-zb-product-type=Ablaufventil]){--product-media-fit: contain;background:#fff}.card-gallery:is([data-zb-product-type=Waschtischarmatur],[data-zb-product-type=Waschbeckenarmatur],[data-zb-product-type=Ablaufventil]) img{object-fit:contain;padding:12px}.zentrobad-card-variant-picker__availability{font-size:.8rem;color:#675f55}.zentrobad-card-image-container{position:relative}.zentrobad-card-image-container img{transition:filter .16s ease,opacity .16s ease}.zentrobad-card-image-container[data-zb-image-state=loading] img{filter:blur(3px);opacity:.6}.zentrobad-card-image-container[data-zb-image-state=error] img{visibility:hidden}.zentrobad-card-image-status{position:absolute;top:0;right:0;bottom:0;left:0;z-index:2;display:flex;align-items:center;justify-content:center;gap:8px;padding:12px;color:#29342f;font-size:.8rem;line-height:1.4;text-align:center;background:#ffffff7a;pointer-events:none}.zentrobad-card-image-status[hidden]{display:none}[data-zb-image-state=loading]>.zentrobad-card-image-status:before{content:"";flex:0 0 18px;width:18px;height:18px;border:2px solid rgb(41 52 47 / 22%);border-top-color:currentColor;border-radius:50%;animation:zentrobad-card-image-spin .8s linear infinite}@keyframes zentrobad-card-image-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.zentrobad-card-image-container img{transition:none}[data-zb-image-state=loading]>.zentrobad-card-image-status:before{animation:none}}
/*# sourceMappingURL=/cdn/shop/t/8/assets/zentrobad-card-swatches.css.map */