mod-bundle-builder{--bba-accent: #333333;--bba-bg: var(--background, #fff);--bba-text: var(--text-color, #0a0a0a);--bba-muted: rgba(60, 60, 67, .6);--bba-row-bg: #f5f5f7;--bba-row-bg-hover: #fafafa;--bba-row-border: #d2d2d7;--bba-row-border-selected: #0071E3;--bba-row-radius: 6px;--bba-media-bg: #f5f5f7;--bba-media-radius: 8px;--bba-section-gap: clamp(72px, 10vw, 140px);display:block;background:var(--bba-bg);color:var(--bba-text);padding-top:var(--bba-pad-top, 96px);padding-bottom:calc(var(--bba-pad-bottom, 96px) + env(safe-area-inset-bottom));padding-inline-start:max(var(--container-gutter, 16px),50% - var(--container-max-width, 1280px) / 2);padding-inline-end:max(var(--container-gutter, 16px),50% - var(--container-max-width, 1280px) / 2);font-family:inherit;position:relative}.bba-scroll-spy{position:fixed;right:max(var(--container-gutter, 16px),calc((100vw - var(--container-max-width, 1280px)) / 2));top:50%;transform:translateY(-50%);z-index:20;display:none;flex-direction:column;align-items:center;gap:12px;pointer-events:none;opacity:0;transition:opacity .25s ease}@media(min-width:1100px){.bba-scroll-spy{display:flex}}.bba-scroll-spy.is-visible{opacity:1}.bba-scroll-spy__dot{all:unset;width:6px;height:6px;border-radius:999px;background:#0003;cursor:pointer;transition:width .2s ease,height .2s ease,background-color .2s ease;pointer-events:auto}.bba-scroll-spy__dot:hover{background:#00000073}.bba-scroll-spy__dot.is-complete{background:#f94f16}.bba-scroll-spy__dot.is-active{width:6px;height:48px;background:#0003}.bba-scroll-spy__dot.is-active.is-complete{background:#f94f16}.bba-shell{display:grid;grid-template-columns:1fr;gap:clamp(32px,4vw,64px);align-items:start}@media(min-width:900px){.bba-shell{grid-template-columns:1fr 1fr}}.bba-global-media-col{display:none}@media(min-width:900px){.bba-global-media-col{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"stack";align-items:start;justify-content:stretch;position:sticky;top:var(--bba-sticky-top, var(--header-height, 80px));align-self:start;min-width:0;max-width:100%}}.bba-gallery-wrap{grid-area:stack;width:100%;min-width:0;max-width:100%;display:flex;flex-direction:column;gap:16px;opacity:1;visibility:visible;transition:opacity .28s ease-out,visibility 0s linear 0s}.bba-media-controls{--bba-ctrl-h: 36px;display:flex;align-items:center;justify-content:center;gap:12px;margin:0 auto;width:fit-content;max-width:calc(100% - 24px)}.bba-media-nav{all:unset;flex:0 0 auto;width:var(--bba-ctrl-h);height:var(--bba-ctrl-h);border-radius:9999px;background:#0000000f;color:#7c7c7cbf;display:grid;place-items:center;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .08s ease}@media(hover:hover)and (pointer:fine){.bba-media-nav:hover{background:#00000014;color:#000000e0}}.bba-media-nav:active{transform:scale(.96)}.bba-media-nav:focus-visible{outline:2px solid rgba(81,81,81,.88);outline-offset:2px}.bba-media-nav:disabled{opacity:.4;cursor:not-allowed}.bba-media-nav__icon{display:block;width:24px;height:24px}.bba-media-nav--prev .bba-media-nav__icon{transform:scaleX(-1)}.bba-media-dots{display:flex;align-items:center;justify-content:center;gap:12px;padding:0 15px;min-height:var(--bba-ctrl-h);border-radius:9999px;background:#0000000f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.bba-media-dot{all:unset;inline-size:6px;block-size:6px;border-radius:999px;background:#7c7c7c8c;cursor:pointer;transition:inline-size .3s cubic-bezier(.4,0,.2,1),background-color .3s ease}.bba-media-dot:hover{background:#00000073}.bba-media-dot[aria-current=true]{inline-size:32px;background:#515151e0}.bba-media-layout--main_only .product-gallery>page-dots,.bba-media-layout--main_only .product-gallery__thumbnail-list-wrapper{display:none!important}.bba-gallery-wrap[hidden]{display:flex!important;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .28s ease-out,visibility 0s linear .28s}.bba-global-media-col .product-gallery{width:100%;min-width:0;max-width:100%}.bba-global-media-col .product-gallery__media-list-wrapper{min-width:0;max-width:100%;overflow:hidden;border-radius:var(--bba-media-radius, 8px)}.bba-global-media-col .product-gallery__media-list{min-width:0;max-width:100%}@media(min-width:900px){.bba-global-media-col .bleed,.bba-global-media-col .full-bleed{margin-inline-start:0;margin-inline-end:0;padding-inline-start:0;padding-inline-end:0}}.bba-global-media-col:focus,.bba-global-media-col:focus-visible{outline:none}.bba-steps{display:flex;flex-direction:column;gap:var(--bba-section-gap)}@media(min-width:1100px){.bba-steps{padding-right:clamp(32px,4vw,64px)}}.bba-step{scroll-margin-top:calc(var(--header-height, 80px) + 16px)}.bba-step__media{position:relative;background:var(--bba-media-bg);border-radius:var(--bba-media-radius);overflow:hidden}.bba-step__media-stage{position:relative;width:100%;aspect-ratio:1 / 1;display:grid;grid-template-areas:"stack"}.bba-step__media-slide{grid-area:stack;margin:0;width:100%;height:100%;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:scale(1.02);transition:opacity .35s ease,transform .4s ease,visibility .35s}.bba-step__media-slide.is-active{opacity:1;visibility:visible;transform:scale(1)}.bba-step__media-img{width:100%;height:100%;object-fit:contain;display:block;padding:clamp(20px,4%,64px);box-sizing:border-box}.bba-step__media-controls{--bba-ctrl-h: 40px;display:flex;align-items:center;justify-content:center;gap:14px;margin:0 auto;max-width:calc(100% - 24px);width:fit-content}.bba-step__media-controls[hidden]{display:none}.bba-nav{all:unset;flex:0 0 auto;width:var(--bba-ctrl-h);height:var(--bba-ctrl-h);border-radius:9999px;background:#0000000f;color:#7c7c7cbf;display:grid;place-items:center;cursor:pointer;transition:background-color .18s ease,color .18s ease,transform .08s ease;-webkit-user-select:none;user-select:none}@media(hover:hover)and (pointer:fine){.bba-nav:hover{background:#0000000f;color:#000000e0}}.bba-nav:active{transform:scale(.96)}.bba-nav:focus-visible{outline:2px solid rgba(81,81,81,.88);outline-offset:2px}.bba-nav:disabled{opacity:.4;cursor:not-allowed}.bba-nav svg{display:block}.bba-dots{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 20px;min-height:var(--bba-ctrl-h);border-radius:9999px;background:#0000000f;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.bba-dot{all:unset;inline-size:8px;block-size:8px;border-radius:999px;background:#7c7c7c8c;opacity:.95;cursor:pointer;transition:transform .18s ease,opacity .18s ease,background-color .18s ease;transform:scale(.95)}.bba-dot:hover{transform:scale(1.15);opacity:1}.bba-dot.is-active{background:#515151e0;opacity:1;transform:scale(1)}.bba-step__options{display:flex;flex-direction:column;gap:24px;min-width:0}.bba-step__header{margin:0}.bba-step__header--summary{margin-top:var(--bba-section-gap)}.bba-step.is-auto-skipped .bba-step__list{opacity:.4;pointer-events:none;-webkit-user-select:none;user-select:none}.bba-step__autoskip-banner{display:flex;align-items:center;gap:10px;padding:14px 18px;background:#fff;border:1px solid var(--bba-row-border);border-radius:var(--bba-row-radius);font-size:14px;color:var(--bba-muted);line-height:1.4}.bba-step__autoskip-banner:before{content:"";flex-shrink:0;width:18px;height:18px;border-radius:999px;background:#f94f16 url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.5' stroke-linecap='round' stroke-linejoin='round'><polyline points='20 6 9 17 4 12'/></svg>") center / 11px no-repeat}.bba-step__eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 16px;font-size:13px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--bba-muted)}.bba-step__num{font-variant-numeric:tabular-nums;color:var(--bba-accent)}.bba-step__tag{padding:3px 10px;border-radius:999px;font-size:11px;letter-spacing:.04em}.bba-step__tag--required{background:var(--bba-accent);color:#fff}.bba-step__tag--optional,.bba-step__tag--summary{background:#0000000f;color:var(--bba-text)}.bba-step__tag--multi{background:#2164c81a;color:#2164c8}.bba-step__title{font-size:clamp(28px,3.2vw,40px);line-height:1.15;letter-spacing:-.02em;font-weight:700;margin:0;display:block}.bba-step__title-main{display:inline;color:var(--bba-text)}.bba-step__title-sub{display:inline;color:var(--bba-muted);font-weight:700}.bba-step__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.bba-empty{padding:40px 24px;text-align:center;background:var(--bba-row-bg);border-radius:var(--bba-row-radius);color:var(--bba-muted);font-size:15px}.bba-row{position:relative;background:#fff;border-radius:var(--bba-row-radius);border:1px solid var(--bba-row-border);transition:border-color .18s ease,box-shadow .18s ease;overflow:hidden;display:flex;flex-direction:column;cursor:pointer;padding:16px;gap:0}.bba-row.is-selected{background:#fff;box-shadow:inset 0 0 0 1px #f94f16;border-color:#f94f16;cursor:default}.bba-row__variants{max-height:0;overflow:hidden;opacity:0;padding-top:0;transition:max-height .35s cubic-bezier(.4,0,.2,1),padding-top .3s cubic-bezier(.4,0,.2,1),opacity .25s ease}.bba-row__variants-inner{padding:14px 4px 4px;border-top:1px solid rgba(0,0,0,.08);display:flex;flex-direction:column;gap:14px}.bba-row__expand-desc{font-size:13px;color:var(--bba-muted);line-height:1.5;margin:0;display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.bba-row.is-selected .bba-row__variants{max-height:360px;padding-top:18px;opacity:1}.bba-row__variants{cursor:default}.bba-row.bba-row--sold-out{cursor:not-allowed}.bba-row.bba-row--sold-out .bba-row__hit{opacity:.55;pointer-events:none;cursor:not-allowed}.bba-row__hit{all:unset;display:flex;align-items:center;gap:14px;cursor:inherit;font-family:inherit;color:inherit;width:100%;box-sizing:border-box}.bba-row__media{width:88px;height:88px;flex-shrink:0;border-radius:var(--bba-row-radius);overflow:hidden;background:#0000000a;display:inline-flex;align-items:center;justify-content:center}.bba-row__media-img{width:100%;height:100%;object-fit:contain;display:block}.bba-row__hit:focus-visible{outline:2px solid var(--bba-accent);outline-offset:-2px;border-radius:var(--bba-row-radius)}.bba-row__body{display:flex;flex-direction:column;gap:2px;text-align:left;min-width:0;flex:1}.bba-row__category{font-size:13px;color:var(--bba-muted);line-height:1.4;font-weight:400}.bba-row__title{font-size:clamp(16px,1.5vw,18px);font-weight:600;line-height:1.3;letter-spacing:-.01em;color:var(--bba-text)}.bba-row__price{display:flex;flex-direction:column;align-items:flex-end;gap:2px;font-size:14px;white-space:nowrap;flex-shrink:0}.bba-row__variants-inner{position:relative}.bba-row__selected-confirm{position:absolute;right:4px;bottom:4px}.bba-row--with-detail:not(.bba-row--multi-option) .bba-row__opt--last .bba-row__opt-values{padding-inline-end:128px}.bba-row--multi-option .bba-row__selected-confirm{position:static;display:flex;justify-content:flex-end;margin-block-start:12px}.bba-row__selected-badge{display:inline-flex;align-items:center;gap:var(--spacing-3, 12px);padding:4px 4px 4px 18px;border:1px solid rgb(var(--text-color) / .15);border-radius:999px;background:rgb(var(--background, 255 255 255));color:rgb(var(--text-color));font-size:var(--text-sm, 14px);font-weight:400;line-height:1;text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.bba-row__selected-badge--static{cursor:default}a.bba-row__selected-badge:hover,.bba-row.is-prompt-detail a.bba-row__selected-badge{background:#333;border-color:#333;color:#fff}.bba-row__selected-label{position:relative;display:inline-block;width:var(--bba-label-w-default, 4.2em);height:1em;line-height:1;overflow:hidden;white-space:nowrap;transition:width .28s ease-out}a.bba-row__selected-badge:hover .bba-row__selected-label,.bba-row.is-prompt-detail a.bba-row__selected-badge .bba-row__selected-label{width:var(--bba-label-w-hover, 10em)}.bba-row__selected-text{position:absolute;inset-block-start:0;inset-inline-start:0;white-space:nowrap;font-weight:400;transition:opacity .28s ease-out}.bba-row__selected-text--hover,a.bba-row__selected-badge:hover .bba-row__selected-text--default,.bba-row.is-prompt-detail a.bba-row__selected-badge .bba-row__selected-text--default{opacity:0}a.bba-row__selected-badge:hover .bba-row__selected-text--hover,.bba-row.is-prompt-detail a.bba-row__selected-badge .bba-row__selected-text--hover{opacity:1}.bba-row__selected-check{position:relative;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:32px;height:32px;border-radius:50%;background:#f94f16;color:#fff;overflow:hidden}.bba-row__selected-icon{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;display:block;transition:opacity .2s ease,transform .2s ease}.bba-row__selected-icon--arrow{opacity:0;transform:translate(-4px)}a.bba-row__selected-badge:hover .bba-row__selected-icon--check,.bba-row.is-prompt-detail a.bba-row__selected-badge .bba-row__selected-icon--check{opacity:0;transform:translate(4px)}a.bba-row__selected-badge:hover .bba-row__selected-icon--arrow,.bba-row.is-prompt-detail a.bba-row__selected-badge .bba-row__selected-icon--arrow{opacity:1;transform:translate(0)}.bba-row.is-selected .bba-row__selected-confirm>.bba-row__selected-badge{animation:bba-badge-in .32s cubic-bezier(.34,1.56,.64,1)}@keyframes bba-badge-in{0%{opacity:0;transform:scale(.6)}to{opacity:1;transform:scale(1)}}.bba-row__price-now{font-weight:400;font-size:clamp(15px,1.4vw,17px);font-variant-numeric:tabular-nums;letter-spacing:-.01em}.bba-row__price-was{color:var(--bba-muted);font-size:12px}.bba-row__soldout{display:inline-block;font-size:11px;color:#d70015;text-transform:uppercase;letter-spacing:.04em;font-weight:600}.bba-row__opt{border:0;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.bba-row__opt--color{gap:12px}.bba-row__opt-label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--bba-muted);padding:0;margin:0;line-height:1.2}.bba-row__opt-value{margin:0;font-size:13px;font-weight:500;color:var(--bba-text);line-height:1.2}.bba-row__opt-values{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.bba-row__swatch{position:relative;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:transform .15s ease}.bba-row__swatch input{position:absolute;opacity:0;pointer-events:none;top:0;right:0;bottom:0;left:0}.bba-row__opt--text .block-swatch{height:auto;min-height:0;padding:7px 14px;font-size:13px;line-height:1.2;border-radius:999px}.bba-row__opt--text .block-swatch:before{top:0;right:0;bottom:0;left:0}.bba-row__opt-values .block-swatch.is-disabled{background-image:none!important;opacity:.4;pointer-events:none;cursor:default}.bba-row__opt-values .color-swatch.is-disabled{background:var(--swatch-background) center / cover!important;opacity:.4;pointer-events:none;cursor:default}.bba-row__swatch--unavailable{pointer-events:none;cursor:default}.bba-row__swatch--unavailable input{pointer-events:none}.bba-row__opt-values .color-swatch[data-tooltip]:after{display:none!important}.bba-row__swatch--color{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;padding:0;background:transparent;border:0}.bba-row__opt-values .block-swatch,.bba-row__opt-values .color-swatch{cursor:pointer}.bba-row__swatch--color:hover .color-swatch:before{opacity:.5;transform:scale(1)}.bba-row__opt-values :checked+.color-swatch:before,.bba-row__opt-values .color-swatch.is-selected:before{opacity:.5}.bba-row__swatch.is-unavailable{opacity:.4;text-decoration:line-through}.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bba-row--skip{all:unset;background:#fff;border:1px solid var(--bba-row-border);border-radius:var(--bba-row-radius);display:block;padding:16px 20px;cursor:pointer;color:var(--bba-muted);font-family:inherit;transition:border-color .18s ease,box-shadow .18s ease,color .2s;box-sizing:border-box;width:100%}.bba-row--skip:hover{color:var(--bba-text)}.bba-row--skip.is-selected{border-color:var(--bba-row-border-selected);box-shadow:inset 0 0 0 1px var(--bba-row-border-selected);color:var(--bba-text)}.bba-submit-wrap{scroll-margin-top:calc(var(--header-height, 80px) + 16px);display:flex;flex-direction:column;gap:16px;border-top:1px solid rgba(0,0,0,.08);padding-top:18px}.bba-submit-total{display:flex;justify-content:flex-end;align-items:baseline}.bba-submit-total__amount{font-size:clamp(28px,3vw,36px);font-weight:700;letter-spacing:-.02em;color:var(--bba-text);font-variant-numeric:tabular-nums}.bba-summary{background:#fff;border:1px solid var(--bba-row-border);border-radius:var(--bba-row-radius);padding:20px;display:flex;flex-direction:column;gap:20px}.bba-summary__title{font-size:15px;font-weight:600;letter-spacing:-.01em;color:var(--bba-text);margin:0}.bba-summary__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:14px}.bba-summary__item{display:grid;grid-template-columns:88px 1fr auto;gap:16px 20px;align-items:center;padding-bottom:14px;border-bottom:1px solid rgba(0,0,0,.08)}.bba-summary__item:last-child{border-bottom:0;padding-bottom:0}.bba-summary__media{width:88px;height:88px;border-radius:var(--bba-row-radius);overflow:hidden;background:#0000000a;display:inline-flex;align-items:center;justify-content:center;flex-shrink:0}.bba-summary__media-img{width:100%;height:100%;object-fit:contain}.bba-summary__media--placeholder{color:var(--bba-muted);font-size:22px;font-weight:400}.bba-summary__body{display:flex;flex-direction:column;gap:4px;min-width:0}.bba-summary__category{font-size:13px;font-weight:400;color:var(--bba-muted);line-height:1.4}.bba-summary__product{font-size:15px;font-weight:600;line-height:1.35;color:var(--bba-text);word-break:break-word;overflow-wrap:anywhere}.bba-summary__variant{font-size:13px;line-height:1.35;color:var(--bba-muted);word-break:break-word;overflow-wrap:anywhere}.bba-summary__price{font-size:15px;font-weight:500;font-variant-numeric:tabular-nums;white-space:nowrap;color:var(--bba-text);align-self:start;padding-top:18px}.bba-summary__item--muted .bba-summary__product,.bba-summary__item--muted .bba-summary__price,.bba-summary__item--pending .bba-summary__product,.bba-summary__item--pending .bba-summary__price{color:var(--bba-muted)}.bba-submit{all:unset;display:flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 28px;background:var(--bba-accent);color:#fff;border-radius:var(--bba-row-radius);font-size:17px;font-weight:600;cursor:pointer;text-align:center;transition:opacity .15s,transform .1s;box-sizing:border-box;font-family:inherit}.bba-submit:hover:not([disabled]){opacity:.9}.bba-submit:active:not([disabled]){transform:scale(.98)}.bba-submit[disabled]{opacity:.4;cursor:not-allowed}.bba-submit__spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:bba-spin .8s linear infinite;display:none}.bba-submit.is-loading .bba-submit__spinner{display:block}.bba-submit.is-loading{pointer-events:none}@keyframes bba-spin{to{transform:rotate(360deg)}}.bba-submit__hint{font-size:13px;color:#d70015;text-align:left;margin:0}@media(max-width:899px){.bba-step__media{aspect-ratio:auto}.bba-step__media-stage{aspect-ratio:4 / 3}.bba-row{padding:14px}.bba-row__hit{gap:10px}.bba-row--skip{padding:14px}.bba-summary{padding:16px}.bba-summary__item{grid-template-columns:72px 1fr auto;gap:12px 16px}.bba-summary__media{width:72px;height:72px}.bba-summary__product{font-size:14px}.bba-summary__variant{font-size:12px}.bba-summary__price{font-size:14px;padding-top:16px}}
/*# sourceMappingURL=/cdn/shop/t/102/assets/mod-bundle-builder.css.map */