.ball-bundle{--bundle-radius: 8px;--bundle-card-radius: 12px;--bundle-accent: #803cee;--bundle-success: #00a341;--bundle-text: #191923;--bundle-bg: rgba(25, 25, 35, .03);--bundle-border: rgba(25, 25, 35, .08);--bundle-border-hover: rgba(25, 25, 35, .2);--bundle-border-selected: #191923;--bundle-shadow: 0 1px 3px rgba(25, 25, 35, .04), 0 1px 2px rgba(25, 25, 35, .06);--bundle-shadow-hover: 0 8px 25px rgba(25, 25, 35, .08), 0 4px 10px rgba(25, 25, 35, .05)}.ball-bundle__soldout-msg{text-align:center;padding:1rem .75rem;background:var(--bundle-bg);border:1px solid var(--bundle-border);border-radius:var(--bundle-radius);color:#19192380;font-size:14px}.ball-bundle__soldout-msg p{margin:0}.ball-bundle__header{display:flex;align-items:center;gap:.75rem;margin-bottom:.25rem}.ball-bundle__header:before,.ball-bundle__header:after{content:"";flex:1;height:1px;background:var(--bundle-border)}.ball-bundle__heading{font-family:var(--heading-font-family, inherit);font-weight:700;font-size:11px;letter-spacing:1.5px;text-transform:uppercase;color:#1919239e;white-space:nowrap;margin:0;padding:0}.ball-bundle__subheading{text-align:center;font-size:13px;color:#1919239e;margin:0 0 1rem;line-height:1.4}.ball-bundle__step-label{font-family:var(--heading-font-family, inherit);font-weight:700;font-size:13px;color:#191923;margin:0 0 .5rem;text-transform:uppercase;letter-spacing:.5px}.ball-bundle__packs{display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;margin-bottom:1rem}@media(max-width:599px){.ball-bundle__packs{grid-template-columns:repeat(2,1fr)}}.ball-bundle__pack{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:.75rem .5rem;background:var(--bundle-bg);border:2px solid transparent;box-shadow:inset 0 0 0 1px var(--bundle-border);border-radius:var(--bundle-radius);cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease,background .2s ease;text-align:center;min-height:88px;user-select:none;-webkit-user-select:none}@media(pointer:fine){.ball-bundle__pack:hover{border-color:var(--bundle-border-hover);transform:translateY(-2px);box-shadow:0 4px 12px #1919230f}}.ball-bundle__pack[aria-checked=true]{border-color:var(--bundle-border-selected);box-shadow:0 0 0 1px var(--bundle-border-selected);background:#1919230d}.ball-bundle__pack-name{font-family:var(--heading-font-family, inherit);font-weight:700;font-size:13px;text-transform:uppercase;letter-spacing:.5px;color:var(--bundle-text);margin:0}.ball-bundle__pack-price{font-family:var(--heading-font-family, inherit);font-weight:700;font-size:18px;color:var(--bundle-text);margin:.125rem 0 0;line-height:1.2}.ball-bundle__pack-was{font-size:12px;font-weight:400;text-decoration:line-through;color:#19192366;margin-right:4px}.ball-bundle__pack-badge{display:inline-block;background:var(--bundle-accent);color:#fff;font-family:var(--heading-font-family, inherit);font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:.5px;padding:2px 8px;border-radius:60px;margin-top:.25rem;line-height:1.4}.ball-bundle__pack-per{font-size:12px;color:#19192380;margin-top:2px;line-height:1.3}.ball-bundle__pack.is-unavailable{opacity:.45;cursor:default;pointer-events:none}.ball-bundle__pack-unavailable{font-size:10px;font-weight:600;color:#1919239e;text-transform:uppercase;letter-spacing:.5px;margin-top:.25rem}.ball-bundle__pack-badge.is-unavailable{background:#19192326;color:#19192366}.ball-bundle__picker-wrapper{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .4s ease-in-out,opacity .35s ease-in-out,margin .35s ease-in-out;margin-top:0}.ball-bundle__picker-wrapper>*{overflow:hidden}.ball-bundle__picker-wrapper.is-open{grid-template-rows:1fr;opacity:1;margin-top:1rem}.ball-bundle__picker-wrapper.is-open>*{overflow:visible}.ball-bundle__picker-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}.ball-bundle__picker-label{font-family:var(--heading-font-family, inherit);font-weight:400;font-size:14px;color:var(--bundle-text);margin:0}.ball-bundle__picker-count{font-weight:400;color:#1919238c}.ball-bundle__picker-progress{display:flex;align-items:center;gap:.75rem;font-size:13px;font-weight:400;color:#1919238c;margin:0 0 .5rem}.ball-bundle__clear{background:none;border:none;color:#1919239e;font-size:12px;font-weight:600;cursor:pointer;padding:2px 0;text-decoration:underline;text-underline-offset:2px;transition:color .15s ease}.ball-bundle__clear:hover{color:var(--bundle-text)}.ball-bundle__picker-hint{font-size:13px;color:#1919239e;margin:0 0 .75rem;font-style:normal}.ball-bundle__picker-complete{font-size:13px;color:var(--bundle-success);font-weight:400;margin:0 0 .75rem}.ball-bundle__picker-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem;padding-bottom:120px}@media(max-width:479px){.ball-bundle__picker-grid{grid-template-columns:repeat(2,1fr);padding-bottom:80px}}.ball-bundle__ball{position:relative;border-radius:var(--bundle-card-radius);background:#fff;border:2px solid transparent;box-shadow:var(--bundle-shadow),inset 0 0 0 1px #1919230f;overflow:hidden;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;user-select:none;-webkit-user-select:none}@media(pointer:fine){.ball-bundle__ball:hover{transform:translateY(-4px);box-shadow:var(--bundle-shadow-hover)}}.ball-bundle__ball.is-selected{border-color:var(--bundle-border-selected);box-shadow:0 0 0 1px var(--bundle-border-selected),0 4px 12px #19192314}.ball-bundle__ball.is-disabled{opacity:.4;pointer-events:none;cursor:default}.ball-bundle__ball.is-locked{cursor:default}@media(pointer:fine){.ball-bundle__ball.is-locked:hover{transform:none}}.ball-bundle__ball.is-full:not(.is-selected){opacity:.5;pointer-events:none}.ball-bundle__ball-image-wrap{position:relative;aspect-ratio:1 / 1;overflow:hidden;background:var(--bundle-bg)}.ball-bundle__ball-image{width:100%;height:100%;object-fit:cover}@media(pointer:fine){.ball-bundle__ball-image{transition:transform .3s ease}.ball-bundle__ball:hover .ball-bundle__ball-image{transform:scale(1.05)}}.ball-bundle__ball-check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:var(--bundle-border-selected);box-shadow:0 0 0 2px #ffffff80;display:flex;align-items:center;justify-content:center;transform:scale(0);transition:transform .2s cubic-bezier(.34,1.56,.64,1);z-index:2}.ball-bundle__ball.is-selected .ball-bundle__ball-check{transform:scale(1)}.ball-bundle__ball-check svg{width:14px;height:14px;fill:none;stroke:#fff;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.ball-bundle__ball-current{display:inline-block;background:#19192314;color:#19192399;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px;border-radius:4px;margin-bottom:2px}.ball-bundle__ball-soldout{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;background:#ffffff80;backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);z-index:2}.ball-bundle__ball-soldout-pill{background:#191923bf;color:#fff;font-weight:700;font-size:10px;text-transform:uppercase;letter-spacing:1px;padding:4px 10px;border-radius:60px}.ball-bundle__ball-qty{position:absolute;top:8px;left:8px;width:24px;height:24px;border-radius:50%;background:var(--bundle-accent);color:#fff;font-family:var(--heading-font-family, inherit);font-weight:700;font-size:12px;display:flex;align-items:center;justify-content:center;z-index:3}.ball-bundle__ball-info{padding:.5rem .625rem .625rem}.ball-bundle__ball-title{font-family:var(--heading-font-family, inherit);font-weight:700;font-size:13px;line-height:1.3;color:var(--bundle-text);margin:0}.ball-bundle__ball-price{font-size:12px;color:#19192380;margin-top:2px}.ball-bundle__ball-selected-price{font-size:11px;color:#19192380;margin-top:2px;margin-bottom:2px}.ball-bundle__ball-controls{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:4px}.ball-bundle__ball-minus,.ball-bundle__ball-plus{width:36px;height:36px;border-radius:50%;border:1px solid var(--bundle-border);background:var(--bundle-bg);color:var(--bundle-text);font-size:18px;font-weight:700;line-height:1;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s ease,border-color .15s ease;padding:0}.ball-bundle__ball-minus:hover,.ball-bundle__ball-plus:hover{background:#19192314;border-color:var(--bundle-border-hover)}.ball-bundle__ball-plus.is-disabled{opacity:.3;cursor:default;pointer-events:none}.ball-bundle__ball-count{font-family:var(--heading-font-family, inherit);font-weight:700;font-size:14px;min-width:20px;text-align:center}.ball-bundle__summary{display:none;align-items:center;justify-content:space-between;gap:1rem;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--bundle-border)}.ball-bundle__summary.is-visible{display:flex;position:fixed;bottom:0;left:0;right:0;z-index:15;background:#f0f0f0;padding:.75rem 1.5rem;margin:0;border-top:1px solid var(--bundle-border);box-shadow:0 -4px 12px #19192314}.ball-bundle__summary-info{flex:1;min-width:0}.ball-bundle__summary-title{font-family:var(--heading-font-family, inherit);font-weight:700;font-size:16px;color:var(--bundle-text);margin:0}.ball-bundle__summary-savings{font-size:13px;color:var(--bundle-success);font-weight:400;margin-top:2px}.ball-bundle__summary-select-more{font-size:13px;color:#19192380;margin-top:2px}.ball-bundle__summary-disclaimer{font-size:12px;color:#00a341;font-weight:400;margin-top:4px}.ball-bundle__summary-instruction{font-size:13px;font-weight:400;color:#1919238c;margin:0 0 .5rem;text-align:center}.ball-bundle__atc{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:#1a1a1a;color:#fff;font-family:var(--heading-font-family, inherit);font-weight:700;font-size:var(--text-base, 14px);text-transform:none;letter-spacing:var(--text-letter-spacing, normal);line-height:1.6;border:none;border-radius:var(--rounded-button, 60px);padding:.8125rem 1.5rem;cursor:pointer;transition:background-color .15s ease-in-out,color .15s ease-in-out,box-shadow .15s ease-in-out;white-space:nowrap;flex-shrink:0;position:relative;min-width:180px}.ball-bundle__atc:hover:not(:disabled){opacity:.85}.ball-bundle__atc:active:not(:disabled){transform:scale(.98)}.ball-bundle__atc:disabled{background:#757575;color:#fff;cursor:default}.ball-bundle__atc.is-loading{color:transparent;pointer-events:none}.ball-bundle__atc.is-success{background:var(--bundle-success);color:#fff}.ball-bundle__atc-spinner{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity .2s ease}.ball-bundle__atc.is-loading .ball-bundle__atc-spinner{opacity:1}.ball-bundle__atc-spinner:after{content:"";width:20px;height:20px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:bundle-spin .6s linear infinite}@keyframes bundle-spin{to{transform:rotate(360deg)}}@media(max-width:599px){.ball-bundle__summary.is-visible{flex-direction:column;text-align:center;padding:.75rem 1rem;padding-bottom:calc(.75rem + env(safe-area-inset-bottom,0px))}.ball-bundle__picker-grid{padding-bottom:150px}.ball-bundle__atc{width:100%}.ball-bundle__pack-price{font-size:16px}.ball-bundle__pack-name{font-size:12px}}@media(prefers-reduced-motion:reduce){.ball-bundle__pack,.ball-bundle__ball,.ball-bundle__ball-check,.ball-bundle__ball-qty,.ball-bundle__summary,.ball-bundle__picker-wrapper,.ball-bundle__ball-image,.ball-bundle__atc{transition-duration:.01ms!important;animation-duration:.01ms!important}}
/*# sourceMappingURL=/cdn/shop/t/296/assets/ball-bundle-builder.css.map */