.pack-builder{display:flow-root;--pb-fg: rgb(var(--color-foreground, 18 18 18));--pb-bg: rgb(var(--color-background, 255 255 255));--pb-border: rgba(var(--color-foreground, 18 18 18) / .16);--pb-muted: rgba(var(--color-foreground, 18 18 18) / .6);--pb-accent: rgb(var(--color-foreground, 18 18 18));--pb-radius: 12px;color:var(--pb-fg)}.pack-builder__heading{font-weight:600;font-size:1rem;margin:0 0 .75rem}.pack-builder__tiers{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.5rem;margin-bottom:var(--sp-7)}.pack-tier{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.85rem .5rem;min-height:64px;border:1.5px solid var(--pb-border);border-radius:var(--pb-radius);background:var(--pb-bg);color:var(--pb-fg);cursor:pointer;text-align:center;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease}.pack-tier:hover{border-color:var(--pb-fg)}.pack-tier.is-active{border-color:var(--pb-fg);box-shadow:inset 0 0 0 1px var(--pb-fg)}.pack-tier__name{font-weight:600;font-size:.95rem;line-height:1.1}.pack-tier__save{font-size:.75rem;color:var(--pb-muted);line-height:1.1}.pack-tier.is-active .pack-tier__save{color:var(--pb-fg)}.pack-tier__badge{position:absolute;top:-.6rem;left:50%;transform:translate(-50%);white-space:nowrap;font-size:.625rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase;padding:.15rem .5rem;border-radius:999px;background:#0e7800;background:rgb(var(--color-highlight, 14 120 0));color:#fff}@media(max-width:540px){.pack-builder__tiers{grid-auto-flow:column;grid-auto-columns:1fr;grid-template-columns:none;gap:.4rem;margin-top:.9rem}.pack-tier{padding:.65rem .2rem;min-height:58px}.pack-tier__name{font-size:.82rem}.pack-tier__save{font-size:.62rem}.pack-tier__badge{font-size:.5rem;padding:.12rem .3rem}}.pack-builder__bar{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:.5rem}.pack-builder__bar-label{font-weight:600;font-size:.95rem}.pack-builder__counter{font-variant-numeric:tabular-nums;font-weight:600;color:var(--pb-muted)}.pack-builder__progress{position:relative;display:block;height:6px;border-radius:999px;background:var(--pb-border);overflow:hidden;margin-bottom:1rem}.pack-builder__progress:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;width:var(--progress, 0%);background:var(--pb-fg);border-radius:999px;transition:width .25s ease}.pack-builder.is-single .pack-builder__bar,.pack-builder.is-single .pack-builder__progress{display:none}.pack-builder__slots{display:grid;gap:.5rem;margin-bottom:var(--sp-6)}.pack-slot{display:flex;align-items:center;gap:.75rem;width:100%;min-height:64px;padding:.6rem .75rem;border:1.5px dashed var(--pb-border);border-radius:var(--pb-radius);background:var(--pb-bg);text-align:left}.pack-slot--empty{cursor:pointer;color:var(--pb-muted);justify-content:flex-start;transition:border-color .15s ease,color .15s ease}.pack-slot--empty:hover,.pack-slot--empty.is-editing{border-color:var(--pb-fg);color:var(--pb-fg)}.pack-slot__plus{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;flex:0 0 auto;border-radius:8px;border:1.5px solid var(--pb-border);font-size:1.4rem;line-height:1}.pack-slot__hint{font-size:.9rem;font-weight:500}.pack-slot--filled{border-style:solid}.pack-slot--filled.is-editing{border-color:var(--pb-fg);box-shadow:inset 0 0 0 1px var(--pb-fg)}.pack-slot__media{flex:0 0 auto;width:48px;height:48px;border-radius:8px;overflow:hidden;background:var(--pb-border)}.pack-slot__media img{width:100%;height:100%;object-fit:cover;display:block}.pack-slot__info{display:flex;flex-direction:column;gap:.1rem;min-width:0;flex:1 1 auto}.pack-slot__title{font-weight:600;font-size:.9rem;line-height:1.15;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-slot__variant{font-size:.8rem;color:var(--pb-muted)}.pack-slot__actions{display:flex;align-items:center;gap:.35rem;flex:0 0 auto}.pack-slot__edit{border:none;background:none;color:var(--pb-muted);text-decoration:underline;font-size:.8rem;cursor:pointer;padding:.25rem}.pack-slot__edit:hover{color:var(--pb-fg)}.pack-slot__remove{border:none;background:none;color:var(--pb-muted);font-size:1.4rem;line-height:1;cursor:pointer;padding:0 .25rem}.pack-slot__remove:hover{color:var(--pb-fg)}.pack-builder__chooser{border:1.5px solid var(--pb-border);border-radius:var(--pb-radius);padding:1rem;margin-bottom:var(--sp-6);background:var(--pb-bg)}.pack-chooser__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.pack-chooser__title{font-weight:600;font-size:.95rem}.pack-chooser__close{border:none;background:none;font-size:1.5rem;line-height:1;cursor:pointer;color:var(--pb-muted);padding:0 .25rem}.pack-chooser__preview{display:none}@media(max-width:1023px){.pack-chooser__preview{display:flex;align-items:center;gap:.75rem;margin-bottom:.85rem;padding:.5rem;border:1px solid var(--pb-border);border-radius:var(--pb-radius);background:var(--pb-bg)}.pack-chooser__preview[hidden]{display:none}.pack-chooser__preview-media{flex:0 0 auto;width:56px;height:56px;border-radius:8px;overflow:hidden;background:rgba(var(--color-foreground, 18 18 18) / .05)}.pack-chooser__preview-img{display:block;width:100%;height:100%;object-fit:cover}.pack-chooser__preview-name{font-size:.9rem;font-weight:600;line-height:1.2;color:var(--pb-fg)}.pack-chooser__preview.is-empty .pack-chooser__preview-name{font-weight:500;color:var(--pb-muted)}}.pack-chooser__group{margin-bottom:var(--sp-4)}.pack-chooser__group:last-of-type{margin-bottom:0}.pack-chooser__label{display:block;font-size:.8rem;font-weight:600;color:var(--pb-muted);margin-bottom:.4rem}.pack-chooser__label-row{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-bottom:.4rem}.pack-chooser__label-row .pack-chooser__label{margin-bottom:0}.pack-chooser__sizechart{flex:0 0 auto}.pack-chooser__values{display:flex;flex-wrap:wrap;gap:.5rem}.pack-swatch{position:relative;width:34px;height:34px;border-radius:50%;border:1.5px solid var(--pb-border);background-size:cover;background-position:center;cursor:pointer;padding:0}.pack-swatch.is-active{box-shadow:0 0 0 2px var(--pb-bg),0 0 0 4px var(--pb-fg);border-color:var(--pb-bg)}.pack-pill{padding:var(--sp-4) var(--sp-5);border-radius:5px;background:var(--pb-bg);color:var(--pb-fg);font-size:var(--text-sm);font-weight:var(--font-medium);line-height:1;cursor:pointer;box-shadow:0 0 0 1px var(--pb-border);transition:box-shadow var(--animation-short, .2s cubic-bezier(.7, 0, .3, 1))}.pack-pill:hover,.pack-pill.is-active{box-shadow:0 0 0 2px var(--pb-fg)}.pack-pill.is-soldout{opacity:.4;cursor:not-allowed;position:relative}.pack-pill.is-soldout:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to bottom right,transparent calc(50% - .5px),var(--pb-muted) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}.pack-swatch.is-soldout{opacity:1;cursor:pointer;position:relative}.pack-swatch.is-soldout:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to bottom right,transparent calc(50% - 1px),#ffffff calc(50% - 1px) calc(50% + 1px),transparent calc(50% + 1px));pointer-events:none}.pack-chooser__values{padding-top:.5rem}.pack-pill.is-preorder,.pack-pill.is-notify{position:relative;overflow:visible}.pack-pill .preorder-badge{position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,-55%);z-index:2;pointer-events:none;font-size:.5rem;line-height:1;font-weight:600;letter-spacing:.01em;padding:.1rem .26rem;border-radius:var(--rounded-full, 999px);background-color:var(--pb-fg);color:var(--pb-bg);white-space:nowrap}.pack-chooser__values:has(.pack-pill.is-preorder){column-gap:.5rem;row-gap:.9rem}.pack-chooser__values:has(.pack-pill.is-preorder) .pack-pill{min-width:3rem;text-align:center}.pack-pill .notify-badge{position:absolute;inset-block-start:0;inset-inline-start:50%;transform:translate(-50%,-55%);z-index:2;pointer-events:none;display:inline-flex;align-items:center;justify-content:center;line-height:1;padding:.15rem .3rem;border-radius:var(--rounded-full, 999px);background-color:var(--pb-fg);color:var(--pb-bg)}.pack-pill .notify-badge svg{display:block;width:.6875rem;height:.6875rem}.pack-pill.is-notify{cursor:pointer;color:rgb(var(--color-red-300, 252 165 165));background-color:rgb(var(--color-red-200, 254 202 202) / .115);border-color:rgb(var(--color-red-200, 254 202 202))}.pack-pill.is-notify:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:linear-gradient(to bottom right,transparent calc(50% - .5px),rgb(var(--color-red-200, 254 202 202)) calc(50% - .5px) calc(50% + .5px),transparent calc(50% + .5px));pointer-events:none}.pack-chooser__msg{margin-top:.6rem;font-size:.8rem;color:rgb(var(--color-error, 200 30 30))}.pack-builder__pricing{display:flex;align-items:baseline;flex-wrap:wrap;gap:.5rem;margin-top:var(--sp-3);margin-bottom:calc(var(--sp-3) + 8px)}@media(max-width:767px){.pack-builder__pricing{margin-bottom:calc(var(--sp-3) + 6px)}}.pack-builder__compare{display:inline-flex;align-items:center;position:relative;color:rgb(var(--color-price) / .6);font-size:1rem}.pack-builder__compare[hidden]{display:none}.pack-builder__compare:before{content:"";position:absolute;inset-block-start:50%;width:100%;transform:rotate(-15deg);border-block-end:1px solid red}.pack-builder__price{font-weight:700;font-size:1.5rem;line-height:1}.pack-builder__price.is-on-sale{color:rgb(var(--color-sale-price))}.pack-builder__unit-suffix{font-size:.85rem;color:var(--pb-muted)}.pack-builder__unit-suffix[hidden]{display:none}.pack-builder__per-item{flex-basis:100%;font-size:.85rem;color:var(--pb-muted)}.pack-builder__note{font-size:.8rem;color:var(--pb-muted);margin-bottom:.75rem}.pack-builder__submit{width:100%}.pack-builder__submit[disabled]{opacity:.55;cursor:not-allowed}.pack-builder .product-form__error-message{margin-top:.6rem}.pack-builder.is-single .pack-builder__slots{display:none}.pack-builder.is-single .pack-builder__chooser{border:none;padding:0;margin-bottom:var(--sp-6)}.pack-builder.is-single .pack-chooser__close{display:none}
/*# sourceMappingURL=/cdn/shop/t/407/assets/pack-builder.css.map */