.swatch.fs-image-swatches{--fs-selected-color: #36afb4;display:flex!important;flex-wrap:wrap!important;align-items:flex-start!important;justify-content:flex-start!important;gap:12px!important}.swatch.fs-image-swatches>.header,.swatch.fs-image-swatches>.fs-unikat-note{flex:0 0 100%!important;width:100%!important;margin:0!important}.swatch.fs-image-swatches>.swatch-element{position:relative!important;isolation:isolate;display:block!important;flex:0 0 180px!important;width:180px!important;max-width:calc(50% - 6px)!important;min-width:0!important;height:auto!important;box-sizing:border-box!important;margin:0!important;padding:7px 7px 12px!important;background:#f8f9fa!important;border:2px solid #d5dadd!important;border-radius:10px!important;opacity:1!important}.swatch.fs-image-swatches>.swatch-element.fs-selected,.swatch.fs-image-swatches>.swatch-element:has(>.swatchInput:checked){border-color:var(--fs-selected-color)!important}.swatch.fs-image-swatches .fs-swatch-toolbar{display:flex;align-items:center;justify-content:space-between;height:25px;margin-bottom:5px}.swatch.fs-image-swatches .fs-variant-zoom-btn{position:static!important;inset:auto!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;width:24px!important;height:24px!important;padding:0!important;color:#222!important;background:#fff!important;border:1px solid #ced4d8!important;border-radius:50%!important;cursor:zoom-in!important;z-index:2!important;box-shadow:none!important;transform:none!important}.swatch.fs-image-swatches .fs-variant-zoom-btn[hidden]{display:none!important}.swatch.fs-image-swatches .fs-selected-check{display:none;align-items:center;justify-content:center;color:var(--fs-selected-color)}.swatch.fs-image-swatches .fs-selected .fs-selected-check,.swatch.fs-image-swatches .swatch-element:has(>.swatchInput:checked) .fs-selected-check{display:flex}.swatch.fs-image-swatches .fs-swatch-photo{position:relative;width:100%;aspect-ratio:1 / 1;overflow:hidden;border-radius:7px;background:#fff}.swatch.fs-image-swatches .fs-swatch-photo .swatchLbl.color{display:block!important;position:relative!important;width:100%!important;height:100%!important;max-width:none!important;min-height:0!important;aspect-ratio:auto!important;margin:0!important;padding:0!important;background-position:center!important;background-repeat:no-repeat!important;background-size:contain!important;border:0!important;border-radius:7px!important;box-shadow:none!important;opacity:1!important;cursor:pointer!important}.swatch.fs-image-swatches .fs-swatch-photo .swatchLbl.color:before,.swatch.fs-image-swatches .fs-swatch-photo .swatchLbl.color:after{content:none!important;display:none!important}.swatch.fs-image-swatches .fs-soldout-stamp{display:none;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-15deg);padding:6px 9px;color:#fff;background:#39a2a2;border-radius:2px;font-size:10px;line-height:1.1;letter-spacing:.3px;font-weight:700;white-space:nowrap;pointer-events:none;z-index:3}.swatch.fs-image-swatches .fs-vergeben .swatchLbl.color{opacity:.25!important}.swatch.fs-image-swatches .fs-vergeben .fs-soldout-stamp{display:block}.swatch.fs-image-swatches .fs-vergeben .fs-variant-zoom-btn{display:none!important}.swatch.fs-image-swatches .fs-swatch-caption{display:block;width:100%;margin-top:10px;font-size:12px;font-weight:600;line-height:1.35;color:#515960;text-align:center;overflow-wrap:anywhere}.swatch.fs-image-swatches .tooltip-label,.fs-variant-zoom-modal[hidden]{display:none!important}.fs-variant-zoom-modal:not([hidden]){position:fixed!important;top:0!important;right:0!important;bottom:0!important;left:0!important;z-index:2147483647!important;display:flex!important;align-items:center;justify-content:center;padding:24px;background:#000000de}.fs-variant-zoom-modal .fs-zoom-image{max-width:94vw!important;max-height:86vh!important;width:auto!important;height:auto!important;object-fit:contain!important;background:#fff;border-radius:6px}.fs-variant-zoom-modal .fs-zoom-close{position:absolute!important;right:18px!important;top:12px!important;z-index:2!important;border:0!important;background:transparent!important;color:#fff!important;font-size:38px!important;cursor:pointer!important}@media(max-width:600px){.swatch.fs-image-swatches>.swatch-element{flex:0 0 calc(50% - 6px)!important;width:calc(50% - 6px)!important;max-width:calc(50% - 6px)!important}.swatch.fs-image-swatches .fs-swatch-caption{font-size:11px}}
/*# sourceMappingURL=/cdn/shop/t/22/assets/variant-swatches.css.map */
