.grip-config{--grip-border: var(--color-border, #e2e2e2);--grip-fg: rgb(var(--color-foreground, 20, 20, 20));--grip-bg: rgb(var(--color-background, 255, 255, 255));--grip-accent: var(--color-button, #1a1a1a);--grip-accent-text: var(--color-button-text, #fff);--grip-radius: 10px;max-width:640px;margin:2.5rem auto;padding:0 1rem;color:var(--grip-fg);font-family:var(--font-body-family, inherit)}.grip-config__header{margin-bottom:1.75rem}.grip-config__title{margin:0 0 .5rem;font-size:2.45rem;line-height:1.15}.grip-config__intro{opacity:.72;font-size:1.3rem;margin:0}.grip-config__error{border:1px solid #d3413a;background:#d3413a0f;border-radius:var(--grip-radius);padding:1rem 1.1rem;color:#b3352f}.grip-config__card{border:1px solid var(--grip-border);border-radius:var(--grip-radius);background:var(--grip-bg);padding:1.35rem 1.35rem 1.5rem;margin-bottom:1.1rem}.grip-config__step-label{display:flex;align-items:center;gap:.65rem;font-size:1.4rem;font-weight:600;margin-bottom:1rem}.grip-config__step-number{flex:none;display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:var(--grip-accent);color:var(--grip-accent-text);font-size:1.1rem;font-weight:700}.grip-config__options{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.75rem}.grip-config__option{display:block;border:1px solid var(--grip-border);border-radius:8px;padding:.9rem 1.05rem;cursor:pointer;transition:border-color .15s ease,background .15s ease}.grip-config__option:hover{border-color:rgba(var(--color-foreground, 20, 20, 20),.35)}.grip-config__option:has(input:checked){border-color:var(--grip-accent);background:rgba(var(--color-foreground, 20, 20, 20),.03)}.grip-config__option input{margin-right:.55rem}.grip-config__option strong{font-size:1.28rem;font-weight:600}.grip-config__option small{display:block;margin-top:.15rem;margin-left:1.55rem;opacity:.65;font-size:1.05rem;font-weight:400}.grip-config select,.grip-config__stepper-input{width:100%;max-width:320px;padding:.85rem 1rem;border:1px solid var(--grip-border);border-radius:10px;background:rgba(var(--color-foreground, 20, 20, 20),.02);color:inherit;font-size:1.28rem}.grip-config select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23666' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.75rem;cursor:pointer}.grip-config select:focus,.grip-config__stepper-input:focus,.grip-config__option input:focus-visible{outline:2px solid var(--grip-accent);outline-offset:1px}.grip-config__field-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.grip-config__field label{display:block;font-size:1.12rem;font-weight:600;margin-bottom:.4rem}.grip-config__preview-row{display:flex;gap:1rem;margin-bottom:1.35rem;flex-wrap:wrap}.grip-config__preview{flex:1;min-width:160px;max-width:260px}.grip-config__preview-label{display:block;font-size:1rem;font-weight:600;opacity:.65;margin-bottom:.4rem}.grip-config__preview-img{display:block;width:100%;aspect-ratio:1 / 1;object-fit:cover;border-radius:10px;border:1px solid var(--grip-border);background:rgba(var(--color-foreground, 20, 20, 20),.03)}.grip-config__preview-img[hidden]{display:none}.grip-config__preview-empty{display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1 / 1;border-radius:10px;border:1px dashed var(--grip-border);background:rgba(var(--color-foreground, 20, 20, 20),.02);color:rgba(var(--color-foreground, 20, 20, 20),.4);font-size:1rem;text-align:center;padding:.5rem}.grip-config__preview-empty[hidden]{display:none}.grip-config__unit-price{margin:.9rem 0 0;font-size:1.18rem;opacity:.75;font-weight:600}.grip-config__stepper{display:flex;align-items:stretch;border:1px solid var(--grip-border);border-radius:10px;overflow:hidden;width:100%;max-width:220px;margin:0}.grip-config__stepper-btn{flex:none;width:3rem;border:none;background:transparent;color:inherit;font-size:1.7rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .15s ease}.grip-config__stepper-btn:hover{background:rgba(var(--color-foreground, 20, 20, 20),.06)}.grip-config__stepper-btn:active{background:rgba(var(--color-foreground, 20, 20, 20),.1)}.grip-config__stepper-input{flex:1;max-width:none;border:none;border-left:1px solid var(--grip-border);border-right:1px solid var(--grip-border);border-radius:0;text-align:center;padding:.85rem .5rem;font-size:1.35rem;-moz-appearance:textfield}.grip-config__stepper-input::-webkit-outer-spin-button,.grip-config__stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.grip-config__qty-note{margin:.6rem 0 0;font-size:1.05rem;opacity:.7;min-height:1.2em;text-align:left}.grip-config__note{font-size:1.12rem;opacity:.75;margin:0}.grip-config__address{margin:.6rem 0 0;font-size:1.05rem;opacity:.7;line-height:1.4}.grip-config__summary{border:1px solid var(--grip-border);border-radius:12px;padding:1.5rem;text-align:center;background:rgba(var(--color-foreground, 20, 20, 20),.02)}.grip-config__price{font-size:1.85rem;font-weight:700;margin:0 0 1rem}.grip-config__add-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.7rem;width:100%;max-width:360px;padding:1.05rem 1.6rem;border:none;border-radius:10px;background:#8fd39e;color:#163a1f;font-size:1.5rem;font-weight:700;letter-spacing:.01em;cursor:pointer;transition:background .15s ease,transform .1s ease;overflow:visible}.grip-install-icon-outer{display:flex;flex:none;align-items:center;justify-content:center;width:72px;height:40px;pointer-events:none}.grip-install-icon{width:40px;height:72px;transform:rotate(-90deg);filter:drop-shadow(0 1px 2px rgba(0,0,0,.25))}.grip-config__add-btn:hover:not(:disabled){background:#7bcb8d}.grip-config__add-btn:active:not(:disabled){transform:translateY(1px)}.grip-config__add-btn:disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.grip-config__add-btn{transition:none}}.grip-config__status{margin-top:.75rem;font-size:1.02rem;min-height:1.1em}.grip-config__status[data-state=error]{color:#d3413a}.grip-config__status[data-state=success]{color:#1e7e34}[hidden]{display:none!important}@media(max-width:480px){.grip-config__title{font-size:1.9rem}.grip-config__card{padding:1.1rem}}
/*# sourceMappingURL=/cdn/shop/t/71/assets/grip-configurator.css.map */