.carton-builder-section{padding-top:var(--carton-builder-padding-top, 40px);padding-bottom:var(--carton-builder-padding-bottom, 40px)}.carton-builder-layout{display:grid;grid-template-columns:1fr;row-gap:1.5rem}@media screen and (min-width:750px){.carton-builder-layout{grid-template-columns:1fr 1fr}}.carton-builder-layout__media{align-self:start;aspect-ratio:1 / 1;overflow:hidden;position:relative}.carton-builder-layout__image{display:block;height:100%;left:0;object-fit:cover;position:absolute;top:0;width:100%}@media screen and (min-width:750px){.carton-builder-layout__content{padding-left:5rem}}.carton-builder__heading{margin:0 0 .5rem}.carton-builder__subheading{margin:0 0 2rem;max-width:60ch}.carton-builder__setup-error{border:1px solid rgba(var(--color-foreground, 18, 18, 18),.2);border-radius:var(--inputs-radius, 4px);padding:1.5rem}.carton-builder__setup-error p{margin:0 0 .5rem}.carton-builder__setup-error p:last-child{margin-bottom:0}.carton-builder__step{border:0;margin:0 0 2.5rem;padding:0}.carton-builder__step-title{align-items:center;display:flex;font-size:1.4rem;gap:.75rem;margin:0 0 1.25rem;padding:0}.carton-builder__step-number{align-items:center;aspect-ratio:1;background:rgba(var(--color-foreground, 18, 18, 18),.06);border-radius:50%;display:inline-flex;flex:0 0 auto;font-size:1.2rem;justify-content:center;width:2.2rem}.carton-builder__configs{display:grid;gap:1rem;grid-template-columns:1fr}@media screen and (min-width:750px){.carton-builder__configs{grid-template-columns:repeat(3,1fr)}}.carton-builder__config{cursor:pointer;display:block;position:relative}.carton-builder__config-input{height:100%;left:0;margin:0;opacity:0;position:absolute;top:0;width:100%}.carton-builder__config-body{border:1px solid rgba(var(--color-foreground, 18, 18, 18),.2);border-radius:var(--inputs-radius, 4px);display:flex;flex-direction:column;gap:.35rem;height:100%;padding:1.25rem;transition:border-color .15s ease,box-shadow .15s ease}.carton-builder__config-input:checked+.carton-builder__config-body{border-color:rgba(var(--color-foreground, 18, 18, 18),1);box-shadow:0 0 0 1px rgba(var(--color-foreground, 18, 18, 18),1)}.carton-builder__config-input:focus-visible+.carton-builder__config-body{outline:2px solid rgba(var(--color-foreground, 18, 18, 18),.6);outline-offset:3px}.carton-builder__config-label{font-size:1.15em;font-weight:600;line-height:1.3}.carton-builder__config-summary,.carton-builder__config-from{opacity:.75;font-size:.95em}.carton-builder__config-summary{line-height:1.3}.carton-builder__group{margin-bottom:2rem}.carton-builder__group-header{align-items:baseline;border-bottom:1px solid rgba(var(--color-foreground, 18, 18, 18),.1);display:flex;flex-wrap:wrap;gap:.5rem 1rem;justify-content:space-between;margin-bottom:1.25rem;padding-bottom:.6rem}.carton-builder__group-title{margin:0;font-size:1.1rem}.carton-builder__group-counter{margin:0;opacity:.75}.carton-builder__group--full .carton-builder__group-counter{font-weight:600;opacity:1}.carton-builder__packs{display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);list-style:none;margin:0;padding:0}@media screen and (min-width:750px){.carton-builder__packs{grid-template-columns:repeat(4,1fr)}}.carton-builder__pack{border:1px solid rgba(var(--color-foreground, 18, 18, 18),.12);border-radius:var(--inputs-radius, 4px);display:flex;flex-direction:column;gap:.5rem;padding:.75rem;transition:border-color .15s ease}.carton-builder__pack--selected{border-color:rgba(var(--color-foreground, 18, 18, 18),.75)}.carton-builder__pack-media{aspect-ratio:1;display:flex;align-items:center;justify-content:center;overflow:hidden}.carton-builder__pack-image{height:100%;object-fit:contain;width:100%}.carton-builder__pack-image--placeholder svg{height:100%;width:100%}.carton-builder__pack-info{flex:1 1 auto}.carton-builder__pack-title,.carton-builder__pack-price{margin:0}.carton-builder__pack-title{font-weight:500;line-height:1.3}.carton-builder__pack-price{opacity:.75;font-size:.95em}.carton-builder__pack-compare{margin-right:.35rem;opacity:.7}.carton-builder__pack-current{font-weight:600;opacity:1}.carton-builder__summary-savings{font-size:.85em;font-weight:600}.carton-builder__stepper-button,.carton-builder__config,.carton-builder__config-input,.carton-builder__add,.carton-builder__clear{touch-action:manipulation}.carton-builder__stepper{align-items:center;border:1px solid rgba(var(--color-foreground, 18, 18, 18),.2);border-radius:var(--inputs-radius, 4px);display:flex;justify-content:space-between}.carton-builder__stepper-button{background:none;border:0;color:inherit;cursor:pointer;font-size:1.2rem;line-height:1;min-height:44px;min-width:44px;padding:0}.carton-builder__stepper-button:disabled{cursor:not-allowed;opacity:.3}.carton-builder__stepper-count{font-variant-numeric:tabular-nums;font-weight:600;min-width:2ch;text-align:center}.carton-builder__summary{background:rgb(var(--color-background, 255, 255, 255));border:1px solid rgba(var(--color-foreground, 18, 18, 18),.2);border-radius:var(--inputs-radius, 4px);bottom:0;display:flex;flex-direction:column;gap:1rem;padding:1rem;position:sticky;z-index:2}@media screen and (min-width:750px){.carton-builder__summary{padding:1.25rem 1.5rem}}.carton-builder__summary-detail{min-width:0}.carton-builder__summary-config{font-weight:600;margin:0 0 .2rem}.carton-builder__summary-packs{margin:0;opacity:.75;font-size:.95em;line-height:1.3}.carton-builder__summary-actions{align-items:center;border-top:1px solid rgba(var(--color-foreground, 18, 18, 18),.12);display:flex;flex-wrap:wrap;gap:.75rem 1.25rem;justify-content:flex-end;padding-top:1rem}@media screen and (min-width:750px){.carton-builder__summary-actions{padding-top:1.25rem}}.carton-builder__summary-total{display:flex;flex-direction:column;line-height:1.2}.carton-builder__summary-total-label{opacity:.75;font-size:.85em}.carton-builder__summary-total-value{font-size:1.35rem;font-weight:600}.carton-builder__clear{background:none;border:0;color:inherit;cursor:pointer;padding:0;text-decoration:underline}.carton-builder__add[disabled]{cursor:not-allowed}.carton-builder__add--loading{position:relative}@media(prefers-reduced-motion:reduce){.carton-builder__config-body,.carton-builder__pack{transition:none}}.carton-builder__error{flex:1 0 100%;margin:0}
/*# sourceMappingURL=/cdn/shop/t/16/assets/carton-builder.css.map */