.bbx-subscription{--bbx-cream: var(--bb-control-cream, #f7f4ec);--bbx-ink: var(--bb-control-ink, #0b0b0a);--bbx-charcoal: var(--bb-control-charcoal, #34342f);--bbx-sage: var(--bb-control-sage, #cfd3c9);--bbx-line: var(--bb-control-border, rgb(11 11 10 / 16%));--bbx-glass: rgb(247 244 236 / 72%);--bbx-glass-strong: rgb(247 244 236 / 92%);display:block;width:100%;margin-block:0 18px;color:var(--bbx-ink)}.bbx-subscription[hidden],.bbx-subscription [hidden]{display:none!important}.bbx-subscription__fieldset{min-width:0;margin:0;padding:0;border:0}.bbx-subscription__legend{width:100%;margin:0 0 9px;padding:0;color:var(--bbx-charcoal);font-family:var(--font-body--family);font-size:.78rem;font-weight:680;letter-spacing:.035em}.bbx-subscription__purchase-options{display:grid;gap:9px}.bbx-subscription__choice,.bbx-subscription__bag-choice{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:14px;overflow:hidden;border:1px solid var(--bbx-line);border-radius:20px;background:linear-gradient(145deg,#ffffffa8,#cfd3c947),var(--bbx-glass);box-shadow:0 12px 30px #34342f14,inset 0 1px #ffffffc7;cursor:pointer;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease}.bbx-subscription__choice{min-height:78px;padding:15px 16px}.bbx-subscription__choice:before,.bbx-subscription__bag-choice:before,.bbx-subscription__panel:before{position:absolute;z-index:-1;content:"";pointer-events:none}.bbx-subscription__choice:before,.bbx-subscription__bag-choice:before{top:0;right:0;bottom:0;left:0;background:linear-gradient(115deg,rgb(255 255 255 / 34%),transparent 42%)}.bbx-subscription__choice:hover,.bbx-subscription__bag-choice:hover{transform:translateY(-1px);border-color:#0b0b0a47;box-shadow:0 15px 32px #34342f1c,inset 0 1px #ffffffdb}.bbx-subscription__choice:has(.bbx-subscription__input:checked),.bbx-subscription__bag-choice:has(.bbx-subscription__input:checked){border-color:#0b0b0a94;background:linear-gradient(145deg,#ffffffb8,#cfd3c9ad),var(--bbx-glass-strong);box-shadow:0 15px 34px #34342f1f,inset 0 1px #ffffffeb}.bbx-subscription__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.bbx-subscription__choice:has(.bbx-subscription__input:focus-visible),.bbx-subscription__bag-choice:has(.bbx-subscription__input:focus-visible),.bbx-subscription__frequency:has(.bbx-subscription__input:focus-visible){outline:3px solid rgb(11 11 10 / 30%);outline-offset:2px}.bbx-subscription__choice-main,.bbx-subscription__price,.bbx-subscription__bag-price{display:flex;flex-direction:column}.bbx-subscription__choice-main{min-width:0;gap:4px}.bbx-subscription__choice-heading,.bbx-subscription__bag-topline{display:flex;align-items:center;flex-wrap:wrap;gap:9px}.bbx-subscription__radio{position:relative;flex:0 0 auto;width:18px;height:18px;border:1.5px solid rgb(11 11 10 / 48%);border-radius:999px;background:#ffffff7a;box-shadow:inset 0 1px 2px #0b0b0a12}.bbx-subscription__choice:has(.bbx-subscription__input:checked) .bbx-subscription__radio,.bbx-subscription__bag-choice:has(.bbx-subscription__input:checked) .bbx-subscription__radio{border-color:var(--bbx-ink);background:var(--bbx-ink);box-shadow:inset 0 0 0 4px var(--bbx-sage)}.bbx-subscription__choice-title{font-size:.98rem;font-weight:720;line-height:1.1}.bbx-subscription__choice-copy,.bbx-subscription__bag-copy{color:#34342fbd;font-size:.76rem;line-height:1.35}.bbx-subscription__choice-copy{padding-inline-start:27px}.bbx-subscription__price,.bbx-subscription__bag-price{align-items:flex-end;text-align:right;white-space:nowrap}.bbx-subscription__price strong,.bbx-subscription__bag-price strong{color:var(--bbx-ink);font-size:.94rem;font-weight:760;line-height:1.2}.bbx-subscription__price small,.bbx-subscription__bag-price small{color:#34342fa3;font-size:.65rem;line-height:1.25}.bbx-subscription__soft-badge,.bbx-subscription__saving-badge{display:inline-flex;align-items:center;min-height:20px;border-radius:999px;padding:3px 8px;font-size:.62rem;font-weight:760;letter-spacing:.035em;line-height:1;text-transform:uppercase}.bbx-subscription__soft-badge{color:var(--bbx-charcoal);background:#cfd3c9b8}.bbx-subscription__saving-badge{margin-inline-start:auto;border:1px solid var(--bbx-line);color:var(--bbx-charcoal);background:var(--bb-control-primary, rgb(207 211 201 / 82%));box-shadow:inset 0 1px #ffffffb8}.bbx-subscription__panel{position:relative;isolation:isolate;margin-block-start:10px;overflow:hidden;border:1px solid rgb(11 11 10 / 13%);border-radius:23px;padding:15px;background:linear-gradient(155deg,#ffffff9e,#cfd3c957),var(--bbx-glass);box-shadow:0 18px 42px #34342f1a,inset 0 1px #ffffffd1;animation:bbx-subscription-reveal .22s ease both}.bbx-subscription__panel:before{top:-70px;right:-55px;width:180px;height:150px;border-radius:50%;background:radial-gradient(circle,rgb(255 255 255 / 58%),transparent 68%);filter:blur(8px)}.bbx-subscription__bag-options{display:grid;grid-template-columns:1fr;gap:9px}.bbx-subscription__bag-choice{grid-template-columns:minmax(0,1fr) auto;grid-template-rows:auto auto;align-content:center;gap:4px 14px;min-height:88px;padding:13px 14px}.bbx-subscription__bag-topline strong{font-size:.9rem;line-height:1.1}.bbx-subscription__bag-copy{grid-column:1;padding-inline-start:27px}.bbx-subscription__bag-price{grid-column:2;grid-row:1 / span 2;align-items:flex-end;align-self:center;margin:0;padding:0;text-align:right}.bbx-subscription__frequency-fieldset{margin-block-start:14px}.bbx-subscription__frequencies{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.bbx-subscription__frequency{position:relative;display:flex;min-height:42px;align-items:center;justify-content:center;border:1px solid rgb(11 11 10 / 16%);border-radius:999px;padding:9px 11px;background:#f7f4eca8;color:var(--bbx-charcoal);cursor:pointer;font-size:.74rem;font-weight:650;line-height:1.15;text-align:center;transition:color .16s ease,background .16s ease,border-color .16s ease,transform .16s ease}.bbx-subscription__frequency:hover{transform:translateY(-1px);border-color:#0b0b0a4d}.bbx-subscription__frequency:has(.bbx-subscription__input:checked){border-color:var(--bb-control-border-strong, rgb(11 11 10 / 48%));color:var(--bbx-charcoal);background:var(--bb-control-primary, rgb(207 211 201 / 82%));box-shadow:var( --bb-control-shadow, inset 0 1px 0 rgb(255 255 255 / 82%), 0 10px 24px rgb(52 52 47 / 12%) )}.bbx-subscription__frequency:last-child:nth-child(odd){grid-column:1 / -1}.bbx-subscription__reassurance{display:flex;flex-wrap:wrap;gap:7px 14px;margin-block-start:14px;border-top:1px solid rgb(11 11 10 / 11%);padding-block-start:12px;color:#34342fbd;font-size:.68rem;font-weight:590}.bbx-subscription__reassurance span{display:inline-flex;align-items:center;gap:5px}.bbx-subscription__reassurance span:before{display:inline-grid;width:14px;height:14px;place-items:center;border-radius:999px;content:"\2713";border:1px solid var(--bbx-line);color:var(--bbx-charcoal);background:var(--bb-control-primary, rgb(207 211 201 / 82%));font-size:.54rem;font-weight:800}product-form-component[data-bbx-subscription-active=true] .product-form-buttons .quantity-selector-wrapper,product-form-component[data-bbx-subscription-active=true] .product-form-buttons .quantity-label{display:none}@supports ((backdrop-filter: blur(12px)) or (-webkit-backdrop-filter: blur(12px))){.bbx-subscription__choice,.bbx-subscription__bag-choice,.bbx-subscription__panel{backdrop-filter:blur(16px) saturate(112%);-webkit-backdrop-filter:blur(16px) saturate(112%)}}@keyframes bbx-subscription-reveal{0%{opacity:0;transform:translateY(-4px) scale(.992)}to{opacity:1;transform:translateY(0) scale(1)}}@media screen and (max-width:749px){.bbx-subscription__choice{min-height:74px;padding:13px 14px}.bbx-subscription__bag-choice{min-height:86px}}@media screen and (max-width:390px){.bbx-subscription__choice,.bbx-subscription__bag-choice{grid-template-columns:1fr}.bbx-subscription__price,.bbx-subscription__bag-price{grid-column:1;grid-row:auto;align-items:flex-start;padding-inline-start:27px;text-align:left}}@media(prefers-reduced-motion:reduce){.bbx-subscription__choice,.bbx-subscription__bag-choice,.bbx-subscription__frequency,.bbx-subscription__panel{animation:none;transition:none}}
/*# sourceMappingURL=/cdn/shop/t/6/assets/bbx-subscription-selector.css.map */