.bb-section{margin-block:1.5rem}.bb-heading{font-family:var(--font-heading-family);font-size:1.8rem;margin:0 0 1rem;color:rgb(var(--color-foreground))}.bb-tiers{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem;padding:2.8rem 1rem 1.4rem;background:rgba(var(--color-foreground),.04);border-radius:var(--inputs-radius, 6px);margin-bottom:1.2rem;position:relative}.bb-tiers:before{content:"";position:absolute;top:3.2rem;left:1rem;right:1rem;height:2px;background:rgba(var(--color-foreground),.15)}.bb-tier-fill{display:block!important;position:absolute;top:3.2rem;left:1rem;height:2px;width:0%;background:rgb(var(--color-foreground));transition:width .25s ease}.bb-tier{position:relative;z-index:1;flex:1;text-align:center;font-family:var(--font-body-family);font-size:1.2rem;color:rgba(var(--color-foreground),.6);line-height:1.4}.bb-tier:before{content:"";display:block;width:10px;height:10px;margin:0 auto .5rem;border-radius:50%;background:rgb(var(--color-background));border:2px solid rgba(var(--color-foreground),.3)}.bb-tier.is-active{color:rgb(var(--color-foreground));font-weight:600}.bb-tier.is-active:before{background:rgb(var(--color-foreground));border-color:rgb(var(--color-foreground))}.bb-tier-badge{position:absolute;top:-2.2rem;left:50%;transform:translate(-50%);display:inline-block;font-size:1rem;text-transform:uppercase;letter-spacing:.04em;color:rgb(var(--color-background));background:rgb(var(--color-foreground));border-radius:999px;padding:.1rem .6rem;white-space:nowrap}.bb-variants{display:grid;gap:.8rem;margin-bottom:1.2rem}.bb-variant-card{display:flex;align-items:center;gap:1rem;padding:.8rem 1rem;border:1px solid rgba(var(--color-foreground),.15);border-radius:var(--inputs-radius, 6px);transition:border-color .15s ease}.bb-variant-card.has-quantity{border-color:rgb(var(--color-foreground))}.bb-variant-swatch{width:2.8rem;height:2.8rem;border-radius:50%;flex-shrink:0;border:1px solid rgba(var(--color-foreground),.15);background-size:cover;background-position:center}.bb-variant-info{flex:1;min-width:0}.bb-variant-title{display:block;font-family:var(--font-body-family);font-weight:600;color:rgb(var(--color-foreground))}.bb-variant-price{display:block;font-family:var(--font-body-family);font-size:1.3rem;color:rgba(var(--color-foreground),.7)}.bb-variant-add{flex-shrink:0;height:2.8rem;padding:0 1.2rem;border:1px solid rgb(var(--color-foreground));background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--inputs-radius, 6px);cursor:pointer;font-family:var(--font-body-family)}.bb-quantity{display:none;align-items:center;gap:.4rem;flex-shrink:0}.bb-quantity button{width:2.8rem;height:2.8rem;border:1px solid rgba(var(--color-foreground),.2);background:rgb(var(--color-background));color:rgb(var(--color-foreground));border-radius:var(--inputs-radius, 6px);cursor:pointer;font-size:1.6rem;line-height:1}.bb-quantity input{width:3.4rem;text-align:center;border:1px solid rgba(var(--color-foreground),.2);border-radius:var(--inputs-radius, 6px);height:2.8rem;font-family:var(--font-body-family);background:rgb(var(--color-background));color:rgb(var(--color-foreground))}.bb-summary{display:flex;justify-content:space-between;font-family:var(--font-body-family);margin-bottom:.8rem;color:rgb(var(--color-foreground))}.bb-note{font-size:1.2rem;color:rgba(var(--color-foreground),.6);margin:.6rem 0 0}.bb-submit{width:100%;position:relative;height:4.5rem;border:none;border-radius:var(--buttons-radius, 6px);background:rgb(var(--color-button));color:rgb(var(--color-button-text));font-family:var(--font-body-family);font-size:1.4rem;cursor:pointer}.bb-submit[disabled]{opacity:.5;cursor:not-allowed}.bb-submit .bb-loader{display:none;position:absolute;top:0;right:0;bottom:0;left:0;align-items:center;justify-content:center}.bb-submit.loading span:first-child{visibility:hidden}.bb-submit.loading .bb-loader{display:flex}.bb-loader svg{animation:bb-spin .8s linear infinite}@keyframes bb-spin{to{transform:rotate(360deg)}}@media screen and (max-width:749px){.bb-tiers{padding-inline:.5rem}.bb-tier{font-size:1rem}}
/*# sourceMappingURL=/cdn/shop/t/32/assets/component-bundle-builder.css.map */