.pack-builder{--pack-accent: #5cc77a;--pack-text: rgb(var(--color-base-product-text));--pack-muted: rgba(var(--color-base-product-text), .6);--pack-border: rgba(var(--color-base-product-text), .15);display:block;margin-top:24px;padding-bottom:20px;color:var(--pack-text);text-align:left}.pack-builder__heading{margin:0 0 16px;font-family:var(--font-heading-family);font-weight:var(--font-heading-weight);font-size:18px;text-transform:uppercase;letter-spacing:.02em}.pack-group{margin:0 0 16px;padding:16px;border:1px solid var(--pack-border);border-radius:6px;min-width:0}.pack-group__title{padding:0 4px;font-size:16px;font-weight:var(--font-body-weight-bold)}.pack-group__optional{font-weight:var(--font-body-weight);color:var(--pack-muted);font-size:13px}.pack-item{display:grid;grid-template-columns:110px minmax(0,1fr);gap:16px;align-items:start;padding:12px 0}.pack-item+.pack-item{border-top:1px dashed var(--pack-border)}.pack-item__media{position:relative;border:2px solid var(--pack-border);border-radius:6px;padding:6px;aspect-ratio:1;display:flex;align-items:center;justify-content:center;background:#fff;transition:border-color .15s ease}.pack-item.is-selected .pack-item__media{border-color:var(--pack-accent)}.pack-item__image{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.pack-item__check{position:absolute;right:4px;bottom:4px;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--pack-accent);color:#fff;border:2px solid #fff;box-shadow:0 0 0 1px var(--pack-border)}.pack-item__check .icon-check{width:14px;height:10px}button.pack-item__toggle{cursor:pointer;padding:0;background:#000;font:inherit}.pack-item__plus{font-size:20px;line-height:1}.pack-item__toggle .icon-check,.pack-item.is-selected .pack-item__plus{display:none}.pack-item.is-selected .pack-item__toggle{background:var(--pack-accent)}.pack-item.is-selected .pack-item__toggle .icon-check{display:block}.pack-item__toggle:focus-visible,.pack-pill:focus-visible,.pack-summary__toggle:focus-visible{outline:2px solid var(--pack-text);outline-offset:2px}.pack-item__title{margin:0 0 4px;font-weight:var(--font-body-weight-bold);font-size:15px;line-height:1.3}.pack-group__title,.pack-item__title,.pack-item__title a,.pack-pill,.pack-summary{font-family:var(--font-body-family);letter-spacing:normal;text-transform:none}.pack-builder .pack-item__title a{color:inherit;text-decoration:none}.pack-builder .pack-item__title a:hover{text-decoration:underline}@media only screen and (min-width:1279px){.product-section-main-wrap:has(pack-builder) .product-page__content{display:flex}.product-section-main-wrap:has(pack-builder) .product__info-wrapper{position:initial;margin:auto;padding:0}}body:has(.pack-summary) .back-to-top{bottom:124px}body:has(.pack-summary__toggle[aria-expanded=true]) .back-to-top{visibility:hidden;pointer-events:none}.pack-item__option-name{margin:0 0 6px;font-size:13px;color:var(--pack-muted)}.pack-item__variants{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:8px}.pack-pill{min-height:36px;padding:6px 10px;border:1px solid var(--pack-text);border-radius:3px;background:#fff;color:var(--pack-text);font:inherit;font-size:13px;line-height:1.2;text-align:left;cursor:pointer}.pack-pill[aria-pressed=true]{background:var(--pack-text);color:#fff}.pack-pill[disabled]{opacity:.4;cursor:not-allowed;text-decoration:line-through}.pack-pill[hidden]{display:none}.pack-group[data-group=skins] .pack-pill{cursor:default}.pack-item__qtys{display:flex;flex-direction:column;gap:6px;margin-bottom:8px}.pack-qty{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:13px}.pack-qty[hidden]{display:none}.pack-qty__label{min-width:0;overflow-wrap:anywhere}.pack-qty .quantity{flex-shrink:0;margin-left:auto}.pack-qty__remove{flex-shrink:0;width:28px;height:28px;padding:0;border:0;border-radius:50%;background:transparent;color:rgb(var(--color-base-errors));display:flex;align-items:center;justify-content:center;cursor:pointer}.pack-qty__remove svg{width:12px;height:12px;stroke-width:2.5;pointer-events:none}.pack-qty__remove:hover{background:rgba(var(--color-base-errors),.1)}.pack-qty__remove:focus-visible{outline:2px solid var(--pack-text);outline-offset:2px}.pack-item__note{margin:0 0 6px;font-size:13px;color:rgb(var(--color-base-errors))}.pack-item.is-unavailable .pack-item__media{opacity:.5}.pack-item__price{margin:0;font-weight:var(--font-body-weight-bold);font-size:16px}.pack-item__compare{margin-right:6px;font-weight:var(--font-body-weight);color:var(--pack-muted)}.pack-item__board-only{margin:6px 0 0;font-size:13px}.pack-item__board-only a{color:inherit}.pack-builder__error{margin:0 0 12px;color:rgb(var(--color-base-errors));font-size:14px}.pack-summary{position:fixed;right:0;bottom:0;z-index:20;width:380px;max-width:100%;background:#fff;border:1px solid var(--pack-border);border-bottom:0;box-shadow:0 -4px 16px #00000014}.pack-summary__toggle{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;width:100%;padding:12px 16px;border:0;background:transparent;color:var(--pack-text);font:inherit;text-align:left;cursor:pointer}.pack-summary__toggle:before{content:"";align-self:center;border:6px solid transparent;border-bottom-color:currentColor;margin-top:-6px}.pack-summary__toggle[aria-expanded=true]:before{border-bottom-color:transparent;border-top-color:currentColor;margin-top:6px}.pack-summary__label{font-weight:var(--font-body-weight-bold)}.pack-summary__total{font-weight:var(--font-body-weight-bold);font-size:18px}.pack-summary__compare{color:var(--pack-muted)}.pack-summary__details{max-height:40vh;overflow-y:auto;padding:0 16px 10px;border-top:1px solid var(--pack-border)}.pack-summary__lines{list-style:none;margin:0;padding:0}.pack-summary__line{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:0 10px;padding:8px 0;font-size:13px}.pack-summary__group{grid-column:1 / -1;font-weight:var(--font-body-weight-bold)}.pack-summary__price{white-space:nowrap}.pack-summary__submit{width:100%;border-radius:0}.pack-builder__submit{width:100%;margin-top:4px}.pack-summary__submit[aria-busy=true],.pack-builder__submit[aria-busy=true]{opacity:.6}@media screen and (max-width:749px){.pack-group{padding:12px}.pack-item{grid-template-columns:85px minmax(0,1fr);gap:12px}.pack-summary{width:100%;border-left:0;border-right:0}.pack-builder{padding-bottom:120px}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/pack-builder.css.map */