.mb-prefs{--mb-accent: var(--color-base-accent-1);--mb-line: rgba(var(--color-foreground), .14);counter-reset:mbstep;margin:0 0 1.6rem;padding:2.2rem;border:1px solid rgba(var(--mb-accent),.25);border-radius:18px;background:linear-gradient(180deg,rgba(var(--mb-accent),.11),rgba(var(--mb-accent),.05));color:rgb(var(--color-foreground));text-align:left}.mb-prefs__head{display:flex;align-items:center;gap:1.2rem;margin:0 0 1.2rem}.mb-prefs__badge{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;width:4rem;height:4rem;border-radius:12px;background:rgb(var(--mb-accent));color:rgb(var(--color-base-solid-button-labels))}.mb-prefs__badge svg{width:2rem;height:2rem}.mb-prefs__title{margin:0;font-size:1.5rem;font-weight:800;line-height:1.25;letter-spacing:.1em;text-transform:uppercase}.mb-prefs__intro{margin:0 0 2rem;font-size:1.4rem;line-height:1.5;opacity:.75}.mb-prefs__note{margin:2rem 0 0;padding-top:1.4rem;border-top:1px solid rgba(var(--mb-accent),.2);font-size:1.2rem;line-height:1.5;opacity:.6}.mb-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem 1.2rem}.mb-step{counter-increment:mbstep;grid-column:1 / -1;display:flex;align-items:center;gap:1rem;margin:.6rem 0 -.2rem;font-size:1.15rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.mb-step:first-child{margin-top:0}.mb-step:before{content:counter(mbstep,decimal-leading-zero);color:rgb(var(--mb-accent))}.mb-step:after{content:"";flex:1;height:1px;background:rgba(var(--mb-accent),.22)}.mb-field{grid-column:1 / -1;min-width:0}.mb-field:has(.mb-select-wrap):not(:has(.mb-hint)){grid-column:auto}.mb-label{display:block;margin:0 0 .8rem;font-size:1.3rem;font-weight:700;line-height:1.3;letter-spacing:.02em}.mb-req{color:rgb(var(--mb-accent))}.mb-hint,.mb-hint-inline{font-size:1.2rem;font-weight:400;opacity:.6;letter-spacing:0}.mb-hint{margin:.7rem 0 0;line-height:1.4}.mb-select-wrap{position:relative}.mb-select,.mb-text,.mb-textarea{width:100%;box-sizing:border-box;border:1px solid var(--mb-line);border-radius:12px;background:#fff;color:rgb(var(--color-foreground));font:inherit;font-size:16px;line-height:1.3;padding:1rem 1.4rem;min-height:4.6rem;box-shadow:0 1px 2px #0000000a}.mb-select{appearance:none;-webkit-appearance:none;padding-right:3.4rem}.mb-select-wrap:after{content:"";position:absolute;right:1.5rem;top:50%;width:.7rem;height:.7rem;margin-top:-.55rem;border-right:2px solid rgb(var(--mb-accent));border-bottom:2px solid rgb(var(--mb-accent));transform:rotate(45deg);pointer-events:none}.mb-textarea{resize:vertical;min-height:8.5rem}.mb-select:focus-visible,.mb-text:focus-visible,.mb-textarea:focus-visible{outline:none;border-color:rgb(var(--mb-accent));box-shadow:0 0 0 3px rgba(var(--mb-accent),.25)}.mb-sizes{display:grid;grid-template-columns:repeat(auto-fit,minmax(5.2rem,1fr));gap:.8rem}.mb-size{appearance:none;-webkit-appearance:none;min-height:4.6rem;padding:.6rem .8rem;border:1px solid var(--mb-line);border-radius:12px;background:#fff;color:rgb(var(--color-foreground));font:inherit;font-size:1.5rem;font-weight:700;line-height:1;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:background-color .15s ease,color .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}.mb-size:hover:not(:disabled){border-color:rgba(var(--mb-accent),.6)}.mb-size:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--mb-accent),.3)}.mb-size[aria-checked=true]{background:rgb(var(--mb-accent));border-color:rgb(var(--mb-accent));color:rgb(var(--color-base-solid-button-labels))}.mb-size.is-soldout,.mb-size:disabled{opacity:.4;text-decoration:line-through;cursor:not-allowed}.mb-pills{display:flex;flex-wrap:wrap;gap:.8rem}.mb-pill{appearance:none;-webkit-appearance:none;border:1px solid var(--mb-line);border-radius:999px;background:#fff;color:rgb(var(--color-foreground));font:inherit;font-size:1.3rem;line-height:1.2;padding:.9rem 1.5rem;min-height:4rem;cursor:pointer;box-shadow:0 1px 2px #0000000a;transition:background-color .15s ease,color .15s ease,border-color .15s ease;-webkit-tap-highlight-color:transparent}.mb-pill:hover{border-color:rgba(var(--mb-accent),.6)}.mb-pill:focus-visible{outline:none;box-shadow:0 0 0 3px rgba(var(--mb-accent),.3)}.mb-pill[aria-pressed=true]{background:rgb(var(--mb-accent));border-color:rgb(var(--mb-accent));color:rgb(var(--color-base-solid-button-labels))}.mb-error{margin:.5rem 0 0;font-size:1.2rem;font-weight:600;color:#d0021b}.mb-error[hidden]{display:none}.mb-field[data-invalid] .mb-select{border-color:#d0021b;box-shadow:0 0 0 3px #d0021b26}@media screen and (max-width:749px){.mb-prefs{padding:1.8rem 1.6rem;border-radius:16px}.mb-prefs__title{font-size:1.3rem;letter-spacing:.07em}.mb-pill{padding:.9rem 1.3rem}}
/*# sourceMappingURL=/cdn/shop/t/55/assets/mystery-box-preferences.css.map */