.family-pack-section{background:var(--bg);color:var(--fg);font-size:var(--type-body, 15px);line-height:var(--type-body-line-height, 1.6);scroll-margin-top:96px}.family-pack__container{max-width:var(--layout-max-width);margin-inline:auto;padding-inline:var(--page-gutter)}.family-pack{--fp-line: var(--border, #e8e1da);--fp-soft: var(--surface, #f8f4ef);--fp-accent: var(--accent, #5a1624);--fp-accent-fg: var(--button-fg, #fbf7f1);--fp-muted: var(--muted, #7d6b6e);--fp-radius: var(--btn-radius, 0px);display:grid;gap:32px;align-items:start}.family-pack [hidden]{display:none!important}.family-pack__header{max-width:640px;margin-block-end:28px}.family-pack__heading{margin:0 0 12px}.family-pack__intro{color:var(--fp-muted)}.family-pack__intro>:last-child{margin-block-end:0}.family-pack__editor-note{margin:0 0 24px;padding:12px 14px;border:1px dashed var(--fp-accent);font-size:13px;line-height:1.5}.family-pack__step+.family-pack__step{margin-block-start:28px}.family-pack__step-title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0 0 14px}.family-pack__step-value{color:var(--fp-muted)}.family-pack__colors{display:flex;flex-wrap:wrap;gap:10px}.family-pack__color{-webkit-appearance:none;appearance:none;display:inline-flex;align-items:center;gap:10px;min-height:48px;padding:6px 16px 6px 6px;padding-inline:6px 16px;border:1px solid var(--fp-line);border-radius:999px;background:transparent;color:inherit;font:inherit;font-size:14px;line-height:1.2;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.family-pack__color:hover{border-color:var(--fp-accent)}.family-pack__color[aria-pressed=true]{border-color:var(--fp-accent);box-shadow:inset 0 0 0 1px var(--fp-accent)}.family-pack__color-dot{flex:none;width:34px;height:34px;border:1px solid color-mix(in srgb,var(--fg) 14%,transparent);border-radius:50%;background-color:var(--fp-soft);background-position:center;background-size:cover}.family-pack__members{display:grid;gap:12px}.family-pack__loading,.family-pack__message{margin:0;padding:20px 16px;border:1px solid var(--fp-line);color:var(--fp-muted)}.family-pack__member{display:grid;gap:14px;padding:16px;border:1px solid var(--fp-line);background:var(--bg);transition:border-color .2s ease}.family-pack__member[data-complete=true]{border-color:color-mix(in srgb,var(--fp-accent) 55%,var(--fp-line))}.family-pack__member[data-invalid=true]{border-color:var(--notice, #b42318)}.family-pack__member-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.family-pack__member-name{margin:0}.family-pack__member-tools{display:flex;align-items:center;gap:6px}.family-pack__groups{display:inline-flex;border:1px solid var(--fp-line);border-radius:999px;padding:3px}.family-pack__group{-webkit-appearance:none;appearance:none;min-height:34px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--fp-muted);font:inherit;font-size:13px;cursor:pointer;transition:background-color .2s ease,color .2s ease}.family-pack__group[aria-pressed=true]{background:var(--fp-accent);color:var(--fp-accent-fg)}.family-pack__remove{-webkit-appearance:none;appearance:none;display:inline-grid;place-items:center;width:44px;height:44px;margin-inline-end:-10px;border:0;background:transparent;color:var(--fp-muted);cursor:pointer}.family-pack__remove:hover{color:var(--fg)}.family-pack__look{-webkit-appearance:none;appearance:none;display:grid;grid-template-columns:72px minmax(0,1fr) auto;align-items:center;gap:14px;width:100%;min-height:96px;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.family-pack__look-media{display:grid;place-items:center;width:72px;aspect-ratio:3 / 4;overflow:hidden;background:var(--fp-soft);color:var(--fp-muted)}.family-pack__look-media img{width:100%;height:100%;object-fit:cover;display:block}.family-pack__look--empty .family-pack__look-media{border:1px dashed color-mix(in srgb,var(--fg) 35%,transparent);background:transparent}.family-pack__look-title{display:block;font-size:15px;line-height:1.35;overflow-wrap:anywhere}.family-pack__look-price{display:block;margin-block-start:4px;color:var(--fp-muted);font-size:14px}.family-pack__look-action{padding-block:6px;border-block-end:1px solid currentColor;font-size:12px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.family-pack__sizes-label{margin:0 0 8px;color:var(--fp-muted);font-size:13px}.family-pack__sizes{display:flex;flex-wrap:wrap;gap:8px}.family-pack__size{-webkit-appearance:none;appearance:none;min-width:48px;min-height:44px;padding:0 12px;border:1px solid var(--fp-line);border-radius:var(--fp-radius);background:transparent;color:inherit;font:inherit;font-size:14px;cursor:pointer;transition:border-color .2s ease,background-color .2s ease,color .2s ease}.family-pack__size:hover:not(:disabled){border-color:var(--fp-accent)}.family-pack__size[aria-pressed=true]{border-color:var(--fp-accent);background:var(--fp-accent);color:var(--fp-accent-fg)}.family-pack__size:disabled{color:color-mix(in srgb,var(--fg) 35%,transparent);text-decoration:line-through;cursor:not-allowed}.family-pack__add{-webkit-appearance:none;appearance:none;display:flex;align-items:center;justify-content:center;gap:10px;width:100%;min-height:52px;margin-block-start:12px;padding:0 16px;border:1px dashed color-mix(in srgb,var(--fg) 35%,transparent);background:transparent;color:inherit;cursor:pointer;transition:border-color .2s ease}.family-pack__add:hover{border-color:var(--fp-accent)}.family-pack__summary{padding:24px 20px;background:var(--fp-soft)}.family-pack__summary-title{margin:0 0 18px}.family-pack__tiers{display:grid;gap:12px;margin:0;padding:0;list-style:none}.family-pack__tier{display:flex;align-items:flex-start;gap:12px;color:var(--fp-muted);transition:color .2s ease}.family-pack__tier-mark{flex:none;display:grid;place-items:center;width:24px;height:24px;border:1px solid color-mix(in srgb,var(--fg) 30%,transparent);border-radius:50%;color:transparent;transition:background-color .2s ease,border-color .2s ease,color .2s ease}.family-pack__tier-text{display:flex;flex-wrap:wrap;gap:0 8px;font-size:15px;line-height:1.6}.family-pack__tier-pieces{font-weight:var(--font-body-weight-semibold, 600)}.family-pack__tier-pieces:after{content:"\2014";margin-inline-start:8px;font-weight:400}.family-pack__tier[data-reached=true]{color:var(--fg)}.family-pack__tier[data-reached=true] .family-pack__tier-mark{border-color:var(--fp-accent);background:var(--fp-accent);color:var(--fp-accent-fg)}.family-pack__progress{height:3px;margin-block:20px 12px;background:color-mix(in srgb,var(--fg) 12%,transparent);overflow:hidden}.family-pack__progress span{display:block;width:0;height:100%;background:var(--fp-accent);transition:width .42s cubic-bezier(.22,1,.36,1)}.family-pack__hint{min-height:1.5em;margin:0 0 18px}.family-pack__totals{display:grid;gap:8px;margin:0 0 20px;padding-block-start:18px;border-block-start:1px solid var(--fp-line)}.family-pack__totals-row{display:flex;align-items:baseline;justify-content:space-between;gap:16px}.family-pack__totals-row dt,.family-pack__totals-row dd{margin:0}.family-pack__totals-row--saving{color:var(--fp-accent)}.family-pack__totals-row--total{margin-block-start:6px;padding-block-start:12px;border-block-start:1px solid var(--fp-line);font-size:18px;font-weight:var(--font-body-weight-semibold, 600)}.family-pack__submit{justify-content:center;width:100%;min-height:54px;cursor:pointer}.family-pack__status{min-height:1.5em;margin:10px 0 0}.family-pack__status[data-tone=error]{color:var(--notice, #b42318)}.family-pack__note{margin:4px 0 0;color:var(--fp-muted)}.family-pack__dialog{position:fixed;z-index:2147483000;inset:auto 0 0;width:100%;max-width:none;height:min(88dvh,760px);max-height:none;margin:0;padding:0;border:0;background:var(--bg);color:var(--fg);font-size:var(--type-body, 15px);line-height:var(--type-body-line-height, 1.6);overscroll-behavior:contain}.family-pack__dialog[open]{display:grid;grid-template-rows:auto minmax(0,1fr)}.family-pack__dialog::backdrop{background:#00000073}.family-pack__dialog-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;border-block-end:1px solid var(--border, #e8e1da)}.family-pack__dialog-title{margin:0}.family-pack__dialog-close{-webkit-appearance:none;appearance:none;display:inline-grid;place-items:center;width:44px;height:44px;margin-inline-end:-10px;border:0;background:transparent;color:inherit;cursor:pointer}.family-pack__looks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 12px;align-content:start;padding:16px 16px 28px;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.family-pack__looks>.family-pack__message{grid-column:1 / -1}.family-pack__option{-webkit-appearance:none;appearance:none;display:block;padding:0;border:0;background:transparent;color:inherit;font:inherit;text-align:start;cursor:pointer}.family-pack__option-media{position:relative;display:block;aspect-ratio:3 / 4;overflow:hidden;background:var(--surface, #f8f4ef);outline:1px solid transparent;outline-offset:-1px;transition:outline-color .2s ease}.family-pack__option-media img{width:100%;height:100%;object-fit:cover;display:block}.family-pack__option:hover .family-pack__option-media,.family-pack__option[aria-pressed=true] .family-pack__option-media{outline-color:var(--accent, #5a1624)}.family-pack__option-badge{position:absolute;inset-block-start:8px;inset-inline-start:8px;padding:4px 8px;background:var(--bg);font-size:11px;letter-spacing:.06em;text-transform:uppercase}.family-pack__option-title{display:block;margin-block-start:10px;font-size:14px;line-height:1.35;overflow-wrap:anywhere}.family-pack__option-price{display:block;margin-block-start:2px;color:var(--muted, #7d6b6e);font-size:13px}.family-pack__option:disabled{cursor:not-allowed}.family-pack__option:disabled .family-pack__option-media img{opacity:.45}@media screen and (max-width:767px){.family-pack-section.section-spacing{padding-block:var(--section-spacing-top-mobile, 48px) var(--section-spacing-bottom-mobile, 48px)}}@media screen and (min-width:640px){.family-pack__members{grid-template-columns:repeat(2,minmax(0,1fr))}.family-pack__looks{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 16px;padding:20px 24px 32px}.family-pack__dialog-head{padding:16px 24px}}@media screen and (min-width:768px){.family-pack__dialog{top:0;right:0;bottom:0;left:0;width:min(960px,calc(100vw - 48px));height:min(86vh,820px);margin:auto}.family-pack__looks{grid-template-columns:repeat(4,minmax(0,1fr))}}@media screen and (min-width:990px){.family-pack{grid-template-columns:minmax(0,1fr) minmax(320px,380px);gap:56px}.family-pack__summary{position:sticky;inset-block-start:96px;padding:32px 28px}}@media(prefers-reduced-motion:reduce){.family-pack *,.family-pack *:before,.family-pack *:after{transition:none!important}}
/*# sourceMappingURL=/cdn/shop/t/4/assets/section-family-pack.css.map */