.build{display:block}.build-form{display:grid;gap:0 4rem;width:min(100%,1600px);margin-inline:auto;padding:1rem var(--gutter) 9rem}@media(min-width:960px){.build-form{grid-template-columns:minmax(0,1.3fr) minmax(360px,460px)}}.build-stage{position:sticky;top:calc(var(--nav-top) + var(--announce, 0px) + var(--nav-control) + 8px);z-index:1;display:grid;place-items:center;height:36vh;margin:0 calc(-1 * var(--gutter)) 1.5rem;background:var(--tile)}@media(min-width:960px){.build-stage{top:calc(var(--nav-top) + var(--announce, 0px) + var(--nav-control) + 64px);height:calc(100vh - var(--nav-top) - var(--nav-control) - 64px - 96px);margin:0;border-radius:12px}}.build-stage img{width:auto;max-width:80%;max-height:84%;object-fit:contain}.build-stage figcaption{position:absolute;left:20px;bottom:16px;color:#444;font-size:var(--text-small)}.build-steps{display:grid;gap:3.25rem;align-content:start}.build-intro h1{margin:0;font-size:clamp(2rem,3.4vw,2.75rem);line-height:1.05;letter-spacing:-.04em}.build-intro .rte{margin-top:.75rem;color:var(--muted)}.build-step{min-width:0;margin:0;padding:0;border:0}.build-step legend{margin-bottom:1rem;padding:0;font-family:var(--font-display);font-size:1.375rem;font-weight:500;line-height:1.2;letter-spacing:-.02em}.build-step legend span{color:var(--muted)}.build-note{margin:-.5rem 0 1rem;color:var(--muted);font-size:var(--text-small)}.build-aside{margin-top:12px;color:var(--muted);font-size:var(--text-small)}.build-aside a{color:var(--ink)}.build-cards{display:grid;gap:10px}.build-card{position:relative;display:grid;grid-template-columns:1fr auto;gap:2px 1rem;padding:16px 18px;border:1px solid var(--line);border-radius:10px;cursor:pointer;transition:border-color var(--duration),box-shadow var(--duration)}.build-card:hover{border-color:color-mix(in srgb,var(--ink) 35%,var(--line))}.build-card input{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}.build-card:has(input:checked){border-color:var(--ink);box-shadow:inset 0 0 0 1px var(--ink)}.build-card:has(input:focus-visible){outline:3px solid #2659bf;outline-offset:3px}.build-card:has(input:disabled){background:var(--surface);color:var(--muted);cursor:not-allowed}.build-card b{font-weight:500}.build-price{white-space:nowrap;text-align:right}.build-card small{grid-column:1 / -1;color:var(--muted);font-size:var(--text-small);line-height:1.45}.build-card--thumb{grid-template-columns:56px 1fr auto}.build-card--thumb small,.build-card--thumb select{grid-column:2 / -1}.build-thumb{grid-row:span 2;display:grid;place-items:center;width:56px;height:56px;overflow:hidden;border-radius:8px;background:var(--tile)}.build-thumb img{width:100%;height:100%;object-fit:contain}.build-card select{position:relative;z-index:1;width:100%;min-height:40px;margin-top:10px;font-size:var(--text-small)}.build-card:not(:has(input:checked)) select{display:none}.build-swatches{display:flex;flex-wrap:wrap;gap:12px}.build-swatch{position:relative;display:grid;place-items:center;min-width:44px;height:44px;border-radius:99px;cursor:pointer}.build-swatch input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.build-swatch span{position:absolute;top:5px;right:5px;bottom:5px;left:5px;border-radius:99px;background:var(--swatch, var(--tile)) center / cover;box-shadow:inset 0 0 0 1px #0000001f}.build-swatch--word{padding:0 16px;border:1px solid var(--line)}.build-swatch--word span{position:static;background:none;box-shadow:none;font-size:var(--text-small);white-space:nowrap}.build-swatch:has(input:checked){box-shadow:0 0 0 2px var(--ink)}.build-swatch:has(input:focus-visible){outline:3px solid #2659bf;outline-offset:3px}.build-swatch:has(input:disabled){cursor:not-allowed;opacity:.45}.build-swatch:not(.build-swatch--word):has(input:disabled) span:after{content:"";position:absolute;left:50%;top:-3px;bottom:-3px;width:1.5px;background:var(--muted);rotate:45deg}.build-ask{display:grid;grid-template-columns:1fr auto;gap:2px 1rem;padding:16px 18px;border:1px dashed var(--line);border-radius:10px}.build-ask b{font-weight:500}.build-ask a{color:var(--ink);font-size:var(--text-small)}.build-ask small{grid-column:1 / -1;color:var(--muted);font-size:var(--text-small)}.build-summary h2{margin:0;font-size:1.75rem;line-height:1.1;letter-spacing:-.03em}.build-summary h2 span{display:block}.build-summary h2 span+span{color:var(--muted)}.build-summary dl{margin:1.25rem 0 0;border-top:1px solid var(--line)}.build-summary dl div{display:grid;grid-template-columns:1fr auto;gap:1rem;padding:11px 0;border-bottom:1px solid var(--line)}.build-summary dt small{display:block;color:var(--muted);font-size:var(--text-small)}.build-summary dd{margin:0;text-align:right;white-space:nowrap}.build-summary .build-total{border-bottom:0;font-weight:500;font-size:1.0625rem}.build-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:1.25rem}.build-actions a{color:var(--ink);font-size:var(--text-small)}.build-add{justify-content:space-between;gap:2rem;min-width:220px}.build-bar{position:fixed;left:0;right:0;bottom:var(--preview-bar, 0px);z-index:20;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:12px var(--gutter);border-top:1px solid var(--line);background:color-mix(in srgb,var(--paper) 88%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.build-bar p{margin:0;font-size:var(--text-small)}.build-bar b{display:block;font-size:1.0625rem;font-weight:500}@media(max-width:599px){.build-bar .build-add{min-width:0}}
/*# sourceMappingURL=/cdn/shop/t/34/assets/equipment-build.css.map */