.msb{--msb-accent:rgb(var(--color-button,30,90,60));--msb-line:#d5d8dc;--msb-muted:#5b6168;--msb-soft:#f4f5f2;display:flex;flex-direction:column;gap:14px;margin:8px 0 20px;color:inherit}.msb *{box-sizing:border-box}.msb__preview{background:#fff;border:1px solid #e6e8e6;border-radius:14px;padding:14px}.msb__canvas-wrap{position:relative}.msb__canvas{display:block;width:100%;height:auto}.msb__loading{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--msb-muted);background:#fff}.msb__loading[hidden]{display:none}.msb__note{font-size:12px;color:var(--msb-muted);margin:6px 0 10px;text-align:center}.msb__presets{display:flex;flex-direction:column;gap:8px}.msb__presets-label{font-size:13px;font-weight:600}.msb__preset-row{display:flex;flex-wrap:wrap;gap:8px}.msb-preset{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:6px 14px;border:1px solid var(--msb-line);border-radius:999px;background:#fff;cursor:pointer;font-size:14px;color:inherit}.msb-preset:hover{border-color:var(--msb-accent)}.msb-preset__dots{display:inline-flex}.msb-preset__dots span{width:14px;height:14px;border-radius:50%;margin-left:-4px;box-shadow:0 0 0 2px #fff}.msb-preset__dots span:first-child{margin-left:0}.msb__price-row{display:flex;flex-wrap:wrap;align-items:baseline;gap:10px}.msb__price{font-size:26px;font-weight:700}.msb__price-note{font-size:14px;color:var(--msb-muted)}.msb__progress{height:8px;background:#e3e6e3;border-radius:99px;overflow:hidden}.msb__progress span{display:block;height:100%;width:0;background:var(--msb-accent);border-radius:99px;transition:width .25s}.msb__progress-text{font-size:13px;color:var(--msb-muted);margin:-6px 0 0}.msb__steps{display:flex;flex-direction:column;gap:10px}.msb-step{background:#fff;border:1px solid #e6e8e6;border-radius:12px;overflow:hidden}.msb-step.is-open{border-color:var(--msb-accent)}.msb-step__head{width:100%;display:flex;align-items:center;gap:12px;padding:12px 14px;min-height:60px;border:0;background:transparent;cursor:pointer;text-align:left;color:inherit;font:inherit}.msb-step__badge{flex:none;display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:50%;background:#eef0ee;color:#3a3f44;font-size:14px;font-weight:700}.msb-step.is-done .msb-step__badge{background:var(--msb-accent);color:#fff}.msb-step__text{flex:1 1 auto;min-width:0;display:flex;flex-direction:column}.msb-step__title{font-weight:600;font-size:16px}.msb-step__sub{font-size:13px;color:var(--msb-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.msb-step__chip{flex:none;width:24px;height:24px;border-radius:50%;box-shadow:inset 0 0 0 1px #0003}.msb-step__chip[hidden]{display:none}.msb-step__action{flex:none;font-size:14px;font-weight:600;color:var(--msb-accent)}.msb-step__body{padding:0 14px 14px}.msb-step__body[hidden]{display:none}.msb-step__hint{font-size:13px;color:var(--msb-muted);background:var(--msb-soft);border-radius:8px;padding:8px 12px;margin:0 0 12px}.msb-grid{display:grid;gap:8px}.msb-grid--button{grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.msb-grid--swatch,.msb-grid--colour{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.msb-grid--tile{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}.msb-opt{display:flex;flex-direction:column;align-items:center;gap:6px;padding:6px 2px;border:0;background:transparent;cursor:pointer;color:inherit;font:inherit;min-height:44px}.msb-opt--button{align-items:flex-start;text-align:left;padding:12px 14px;min-height:60px;border:1px solid var(--msb-line);border-radius:10px;background:#fff}.msb-opt--button.is-selected{border:2px solid var(--msb-accent);background:#eef5f0;padding:11px 13px}.msb-opt--button:disabled{opacity:.5;cursor:not-allowed}.msb-opt__label{font-weight:600;font-size:15px}.msb-opt__sub{font-size:13px;color:var(--msb-muted)}.msb-opt__swatch{display:block;width:52px;height:52px;border-radius:50%;background-size:cover;background-position:center;box-shadow:inset 0 0 0 1px #0003}.msb-opt--tile .msb-opt__swatch{width:76px;height:56px;border-radius:8px}.msb-opt.is-selected .msb-opt__swatch{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--msb-accent)}.msb-opt__name{font-size:12px;line-height:1.2;text-align:center}.msb-opt.is-selected .msb-opt__name{font-weight:700}.msb-opt:focus-visible,.msb-step__head:focus-visible,.msb-preset:focus-visible{outline:2px solid var(--msb-accent);outline-offset:2px}.msb__summary{background:#fff;border:1px solid #e6e8e6;border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:12px}.msb__summary-title{margin:0;font-size:16px}.msb__summary-list{display:grid;grid-template-columns:auto 1fr;gap:6px 14px;margin:0;font-size:14px}.msb__summary-list dt{color:var(--msb-muted)}.msb__summary-list dd{margin:0;font-weight:600;text-align:right}.msb__summary-list dd.is-missing{color:#a8481a;font-weight:500}.msb__ack{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.45;cursor:pointer}.msb__ack input{width:20px;height:20px;margin:1px 0 0;flex:none;accent-color:var(--msb-accent)}.msb__cart{width:100%;min-height:52px}.msb__cart:disabled{opacity:.6;cursor:not-allowed}.msb__error{color:#a8481a;font-size:14px;margin:0}.msb__meta{font-size:13px;color:var(--msb-muted);margin:0}.msb__preview--gallery{margin-bottom:16px;box-shadow:0 1px 3px #00000014}.msb__preview .msb-preset{border:1px solid #d5d8dc!important;background:#fff!important;padding:6px 14px!important}.msb-step__next{display:block;width:100%;margin-top:14px;min-height:46px}.msb-step__next[hidden]{display:none}.msb__photo{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;background:#fff;border-radius:12px}.msb [hidden],.msb__preview [hidden]{display:none!important}.msb-mini{position:fixed;right:12px;top:10px;z-index:4;width:132px;padding:4px;border:1px solid #d5d8dc;border-radius:14px;background:#fff;box-shadow:0 6px 20px #0000002e;cursor:pointer;display:flex;flex-direction:column;align-items:stretch;gap:2px;opacity:0;transform:translateY(-8px) scale(.94);transform-origin:top right;pointer-events:none;visibility:hidden;transition:opacity .2s,transform .2s,width .2s,visibility 0s .2s,top .2s;font:inherit;color:inherit}.msb-mini.is-on{opacity:1;transform:none;pointer-events:auto;visibility:visible;transition:opacity .2s,transform .2s,width .2s,visibility 0s,top .2s}.msb-mini.is-big{width:min(78vw,340px)}.msb-mini__img{display:block;width:100%;height:auto;aspect-ratio:1/1;object-fit:contain;border-radius:10px;background:#fff}.msb-mini__tag{font-size:11px;line-height:1.2;text-align:center;color:#5b6168;padding:2px 0 1px}.msb-mini.is-pulse{animation:msb-pulse .6s ease-out}@keyframes msb-pulse{0%{box-shadow:0 0 rgb(var(--color-button,30,90,60)),0 6px 20px #0000002e}to{box-shadow:0 0 0 8px #0000,0 6px 20px #0000002e}}@media(min-width:990px){.msb-mini{display:none}}@media(prefers-reduced-motion:reduce){.msb-mini,.msb-mini.is-on{transition:none}.msb-mini.is-pulse{animation:none}}@media print{.msb-mini{display:none}}
/*# sourceMappingURL=/cdn/shop/files/modz-seat-builder-v11.css.map */