ball-pack-builder{--bpk-ink: rgb(var(--text-color, 18 18 24));--bpk-muted: rgb(var(--text-color, 18 18 24) / .55);--bpk-faint: rgb(var(--text-color, 18 18 24) / .38);--bpk-line: rgb(var(--text-color, 18 18 24) / .12);--bpk-tile: #f8f8f9;--bpk-page: #f0f0f0;--bpk-green: #147a4d;--bpk-green-soft: #e3f1e9;--bpk-radius: var(--rounded, 12px);display:block;margin:6px 0 10px;font-family:inherit;color:var(--bpk-ink)}.bpk__head{margin:0 0 14px}.bpk__heading{margin:0 0 3px;font-size:17px;font-weight:700;color:var(--bpk-ink)}.bpk__sub{margin:0;font-size:13.5px;line-height:1.45;color:var(--bpk-muted)}.bpk__tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:15px}.bpk__tier{position:relative;display:flex;flex-direction:column;align-items:center;gap:1px;padding:17px 4px 11px;border:0;border-radius:var(--bpk-radius);background:var(--bpk-tile);cursor:pointer;font-family:inherit;color:var(--bpk-ink);box-shadow:0 0 0 1px transparent;transition:box-shadow .18s ease;-webkit-tap-highlight-color:transparent}.bpk__tier:hover{box-shadow:0 0 0 1px var(--bpk-line)}.bpk__tier.is-selected{box-shadow:0 0 0 2px var(--bpk-ink)}.bpk__tier-chip{position:absolute;top:-9px;left:50%;transform:translate(-50%);white-space:nowrap;padding:2.5px 8px;border-radius:999px;background:var(--bpk-green-soft);color:var(--bpk-green);font-size:10.5px;font-weight:700;transition:background-color .18s ease,color .18s ease}.bpk__tier.is-selected .bpk__tier-chip{background:var(--bpk-ink);color:#fff}.bpk__tier-qty{font-size:23px;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums}.bpk__tier-label{font-size:11.5px;color:var(--bpk-muted)}.bpk__tier-ea{margin-top:4px;font-size:11.5px;line-height:1.3;font-weight:600;text-align:center;color:var(--bpk-ink);font-variant-numeric:tabular-nums}.bpk__tier-ea small{display:block;font-size:10.5px;font-weight:400;color:var(--bpk-muted)}.bpk__stage{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s cubic-bezier(.22,1,.36,1)}.bpk__stage.is-open{grid-template-rows:1fr}.bpk__stage-inner{overflow:hidden;min-height:0}.bpk__stage.is-settled .bpk__stage-inner{overflow:visible}.bpk__stage.is-settled .bpk__tray{position:sticky;top:calc(var(--header-height, 64px) + 8px)}.bpk__stage-content{padding-top:16px}.bpk__tray{position:relative;z-index:3;display:flex;align-items:center;flex-wrap:wrap;gap:10px 16px;padding:11px 2px;background:var(--bpk-page);border-bottom:1px solid var(--bpk-line)}.bpk__slots{display:flex;gap:8px;flex-shrink:0}.bpk__slot{position:relative;width:50px;height:50px;border-radius:50%;border:1.5px dashed rgb(var(--text-color, 18 18 24) / .25);background:transparent;display:flex;align-items:center;justify-content:center;padding:0;flex-shrink:0}.bpk__slot-n{font-size:12px;font-weight:600;color:var(--bpk-faint);font-variant-numeric:tabular-nums}.bpk__slot.is-filled{border:1.5px solid var(--bpk-ink);background:var(--bpk-tile);cursor:pointer;overflow:visible;transition:transform .15s ease}.bpk__slot.is-filled:hover{transform:scale(1.05)}.bpk__slot.is-filled img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block;mix-blend-mode:multiply}.bpk__slot-x{position:absolute;top:-4px;right:-4px;width:16px;height:16px;border-radius:50%;background:var(--bpk-ink);color:#fff;font-size:11px;line-height:15px;text-align:center;font-weight:500}.bpk__slot.is-new{animation:bpk-pop .35s cubic-bezier(.34,1.56,.64,1)}@keyframes bpk-pop{0%{transform:scale(.4);opacity:0}to{transform:scale(1);opacity:1}}.bpk__tray-side{flex:1;min-width:150px}.bpk__tray-status{margin:0;font-size:13.5px;font-weight:700;color:var(--bpk-ink)}.bpk__tray-status.is-done{color:var(--bpk-green)}.bpk__tray-status.is-done:before{content:"\2713\a0"}.bpk__tray-hint{margin:2px 0 0;font-size:12px;line-height:1.4;color:var(--bpk-muted)}.bpk__reset{margin:4px 0 0;padding:0;border:0;background:none;font-family:inherit;font-size:12px;color:var(--bpk-muted);text-decoration:underline;text-underline-offset:2px;cursor:pointer}.bpk__reset:hover{color:var(--bpk-ink)}.bpk__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:9px;margin-top:14px}.bpk__card{position:relative;border-radius:var(--bpk-radius);background:var(--bpk-tile);overflow:hidden;cursor:pointer;text-align:center;box-shadow:0 0 0 1px transparent;transition:box-shadow .15s ease,transform .1s ease,opacity .2s ease;-webkit-tap-highlight-color:transparent}.bpk__card:hover{box-shadow:0 0 0 1px var(--bpk-line)}.bpk__card:active{transform:scale(.97)}.bpk__card.is-selected{box-shadow:0 0 0 2px var(--bpk-ink)}.bpk__card.is-full{opacity:.4;pointer-events:none}.bpk__card.is-soldout{cursor:default}.bpk__card.is-soldout:active{transform:none}.bpk__card-media{position:relative;display:block;aspect-ratio:1;background:var(--bpk-tile)}.bpk__card-media img{width:100%;height:100%;object-fit:contain;display:block;mix-blend-mode:multiply}.bpk__card.is-soldout .bpk__card-media img{filter:grayscale(1);opacity:.45}.bpk__card-this{position:absolute;top:6px;left:6px;padding:2px 7px;border-radius:999px;background:var(--bpk-ink);color:#fff;font-size:9.5px;font-weight:600;line-height:1.5}.bpk__card-qty{position:absolute;top:6px;right:6px;min-width:20px;height:20px;padding:0 5px;border-radius:999px;background:var(--bpk-ink);color:#fff;font-size:11px;font-weight:700;line-height:20px;font-variant-numeric:tabular-nums}.bpk__card-soldout{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:3px 9px;border-radius:999px;background:var(--bpk-page);color:var(--bpk-muted);font-size:10.5px;font-weight:600;white-space:nowrap}.bpk__card-body{display:block;padding:4px 8px 10px}.bpk__card-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.55em;font-size:12px;font-weight:600;line-height:1.28;color:var(--bpk-ink)}.bpk__card-row{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:3px;min-height:20px}.bpk__card-price{font-size:12px;color:var(--bpk-muted);font-variant-numeric:tabular-nums}.bpk__card.is-selected .bpk__card-price{color:var(--bpk-ink);font-weight:600}.bpk__card-minus{width:20px;height:20px;border-radius:50%;border:1px solid var(--bpk-ink);background:var(--bpk-tile);color:var(--bpk-ink);font-size:13px;line-height:1;padding:0;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .15s ease,color .15s ease}.bpk__card-minus:hover{background:var(--bpk-ink);color:#fff}.bpk__more{display:block;width:100%;margin-top:9px;padding:10px 12px;border:1px dashed rgb(var(--text-color, 18 18 24) / .2);border-radius:var(--bpk-radius);background:none;font-family:inherit;font-size:12.5px;font-weight:500;color:var(--bpk-muted);cursor:pointer;transition:border-color .15s ease,color .15s ease}.bpk__more:hover{border-color:rgb(var(--text-color, 18 18 24) / .4);color:var(--bpk-ink)}.bpk__summary{margin-top:16px}.bpk__totals{display:flex;align-items:baseline;gap:10px;margin-bottom:11px;animation:bpk-rise .3s ease}@keyframes bpk-rise{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.bpk__was{font-size:14px;color:var(--bpk-faint);text-decoration:line-through;font-variant-numeric:tabular-nums}.bpk__now{font-size:21px;font-weight:700;font-variant-numeric:tabular-nums}.bpk__save{margin-left:auto;padding:3px 10px;border-radius:999px;background:var(--bpk-green-soft);color:var(--bpk-green);font-size:12.5px;font-weight:700;font-variant-numeric:tabular-nums}.bpk__atc{position:relative;display:block;width:100%;min-height:60px;padding:17px 24px;border:0;border-radius:var(--rounded-button, 60px);background:var(--bpk-ink);color:#fff;font-family:inherit;font-size:16px;font-weight:700;line-height:1.6;cursor:pointer;transition:background-color .2s ease,transform .1s ease;font-variant-numeric:tabular-nums}.bpk__atc:not(:disabled):hover{background:rgb(var(--text-color, 18 18 24) / .85)}.bpk__atc:not(:disabled):active{transform:scale(.99)}.bpk__atc:disabled{background:rgb(var(--text-color, 18 18 24) / .07);color:var(--bpk-faint);cursor:default}.bpk__atc.is-loading .bpk__atc-text{visibility:hidden}.bpk__atc.is-success{background:var(--bpk-green)}.bpk__atc-spinner{display:none;position:absolute;top:50%;left:50%;width:18px;height:18px;margin:-9px 0 0 -9px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:bpk-spin .7s linear infinite}.bpk__atc.is-loading .bpk__atc-spinner{display:block}@keyframes bpk-spin{to{transform:rotate(360deg)}}.bpk__auto-note{margin:10px 0 0;font-size:12.5px;text-align:center;color:var(--bpk-green)}.bpk__auto-note:before{content:"\2713\a0"}.bpk__tier:focus-visible,.bpk__card:focus-visible,.bpk__slot.is-filled:focus-visible,.bpk__card-minus:focus-visible,.bpk__reset:focus-visible,.bpk__more:focus-visible,.bpk__atc:focus-visible{outline:2px solid var(--bpk-ink);outline-offset:2px}@media(prefers-reduced-motion:reduce){.bpk__stage,.bpk__tier,.bpk__card,.bpk__slot.is-filled,.bpk__atc,.bpk__card-minus{transition-duration:.01ms}.bpk__slot.is-new,.bpk__totals,.bpk__atc-spinner{animation-duration:.01ms;animation-iteration-count:1}}@media(max-width:400px){.bpk__tier-qty{font-size:20px}.bpk__tier-ea{font-size:10.5px}.bpk__tier-ea small{font-size:10px}.bpk__slot{width:44px;height:44px}.bpk__grid{grid-template-columns:repeat(3,1fr);gap:7px}}
/*# sourceMappingURL=/cdn/shop/t/327/assets/ball-pack-builder.css.map */