.refill-switcher{display:block;margin-block:2.4rem}.refill-switcher__label{color:rgba(var(--color-foreground),.72);font-size:1.2rem;font-weight:700;letter-spacing:.08em;margin:0 0 1.2rem;text-transform:uppercase}.refill-switcher__list{display:grid;gap:1rem;grid-auto-columns:minmax(8.4rem,1fr);grid-auto-flow:column;list-style:none;margin:0;overflow-x:auto;padding:.2rem .2rem .8rem;scroll-snap-type:x proximity}.refill-switcher__item{min-width:0;scroll-snap-align:start}.refill-switcher__link{align-items:center;border:.15rem solid rgba(var(--color-foreground),.16);border-radius:1.4rem;color:rgb(var(--color-foreground));display:grid;gap:.6rem;height:100%;padding:.7rem;text-align:center;text-decoration:none}.refill-switcher__link[aria-current=page]{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}.refill-switcher__image{aspect-ratio:1;height:auto;margin-inline:auto;object-fit:contain;width:min(100%,7.2rem)}.refill-switcher__name{font-size:1.25rem;font-weight:700;line-height:1.25}.product-form__input--pill{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;max-width:42rem;margin-bottom:1.6rem}.product-form__input--pill .form__label{grid-column:1 / -1;margin-bottom:.4rem;font-size:1.2rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.product-form__input--pill input[type=radio]+label{align-items:center;background:rgba(var(--color-background),.74);border:.1rem solid rgba(var(--color-foreground),.24);border-radius:1.4rem;display:flex;font-weight:650;gap:.8rem;justify-content:flex-start;margin:0;min-height:4.6rem;padding:.9rem 1.2rem}.product-form__input--pill input[type=radio]+label:before{background:#f7f5ef;border:.1rem solid rgba(39,36,50,.3);border-radius:50%;box-shadow:none;content:"";flex:0 0 2.2rem;height:2rem;inset:auto;position:static;width:2rem;z-index:auto}.product-form__input--pill input[value=Schwarz]+label:before,.product-form__input--pill input[value=Black]+label:before{background:#111;border-color:#111}.product-form__input--pill input[type=radio]:checked+label{background:rgba(var(--color-foreground),.055);border-color:rgb(var(--color-foreground));color:rgb(var(--color-foreground));box-shadow:0 0 0 .1rem rgb(var(--color-foreground))}@media screen and (min-width:750px){.refill-switcher__list{grid-template-columns:repeat(4,minmax(0,1fr));overflow:visible}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/refill-product-switcher.css.map */