.pack-builder{--pack-surface-elevated: rgb(var(--background-secondary));--pack-surface-muted: rgb(var(--text-color) / .04);--pack-text-muted: rgb(var(--text-color) / .6);--pack-border: rgb(var(--text-color) / .1);--pack-accent: rgb(var(--on-sale-text));--pack-accent-soft: rgb(var(--on-sale-text) / .12);--pack-success-text: rgb(var(--success-text));--pack-success-soft: rgb(var(--success-text) / .1);--pack-header-offset: var(--header-group-height, 0px);--pack-gutter: var(--container-gutter);background:rgb(var(--background));color:rgb(var(--text-color));font-family:var(--text-font-family);font-size:var(--text-base);line-height:var(--text-line-height);min-height:calc(100vh - var(--pack-header-offset))}.pack-step0{max-width:1200px;margin:0 auto;padding:var(--section-vertical-spacing) var(--pack-gutter)}.pack-step0__header{text-align:center;margin-bottom:2.5rem}.pack-step0__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.pack-step0__card{display:flex;flex-direction:column;align-items:flex-start;gap:.5rem;padding:1.5rem;background:var(--pack-surface-elevated);border:1px solid var(--pack-border);border-radius:var(--input-border-radius);text-decoration:none;color:inherit;transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease}.pack-step0__card:hover{border-color:var(--pack-accent);transform:translateY(-2px);box-shadow:0 6px 18px rgb(var(--text-color) / .08)}.pack-step0__image{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:.5rem}.pack-step0__image img{width:100%;height:100%;object-fit:contain}.pack-step0__shape{font-size:var(--subheading-font-size);font-weight:var(--subheading-font-weight);text-transform:var(--subheading-text-transform);letter-spacing:var(--subheading-letter-spacing);color:var(--pack-accent)}.pack-step0__name{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--text-h6);text-transform:var(--heading-text-transform);letter-spacing:var(--heading-letter-spacing);line-height:var(--heading-line-height)}.pack-step0__price{font-weight:var(--text-font-bold-weight);font-size:var(--text-lg)}.pack-step0__cta{margin-top:auto;font-size:var(--subheading-font-size);font-weight:var(--subheading-font-weight);text-transform:var(--subheading-text-transform);letter-spacing:var(--subheading-letter-spacing);color:var(--pack-accent)}.pack-step1{display:grid;grid-template-columns:1fr 360px;min-height:calc(100vh - var(--pack-header-offset))}.pack-step1 .pack-main{grid-column:1;grid-row:1}.pack-step1 .pack-sidebar{grid-column:2;grid-row:1}@media(max-width:1024px){.pack-step1{grid-template-columns:1fr}.pack-step1 .pack-main,.pack-step1 .pack-sidebar{grid-column:1;grid-row:auto}}.pack-sidebar{background:var(--pack-surface-elevated);border-left:1px solid var(--pack-border);position:sticky;top:var(--pack-header-offset);height:calc(100vh - var(--pack-header-offset));overflow-y:auto;display:flex;flex-direction:column}@media(max-width:1024px){.pack-sidebar{position:fixed;bottom:0;left:0;right:0;top:auto;height:auto;max-height:70vh;border-left:none;border-top:1px solid var(--pack-border);z-index:50;box-shadow:0 -4px 20px rgb(var(--text-color) / .1);transition:transform .25s ease}.pack-sidebar.collapsed{transform:translateY(calc(100% - 64px))}.pack-sidebar.collapsed .pack-sidebar__content{opacity:0;pointer-events:none}}.pack-sidebar__toggle{display:none}@media(max-width:1024px){.pack-sidebar__toggle{display:flex;align-items:center;justify-content:space-between;width:100%;padding:1rem 1.5rem;background:rgb(var(--background));border:none;border-bottom:1px solid var(--pack-border);cursor:pointer;min-height:64px;color:inherit;-webkit-tap-highlight-color:transparent}.pack-sidebar__toggle-left{display:flex;align-items:center;gap:.75rem}.pack-sidebar__toggle-icon{width:40px;height:40px;background:var(--pack-accent-soft);color:var(--pack-accent);border-radius:9999px;display:flex;align-items:center;justify-content:center;transition:transform .25s ease}.pack-sidebar.collapsed .pack-sidebar__toggle-icon{transform:rotate(180deg)}.pack-sidebar__toggle-text-group{display:flex;flex-direction:column;align-items:flex-start;line-height:1.1}.pack-sidebar__toggle-text{font-weight:var(--text-font-bold-weight);font-size:var(--text-base)}.pack-sidebar__toggle-count{font-size:var(--text-xs);color:var(--pack-text-muted)}.pack-sidebar__toggle-price{font-weight:var(--text-font-bold-weight);font-size:var(--text-lg)}}.pack-sidebar__content{padding:2rem;display:flex;flex-direction:column;transition:opacity .15s ease}@media(max-width:1024px){.pack-sidebar__content{padding:1.5rem;max-height:calc(70vh - 64px);overflow-y:auto}}.pack-sidebar__header{margin-bottom:1.5rem}.pack-sidebar__badge{display:inline-flex;align-items:center;padding:.25rem .75rem;background:var(--pack-accent-soft);border-radius:var(--subheading-border-radius);font-size:var(--subheading-font-size);font-weight:var(--subheading-font-weight);text-transform:var(--subheading-text-transform);letter-spacing:var(--subheading-letter-spacing);color:var(--pack-accent);margin-bottom:.5rem}.pack-sidebar__title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--text-h5);text-transform:var(--heading-text-transform);letter-spacing:var(--heading-letter-spacing);line-height:var(--heading-line-height)}.pack-selected-board{display:flex;gap:1rem;padding:1rem;margin-bottom:1.5rem;background:var(--pack-surface-muted);border-radius:var(--input-border-radius)}.pack-selected-board__image{width:60px;height:100px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:rgb(var(--background));border-radius:calc(var(--input-border-radius) * .5);overflow:hidden}.pack-selected-board__image img{width:100%;height:100%;object-fit:contain}.pack-selected-board__info{flex:1;display:flex;flex-direction:column;gap:.125rem;min-width:0}.pack-selected-board__shape{font-size:var(--subheading-font-size);font-weight:var(--subheading-font-weight);text-transform:var(--subheading-text-transform);letter-spacing:var(--subheading-letter-spacing);color:var(--pack-accent)}.pack-selected-board__name{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--text-base);text-transform:var(--heading-text-transform);letter-spacing:var(--heading-letter-spacing);line-height:var(--heading-line-height)}.pack-selected-board__specs{font-size:var(--text-xs);color:var(--pack-text-muted)}.pack-selected-board__price{font-weight:var(--text-font-bold-weight);font-size:var(--text-base);margin-top:.25rem}.pack-selection-summary{flex:1;margin-bottom:1.5rem}.pack-selection-summary__title{font-size:var(--subheading-font-size);font-weight:var(--subheading-font-weight);text-transform:var(--subheading-text-transform);letter-spacing:var(--subheading-letter-spacing);color:var(--pack-text-muted);margin-bottom:.75rem}.pack-selection-item{display:flex;justify-content:space-between;align-items:center;padding:.5rem 0;border-bottom:1px solid var(--pack-border);font-size:var(--text-sm);gap:.5rem}.pack-selection-item:last-child{border-bottom:none}.pack-selection-item__name{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pack-selection-item__name--empty{color:var(--pack-text-muted);font-style:italic}.pack-selection-item__price{font-weight:var(--text-font-bold-weight);flex-shrink:0}.pack-selection-item__price--empty{color:var(--pack-text-muted);font-weight:var(--text-font-weight)}.pack-pricing{padding:1rem;margin-bottom:1.25rem;background:var(--pack-surface-muted);border-radius:var(--input-border-radius)}.pack-pricing__row{display:flex;justify-content:space-between;align-items:center;padding:.25rem 0;font-size:var(--text-sm)}.pack-pricing__row--subtotal{color:var(--pack-text-muted)}.pack-pricing__row--discount{color:var(--pack-success-text)}.pack-pricing__row--total{border-top:1px solid var(--pack-border);margin-top:.5rem;padding-top:.75rem;font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--text-h6)}.pack-pricing__discount-badge{display:inline-flex;align-items:center;padding:.125rem .5rem;background:var(--pack-success-soft);border-radius:var(--subheading-border-radius);font-size:var(--subheading-font-size);font-weight:var(--subheading-font-weight)}.pack-pricing__hint{margin-top:.5rem;font-size:var(--text-xs);color:var(--pack-text-muted);font-style:italic}.pack-sidebar__cta{width:100%;padding:.875rem 1.5rem;background:rgb(var(--button-background-primary));color:rgb(var(--button-text-primary));border:none;border-radius:var(--button-border-radius);font:var(--button-font);font-size:var(--button-font-size);text-transform:var(--button-text-transform);letter-spacing:var(--button-letter-spacing);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;transition:opacity .2s ease}.pack-sidebar__cta:hover{opacity:.88}.pack-sidebar__cta:disabled{opacity:.5;cursor:not-allowed}.pack-main{padding:var(--section-vertical-spacing) var(--pack-gutter);padding-bottom:200px}@media(max-width:1024px){.pack-main{padding-bottom:300px}}.pack-main__header{margin-bottom:2.5rem}.pack-main__badge{display:inline-flex;align-items:center;padding:.5rem 1rem;background:rgb(var(--background));border:1px solid var(--pack-border);border-radius:var(--subheading-border-radius);font-size:var(--subheading-font-size);font-weight:var(--subheading-font-weight);text-transform:var(--subheading-text-transform);letter-spacing:var(--subheading-letter-spacing);color:var(--pack-accent);margin-bottom:.75rem}.pack-main__title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--text-h3);text-transform:var(--heading-text-transform);letter-spacing:var(--heading-letter-spacing);line-height:var(--heading-line-height);margin-bottom:.5rem}.pack-main__subtitle{font-size:var(--text-base);color:var(--pack-text-muted)}.pack-category{margin-bottom:2.5rem}.pack-category__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1.25rem;flex-wrap:wrap}.pack-category__title-group{display:flex;align-items:center;gap:.875rem}.pack-category__icon{width:44px;height:44px;flex-shrink:0;background:var(--pack-accent-soft);color:var(--pack-accent);border-radius:9999px;display:flex;align-items:center;justify-content:center}.pack-category__title{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--text-h6);text-transform:var(--heading-text-transform);letter-spacing:var(--heading-letter-spacing);line-height:var(--heading-line-height);margin:0}.pack-category__desc{font-size:var(--subheading-font-size);color:var(--pack-text-muted);margin:2px 0 0}.pack-category__badge{padding:.25rem .75rem;background:var(--pack-accent-soft);border-radius:var(--subheading-border-radius);font-size:var(--subheading-font-size);font-weight:var(--subheading-font-weight);text-transform:var(--subheading-text-transform);letter-spacing:var(--subheading-letter-spacing);color:var(--pack-accent)}.pack-accessory-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}@media(max-width:768px){.pack-accessory-grid{grid-template-columns:1fr 1fr}}@media(max-width:500px){.pack-accessory-grid{grid-template-columns:1fr}}.accessory-card{position:relative;display:flex;flex-direction:column;gap:.25rem;text-align:left;padding:1.25rem;background:rgb(var(--background));border:2px solid transparent;border-radius:var(--input-border-radius);color:inherit;font:inherit;cursor:pointer;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease;box-shadow:0 1px 4px rgb(var(--text-color) / .04)}.accessory-card:hover{border-color:var(--pack-accent);box-shadow:0 4px 12px rgb(var(--text-color) / .06)}.accessory-card.selected{border-color:var(--pack-accent);background:var(--pack-accent-soft)}.accessory-card__check{position:absolute;top:.75rem;right:.75rem;width:24px;height:24px;border-radius:9999px;background:var(--pack-surface-elevated);border:2px solid var(--pack-border);display:flex;align-items:center;justify-content:center;transition:background .15s ease,border-color .15s ease}.accessory-card.selected .accessory-card__check{background:var(--pack-accent);border-color:var(--pack-accent)}.accessory-card.selected .accessory-card__check:after{content:"";width:8px;height:5px;border-left:2px solid rgb(var(--background));border-bottom:2px solid rgb(var(--background));transform:translateY(-1px) rotate(-45deg)}.accessory-card__image{width:100%;aspect-ratio:1 / 1;display:flex;align-items:center;justify-content:center;padding:.5rem;margin-bottom:.75rem;overflow:hidden}.accessory-card__image img{width:100%;height:100%;object-fit:contain;transition:transform .25s ease}.accessory-card:hover .accessory-card__image img{transform:scale(1.04)}.accessory-card__badge{display:inline-block;align-self:flex-start;padding:.125rem .5rem;background:var(--pack-success-soft);border-radius:var(--subheading-border-radius);font-size:var(--subheading-font-size);font-weight:var(--subheading-font-weight);color:var(--pack-success-text);margin-bottom:.375rem}.accessory-card__name{font-family:var(--heading-font-family);font-weight:var(--heading-font-weight);font-size:var(--text-h7);text-transform:var(--heading-text-transform);letter-spacing:var(--heading-letter-spacing);line-height:var(--heading-line-height)}.accessory-card__desc{font-size:var(--text-xs);color:var(--pack-text-muted);line-height:1.5;margin-bottom:.5rem}.accessory-card__price{font-weight:var(--text-font-bold-weight);font-size:var(--text-base);margin-top:auto}.accessory-card--skip{background:transparent;border:1px dashed var(--pack-border);min-height:180px;align-items:center;justify-content:center;color:var(--pack-text-muted);text-align:center}.accessory-card--skip:hover{background:transparent;border-color:var(--pack-accent);border-style:dashed;box-shadow:none}.accessory-card--skip.selected{background:transparent;border-color:var(--pack-accent);border-style:dashed}.accessory-card__skip-text{font-size:var(--text-sm)}@media(pointer:coarse){.accessory-card{min-height:44px}.pack-sidebar__cta{min-height:52px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/template-pack-builder.css.map */