.pack-builder{display:block;padding-block:var(--pack-pt, 40px) var(--pack-pb, 40px);background:rgb(var(--color-background-rgb));color:rgb(var(--color-foreground-rgb))}.pack-builder__container{display:flex;flex-direction:column;gap:var(--padding-lg)}.pack-builder__header{text-align:center}.pack-builder__title{margin:0}.pack-builder__subtitle{margin:.5rem 0 0;opacity:.7}.pack-builder__nav{display:flex;flex-wrap:wrap;gap:var(--padding-xs);justify-content:var(--pack-nav-justify, center)}@media screen and (max-width:749px){.pack-builder__nav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;margin-inline:calc(var(--padding-md) * -1);padding-inline:var(--padding-md)}.pack-builder__nav::-webkit-scrollbar{display:none}.pack-builder__tab{flex-shrink:0}}.pack-builder__tab{-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent;border:1px solid rgb(var(--color-foreground-rgb) / .2);border-radius:var(--style-border-radius-buttons-primary, 4px);padding:var(--padding-sm) var(--padding-md);display:flex;flex-direction:column;align-items:flex-start;gap:2px;text-align:left;color:inherit;transition:background .2s,border-color .2s}.pack-builder__tab:hover{border-color:rgb(var(--color-foreground-rgb) / .5)}.pack-builder__tab.is-active{background:rgb(var(--color-foreground-rgb));color:rgb(var(--color-background-rgb));border-color:rgb(var(--color-foreground-rgb))}.pack-builder__tab-subtitle{font-family:var(--font-accent--family);font-size:var(--font-size--xs);opacity:.7}.pack-builder__tab-title{font-family:var(--font-accent--family);font-weight:600}.pack-builder__tab-badge{position:absolute;top:-6px;right:-6px;min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:rgb(var(--color-foreground-rgb));color:rgb(var(--color-background-rgb));font-size:.75rem;font-weight:700;display:inline-flex;align-items:center;justify-content:center}.pack-builder__tab{position:relative}.pack-builder__progress{display:flex;justify-content:center;font-size:var(--font-size--sm);opacity:.75}.pack-builder__progress-completed{font-weight:600;opacity:1}.pack-builder__layout{display:grid;grid-template-columns:1fr;gap:var(--padding-lg)}@media screen and (min-width:990px){.pack-builder__layout{grid-template-columns:7fr 3fr;align-items:start}}.pack-builder__step-title{margin:0 0 .25rem}.pack-builder__step-subtitle{margin:0 0 var(--padding-md);opacity:.7}.pack-builder__grid{display:grid;grid-template-columns:repeat(var(--pack-cols-mobile, 1),minmax(0,1fr));gap:var(--padding-md)}@media screen and (min-width:990px){.pack-builder__grid{grid-template-columns:repeat(var(--pack-cols, 3),minmax(0,1fr))}}.pack-builder__card{display:flex;flex-direction:column;gap:var(--padding-xs);padding:var(--padding-md);border:1px solid rgb(var(--color-foreground-rgb) / .15);border-radius:var(--style-border-radius-buttons-primary, 4px);background:rgb(var(--color-background-rgb));transition:border-color .2s,box-shadow .2s;position:relative}.pack-builder__card.is-selected{border-color:rgb(var(--color-foreground-rgb));box-shadow:0 0 0 1px rgb(var(--color-foreground-rgb))}.pack-builder__card.is-sold-out{opacity:.6}.pack-builder__card-media{position:relative;display:block;border-radius:var(--style-border-radius-buttons-primary, 4px);overflow:hidden}.pack-builder__card-image{width:100%;aspect-ratio:1 / 1;object-fit:cover;background:rgb(var(--color-foreground-rgb) / .05);display:block}.pack-builder__card-image--placeholder{display:block}.pack-builder__badge{position:absolute;top:8px;padding:2px 8px;font-size:.75rem;font-weight:700;border-radius:999px;text-transform:uppercase;letter-spacing:.5px}.pack-builder__badge--sale{left:8px;background:rgb(var(--color-foreground-rgb));color:rgb(var(--color-background-rgb))}.pack-builder__badge--soldout{right:8px;background:rgb(var(--color-background-rgb));color:rgb(var(--color-foreground-rgb));border:1px solid rgb(var(--color-foreground-rgb) / .3)}.pack-builder__check{position:absolute;top:8px;right:8px;width:28px;height:28px;border-radius:50%;background:rgb(var(--color-foreground-rgb));color:rgb(var(--color-background-rgb));display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.875rem;opacity:0;transform:scale(.5);transition:opacity .2s,transform .2s;pointer-events:none}.pack-builder__card.is-selected .pack-builder__check{opacity:1;transform:scale(1)}.pack-builder__card.is-selected .pack-builder__badge--soldout,.pack-builder__card.is-selected .pack-builder__badge--sale{display:none}.pack-builder__card-body{display:flex;flex-direction:column;gap:var(--padding-xs);flex:1}.pack-builder__add,.pack-builder__qty{margin-top:auto}.pack-builder__card-title-link{text-decoration:none;color:inherit}.pack-builder__card-title-link:hover .pack-builder__card-title{text-decoration:underline}.pack-builder__card-title{margin:0;color:var(--pack-card-title-color, inherit)}.pack-builder__card-title--custom-typo{font-family:var(--pack-card-title-font, inherit);font-weight:var(--pack-card-title-weight, inherit);font-size:var(--pack-card-title-size, inherit);line-height:var(--pack-card-title-line-height, inherit);letter-spacing:var(--pack-card-title-letter-spacing, inherit);text-transform:var(--pack-card-title-case, none)}.pack-builder__card-price{font-size:var(--font-size--sm);opacity:.85;display:flex;gap:var(--padding-xs);align-items:baseline}.pack-builder__price-current{font-weight:600}.pack-builder__price-compare{text-decoration:line-through;opacity:.6;font-size:var(--font-size--xs)}.pack-builder__variant-select{width:100%;padding:var(--padding-xs) var(--padding-sm);border:1px solid rgb(var(--color-foreground-rgb) / .2);border-radius:var(--style-border-radius-buttons-primary, 4px);background:rgb(var(--color-background-rgb));color:inherit;font:inherit}.pack-builder__add{width:100%;background-color:#f292a0}.pack-builder__qty{display:flex;align-items:stretch;justify-content:space-between;border:1px solid rgb(var(--color-foreground-rgb) / .2);border-radius:var(--style-border-radius-buttons-primary, 4px);overflow:hidden}.pack-builder__qty-btn{-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent;border:0;padding:var(--padding-xs) var(--padding-md);color:inherit;display:flex;align-items:center;justify-content:center}.pack-builder__qty-btn svg{width:1rem;height:1rem}.pack-builder__qty-value{flex:1;display:flex;align-items:center;justify-content:center;font-weight:600;font-variant-numeric:tabular-nums}.pack-builder__summary-inner{display:flex;flex-direction:column;gap:var(--padding-md);padding:var(--padding-lg);border:1px solid rgb(var(--color-foreground-rgb) / .15);border-radius:var(--style-border-radius-buttons-primary, 4px);background:rgb(var(--color-background-rgb))}@media screen and (min-width:990px){.pack-builder__summary{position:sticky;top:calc(var(--header-group-height, 0) + var(--padding-md))}}.pack-builder__summary-header{display:flex;justify-content:space-between;align-items:center;gap:var(--padding-xs)}.pack-builder__summary-title{margin:0;font-size:var(--font-size--lg)}.pack-builder__clear{-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent;border:0;padding:0;font:inherit;color:inherit;text-decoration:underline;font-size:var(--font-size--sm);opacity:.7}.pack-builder__clear:hover{opacity:1}.pack-builder__slots-empty{margin:0;padding:var(--padding-md) 0;text-align:center;opacity:.6;font-size:var(--font-size--sm)}.pack-builder__slot{display:grid;grid-template-columns:64px 1fr;gap:var(--padding-sm);align-items:center;padding:var(--padding-xs) 0;border-bottom:1px solid rgb(var(--color-foreground-rgb) / .1);position:relative}.pack-builder__slot:last-child{border-bottom:0}.pack-builder__slot img,.pack-builder__slot-placeholder{width:64px;height:64px;object-fit:cover;border-radius:var(--style-border-radius-buttons-primary, 4px);background:rgb(var(--color-foreground-rgb) / .05)}.pack-builder__slot-qty{position:absolute;top:-4px;left:56px;background:rgb(var(--color-foreground-rgb));color:rgb(var(--color-background-rgb));border-radius:999px;min-width:20px;height:20px;display:flex;align-items:center;justify-content:center;font-size:.75rem;font-weight:600;padding:0 4px}.pack-builder__slot-remove{position:absolute;top:0;right:0;-webkit-appearance:none;appearance:none;cursor:pointer;background:transparent;border:0;width:24px;height:24px;display:flex;align-items:center;justify-content:center;font-size:1.25rem;line-height:1;color:inherit;opacity:.5}.pack-builder__slot-remove:hover{opacity:1}.pack-builder__slot-info{display:flex;flex-direction:column;gap:2px;min-width:0;padding-right:30px}.pack-builder__slot-title{margin:0;font-size:var(--font-size--sm);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-builder__slot-price{margin:0;font-size:var(--font-size--xs);opacity:.7}.pack-builder__checkout{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--padding-sm)}.pack-builder__checkout,.pack-builder__mobile-checkout,.pack-builder__add,.pack-builder__checkout:hover,.pack-builder__mobile-checkout:hover,.pack-builder__add:hover{background-color:#f292a0;color:#fff;text-transform:uppercase}.pack-builder__checkout[data-loading=true],.pack-builder__mobile-checkout[data-loading=true]{opacity:.7;pointer-events:none;position:relative}.pack-builder__checkout[data-loading=true]:after,.pack-builder__mobile-checkout[data-loading=true]:after{content:"";position:absolute;width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:pack-spin .8s linear infinite;right:var(--padding-md);top:50%;transform:translateY(-50%)}@keyframes pack-spin{to{transform:translateY(-50%) rotate(360deg)}}.pack-builder__step-footer{margin-top:var(--padding-lg);display:flex;justify-content:flex-end}.pack-builder__next-step{min-width:200px}@media screen and (max-width:749px){.pack-builder__step-footer{justify-content:stretch}.pack-builder__next-step{width:100%}}.pack-builder__error{margin:0;padding:var(--padding-xs);border-radius:var(--style-border-radius-buttons-primary, 4px);background:rgb(var(--color-foreground-rgb) / .05);color:rgb(var(--color-foreground-rgb));font-size:var(--font-size--sm);text-align:center}.pack-builder__mobile-cta{display:none}@media screen and (max-width:989px){.pack-builder__mobile-cta{position:fixed;bottom:0;left:0;right:0;z-index:var(--layer-sticky, 100);padding:var(--padding-sm) var(--padding-md);background:rgb(var(--color-background-rgb));box-shadow:0 -4px 16px #00000014;display:block}.pack-builder__mobile-cta[hidden]{display:none}.pack-builder__mobile-checkout{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--padding-sm)}}.pack-builder__empty{grid-column:1 / -1;text-align:center;opacity:.6;padding:var(--padding-lg)}
/*# sourceMappingURL=/cdn/shop/t/59/assets/pack-builder.css.map */