.tp-lfw{display:grid;gap:10px;width:100%}.tp-lfw__label{margin:0;font-size:.9375rem;color:rgb(var(--color-foreground-rgb) / .7)}.tp-lfw__current{font-weight:650;color:var(--color-foreground)}.tp-lfw__count{margin-inline-start:8px;font-size:.8125rem;color:rgb(var(--color-foreground-rgb) / .55)}.tp-lfw__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(64px,1fr));gap:12px 8px}.tp-lfw__tile{display:grid;gap:5px;width:100%;min-width:44px;margin:0;padding:0;background:none;border:0;border-radius:8px;font:inherit;color:inherit;text-align:center;cursor:pointer}.tp-lfw__tile[hidden]{display:none}.tp-lfw__tile:focus-visible{outline:2px solid var(--color-foreground);outline-offset:3px}.tp-lfw__bild{display:block;width:100%;aspect-ratio:1;overflow:hidden;box-sizing:border-box;background:#fff;border:1px solid rgb(var(--color-foreground-rgb) / .18);border-radius:8px;transition:border-color var(--animation-speed, .15s) var(--animation-easing, ease),box-shadow var(--animation-speed, .15s) var(--animation-easing, ease)}.tp-lfw__tile:hover .tp-lfw__bild{border-color:rgb(var(--color-foreground-rgb) / .5)}.tp-lfw__tile[aria-pressed=true] .tp-lfw__bild{border-color:var(--color-foreground);box-shadow:inset 0 0 0 2px #fff,inset 0 0 0 3px var(--color-foreground)}.tp-lfw__img,.tp-lfw__farbe,.tp-lfw__leer{display:block;width:100%;height:100%}.tp-lfw__img{object-fit:cover}.tp-lfw__farbe{background:var(--tp-lfw-farbe, transparent)}.tp-lfw__leer{background:repeating-linear-gradient(135deg,transparent 0 7px,rgb(var(--color-foreground-rgb) / .035) 7px 8px),#f4f2ef}.tp-lfw__name{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden;font-size:.6875rem;line-height:1.25;color:rgb(var(--color-foreground-rgb) / .75);overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto}.tp-lfw__tile[aria-pressed=true] .tp-lfw__name{font-weight:650;color:var(--color-foreground)}.tp-lfw__tile--aus .tp-lfw__bild{opacity:.45}.tp-lfw__tile--aus .tp-lfw__name{text-decoration:line-through}.tp-lfw__mehr{justify-self:start;min-height:44px;padding:0 16px;background:none;border:1px solid rgb(var(--color-foreground-rgb) / .25);border-radius:999px;font:inherit;font-size:.875rem;font-weight:600;color:var(--color-foreground);cursor:pointer}.tp-lfw__mehr:hover{border-color:var(--color-foreground)}.tp-lfw__mehr[aria-expanded=true] [data-tp-farbwahl-zu],.tp-lfw__mehr[aria-expanded=false] [data-tp-farbwahl-auf]{display:none}:where(*):has(>tp-leisten-farbwahl:not([hidden]))>variant-picker,:where(*):has(>tp-farbauswahl[data-host*=variant-picker]:not([hidden]))>variant-picker{position:absolute!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;overflow:hidden!important;clip:rect(0 0 0 0)!important;white-space:nowrap!important}.tp-lfw--dd{position:relative;gap:0}.tp-lfw--dd .tp-lfw__label,.tp-lfw--dd .tp-lfw__mehr{display:none}.tp-lfw__dd{display:flex;align-items:center;gap:12px;width:100%;min-height:54px;margin:0;padding:6px 14px 6px 6px;box-sizing:border-box;background:#fff;border:1px solid rgb(var(--color-foreground-rgb) / .25);border-radius:10px;font:inherit;color:inherit;text-align:start;cursor:pointer}.tp-lfw__dd:focus-visible{outline:2px solid var(--color-foreground);outline-offset:2px}.tp-lfw__dd-bild{flex:0 0 40px;width:40px;height:40px;overflow:hidden;border-radius:6px;border:1px solid rgb(var(--color-foreground-rgb) / .18);box-sizing:border-box}.tp-lfw__dd-name{flex:1 1 auto;min-width:0;font-weight:600;overflow-wrap:anywhere}.tp-lfw__dd-pfeil{flex:0 0 auto;width:9px;height:9px;margin-inline-end:4px;border-right:2px solid currentColor;border-bottom:2px solid currentColor;transform:translateY(-2px) rotate(45deg)}.tp-lfw__dd[aria-expanded=true] .tp-lfw__dd-pfeil{transform:translateY(2px) rotate(-135deg)}.tp-lfw--dd .tp-lfw__grid{display:none}.tp-lfw--dd.tp-lfw--offen .tp-lfw__grid{position:absolute;z-index:20;top:calc(100% + 4px);left:0;right:0;display:grid;grid-template-columns:1fr;gap:2px;max-height:320px;overflow-y:auto;padding:6px;box-sizing:border-box;background:#fff;border:1px solid rgb(var(--color-foreground-rgb) / .2);border-radius:10px;box-shadow:0 8px 24px #00000024}.tp-lfw--dd .tp-lfw__tile{display:flex;align-items:center;gap:12px;min-height:48px;padding:4px 8px 4px 4px;text-align:start}.tp-lfw--dd .tp-lfw__tile[hidden]{display:none}.tp-lfw--dd .tp-lfw__tile[aria-pressed=true]{background:rgb(var(--color-foreground-rgb) / .06)}.tp-lfw--dd .tp-lfw__tile .tp-lfw__bild{flex:0 0 40px;width:40px}.tp-lfw--dd .tp-lfw__name{display:block;font-size:.9375rem;color:var(--color-foreground)}@media screen and (max-width:749px){.tp-lfw__grid{grid-template-columns:repeat(auto-fill,minmax(58px,1fr));gap:10px 6px}.tp-lfw__name{font-size:.65rem}}
/*# sourceMappingURL=/cdn/shop/t/73/assets/tp-leisten-farbwahl.css.map */