.mgp{--mgp-accent: rgb(var(--color-foreground));--mgp-border: rgba(var(--color-foreground), .12);--mgp-bg-subtle: rgba(var(--color-foreground), .04);--mgp-radius: .6rem;--mgp-swatch-size: 4rem}.mgp-steps{display:flex;align-items:center;gap:0;margin-bottom:1.6rem}.mgp-step-indicator{display:flex;align-items:center;gap:.6rem;background:none;border:none;padding:.6rem 0;cursor:pointer;opacity:.4;transition:opacity .2s;font-size:1.3rem;font-family:inherit;color:rgb(var(--color-foreground))}.mgp-step-indicator--active,.mgp-step-indicator--done{opacity:1}.mgp-step-number{display:inline-flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;border-radius:50%;border:1px solid var(--mgp-border);font-size:1.2rem;font-weight:600;flex-shrink:0}.mgp-step-indicator--active .mgp-step-number,.mgp-step-indicator--done .mgp-step-number{background:rgb(var(--color-foreground));color:rgb(var(--color-background));border-color:rgb(var(--color-foreground))}.mgp-step-label{white-space:nowrap}.mgp-step-divider{flex:1;height:1px;background:var(--mgp-border);margin:0 .8rem;min-width:1.6rem}.mgp-step-heading{font-size:1.6rem;font-weight:600;margin:0 0 1.2rem;letter-spacing:.02em}.mgp-panel{min-height:8rem}.mgp-hint{font-size:1.3rem;color:rgba(var(--color-foreground),.65);margin:0 0 1.6rem;line-height:1.5}.mgp-board-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(7.5rem,1fr));gap:1.2rem}.mgp-board-btn{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:1rem .4rem;background:none;border:2px solid var(--mgp-border);border-radius:var(--mgp-radius);cursor:pointer;transition:border-color .15s,box-shadow .15s;font-family:inherit;color:rgb(var(--color-foreground))}.mgp-board-btn:hover{border-color:rgba(var(--color-foreground),.35)}.mgp-board-btn--selected{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground))}.mgp-board-swatch{display:block;width:var(--mgp-swatch-size);height:var(--mgp-swatch-size);border-radius:50%;border:1px solid rgba(0,0,0,.1);flex-shrink:0}.mgp-board-swatch--sm{width:1.8rem;height:1.8rem;display:inline-block;vertical-align:middle;margin-right:.4rem}.mgp-board-name{font-size:1.2rem;font-weight:500;text-align:center;line-height:1.3}.mgp-board-brand{font-size:1.1rem;color:rgba(var(--color-foreground),.5)}.mgp-opening-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(12rem,1fr));gap:.8rem}.mgp-opening-btn{display:flex;flex-direction:column;gap:.2rem;padding:1rem 1.2rem;background:var(--mgp-bg-subtle);border:2px solid var(--mgp-border);border-radius:var(--mgp-radius);cursor:pointer;transition:border-color .15s,box-shadow .15s;text-align:left;font-family:inherit;color:rgb(var(--color-foreground))}.mgp-opening-btn:hover{border-color:rgba(var(--color-foreground),.35)}.mgp-opening-btn--selected{border-color:rgb(var(--color-foreground));box-shadow:0 0 0 1px rgb(var(--color-foreground));background:rgba(var(--color-foreground),.06)}.mgp-opening-name{font-size:1.4rem;font-weight:600}.mgp-opening-dims{font-size:1.2rem;color:rgba(var(--color-foreground),.55)}.mgp-summary{border:1px solid var(--mgp-border);border-radius:var(--mgp-radius);overflow:hidden}.mgp-summary-row{display:flex;align-items:center;gap:1rem;padding:1.2rem 1.6rem;border-bottom:1px solid var(--mgp-border)}.mgp-summary-row:last-child{border-bottom:none}.mgp-summary-label{font-size:1.3rem;color:rgba(var(--color-foreground),.6);min-width:10rem;flex-shrink:0}.mgp-summary-value{flex:1;font-size:1.4rem;font-weight:500;display:flex;align-items:center}.mgp-summary-price{font-size:1.6rem;font-weight:600}.mgp-edit-btn{background:none;border:none;padding:0;font-size:1.2rem;color:rgba(var(--color-foreground),.5);cursor:pointer;text-decoration:underline;font-family:inherit;flex-shrink:0}.mgp-edit-btn:hover{color:rgb(var(--color-foreground))}.mgp-variant-selects{position:absolute;overflow:hidden;clip:rect(0,0,0,0);width:1px;height:1px;margin:-1px;padding:0;border:0}@media screen and (max-width:749px){.mgp-board-grid{grid-template-columns:repeat(auto-fill,minmax(6.5rem,1fr));gap:.8rem}.mgp-board-swatch{width:3.2rem;height:3.2rem}.mgp-opening-grid{grid-template-columns:1fr 1fr}.mgp-summary-label{min-width:7rem}}
/*# sourceMappingURL=/cdn/shop/t/13/assets/component-mount-guided-picker.css.map */
