#bundle-builder{margin:20px 0;margin-block-end:calc(-1*max(20px,calc(var(--spacing-scale, 1) * 24px)) + 16px)!important}#bundle-summary{margin-bottom:16px}.bb-summary{padding:12px 16px;background:var(--bb-summary-bg, #F8F8F8);border:1px solid var(--bb-summary-border, #E5E5E5);border-radius:12px;font-size:14px;font-weight:600}.bundle-item{background:var(--bb-card-bg, #fff);border:1px solid var(--bb-card-border, #bdbdbd);border-radius:var(--bb-card-radius, 12px);padding:16px;margin-bottom:14px;transition:.25s ease}.bundle-item:last-child,.bundle-item:not(:has(~.bundle-item)){margin-bottom:8px}.bundle-item:not(.active){padding-top:var(--bb-collapsed-padding-y, 16px);padding-bottom:var(--bb-collapsed-padding-y, 0px)}.bundle-item:hover{border-color:var(--bb-card-border-active, #111)}.bundle-header{display:flex;align-items:center;justify-content:space-between;gap:8px}.bb-item-title{font-size:var(--bb-title-size, 16px);font-weight:700;color:var(--bb-title-color, #111)}.bundle-status{font-size:var(--bb-status-font-size, 13px);color:#888;font-weight:600;padding:6px 10px;border-radius:30px;margin-left:auto;margin-right:6px}.bundle-body{display:grid;grid-template-columns:1fr 1fr;gap:14px}.bb-field{display:flex;flex-direction:row;flex-wrap:wrap;align-items:center;width:100%}.bb-field--color{gap:var(--bb-swatch-gap, 8px)}.bb-field--size{gap:var(--bb-size-btn-gap, 8px)}.bb-field label{flex-shrink:0;font-size:13px;font-weight:600;color:#444;justify-content:space-between;align-items:center;display:flex;gap:8px;flex-wrap:wrap}.bb-select{width:100%;height:46px;padding:0 42px 0 14px;border:1px solid var(--bb-select-border, #D9D9D9);border-radius:var(--bb-select-radius, 10px);background:#fff;font-size:var(--bb-select-font-size, 14px);color:var(--bb-select-color, #111);cursor:pointer;transition:.2s ease}.bb-select:hover{border-color:#111}.bb-select:focus{outline:none;border-color:#111}.status-required{background:var(--bb-status-required-bg, #ffe9e9)!important;color:var(--bb-status-required-color, #c62828);font-size:var(--bb-status-font-size, 13px);padding:6px var(--bb-status-padding-x, 12px);border-radius:999px;font-weight:600}.status-pending{background:var(--bb-status-pending-bg, #fff4d6);color:var(--bb-status-pending-color, #a66a00);font-size:var(--bb-status-font-size, 13px);padding:6px var(--bb-status-padding-x, 12px);border-radius:999px;font-weight:600}.status-complete{background:var(--bb-status-complete-bg, #e8f8ec);color:var(--bb-status-complete-color, #1e7d3b);font-size:var(--bb-status-font-size, 13px);padding:6px var(--bb-status-padding-x, 12px);border-radius:999px;font-weight:600}.bb-summary{background:var(--bb-summary-bg, #F8F8F8);border:1px solid var(--bb-summary-border, #E5E5E5);border-radius:14px;padding:18px}.bb-progress-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.bb-progress-header span{font-size:14px;color:#666}.bb-progress-header strong{font-size:15px;font-weight:700}.bb-progress{width:100%;height:10px;background:var(--bb-progress-track, #f1f1f1);border-radius:50px;overflow:hidden}.bb-progress-fill{width:0;height:100%;background:var(--bb-progress-fill, #111);border-radius:50px;transition:.35s ease}.bundle-error{border:2px solid #E11D48!important;box-shadow:0 0 0 4px #e11d4814}.bundle-item.bundle-error .bundle-summary-title{background:#fef2f2;margin:-16px -16px 12px;padding:16px;border-radius:12px 12px 0 0}.bb-select.bb-error{border:2px solid #DC2626!important;background:#fff;color:#111}.bundle-status.status-error{background:#fee2e2!important;color:#b91c1c!important}.bb-color-picker,.bb-swatches{display:contents}.bb-swatches::-webkit-scrollbar{display:none}.bb-swatch{width:var(--bb-swatch-size, 22px);height:var(--bb-swatch-size, 22px);border-radius:var(--bb-swatch-radius, 4px);border:1px solid #9f9f9fff;padding:0;transition:.2s ease;cursor:pointer}.bb-swatch:hover{transform:scale(1.08)}.bb-swatch.active{transform:none;border:2px solid #111;box-shadow:0 0 0 2px #fff}.bb-selected-color{font-size:12px;font-weight:600;color:#666;white-space:nowrap}.bb-color-picker select{display:none}.bb-dropdown-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--bb-dd-col-gap, 12px) var(--bb-dd-row-gap, 12px);width:100%;max-width:100%;box-sizing:border-box;min-width:0}.bb-dd{position:relative;min-width:0;max-width:100%}.bb-dd-trigger{display:flex;align-items:center;gap:8px;width:100%;max-width:100%;box-sizing:border-box;min-height:calc(var(--bb-dd-padding-y, 12px) * 2 + var(--bb-dd-swatch-size, 20px));padding:var(--bb-dd-padding-y, 12px) var(--bb-dd-padding-x, 14px);border:1.5px solid var(--bb-dd-border, #ddd);border-radius:var(--bb-dd-radius, 10px);background:#fff;cursor:pointer;font-family:inherit;font-size:var(--bb-dd-font-size, 14px);font-weight:var(--bb-dd-font-weight, 400);color:var(--bb-dd-text-color, #111);text-align:left;min-width:0}.bb-dd--error .bb-dd-trigger{border-color:#e11d48!important}.bb-dd-trigger-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bb-dd-placeholder{color:#888}.bb-dd-chevron{flex-shrink:0;font-size:11px;color:#888;transition:transform .2s ease}.bb-dd--open .bb-dd-chevron{transform:rotate(180deg)}.bb-dd-swatch{width:var(--bb-dd-swatch-size, 20px);height:var(--bb-dd-swatch-size, 20px);border-radius:var(--bb-dd-swatch-radius, 50%);flex-shrink:0;border:1px solid rgba(0,0,0,.15)}.bb-dd-menu{display:none;position:absolute;top:calc(100% + 4px);left:0;right:0;max-width:100%;box-sizing:border-box;max-height:260px;overflow-y:auto;overflow-x:hidden;background:#fff;border:1px solid var(--bb-dd-border, #ddd);border-radius:var(--bb-dd-radius, 10px);box-shadow:0 8px 24px #0000001f;z-index:20;padding:6px}.bb-dd--open .bb-dd-menu{display:block}.bb-dd-option{display:flex;align-items:center;gap:8px;width:100%;padding:10px;border:none;background:none;border-radius:6px;cursor:pointer;font-family:inherit;font-size:var(--bb-dd-font-size, 14px);font-weight:var(--bb-dd-font-weight, 400);color:var(--bb-dd-text-color, #111);text-align:left}.bb-dd-option:hover{background:#f5f5f5}.bb-dd-option--active{background:#f0f0f0;font-weight:600}.bb-size-buttons{display:contents}.bb-size-btn{min-width:44px;height:34px;padding:0 12px;font-size:var(--bb-size-btn-font-size, 13px);color:var(--bb-size-btn-color, #111);border:1px solid var(--bb-size-btn-border, #ddd);border-radius:6px;background:#fff;cursor:pointer;font-weight:600;transition:.2s ease;flex:none}.bb-size-btn:hover{border-color:#111}.bb-size-btn.active{background:var(--bb-size-btn-active-bg, #111);color:var(--bb-size-btn-active-color, #fff);border-color:var(--bb-size-btn-active-bg, #111)}#bundle-builder .bundle-body{display:flex!important;flex-direction:column!important;gap:14px!important}#bundle-builder .bb-field{width:100%!important}.bb-selected-size{font-size:12px;font-weight:600;color:#666;margin-left:6px}.bundle-body{display:none;margin-top:12px}.bundle-item{overflow:hidden}.bundle-summary-title{cursor:pointer;-webkit-user-select:none;user-select:none}#bundle-builder .bundle-body{display:none!important;margin-top:12px}#bundle-builder .bundle-item.active .bundle-body{display:flex!important;flex-direction:column!important;gap:14px}#bundle-builder .bundle-summary-title{cursor:pointer;-webkit-user-select:none;user-select:none}.bundle-header-left{display:flex;align-items:center;gap:12px;flex:1}.bundle-arrow{font-size:12px;margin-left:6px;transition:.25s ease}.bundle-item.active .bundle-arrow{transform:rotate(180deg)}.bb-card-error{border:2px solid #DC2626!important}.bundle-title-wrap{display:flex;flex-direction:column;justify-content:center}.bundle-preview{display:flex;align-items:center;gap:6px;margin:0;font-size:var(--bb-preview-size, 14px);color:#666;white-space:nowrap}.bundle-item:not(.active) .bundle-preview{display:flex}.bundle-preview-color,.bundle-preview-size{display:flex;align-items:center}.bundle-preview-swatch{width:15px;height:15px;border-radius:4px;border:1px solid #ccc;display:inline-block;margin-right:6px;flex-shrink:0}.bundle-preview-dot{color:#999}@media(max-width:768px){.bundle-item:last-child,.bundle-item:not(:has(~.bundle-item)){margin-bottom:4px}.bb-field label{font-size:11px}.status-required{padding:4px var(--bb-status-padding-x, 8px)}#bundle-builder{margin:16px 0}.bundle-header-left{gap:4px}.bundle-item{padding:14px}.bundle-item:not(.active){padding-top:var(--bb-collapsed-padding-y, 14px);padding-bottom:var(--bb-collapsed-padding-y, 0px)}.bundle-body{grid-template-columns:1fr 1fr;gap:12px}.bundle-preview{font-size:var(--bb-preview-size, 11px)}.bundle-header{gap:0px}}add-to-cart-component,.accelerated-checkout-block{position:relative}html:has(#bundle-builder) add-to-cart-component>:not(.bb-guard),html:has(#bundle-builder) .accelerated-checkout-block>:not(.bb-guard),html:has(#bundle-builder) .sticky-add-to-cart__bar>:not(.bb-guard){pointer-events:none!important}.bb-guard{display:none;position:absolute;top:0;right:0;bottom:0;left:0;z-index:5;background:transparent;cursor:pointer}html:has(#bundle-builder) add-to-cart-component>.bb-guard,html:has(#bundle-builder) .accelerated-checkout-block>.bb-guard,html:has(#bundle-builder) .sticky-add-to-cart__bar>.bb-guard{display:block;pointer-events:auto!important}@keyframes bb-shake{10%,90%{transform:translate(-1px)}20%,80%{transform:translate(2px)}30%,50%,70%{transform:translate(-4px)}40%,60%{transform:translate(4px)}}#bundle-builder.bb-shake{animation:bb-shake .5s ease}.bb-heading{font-size:var(--bbh-size, 18px);color:var(--bbh-color, #111);font-weight:700;margin-bottom:12px}.bb-heading-row{display:flex;align-items:center;justify-content:space-between;gap:var(--sc-heading-gap, 12px);margin-bottom:-18px}.bb-heading-row .bb-heading{margin-bottom:12px}.bb-size-chart-btn{flex:0 0 auto;background:var(--sc-btn-bg, #111111);color:var(--sc-btn-color, #ffffff);font-size:var(--sc-btn-font-size, 13px);border-radius:var(--sc-btn-radius, 6px);border:none;padding:8px 14px;margin-bottom:12px;cursor:pointer;white-space:nowrap;font-weight:600}.bb-size-chart-btn:hover{opacity:.85}.bb-size-chart-modal{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9999;display:flex;align-items:center;justify-content:center}.bb-size-chart-modal[hidden]{display:none}.bb-size-chart-modal__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009}.bb-size-chart-modal__content{position:relative;max-width:90vw;max-height:90vh;background:#fff;border-radius:10px;padding:16px;overflow:auto;z-index:1}.bb-size-chart-modal__content img{display:block;max-width:40vw;height:auto;border-radius:6px}.bb-size-chart-modal__close{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;border:none;background:#fff;box-shadow:0 1px 4px #0003;font-size:20px;line-height:1;cursor:pointer;z-index:2}@media(max-width:749px){.bb-size-chart-modal__content{max-width:94vw;padding:12px}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/bundle-builder.css.map */