.variant-input-wrap.variant-input-wrap--material-swatch{display:flex;flex-wrap:wrap;gap:12px;border:0;padding:0}.variant-input-wrap.variant-input-wrap--material-swatch.material-swatch--fill{flex-wrap:nowrap;max-width:408px}.variant-input-wrap--material-swatch .variant-input--material-swatch{display:block;position:relative;flex:0 0 auto;margin:0;padding:0}.material-swatch--fill .variant-input--material-swatch{flex:1 1 0;min-width:0}.variant-input-wrap--material-swatch input.material-swatch-input[type=radio]{position:absolute;clip:rect(0 0 0 0);width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;border:0;opacity:0;pointer-events:none}.variant-input-wrap--material-swatch label.material-swatch-label{display:flex;flex-direction:column;align-items:center;cursor:pointer;width:120px;box-sizing:border-box;padding:4px;margin:0;background-color:#fff;background-image:none;border:2px solid #e5e5e5;border-radius:6px;box-shadow:none;font-family:inherit;font-size:inherit;font-weight:400;letter-spacing:normal;line-height:1.2;overflow:visible;position:relative;text-transform:none;transition:border-color .2s ease,box-shadow .2s ease}.variant-input-wrap--material-swatch label.material-swatch-label:hover{border-color:#b5b5b5;box-shadow:none}.material-swatch--fill label.material-swatch-label{width:100%}.variant-input-wrap--material-swatch .material-swatch-image-wrapper{display:block;width:100%;aspect-ratio:1 / 1;border-radius:4px;overflow:hidden;background:#f4f4f4}.variant-input-wrap--material-swatch .material-swatch-image{display:block;width:100%;height:100%;object-fit:cover}.variant-input-wrap--material-swatch .material-swatch-image--placeholder{background:linear-gradient(135deg,#eee,#ddd)}.variant-input-wrap--material-swatch .material-swatch-name{display:block;margin-top:6px;font-size:12px;line-height:1.2;text-align:center;color:#1a1a1a;text-transform:none;letter-spacing:normal}body .variant-input-wrap--material-swatch input.material-swatch-input[type=radio]:checked+label.material-swatch-label{background-color:#fff;background-image:none;color:#1a1a1a;border-color:#16223b;box-shadow:0 0 0 1px #16223b inset}body .variant-input-wrap--material-swatch input.material-swatch-input[type=radio]:focus:not(:focus-visible)+label.material-swatch-label{outline:none}body .variant-input-wrap--material-swatch input.material-swatch-input[type=radio]:focus:not(:focus-visible):not(:checked)+label.material-swatch-label{border-color:#e5e5e5;box-shadow:none}body .variant-input-wrap--material-swatch input.material-swatch-input[type=radio]:focus-visible+label.material-swatch-label{background-color:#fff;color:#1a1a1a;border-color:#16223b;box-shadow:0 0 0 1px #16223b inset;outline:2px solid #16223B;outline-offset:2px}body .variant-input-wrap--material-swatch input.material-swatch-input[type=radio]:checked+label.material-swatch-label .material-swatch-name,body .variant-input-wrap--material-swatch input.material-swatch-input[type=radio]:focus-visible+label.material-swatch-label .material-swatch-name{color:#1a1a1a}.variant-input-wrap--material-swatch label.material-swatch-label.disabled{opacity:.4;cursor:not-allowed;color:#1a1a1a}.variant-input-wrap--material-swatch label.material-swatch-label.disabled:after{content:none}.variant-input-wrap .variant-input>label.frame-swatch-label{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;min-width:44px;padding:3px;margin:0 8px 0 0;box-sizing:border-box;border:2px solid #e5e5e5;border-radius:50%;background:#fff;background-image:none;box-shadow:none;cursor:pointer;position:relative;overflow:visible;transition:border-color .2s ease,box-shadow .2s ease}.variant-input-wrap .variant-input>label.frame-swatch-label:hover{border-color:#b5b5b5;background:#fff}.variant-input-wrap .frame-swatch{display:block;width:32px;height:32px;flex:0 0 32px;border-radius:50%;box-sizing:border-box;position:relative}.variant-input-wrap .frame-swatch--ohne{background:#fff;border:1.5px solid #a9a9a9}.variant-input-wrap .frame-swatch--ohne:after{content:"";position:absolute;left:50%;top:50%;width:1.5px;height:36px;border-radius:2px;background:#777;transform:translate(-50%,-50%) rotate(45deg);transform-origin:center}.variant-input-wrap .frame-swatch--schwarz{background:#111;border:1px solid #111}.variant-input-wrap .frame-swatch--weiss{background:#fff;border:1.5px solid #aaa}.variant-input-wrap .frame-swatch--silber{background:#c7c7c7;border:1px solid #a8a8a8}.variant-input-wrap .frame-swatch--gold{background:#c9a45c;border:1px solid #ad8a47}body .variant-input-wrap .variant-input input[type=radio][data-frame-key]:checked+label.frame-swatch-label{background:#fff;background-image:none;color:inherit;border-color:#16223b;box-shadow:0 0 0 1px #16223b inset}body .variant-input-wrap .variant-input input[type=radio][data-frame-key]:focus:not(:focus-visible)+label.frame-swatch-label{outline:none}body .variant-input-wrap .variant-input input[type=radio][data-frame-key]:focus:not(:focus-visible):not(:checked)+label.frame-swatch-label{background:#fff;border-color:#e5e5e5;box-shadow:none}body .variant-input-wrap .variant-input input[type=radio][data-frame-key]:focus-visible+label.frame-swatch-label{background:#fff;border-color:#16223b;box-shadow:0 0 0 1px #16223b inset;outline:2px solid #16223B;outline-offset:2px}.variant-input-wrap .variant-input>label.frame-swatch-label.disabled{opacity:.4;cursor:not-allowed}.variant-input-wrap .variant-input>label.frame-swatch-label.disabled:after{content:none}@media(max-width:767px){.variant-input-wrap.variant-input-wrap--material-swatch{gap:10px;max-width:100%}.variant-input-wrap--material-swatch .material-swatch-name{font-size:13px}}
/*# sourceMappingURL=/cdn/shop/t/477/assets/snippet-variant-hybrid.css.map */