.super-comp .super-comp-color-picker-row{gap:10px;align-items:flex-start}.super-comp .super-comp-color-choice{width:90px;flex:0 0 auto}.super-comp .super-comp-color-icon{border:none;overflow:hidden;flex:0 0 auto;box-shadow:inset 0 0 0 1px #00000024,0 1px 2px #00000024}.super-comp .super-comp-color-choice[aria-pressed=true] .super-comp-color-icon{border:none;outline:3px solid var(--sp-purple);outline-offset:4px;box-shadow:inset 0 0 0 1px #00000024,0 1px 2px #00000024}.super-comp .super-comp-color-choice[aria-pressed=true]:before{content:"\2713";position:absolute;z-index:2;top:40px;left:calc(50% + 13px);width:19px;height:19px;border-radius:50%;background:var(--sp-purple);color:var(--sp-white);font-size:1.1rem;line-height:1;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 2px var(--sp-white);pointer-events:none}.super-comp .super-comp-color-choice:after{content:"";position:absolute;z-index:2;top:0;left:50%;width:54px;height:54px;margin:0;border-radius:50%;border:1.5px solid var(--sp-purple);opacity:0;pointer-events:none;transform:translate(-50%) scale(1)}.super-comp .super-comp-color-choice[aria-pressed=false]:hover:after{animation:super-comp-dot-pulse 1.6s cubic-bezier(.22,.61,.36,1) 1 both}@keyframes super-comp-dot-pulse{0%{transform:translate(-50%) scale(1);opacity:.3}to{transform:translate(-50%) scale(1.4);opacity:0}}@media(prefers-reduced-motion:reduce){.super-comp .super-comp-color-choice[aria-pressed=false]:hover:after{animation:none}.super-comp .super-comp-color-choice[aria-pressed=false]:hover .super-comp-color-icon{outline:2px solid var(--sp-gray-input);outline-offset:3px}}.super-comp .super-comp-color-xl{left:50%;top:50%;transform:translate(-50%,-50%);background:#ffffffd9;color:var(--sp-black);padding:3px 6px;border-radius:4px;-webkit-backdrop-filter:blur(7px) saturate(150%);backdrop-filter:blur(7px) saturate(150%);box-shadow:inset 0 1px #fffc,0 0 0 1px #00000024}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){.super-comp .super-comp-color-xl{background:var(--sp-white)}}.super-comp .super-comp-color-label{width:100%;text-align:center;line-height:1.35;overflow-wrap:normal;word-break:normal;-webkit-hyphens:auto;hyphens:auto}.super-comp-ink{flex:1 1 0;align-self:stretch;min-width:0;background:#b0b0b0}.super-comp-ink+.super-comp-ink{box-shadow:-1px 0 #ffffffe6}.super-comp-ink-schwarz{background:#000}.super-comp-ink-cyan{background:#00b8d4}.super-comp-ink-magenta{background:#e91e63}.super-comp-ink-gelb{background:#ffd600}.super-comp-ink-photoschwarz{background:#333}.super-comp-ink-photocyan{background:#66b3ff}.super-comp-ink-photomagenta{background:#ff66b3}.super-comp-ink-photoblau{background:#5b8fd6}.super-comp-ink-photograu{background:#bdbdbd}.super-comp-ink-hellcyan{background:#7fd8e8}.super-comp-ink-hellmagenta{background:#f28ab2}.super-comp-ink-grau{background:#9e9e9e}.super-comp-ink-rot{background:#e53935}.super-comp-ink-gruen,.super-comp-ink-grun{background:#43a047}.super-comp-ink-orange{background:#fb8c00}.super-comp-ink-violett{background:#8e24aa}.super-comp-ink-braun{background:#795548}.super-comp-ink-weiss{background:#fff}.super-comp-ink-color{background-image:linear-gradient(180deg,#00b8d4 0 33.33%,#e91e63 33.33% 66.66%,#ffd600 66.66% 100%)}@media(max-width:680px){.super-comp .super-comp-color-picker-row{gap:8px}.super-comp .super-comp-color-choice{width:80px}.super-comp .super-comp-color-choice:after{width:46px;height:46px}.super-comp .super-comp-color-choice[aria-pressed=true]:before{top:32px;left:calc(50% + 9px)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/super-comparison-dots.css.map */