.cbb{padding-top:3rem;padding-bottom:5rem}.cbb__head{text-align:center;max-width:70rem;margin:0 auto 2.4rem}.cbb__eyebrow{font-size:1.2rem;font-weight:700;letter-spacing:.16em;margin:0}.cbb__head h2{margin:.4rem 0 .6rem}.cbb__sizes{display:flex;justify-content:center;gap:1rem;margin-bottom:2.4rem;position:relative;z-index:2}.cbb__size{appearance:none;border:1px solid rgba(var(--color-foreground),.2);background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:999px;padding:1rem 1.6rem;cursor:pointer;pointer-events:auto}.cbb__size span{margin-left:.8rem}.cbb__size.is-active{background:rgb(var(--color-foreground));color:rgb(var(--color-background))}.cbb__grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1.2rem}.cbb__card{border:1px solid rgba(var(--color-foreground),.12);border-radius:1.4rem;padding:1.2rem;text-align:center}.cbb__image{aspect-ratio:1;display:flex;align-items:center;justify-content:center}.cbb__image img{width:100%;height:100%;object-fit:contain}.cbb__card h3{font-size:1.4rem;margin:.8rem 0}.cbb__stepper{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;border-radius:999px;background:rgb(var(--color-foreground));color:rgb(var(--color-background));overflow:hidden}.cbb__stepper button{appearance:none;border:0;background:transparent;color:inherit;padding:1rem;cursor:pointer;font-size:1.8rem}.cbb__summary{max-width:54rem;margin:2rem auto 0;border:1px solid rgba(var(--color-foreground),.12);border-radius:1.4rem;padding:1.6rem}.cbb__summary-head,.cbb__total{display:flex;justify-content:space-between;gap:1rem}.cbb__slots{display:flex;gap:.7rem;min-height:5rem;margin:1.4rem 0;flex-wrap:wrap}.cbb__slot{padding:.7rem 1rem;border-radius:999px;background:rgba(var(--color-foreground),.08);font-size:1.2rem}.cbb__total{padding-top:1.2rem;border-top:1px solid rgba(var(--color-foreground),.12)}.cbb__error{margin:.8rem 0 0;font-size:1.3rem}.cbb__add{width:100%;margin-top:1.4rem}.cbb__note{text-align:center;font-size:1.2rem;margin:.8rem 0 0}@media(max-width:989px){.cbb__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cbb__card:last-child{grid-column:span 2;max-width:50%;justify-self:center;width:100%}}