bar-builder{--bb-accent: #dd631c;--bb-border: rgb(0 0 0 / .14);--bb-border-strong: #000000;--bb-selected-background: #fafafa;--bb-text: #252f3c;--bb-radius: 20px;--bb-dot-size: 14px;display:block}.bar-builder__scents{display:flex;flex-direction:column;gap:var(--spacing-2, .5rem)}.bar-builder__scent-pill{cursor:pointer;font:inherit;color:inherit;border-color:var(--bb-border)}.bar-builder__scent-pill.is-selected{background:#dd631c0d}.bar-builder__scent-pill--upcoming{cursor:default;opacity:.45}.bar-builder__dot{width:var(--bb-dot-size);height:var(--bb-dot-size);border-radius:999px;background:var(--swatch-background) center / cover;box-shadow:inset 0 0 0 1px #0000001f;flex:none}.bar-builder__descriptor{margin:var(--spacing-1, .25rem) 0 0;line-height:1.45}.bar-builder__scent-line-label{font-weight:600}.bar-builder__ingredients p{margin-block:0 var(--spacing-3, .75rem)}.bar-builder__ingredients p:last-child{margin-block-end:0}.bar-builder__box{margin-block-start:var(--spacing-5, 1.25rem)}.bar-builder__box-title{margin:0 0 var(--spacing-2, .5rem);font-weight:600;letter-spacing:.01em}.bar-builder__rows{border-block-start:1px solid var(--bb-border)}.bar-builder__row{display:flex;align-items:center;justify-content:space-between;gap:var(--spacing-4, 1rem);padding-block:var(--spacing-2, .5rem);border-block-end:1px solid var(--bb-border);min-height:52px}.bar-builder__row.has-quantity .bar-builder__row-name{font-weight:600}.bar-builder__row.is-focused{box-shadow:inset 3px 0 0 -1px var(--bb-accent)}.bar-builder__row--unavailable{opacity:.5}.bar-builder__row-name{display:flex;align-items:center;gap:var(--spacing-3, .75rem);min-width:0}.bar-builder__row-note{font-size:.8125rem;white-space:nowrap}.bar-builder__qty{--input-height: 40px;border-color:var(--bb-border);flex:none}.bar-builder__qty-input{width:3ch;min-width:3ch;font-variant-numeric:tabular-nums}.bar-builder__row-unavailable{padding-inline-end:var(--spacing-4, 1rem)}.bar-builder__tiers{display:flex;flex-wrap:wrap;gap:0 var(--spacing-2, .5rem);justify-content:center;margin-block:var(--spacing-3, .75rem) 0;text-align:center}.bar-builder__tier.is-active{color:var(--bb-accent);font-weight:600}.bar-builder__options{display:flex;flex-direction:column;gap:var(--spacing-3, .75rem);margin-block-start:var(--spacing-5, 1.25rem)}.bar-builder__option{border:1px solid var(--bb-border-strong);border-radius:var(--bb-radius);color:var(--bb-text);overflow:hidden;transition:border-color .15s ease-in-out,background-color .15s ease-in-out}.bar-builder__option.is-selected{border-color:var(--bb-accent);background:var(--bb-selected-background)}.bar-builder__option-head{display:flex;align-items:center;gap:var(--spacing-3, .75rem);padding:var(--spacing-4, 1rem) var(--spacing-5, 1.25rem);cursor:pointer}.bar-builder__option-head input[type=radio]{position:absolute;opacity:0;pointer-events:none}.bar-builder__radio{width:18px;height:18px;border-radius:999px;border:1px solid rgb(0 0 0 / .4);flex:none;position:relative}.bar-builder__option.is-selected .bar-builder__radio{border-color:var(--bb-accent)}.bar-builder__option-head input[type=radio]:focus-visible~.bar-builder__radio,.bar-builder__option-head input[type=radio]:focus-visible+.bar-builder__radio{outline:2px solid var(--bb-accent);outline-offset:3px}.bar-builder__option:has(input[type=radio]:focus-visible){border-color:var(--bb-accent)}.bar-builder__option.is-selected .bar-builder__radio:after{content:"";position:absolute;top:3px;right:3px;bottom:3px;left:3px;border-radius:999px;background:var(--bb-accent)}.bar-builder__option-title{display:flex;align-items:center;gap:var(--spacing-2, .5rem);font-weight:600;flex-wrap:wrap}.bar-builder__discount-bubble{background:var(--bb-accent);color:#fff;border-radius:999px;padding:2px 8px;font-size:.6875rem;font-weight:700;letter-spacing:.02em;white-space:nowrap}.bar-builder__option-price{margin-inline-start:auto;font-weight:700;font-variant-numeric:tabular-nums;white-space:nowrap}.bar-builder__option-body{display:none;padding:0 var(--spacing-5, 1.25rem) var(--spacing-5, 1.25rem);flex-direction:column;gap:var(--spacing-3, .75rem)}.bar-builder__option.is-selected .bar-builder__option-body{display:flex}.bar-builder__option-subtext{margin:0}.bar-builder__frequency .select{width:100%}.bar-builder__submit{--button-background: 221 99 28;width:100%;text-transform:uppercase;letter-spacing:.04em}.bar-builder__submit[disabled]{cursor:not-allowed;opacity:.55}.bar-builder__form{display:contents}.bar-builder__status{margin-block-start:var(--spacing-3, .75rem);padding:var(--spacing-3, .75rem);border-radius:12px;background:#f4f4f4}.bar-builder__status[data-kind=error]{background:#dd631c1a;color:#8a3a0e}.bar-builder__preview-notice{margin-block-start:var(--spacing-3, .75rem);padding:var(--spacing-3, .75rem);border:1px dashed var(--bb-accent);border-radius:12px;color:#8a3a0e;background:#dd631c0f}@media screen and (max-width:699px){.bar-builder__row{min-height:54px}.bar-builder__qty{--input-height: 44px}.bar-builder__option-head{padding:var(--spacing-3, .75rem) var(--spacing-4, 1rem);flex-wrap:wrap}.bar-builder__option-body{padding:0 var(--spacing-4, 1rem) var(--spacing-4, 1rem)}.bar-builder__tiers{font-size:.8125rem;column-gap:var(--spacing-4, 1rem)}}@media screen and (max-width:699px){.bar-builder__tier-sep{display:none}}
/*# sourceMappingURL=/cdn/shop/t/27/assets/bar-builder.css.map */