build-a-box{display:block}.build-a-box__header{text-align:center;max-width:640px;margin:0 auto 3rem}.build-a-box__subheading{margin:0 0 1rem;background:#cbeba0;color:#000;display:inline-block;padding:6px 12px;border-radius:20px;font-size:12px;letter-spacing:.13rem;text-transform:uppercase}.build-a-box__heading{margin:0 0 1rem}.build-a-box__description{margin:0;color:rgba(var(--color-foreground),.75)}.build-a-box__progress{max-width:720px;margin:0 auto 3rem}.build-a-box__progress-text{display:flex;align-items:baseline;justify-content:center;gap:.4rem;margin-bottom:1rem;font-size:1.6rem}.build-a-box__count{font-size:2rem;line-height:1;font-weight:700;color:#82bb4e}.build-a-box__count-separator,.build-a-box__count-total{font-size:2rem;line-height:1;font-weight:600}.build-a-box__count-label{margin-left:.6rem;font-size:1.4rem;color:rgba(var(--color-foreground),.7)}.build-a-box__progress-bar{height:8px;background:rgba(var(--color-foreground),.1);border-radius:999px;overflow:hidden;margin-bottom:1.2rem}.build-a-box__progress-fill{display:block!important;height:100%;background:#82bb4e;border-radius:999px;transition:width .25s ease}.build-a-box__slots{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem}.build-a-box__slot{width:2.4rem;height:2.4rem;border-radius:50%;border:2px dashed rgba(var(--color-foreground),.2);background:transparent;transition:all .2s ease}.build-a-box__slot--filled{border-style:solid;border-color:#82bb4e;background:#82bb4e}.build-a-box__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.6rem;margin-bottom:3rem}@media screen and (min-width:750px){.build-a-box__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:2rem}}.build-a-box__flavour{display:flex;flex-direction:column;align-items:center;text-align:center;padding:1.6rem;border-radius:12px;background:rgb(var(--color-background));border:1px solid rgba(var(--color-foreground),.08);transition:box-shadow .2s ease,border-color .2s ease}.build-a-box__flavour:hover{border-color:#82bb4e66;box-shadow:0 8px 24px #0000000f}.build-a-box__flavour-media{width:100%;aspect-ratio:1;margin-bottom:1.2rem;border-radius:10px;overflow:hidden}.build-a-box__flavour-image{width:100%;height:100%;object-fit:contain}.build-a-box__flavour-image--placeholder{background:rgba(var(--color-foreground),.04)}.build-a-box__flavour-title{margin:0 0 .4rem;font-size:1.6rem;line-height:1.3}.build-a-box__flavour-desc{margin:0 0 .6rem;font-size:1.3rem;color:rgba(var(--color-foreground),.65)}.build-a-box__flavour-price{margin:0 0 1.2rem;font-size:1.4rem;font-weight:500}.build-a-box__quantity{display:flex;align-items:center;gap:0;border:1px solid rgba(var(--color-foreground),.15);border-radius:50px;overflow:hidden}.build-a-box__qty-btn{display:flex;align-items:center;justify-content:center;width:3.6rem;height:3.6rem;padding:0;border:none;background:transparent;cursor:pointer;color:rgb(var(--color-foreground));transition:background .15s ease}.build-a-box__qty-btn:hover:not(:disabled){background:rgba(var(--color-foreground),.06)}.build-a-box__qty-btn:disabled{opacity:.35;cursor:not-allowed}.build-a-box__qty-btn .svg-wrapper{width:1rem;height:1rem}.build-a-box__qty-input{width:3.6rem;height:3.6rem;padding:0;border:none;border-left:1px solid rgba(var(--color-foreground),.1);border-right:1px solid rgba(var(--color-foreground),.1);text-align:center;font-size:1.6rem;font-weight:600;background:transparent;-moz-appearance:textfield}.build-a-box__qty-input::-webkit-outer-spin-button,.build-a-box__qty-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.build-a-box__sold-out{margin:.8rem 0 0;font-size:1.2rem;color:rgba(var(--color-foreground),.55)}.build-a-box__footer{display:grid;gap:2rem;padding:2rem;border-radius:16px;background:rgba(var(--color-foreground),.03);border:1px solid rgba(var(--color-foreground),.08)}@media screen and (min-width:750px){.build-a-box__footer{grid-template-columns:1fr auto;align-items:center;padding:2.4rem 3rem}}.build-a-box__summary-label{margin:0 0 .4rem;font-size:1.2rem;text-transform:uppercase;letter-spacing:.08rem;color:rgba(var(--color-foreground),.6)}.build-a-box__summary-items{margin:0 0 .8rem;font-size:1.5rem;line-height:1.5}.build-a-box__summary-total{margin:0;display:flex;align-items:baseline;gap:.8rem;font-size:1.4rem}.build-a-box__summary-total strong{font-size:2rem;color:#82bb4e}.build-a-box__actions{display:flex;flex-direction:column;align-items:stretch;gap:1rem}@media screen and (min-width:750px){.build-a-box__actions{align-items:flex-end;min-width:28rem}}.build-a-box__message{margin:0;font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.build-a-box__message--error{color:#c0392b}.build-a-box__message--success{color:#82bb4e;font-weight:600}.build-a-box__admin-notice{margin:0 auto 2rem;max-width:720px;padding:1.2rem 1.6rem;border-radius:10px;background:#fff3cd;border:1px solid #ffc107;color:#664d03;font-size:1.4rem;text-align:center}.build-a-box__admin-notice p{margin:0}.build-a-box__add-btn{width:100%;min-height:5rem;border-radius:50px;background:#82bb4e;font-weight:600;letter-spacing:0;position:relative}.build-a-box__add-btn:before,.build-a-box__add-btn:after{content:unset}.build-a-box__add-btn:hover:not(:disabled){background:#6cb8cc}.build-a-box__add-btn:disabled{opacity:.55;cursor:not-allowed}.build-a-box__add-btn.loading>span:first-child{visibility:hidden}.build-a-box__add-btn .loading__spinner{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}
/*# sourceMappingURL=/cdn/shop/t/5/assets/build-a-box.css.map */