.box-customiser{display:block;margin:2.8rem 0 .8rem;padding:2.2rem;border:.1rem solid rgba(var(--color-foreground),.2);background:rgba(var(--color-foreground),.03)}.box-customiser__heading{margin:0 0 .8rem;font-size:2rem;font-weight:400;letter-spacing:.04em}.box-customiser__intro{margin:0 0 1.8rem;color:rgba(var(--color-foreground),.75);font-size:1.5rem;line-height:1.6}.box-customiser__toggle{display:flex;gap:.8rem;margin-bottom:1.8rem;font-family:var(--font-body-family)}.box-customiser__mode{flex:1;padding:1.2rem 1rem;border:.1rem solid rgba(var(--color-foreground),.2);border-radius:0;background:transparent;color:rgba(var(--color-foreground),.7);font:inherit;font-size:1.3rem;letter-spacing:.03em;cursor:pointer}.box-customiser__mode:hover,.box-customiser__mode.is-active{border-color:rgba(var(--color-foreground),.5);background:rgba(var(--color-foreground),.1);color:rgb(var(--color-foreground))}.box-customiser__mode:focus-visible,.box-customiser__stepper button:focus-visible{outline:.2rem solid rgba(var(--color-foreground),.6);outline-offset:.2rem}.box-customiser__meter{display:flex;align-items:baseline;justify-content:space-between;gap:1.2rem;margin-bottom:1.4rem;font-size:1.3rem}.box-customiser__meter strong{font-size:1.5rem;font-weight:400}.box-customiser__meter strong.is-complete{color:rgb(var(--color-foreground))}.box-customiser__bar{height:.4rem;margin-bottom:1.8rem;overflow:hidden;background:rgba(var(--color-foreground),.12)}.box-customiser__bar span{display:block;width:0;height:100%;background:rgba(var(--color-foreground),.55);transition:width .18s ease,background-color .18s ease}.box-customiser__bar.is-complete span{background:rgb(var(--color-foreground))}.box-customiser__options{display:grid;gap:1rem}.box-customiser__option{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:1.2rem;padding:1.2rem 1.4rem;border:.1rem solid transparent;background:rgba(var(--color-foreground),.07)}.box-customiser__option.has-quantity{border-color:rgba(var(--color-foreground),.3)}.box-customiser__option-copy{display:grid;gap:.2rem;min-width:0}.box-customiser__option-name{font-size:1.5rem;line-height:1.3}.box-customiser__option-meta{color:rgba(var(--color-foreground),.58);font-size:1.2rem;line-height:1.3}.box-customiser__stepper{display:inline-flex;align-items:center;border:.1rem solid rgba(var(--color-foreground),.25)}.box-customiser__stepper button{width:3.6rem;height:3.6rem;padding:0;border:0;background:transparent;color:rgb(var(--color-foreground));font:inherit;font-size:1.8rem;cursor:pointer}.box-customiser__stepper button:disabled{cursor:not-allowed;opacity:.35}.box-customiser__stepper span{min-width:2.8rem;text-align:center;font-size:1.4rem}.box-customiser__note{margin:1.4rem 0 0;color:rgba(var(--color-foreground),.58);font-size:1.2rem;line-height:1.5}.box-customiser__hint{margin:1.4rem 0 0;padding:1rem 1.2rem;border:.1rem solid rgba(var(--color-foreground),.3);background:rgba(var(--color-foreground),.08);font-size:1.3rem;line-height:1.4}.box-customiser__summary{margin-top:1.6rem;padding-top:1.4rem;border-top:.1rem solid rgba(var(--color-foreground),.2)}.box-customiser__summary--flush{margin-top:0;padding-top:0;border-top:0}.box-customiser__summary h3{margin:0 0 .8rem;color:rgba(var(--color-foreground),.58);font-family:var(--font-body-family);font-size:1.2rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase}.box-customiser__summary ul{margin:0;padding-left:1.8rem;color:rgba(var(--color-foreground),.75);font-size:1.4rem}.box-customiser__summary li{margin:.3rem 0}@media screen and (max-width:749px){.box-customiser{padding:1.6rem}}@media(prefers-reduced-motion:reduce){.box-customiser__bar span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/component-box-customiser.css.map */