.ss-accordion>.ss-step.ss-step--picker[data-step]>.ss-step__body{padding-bottom:16px}.ss-accordion>.ss-step.ss-step--picker.is-closed[data-step]>.ss-step__header{padding-bottom:16px}.ss-dp{--ss-dp-gap: 8px;--ss-dp-line: var(--ss-grau-border, #e8e8e8);--ss-dp-text: rgb(var(--color-foreground, 18 18 18));--ss-dp-soft: var(--ss-text-soft, #555);display:block}.ss-step__body>*+.ss-dp{margin-top:14px}.ss-dp[data-state=chosen] .ss-dp__inline,.ss-dp[data-state=open] .ss-dp__card{display:none}.ss-dp__inline{margin:0;padding:0;border:0;min-width:0}.ss-dp__label{display:block;margin:0 0 6px;padding:0;font-size:1.5rem;line-height:1.3;font-weight:400;color:var(--ss-dp-soft)}.ss-dp__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px var(--ss-dp-gap)}.ss-dp__tile{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;min-width:0;cursor:pointer;-webkit-tap-highlight-color:transparent}.ss-dp__input{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;border:0;opacity:0}.ss-dp__media{position:relative;display:block;width:100%;aspect-ratio:var(--ss-dp-ratio, 4 / 3);border-radius:4px}.ss-dp__media{transition:transform .1s ease-out}.ss-dp__tile:active .ss-dp__media{transform:scale(.97)}@media(prefers-reduced-motion:reduce){.ss-dp__media{transition:none}.ss-dp__tile:active .ss-dp__media{transform:none}}.ss-dp__media img{display:block;width:100%;height:100%;max-width:none;object-fit:contain}.ss-dp__input:checked+.ss-dp__media{outline:2px solid var(--ss-dp-text);outline-offset:2px}.ss-dp__input:focus-visible+.ss-dp__media{box-shadow:0 0 0 5px #fff,0 0 0 7px rgba(var(--color-foreground, 18 18 18),.55)}.ss-dp__input:focus-visible:not(:checked)+.ss-dp__media{outline:2px solid rgba(var(--color-foreground, 18 18 18),.55);outline-offset:2px;box-shadow:none}.ss-dp__check{position:absolute;top:5px;right:5px;display:none;width:20px;height:20px;padding:3px;box-sizing:border-box;border-radius:50%;background:#fff;box-shadow:0 0 0 1px var(--ss-dp-line);color:var(--ss-check-color, #22c55e)}.ss-dp__input:checked+.ss-dp__media .ss-dp__check{display:block}.ss-dp__nr{font-size:1.4rem;line-height:1.2;font-weight:500;font-variant-numeric:tabular-nums;color:var(--ss-dp-text)}.ss-dp__tile[hidden]{display:none}.ss-dp__inline[aria-invalid=true] .ss-dp__media{outline:1px solid var(--ss-rot-hover, #c81212);outline-offset:2px}.ss-dp__all{display:block;width:100%;min-height:4.5rem;margin-top:14px;padding:0 16px;border:1px solid var(--ss-dp-text);border-radius:var(--ss-radius, 8px);background:transparent;color:var(--ss-dp-text);font:inherit;font-size:1.5rem;font-weight:500;letter-spacing:normal;cursor:pointer}@media(hover:hover){.ss-dp__all:hover{background:var(--ss-grau-hell, #f8f8f8)}}.ss-dp :focus:not(:focus-visible),.ss-dp-sheet:focus,.ss-dp.is-pointer :focus,.ss-dp.is-pointer :focus-visible,.ss-dp.is-pointer .ss-dp__input:focus-visible+.ss-dp__media{outline:none;box-shadow:none}.ss-dp.is-pointer .ss-dp__input:checked:focus-visible+.ss-dp__media{outline:2px solid var(--ss-dp-text);outline-offset:2px}.ss-dp__all:focus-visible,.ss-dp__change:focus-visible,.ss-dp-sheet__close:focus-visible{outline:2px solid var(--ss-dp-text);outline-offset:2px;box-shadow:none}.ss-dp__card{display:flex;align-items:center;gap:14px;padding:12px;border-radius:10px;background:var(--ss-grau-hell, #f8f8f8)}.ss-dp__card.is-entering{animation:ss-dp-fade .25s ease-out}@keyframes ss-dp-fade{0%{opacity:0;transform:scale(.98)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:reduce){.ss-dp__card.is-entering{animation:none}}.ss-dp__card-media{flex:0 0 auto;width:min(44%,var(--ss-dp-card-max, 176px))}.ss-dp__card-media img{display:block;width:100%;height:auto;max-width:none;aspect-ratio:var(--ss-dp-ratio, 4 / 3);object-fit:contain}.ss-dp__card-media img:not([src]){visibility:hidden}.ss-dp__card-text{flex:1 1 auto;display:flex;flex-direction:column;align-items:flex-start;min-width:0}.ss-dp__card-title{font-size:1.6rem;line-height:1.3;font-weight:600;color:var(--ss-dp-text)}.ss-dp__card-desc{margin-top:2px;font-size:1.5rem;line-height:1.4;color:var(--ss-dp-soft)}.ss-dp__change{margin-top:8px;min-height:3.6rem;padding:0 14px;border:1px solid var(--ss-dp-text);border-radius:var(--ss-radius, 8px);background:#fff;color:var(--ss-dp-text);font:inherit;font-size:1.4rem;font-weight:500;letter-spacing:normal;cursor:pointer}.ss-dp-native[hidden]{display:none!important}.ss-dp--portrait .ss-dp__media{width:71%}.ss-dp--portrait .ss-dp__card-media{width:auto}.ss-dp--portrait .ss-dp__card-media img{width:auto;height:100px;max-width:var(--ss-dp-card-max, 89px)}
/*# sourceMappingURL=/cdn/shop/t/30/assets/design-picker.css.map */