.cwb{--ink: #111316;--text: #353535;--muted: #5d646d;--line: rgba(53, 53, 53, .16);--line-strong: rgba(53, 53, 53, .34);--blue: #0077a8;--blue-deep: #005f87;--cyan: #00aeef;--amber: #9a5b00;--field-line: #8a9097;--mist: #f3f7f9;--paper: #ffffff;--skin-light: #e2e9ee;--rail-text: rgba(255, 255, 255, .88);--rail-muted: rgba(255, 255, 255, .62);--rail-line: rgba(255, 255, 255, .14);--font: "Roboto", "Helvetica Neue", Arial, sans-serif;--gutter: 48px}.cwb,.cwb *{box-sizing:border-box}.cwb{color:var(--text);font-size:15px;line-height:1.6;font-family:var(--font-body-family, var(--font));-webkit-font-smoothing:antialiased}.cwb img{max-width:100%}.cwb button,.cwb input,.cwb textarea,.cwb select{font:inherit;color:inherit}.cwb :focus-visible{outline:3px solid var(--blue);outline-offset:2px}.cwb [hidden]{display:none!important}.cwb ::selection{background:var(--cyan);color:var(--ink)}.cwb .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.cwb .intro{max-width:70ch;margin:14px 0 0}.cwb .builder{display:grid;grid-template-columns:minmax(0,1fr) 380px;gap:40px;align-items:start;margin:36px 0 96px}.cwb .steps{display:grid;grid-template-columns:minmax(0,1fr);gap:44px;min-width:0}.cwb .step-head{display:flex;align-items:center;gap:12px;margin:0 0 16px}.cwb .step-num{flex:none;width:26px;height:26px;border-radius:50%;background:var(--blue);color:#fff;font-size:12px;font-weight:700;display:grid;place-items:center}.cwb .step-title{margin:0;font-size:20px;line-height:1.2;font-weight:800;text-transform:uppercase;color:var(--text)}.cwb .step-note{margin:-6px 0 14px;color:var(--muted);font-size:14px;max-width:70ch}.cwb .tiles{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(190px,1fr))}.cwb .tiles--4{grid-template-columns:repeat(4,minmax(0,1fr))}.cwb .tile{position:relative;display:grid;gap:4px;align-content:start;min-width:0;padding:16px 16px 18px;border:1px solid var(--line-strong);border-radius:4px;background:var(--paper);cursor:pointer;transition:border-color .15s,box-shadow .15s,background-color .15s}.cwb .tile:hover{border-color:var(--blue)}.cwb .tile input{position:absolute;opacity:0;pointer-events:none}.cwb .tile:has(input:checked){border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:var(--mist)}.cwb .tile:has(input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.cwb .tile:has(input:disabled){cursor:not-allowed;border-style:dashed;background:var(--paper)}.cwb .tile:has(input:disabled):hover{border-color:var(--line-strong)}.cwb .tile:has(input:disabled) .tile-title,.cwb .tile:has(input:disabled) .tile-icon{opacity:.5}.cwb .tile-icon{width:34px;height:34px;stroke:var(--blue);fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;margin-bottom:6px}.cwb .tile-title{font-size:14px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--ink);line-height:1.3}.cwb .tile-desc{font-size:13px;line-height:1.45;color:var(--muted)}.cwb .tile-price{margin-top:6px;font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.cwb .tile-badge{justify-self:start;margin-top:8px;font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);border:1px solid var(--line-strong);border-radius:999px;padding:2px 9px}.cwb .tile-check{position:absolute;top:12px;right:12px;width:20px;height:20px;border-radius:50%;border:1.5px solid var(--line-strong);background:var(--paper);display:grid;place-items:center}.cwb .tile-check svg{width:12px;height:12px;stroke:#fff;stroke-width:2.4;fill:none;opacity:0}.cwb .tile:has(input:checked) .tile-check{background:var(--blue);border-color:var(--blue)}.cwb .tile:has(input:checked) .tile-check svg{opacity:1}.cwb .suit-mini{width:100%;height:132px;display:block;margin-bottom:8px}.cwb .seg-label{margin:18px 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cwb .seg{display:flex;flex-wrap:wrap;gap:8px}.cwb .seg label{position:relative;cursor:pointer}.cwb .seg input{position:absolute;opacity:0;pointer-events:none}.cwb .seg span{display:inline-flex;align-items:center;gap:8px;min-height:44px;padding:0 18px;border:1px solid var(--line-strong);border-radius:999px;font-size:14px;font-weight:500;background:var(--paper);transition:border-color .15s,background-color .15s,color .15s;font-variant-numeric:tabular-nums}.cwb .seg span small{font-size:12px;color:var(--muted);font-weight:400}.cwb .seg label:hover span{border-color:var(--blue)}.cwb .seg input:checked+span{background:var(--blue);border-color:var(--blue);color:#fff}.cwb .seg input:checked+span small{color:#fff}.cwb .seg input:focus-visible+span{outline:3px solid var(--blue);outline-offset:2px}.cwb .seg input:disabled+span{cursor:not-allowed;border-style:dashed;color:#35353573}.cwb .seg--thick{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.cwb .seg--thick label{display:flex}.cwb .seg--thick label>span{width:100%;min-height:0;flex-direction:column;align-items:flex-start;justify-content:flex-start;gap:3px;padding:15px 14px 14px;border-radius:4px;text-align:left;transition:border-color .15s,background-color .15s,color .15s}.cwb .seg--thick strong{font-size:20px;font-weight:800;line-height:1.2;color:var(--ink)}.cwb .seg--thick .t-use{display:block;min-height:0;padding:0;border:0;border-radius:0;background:none;font-size:13px;font-weight:400;line-height:1.4;color:var(--muted)}.cwb .seg--thick span small{margin-top:auto;padding-top:8px;font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.cwb .seg--thick input:checked+span strong,.cwb .seg--thick input:checked+span small{color:#fff}.cwb .seg--thick input:checked+span .t-use{color:#fff}.cwb .seg--thick input:disabled+span strong,.cwb .seg--thick input:disabled+span small,.cwb .seg--thick input:disabled+span .t-use{color:#353535b3}.cwb .thick-guide{margin:10px 0 0;font-size:13px;color:var(--muted)}.cwb .thick-guide:empty{display:none}.cwb .seg--who{margin:0 0 16px}.cwb .style-note{margin:12px 0 0;max-width:70ch;font-size:13px;line-height:1.5;color:var(--muted)}.cwb .seg--thick .pick{position:absolute;top:0;left:12px;transform:translateY(-50%);padding:4px 8px 3px;border-radius:3px;background:var(--cyan);color:var(--ink);font-size:12px;font-style:normal;font-weight:800;line-height:1.2;letter-spacing:.1em;text-transform:uppercase;white-space:nowrap}.cwb .seg input:checked+span .pick{color:var(--ink)}.cwb #placeHelp:not(:empty){margin:0 0 22px}.cwb .place-head{margin:0 0 12px}.cwb .place-head .q-label{margin:0}.cwb .q-sub{margin:3px 0 0;max-width:70ch;font-size:14px;line-height:1.5;color:var(--muted)}.cwb .place-grid{display:flex;flex-wrap:wrap;gap:8px}.cwb .place-opt{display:inline-flex;align-items:center;gap:8px;min-height:44px;max-width:100%;padding:8px 16px 8px 12px;border:1px solid var(--line-strong);border-radius:999px;background:var(--paper);text-align:left;font-size:14px;font-weight:500;line-height:1.3;color:var(--ink);cursor:pointer;transition:border-color .15s,background-color .15s,color .15s,box-shadow .15s}.cwb .place-opt:before{content:"";flex:none;width:14px;height:14px;border-radius:50%;border:1.5px solid var(--field-line);background:var(--paper);transition:border-color .15s,background-color .15s,box-shadow .15s}.cwb .place-opt:hover{border-color:var(--blue)}.cwb .place-opt[aria-pressed=true]{background:var(--mist);border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);color:var(--ink)}.cwb .place-opt[aria-pressed=true]:before{border-color:var(--blue);background:var(--blue);box-shadow:inset 0 0 0 3px var(--paper)}.cwb .place-verdict{margin:12px 0 0;padding:14px 16px 15px;border-radius:4px;background:var(--mist)}.cwb .pv-head{margin:0;font-size:17px;font-weight:800;line-height:1.3;color:var(--ink)}.cwb .pv-why{margin:3px 0 0;max-width:70ch;font-size:15px;line-height:1.5;color:var(--text)}.cwb .place-verdict.is-warn{background:#fdf3e3}.cwb .place-verdict.is-warn .pv-head{color:#5c3500}.cwb .pv-switch{margin-top:12px}.cwb .seg--thick:has(.is-pick) label>span{padding-top:20px}.cwb .sw{flex:none;width:16px;height:16px;border-radius:50%;box-shadow:inset 0 0 0 1px #ffffff40,0 0 0 1px #11131633}.cwb .sw--black{background:#16191d}.cwb .sw--camo{background:radial-gradient(circle at 30% 30%,#9cc3e8 0 22%,transparent 23%),radial-gradient(circle at 72% 62%,#1f3d7a 0 30%,transparent 31%),radial-gradient(circle at 28% 78%,#5d9cd6 0 20%,transparent 21%),#2f6db0}.cwb .sw--red{background:#c62828}.cwb .sw--royal{background:#1f4fd1}.cwb .sw--turq{background:#1597a8}.cwb #styleOpts .step-note{margin-top:10px}.cwb .size-chart{max-width:640px;margin:10px 0 0}.cwb .size-chart summary{display:inline-flex;align-items:center;min-height:44px;color:var(--blue);font-size:14px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer;list-style:none}.cwb .size-chart summary::-webkit-details-marker{display:none}.cwb .size-chart summary:hover{color:var(--cyan)}.cwb .chart-scroll{overflow-x:auto;border:1px solid var(--line);border-radius:4px}.cwb .size-chart table{width:100%;border-collapse:collapse;font-size:13px;font-variant-numeric:tabular-nums}.cwb .size-chart th,.cwb .size-chart td{padding:8px 10px;border-bottom:1px solid var(--line);text-align:center;white-space:nowrap}.cwb .size-chart thead th{background:var(--mist);color:var(--ink);font-weight:700}.cwb .size-chart tbody th{color:var(--muted);font-weight:500;text-align:left}.cwb .size-chart tr:last-child>*{border-bottom:0}.cwb .size-chart .is-sel{background:#00aeef29;color:var(--ink);font-weight:700}.cwb .chart-note{margin:8px 0 0;font-size:13px;color:var(--muted)}.cwb .toggles{display:grid;gap:12px;grid-template-columns:repeat(auto-fill,minmax(220px,1fr))}.cwb .toggle{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:4px 12px;align-content:start;align-items:start;padding:16px;border:1px solid var(--line-strong);border-radius:4px;cursor:pointer;background:var(--paper);transition:border-color .15s,background-color .15s}.cwb .toggle:hover{border-color:var(--blue)}.cwb .toggle>input{position:absolute;opacity:0;pointer-events:none}.cwb .toggle:has(>input:checked){border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:var(--mist)}.cwb .toggle:has(>input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.cwb .tg-box{grid-row:span 3;width:22px;height:22px;border-radius:4px;border:1.5px solid var(--field-line);display:grid;place-items:center;margin-top:1px;background:var(--paper)}.cwb .tg-box svg{width:13px;height:13px;stroke:#fff;stroke-width:2.6;fill:none;opacity:0}.cwb .toggle:has(>input:checked) .tg-box{background:var(--blue);border-color:var(--blue)}.cwb .toggle:has(>input:checked) .tg-box svg{opacity:1}.cwb .tg-title{font-size:14px;font-weight:800;letter-spacing:.03em;text-transform:uppercase;color:var(--ink);line-height:1.3}.cwb .tg-desc{font-size:13px;line-height:1.45;color:var(--muted)}.cwb .tg-price{font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.cwb .zip-none{margin:12px 0 0;max-width:70ch;font-size:14px;line-height:1.5;color:var(--muted)}.cwb .size-guide{margin:10px 0 0;max-width:70ch;font-size:13px;line-height:1.5;color:var(--muted)}.cwb .extras{display:grid;gap:10px}.cwb .extra{border:1px solid var(--line-strong);border-radius:4px;background:var(--paper);transition:border-color .15s,box-shadow .15s}.cwb .extra:hover{border-color:var(--blue)}.cwb .extra.is-on{border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue)}.cwb .extra-head{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:14px;min-height:64px;padding:14px 16px;border-radius:3px;cursor:pointer}.cwb .extra.is-on .extra-head{background:var(--mist)}.cwb .extra-head>input{position:absolute;opacity:0;pointer-events:none}.cwb .extra-head:has(>input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.cwb .extra-head .tg-box{grid-row:auto;margin:0}.cwb .extra.is-on .tg-box{background:var(--blue);border-color:var(--blue)}.cwb .extra.is-on .tg-box svg{opacity:1}.cwb .x-text{display:grid;gap:2px;min-width:0}.cwb .extra-head .tg-price{white-space:nowrap}.cwb .extra-opts{padding:0 16px 18px 52px}.cwb .extra-opts .seg-label{margin-top:14px}.cwb .x-need{margin:12px 0 0;font-size:13px;font-weight:700;color:var(--blue-deep)}.cwb .x-need.is-error{color:#b3261e}.cwb .fit-cards{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.cwb .fit-cards .tile{padding:18px 18px 20px}.cwb .q-label{margin:26px 0 10px;font-size:15px;font-weight:700;line-height:1.3;color:var(--ink)}.cwb .fit-panel{margin-top:18px;padding:20px;border:1px solid var(--line);border-radius:4px;background:var(--paper)}.cwb .pick-first{margin:16px 0 0;font-size:14px;color:var(--muted)}.cwb .shop-card{display:grid;gap:6px}.cwb .zip-hint{display:grid;gap:12px;justify-items:start;border-color:var(--blue);background:var(--mist)}.cwb .zip-hint p{margin:0;font-size:14px;color:var(--text);max-width:70ch}.cwb .btn-ghost{min-height:44px;padding:0 20px;border-radius:999px;border:1.5px solid var(--blue);background:var(--paper);color:var(--blue);font-size:15px;font-weight:500;cursor:pointer;transition:background-color .2s,color .2s,border-color .2s}.cwb .btn-ghost:hover{background:var(--cyan);border-color:var(--cyan);color:var(--ink)}.cwb .shop-card p{margin:0}.cwb .shop-card .addr{font-weight:700;color:var(--ink)}.cwb .shop-card a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}.cwb .shop-card a:hover{color:var(--cyan)}@media(min-width:1101px){.cwb #howCards{grid-template-columns:repeat(3,minmax(0,1fr))}}.cwb .inline-error,.cwb .m-alert{max-width:70ch;margin:12px 0 0;padding:10px 12px;border-radius:4px;background:#fdecea;color:#8a1c14;font-size:14px;font-weight:500;line-height:1.45}.cwb .m-alert{margin:0 0 16px}.cwb .link-btn{display:inline-flex;align-items:center;min-height:44px;padding:0;border:0;background:none;color:var(--blue);font-size:14px;font-weight:500;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;cursor:pointer}.cwb .link-btn:hover{color:var(--cyan)}.cwb .welcome{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:0 16px;max-width:924px;margin:20px 0 0;padding:4px 16px;border-radius:4px;background:var(--mist);font-size:14px;color:var(--text)}.cwb .welcome[hidden]{display:none}.cwb .welcome p{margin:0;padding:10px 0}.cwb .welcome strong{color:var(--ink)}.cwb .terms-step{max-width:70ch}.cwb .terms{display:grid;gap:10px;margin:12px 0 0;padding:0;list-style:none}.cwb .terms li{position:relative;padding-left:18px;font-size:14px;line-height:1.55;color:var(--text)}.cwb .terms li:before{content:"";position:absolute;left:2px;top:.62em;width:6px;height:6px;border-radius:50%;background:var(--blue)}.cwb .terms strong{color:var(--ink)}.cwb .terms a{color:var(--blue);text-decoration-thickness:1px;text-underline-offset:3px}.cwb .terms a:hover{color:var(--cyan)}.cwb .agree{position:relative;display:grid;grid-template-columns:auto minmax(0,1fr);gap:12px;align-items:start;margin:18px 0 0;padding:14px 16px;border:1px solid var(--line-strong);border-radius:4px;background:var(--paper);color:var(--ink);font-size:14px;font-weight:500;line-height:1.45;cursor:pointer;transition:border-color .15s,background-color .15s}.cwb .agree:hover{border-color:var(--blue)}.cwb .agree>input{position:absolute;opacity:0;pointer-events:none}.cwb .agree .tg-box{grid-row:auto}.cwb .agree:has(>input:checked){border-color:var(--blue);box-shadow:inset 0 0 0 1px var(--blue);background:var(--mist)}.cwb .agree:has(>input:checked) .tg-box{background:var(--blue);border-color:var(--blue)}.cwb .agree:has(>input:checked) .tg-box svg{opacity:1}.cwb .agree:has(>input:focus-visible){outline:3px solid var(--blue);outline-offset:2px}.cwb .btn-primary.m-only{display:none}.cwb .notes-step{max-width:70ch}.cwb .notes-title{margin:0;font-size:18px;font-weight:700;line-height:1.3;color:var(--ink)}.cwb .notes-help{margin:6px 0 12px;font-size:14px;line-height:1.5;color:var(--muted)}.cwb .notes-step textarea{display:block;width:100%;min-height:128px;padding:12px 14px;border:1px solid var(--field-line);border-radius:4px;background:var(--paper);font-size:16px;line-height:1.5;resize:vertical;caret-color:var(--blue)}.cwb .notes-step textarea:focus{outline:3px solid var(--blue);outline-offset:2px;border-color:var(--blue)}.cwb .measure-head{display:flex;flex-wrap:wrap;align-items:flex-start;justify-content:space-between;gap:8px 24px;margin-bottom:16px}.cwb .measure-head>p{margin:0;max-width:60ch;font-size:14px;color:var(--muted)}.cwb .measure-tools{display:grid;justify-items:end;gap:2px}.cwb .progress{font-size:13px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums;white-space:nowrap}.cwb .progress-bar{width:160px;height:4px;margin-top:4px;border-radius:4px;background:var(--line);overflow:hidden}.cwb .progress-bar i{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left center;transition:transform .25s}.cwb .measure.is-folded .measure-body{display:none}.cwb .measure.is-folded .measure-head{margin-bottom:0}.cwb .rows-toggle{display:none}.cwb .measure-grid{display:grid;grid-template-columns:clamp(260px,40%,360px) minmax(0,1fr);gap:28px;align-items:start}.cwb .stage{position:sticky;top:calc(var(--cwb-top, 0px) + 16px);margin:0;display:grid;gap:12px}.cwb .stage-box{position:relative;height:clamp(380px,calc(100vh - var(--cwb-top, 0px) - 250px),600px);border-radius:4px;background:var(--mist);overflow:hidden}.cwb .stage-box>svg{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%}.cwb .stage-bar{position:absolute;z-index:2;top:10px;left:10px;right:10px;display:flex;justify-content:space-between;align-items:center;gap:8px;pointer-events:none}.cwb .stage-bar>*{pointer-events:auto}.cwb .stage-views{display:inline-flex;gap:2px;padding:3px;border-radius:999px;background:var(--paper);box-shadow:0 0 0 1px var(--line),0 3px 8px -4px #1113164d}.cwb .stage-views button,.cwb .stage-whole{position:relative;min-height:32px;padding:0 13px;border:0;border-radius:999px;background:transparent;color:var(--text);font-size:13px;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s}.cwb .stage-whole{display:inline-flex;align-items:center;gap:7px;background:var(--paper);box-shadow:0 0 0 1px var(--line),0 3px 8px -4px #1113164d}.cwb .stage-whole svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.cwb .stage-views button[aria-pressed=true],.cwb .stage-whole[aria-pressed=true]{background:var(--ink);color:#fff}.cwb .stage-views button:not([aria-pressed=true]):hover,.cwb .stage-whole:not([aria-pressed=true]):hover{background:var(--cyan);color:var(--ink)}.cwb .stage-views button:after,.cwb .stage-whole:after{content:"";position:absolute;top:-6px;right:-1px;bottom:-6px;left:-1px}.cwb .stage-tags{position:absolute;top:0;right:0;bottom:0;left:0;z-index:1;overflow:hidden;pointer-events:none}.cwb .tag{position:absolute;left:0;top:0;white-space:nowrap;padding:6px 11px;border-radius:999px;font-size:12px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.cwb .tag b{margin-right:6px}.cwb .tag span{margin-left:8px;padding-left:8px;border-left:1px solid rgba(17,19,22,.28);font-weight:500}.cwb .tag--active{background:var(--cyan);color:var(--ink);box-shadow:0 6px 14px -8px #005f87bf}.cwb .tag--hover{background:var(--ink);color:#fff;box-shadow:0 6px 14px -8px #11131699}.cwb .tag--hover span{border-left-color:#ffffff4d}.cwb .tag--value{padding:4px 8px;font-size:11px;background:var(--paper);color:var(--blue-deep);box-shadow:0 0 0 1px #0077a859}.cwb .tag--odd{color:var(--amber);box-shadow:0 0 0 1px #9a5b0080}.cwb .stage-now{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;gap:8px}.cwb .now-text{min-width:0;text-align:center}.cwb .now-name{margin:0;font-size:15px;font-weight:700;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}.cwb .now-name b{display:inline-block;margin-right:8px;padding:2px 7px;border-radius:4px;background:var(--cyan);color:var(--ink);font-size:11px;line-height:1.3;vertical-align:1px}.cwb .now-meta{margin:3px 0 0;font-size:13px;line-height:1.4;color:var(--muted);font-variant-numeric:tabular-nums}.cwb .now-meta strong{color:var(--blue-deep)}.cwb .now-meta .odd{color:var(--amber);font-weight:700}.cwb .stage-step{width:44px;height:44px;display:grid;place-items:center;padding:0;border-radius:50%;border:1px solid var(--line-strong);background:var(--paper);color:var(--blue);cursor:pointer;transition:background-color .15s,border-color .15s,color .15s}.cwb .stage-step:hover:not(:disabled){background:var(--cyan);border-color:var(--cyan);color:var(--ink)}.cwb .stage-step:disabled{cursor:default;opacity:.35}.cwb .stage-step svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.cwb .legend{display:flex;flex-wrap:wrap;justify-content:center;gap:4px 16px;margin:0;font-size:12px;color:var(--muted)}.cwb .legend span{display:inline-flex;align-items:center;gap:6px}.cwb .legend svg{width:26px;height:12px}.cwb .legend svg.dot{width:12px}.cwb #bodyFig .mk polyline{fill:none;stroke:var(--blue);vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round;transition:opacity .2s,stroke-width .15s}.cwb #bodyFig .mk .k-near,.cwb #bodyFig .mk .k-tick{stroke-width:1.5;opacity:.5}.cwb #bodyFig .mk .k-far{stroke-width:1.2;stroke-dasharray:3 3;opacity:.3}.cwb #bodyFig .mk .k-lead{stroke-width:1;stroke-dasharray:2 3;opacity:.4}.cwb #bodyFig .mk.is-done .k-near,.cwb #bodyFig .mk.is-done .k-tick{stroke-width:2.2;opacity:1}.cwb #bodyFig .mk.is-done .k-far,.cwb #bodyFig .mk.is-done .k-lead{opacity:.65}.cwb #bodyFig .mk.is-odd polyline:not(.k-hit){stroke:var(--amber)}.cwb #bodyFig .mk.is-dim{opacity:.35}.cwb #bodyFig .mk.is-hover polyline:not(.k-hit){stroke:var(--blue-deep);opacity:1}.cwb #bodyFig .mk.is-hover .k-near,.cwb #bodyFig .mk.is-hover .k-tick{stroke-width:2.8}.cwb #bodyFig .mk.is-active{display:none}.cwb #bodyFig .mk .k-hit{stroke:transparent;stroke-width:18;opacity:1;stroke-dasharray:none;pointer-events:stroke;cursor:pointer}.cwb #bodyFig .tape polyline{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}.cwb #bodyFig .t-edge{stroke:var(--blue-deep);stroke-width:7}.cwb #bodyFig .t-near{stroke:var(--cyan);stroke-width:4.5}.cwb #bodyFig .t-ticks{stroke:#fff;stroke-width:4.5;stroke-dasharray:1 6;stroke-linecap:butt;opacity:.85}.cwb #bodyFig .t-far{stroke:var(--cyan);stroke-width:2.6;stroke-dasharray:5 4;opacity:.7}.cwb #bodyFig .t-lead{stroke:var(--blue-deep);stroke-width:1.4;stroke-dasharray:2 4}.cwb #bodyFig .t-end{stroke:var(--blue-deep);stroke-width:2.4}.cwb #bodyFig .t-start{fill:#fff;stroke:var(--blue-deep);stroke-width:2.4;vector-effect:non-scaling-stroke}.cwb #bodyFig .t-head{fill:var(--cyan);stroke:#fff;stroke-width:2;vector-effect:non-scaling-stroke}.cwb #bodyFig .t-pulse{fill:none;stroke:var(--cyan);stroke-width:2;vector-effect:non-scaling-stroke;opacity:0;transform-box:fill-box;transform-origin:center;animation:cwb-tpulse 1.5s cubic-bezier(.16,1,.3,1) .15s 3}.cwb #bodyFig .t-scale rect{fill:#fff;stroke:var(--blue-deep);stroke-width:1.5;vector-effect:non-scaling-stroke}.cwb #bodyFig .t-scale .lcd{fill:var(--cyan);stroke:none}@keyframes cwb-tpulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(2.8)}}.cwb .m-fields{display:grid;gap:22px;min-width:0}.cwb .m-group h3{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cwb .m-row{display:grid;grid-template-columns:36px minmax(0,1fr) 104px;gap:4px 12px;align-items:center;padding:10px 8px;border-radius:4px;border-top:1px solid var(--line);cursor:pointer;transition:background-color .15s}.cwb .m-row:first-of-type{border-top:0}.cwb .m-row.is-active{background:var(--mist)}.cwb .m-row.is-hover:not(.is-active){background:#f3f7f9a6}.cwb .m-code{width:30px;height:22px;border-radius:4px;display:grid;place-items:center;font-size:12px;font-weight:800;letter-spacing:.02em;color:var(--blue);border:1px solid currentColor}.cwb .m-row.is-active .m-code{background:var(--cyan);border-color:var(--cyan);color:var(--ink)}.cwb .m-row.is-done .m-code{background:var(--blue);border-color:var(--blue);color:#fff}.cwb .m-name{font-size:14px;font-weight:700;color:var(--ink);line-height:1.3}.cwb .m-how{grid-column:2;font-size:13px;line-height:1.45;color:var(--muted)}.cwb .m-input{grid-row:span 2;align-self:center;display:flex;align-items:center;border:1px solid var(--field-line);border-radius:4px;background:var(--paper);height:42px;line-height:1}.cwb .m-input:focus-within{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.cwb .m-input input{width:100%;min-width:0;height:100%;border:0;background:transparent;padding:0 4px 0 12px;font-size:16px;line-height:1;font-variant-numeric:tabular-nums;outline:none;caret-color:var(--blue)}.cwb .m-input span{padding-right:10px;font-size:13px;line-height:1;color:var(--muted)}.cwb .m-note{grid-column:2 / -1;display:none;margin-top:2px;font-size:12px;font-weight:700;line-height:1.4}.cwb .m-row.is-bad .m-input{border-color:#b3261e;box-shadow:0 0 0 1px #b3261e}.cwb .m-row.is-bad .m-note.bad{display:block;color:#b3261e}.cwb .m-row.is-odd:not(.is-bad) .m-input{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber)}.cwb .m-row.is-odd:not(.is-bad) .m-note.odd{display:block;color:var(--amber)}.cwb .tips{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px 16px;margin:0 0 20px;padding:16px;border-radius:4px;background:var(--mist)}.cwb .tips p{margin:0;font-size:13px;line-height:1.45;color:var(--muted)}.cwb .tips strong{display:block;color:var(--ink);font-size:13px}.cwb .form-error{margin:12px 0 0;padding:10px 12px;border-radius:4px;background:#fdecea;color:#8a1c14;font-size:14px}.cwb .rail{position:sticky;top:calc(var(--cwb-top, 0px) + 24px)}.cwb .rail-card{display:flex;flex-direction:column;max-height:calc(100vh - var(--cwb-top, 0px) - 48px);background:var(--ink);color:var(--rail-text);border-radius:4px;box-shadow:0 18px 40px -18px #11131673;outline:none}.cwb .rail-scroll{flex:1 1 auto;min-height:0;overflow:auto;padding:22px 24px 16px;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.28) transparent}.cwb .rail-fixed{flex:none;padding:0 24px 18px}.cwb .rail-scroll.is-clipped{-webkit-mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent);mask-image:linear-gradient(to bottom,#000 calc(100% - 32px),transparent)}.cwb .rail-label{margin:0;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--rail-muted)}.cwb .rail-fig{display:grid;grid-template-columns:112px minmax(0,1fr);gap:16px;align-items:center;margin:14px 0 6px}.cwb .rail-fig svg{width:112px;height:224px;display:block}.cwb .writeup{margin:0;font-size:15px;line-height:1.55;color:#fff;text-wrap:pretty}.cwb .writeup b{font-weight:700}.cwb .lines{list-style:none;margin:16px 0 0;padding:14px 0 0;border-top:1px solid var(--rail-line);display:grid;gap:8px}.cwb .lines li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;font-size:14px;line-height:1.4}.cwb .lines li>span:last-child{font-variant-numeric:tabular-nums;color:#fff;white-space:nowrap}.cwb .lines li small{display:block;color:var(--rail-muted);font-size:12px}.cwb .lines li.pending>span:first-child{color:var(--rail-muted)}.cwb .lines li.pending>span:last-child{color:var(--rail-muted);font-size:13px}.cwb .lines li.note-line small{overflow-wrap:anywhere}.cwb .rail-edit{align-self:start;min-height:32px;padding:0 12px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:none;color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.cwb .rail-edit:hover{background:var(--cyan);border-color:var(--cyan);color:var(--ink)}.cwb .total{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin:0;padding-top:14px;border-top:1px solid var(--rail-line)}.cwb .total span{font-size:12px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--rail-muted)}.cwb .total strong{font-size:24px;font-weight:800;color:#fff;font-variant-numeric:tabular-nums}.cwb .rail-next{margin:6px 0 0;font-size:13px;line-height:1.4;color:var(--rail-text);text-align:right}.cwb .btn-primary{display:flex;width:100%;align-items:center;justify-content:center;gap:10px;min-height:56px;margin-top:14px;border:0;border-radius:999px;background:var(--blue);color:#fff;font-size:clamp(.875rem,.8115rem + .1587vw,1rem);font-weight:500;cursor:pointer;transition:background-color .2s,color .2s}.cwb .btn-primary:hover{background:var(--cyan);color:var(--ink)}.cwb .btn-primary:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}.cwb .promise{display:grid;gap:10px;margin:16px 0 0;padding-top:14px;border-top:1px solid var(--rail-line)}.cwb .promise-cred{margin:0;font-size:12px;font-weight:700;line-height:1.4;color:#fff}.cwb .next{list-style:none;margin:0;padding:0;display:grid;gap:8px;counter-reset:nx}.cwb .next li{display:grid;grid-template-columns:20px minmax(0,1fr);gap:8px;font-size:13px;line-height:1.45;color:var(--rail-text)}.cwb .next li:before{counter-increment:nx;content:counter(nx);width:20px;height:20px;border-radius:50%;border:1px solid var(--rail-line);display:grid;place-items:center;font-size:11px;color:var(--rail-muted)}.cwb .promise-facts{display:grid;gap:6px;margin:0;padding:0;list-style:none}.cwb .promise-facts li{position:relative;padding-left:14px;font-size:13px;line-height:1.45;color:#fff}.cwb .promise-facts li:before{content:"";position:absolute;left:0;top:.55em;width:6px;height:6px;border-radius:50%;background:var(--cyan)}.cwb .promise-terms{justify-self:start;display:inline-flex;align-items:center;min-height:44px;color:var(--rail-text);font-size:13px;text-decoration-thickness:1px;text-underline-offset:3px}.cwb .promise-terms:hover{color:var(--cyan)}.cwb .promise-call{margin:12px 0 0;font-size:13px;color:var(--rail-text);text-align:center}.cwb .promise-call a{color:#fff;font-weight:700;text-decoration-thickness:1px;text-underline-offset:3px}.cwb .promise-call a:hover{color:var(--cyan)}.cwb .rail-backdrop,.cwb .mbar{display:none}.cwb .toast{position:fixed;left:50%;bottom:24px;transform:translate(-50%);z-index:40;max-width:min(92vw,460px);padding:14px 18px;border-radius:4px;background:var(--ink);color:#fff;font-size:14px;box-shadow:0 10px 30px -10px #00000080}@media(max-height:820px){.cwb .rail-fig{grid-template-columns:84px minmax(0,1fr);margin-top:10px}.cwb .rail-fig svg{width:84px;height:168px}}@media(max-width:1100px){.cwb .builder{grid-template-columns:minmax(0,1fr) 340px;gap:28px}.cwb .tiles--4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:900px){.cwb{--gutter: 20px}.cwb .builder{grid-template-columns:minmax(0,1fr);margin-bottom:120px}.cwb .rail{position:fixed;left:0;right:0;bottom:0;top:auto;z-index:30;padding:0 12px calc(76px + var(--cwb-inset, 0px) + env(safe-area-inset-bottom,0px));transform:translateY(110%);transition:transform .3s ease;pointer-events:none}.cwb .rail.is-open{transform:none;pointer-events:auto}.cwb .rail-card{max-height:calc(100dvh - 92px - var(--cwb-sheet-top, var(--cwb-top, 0px)) - var(--cwb-inset, 0px) - env(safe-area-inset-bottom,0px))}.cwb .rail-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:25;background:#11131680}.cwb .rail-backdrop[hidden]{display:none}.cwb .mbar{display:flex;position:fixed;left:0;right:0;bottom:var(--cwb-inset, 0px);z-index:35;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px calc(12px + env(safe-area-inset-bottom,0px));background:var(--ink);color:#fff;transition:none}.cwb.kb-up .mbar{transform:translateY(110%);transition:transform .2s ease}.cwb :is(input,button,a,summary,textarea,select){scroll-margin-top:calc(var(--cwb-top, 0px) + 16px);scroll-margin-bottom:calc(96px + var(--cwb-inset, 0px))}.cwb .mbar-total{display:grid;min-width:0;line-height:1.25}.cwb .mbar-total strong{font-size:18px;font-weight:800;font-variant-numeric:tabular-nums}.cwb .mbar-total small{overflow:hidden;font-size:12px;color:var(--rail-muted);text-overflow:ellipsis;white-space:nowrap}.cwb .mbar button{flex:none;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.4);background:transparent;color:#fff;font-size:14px;font-weight:500;cursor:pointer}.cwb .measure-grid{grid-template-columns:minmax(0,1fr);gap:14px}.cwb .fit-panel.measure{padding:14px}.cwb .measure-tools{justify-items:start}.cwb .stage{top:var(--cwb-top, 0px);z-index:5;gap:8px;margin:0 -14px;padding:8px 14px 10px;background:var(--paper);box-shadow:0 14px 16px -18px #1113168c}.cwb .stage-box{height:212px}.cwb .stage .legend{display:none}.cwb .m-row{scroll-margin-top:calc(var(--cwb-top, 0px) + 300px);scroll-margin-bottom:calc(96px + var(--cwb-inset, 0px) + env(safe-area-inset-bottom,0px))}.cwb .measure.is-stepper .stage{position:relative;top:auto;margin:0;padding:0;background:none;box-shadow:none}.cwb .measure.is-stepper .stage-box{height:240px}.cwb .measure.is-stepper .m-group:not(:has(.m-row.is-active)){display:none}.cwb .measure.is-stepper .m-row:not(.is-active){display:none}.cwb .measure.is-stepper .m-row.is-active{border-top:0}.cwb .rows-toggle{display:inline-flex;margin-top:4px}.cwb .fit-cards{grid-template-columns:minmax(0,1fr)}.cwb .extra-opts{padding-left:16px}.cwb .notes-step,.cwb .terms-step{max-width:none}.cwb .btn-primary.m-only{display:flex}.cwb .toast{bottom:calc(84px + var(--cwb-inset, 0px) + env(safe-area-inset-bottom,0px))}}@media(max-width:560px){.cwb .tiles,.cwb .tiles--4{grid-template-columns:repeat(2,minmax(0,1fr))}.cwb .tile{padding:14px 12px 16px}.cwb .suit-mini{height:112px}.cwb .seg--thick{grid-template-columns:repeat(2,minmax(0,1fr))}.cwb .place-grid{display:grid;grid-template-columns:minmax(0,1fr)}.cwb .m-row{grid-template-columns:34px minmax(0,1fr) 96px;padding-inline:4px}.cwb .toggles{grid-template-columns:minmax(0,1fr)}}@media(prefers-reduced-motion:reduce){.cwb,.cwb *{transition:none!important;scroll-behavior:auto!important}.cwb #bodyFig .t-pulse{animation:none}}.cwb{display:block}.cwb .cwb-loading{margin:32px 0 96px;color:var(--muted)}.cwb[data-mode=measure] .builder{grid-template-columns:minmax(0,1fr);max-width:980px}.cwb[data-mode=measure] .tile-price{display:none}.cwb .cwb-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr));gap:14px 18px;max-width:760px}.cwb .cwb-field{display:grid;gap:6px}.cwb .cwb-field label{font-size:14px;font-weight:700;color:var(--ink)}.cwb .cwb-field input,.cwb .cwb-field textarea{width:100%;min-height:46px;padding:10px 12px;border:1px solid var(--field-line);border-radius:4px;background:var(--paper);font:inherit;font-size:16px;color:var(--text)}.cwb .cwb-field textarea{min-height:96px;resize:vertical}.cwb .cwb-field input:focus,.cwb .cwb-field textarea:focus{outline:3px solid var(--blue);outline-offset:2px;border-color:var(--blue)}.cwb .cwb-send{display:grid;gap:10px;justify-items:start;max-width:70ch}.cwb .cwb-send .btn-primary{width:auto;min-width:280px;padding:0 32px}.cwb .cwb-sent{max-width:70ch;margin:24px 0 96px;padding:22px 24px;border-radius:4px;background:var(--mist)}.cwb .cwb-sent h2{margin:0 0 8px;font-size:20px;font-weight:800;text-transform:uppercase;color:var(--ink)}.cwb .cwb-sent p{margin:0}.cwb .tg-price small{display:block;margin-top:1px;font-size:12px;font-weight:500;color:var(--muted)}.cwb .x-help{margin:10px 0 0;font-size:13px;line-height:1.5;color:var(--muted)}.cwb .x-help a{color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.cwb .x-help a:hover{color:var(--cyan)}.cwb .size-guide--first{margin:0 0 6px}.cwb .size-chart+.seg-label{margin-top:18px}.cwb .panel-open{display:inline-flex;margin-top:16px}.cwb .seg input:checked+span .sw{box-shadow:0 0 0 2px #fff,0 0 0 3px #11131640}.cwb .m-alert,.cwb .inline-error,.cwb .extra,.cwb .m-row,.cwb .seg,.cwb .fit-cards,.cwb .tiles{scroll-margin-top:calc(var(--cwb-top, 0px) + 16px)}.cwb .m-input input:focus,.cwb .m-input input:focus-visible{box-shadow:none!important;outline:none!important}body:has(.cwb .m-input input:focus,.cwb #notes:focus,.cwb .cwb-fields input:focus) .contact-dock{opacity:0;visibility:hidden;pointer-events:none}.cwb .rtw{margin-top:14px}.cwb .rtw:empty{display:none}.cwb .rtw .size-guide{margin-top:0}.cwb .rtw-line{display:flex;flex-wrap:wrap;align-items:center;column-gap:12px;margin:0;padding-top:4px;border-top:1px solid var(--line);font-size:14px;line-height:1.5;color:var(--text)}.cwb .rtw-wait{padding-top:14px;border-top:1px solid var(--line)}.cwb .rtw-list{padding-top:4px}.cwb .rtw-list[hidden]{display:none}.cwb .rtw-row{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:168px;gap:12px;margin:12px 0 0;padding:4px;list-style:none;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x proximity}.cwb .rtw-row>li{display:flex;margin:0}.cwb .rtw-card{position:relative;flex:1;scroll-snap-align:start;display:grid;gap:3px;align-content:start;padding:0 0 12px;border:1px solid var(--line-strong);border-radius:4px;background:var(--paper);color:var(--text);text-decoration:none;transition:border-color .15s,box-shadow .15s}.cwb .rtw-card:hover{border-color:var(--blue);box-shadow:0 0 0 1px var(--blue)}.cwb .rtw-card:focus-visible{outline:3px solid var(--blue);outline-offset:-1px;box-shadow:none}.cwb .rtw-img{display:block;aspect-ratio:1 / 1;margin-bottom:7px;border-bottom:1px solid var(--line);border-radius:4px 4px 0 0;background:#fff;overflow:hidden}.cwb .rtw-img img{display:block;width:100%;height:100%;object-fit:contain}.cwb .rtw-brand,.cwb .rtw-name,.cwb .rtw-size,.cwb .rtw-price{padding:0 12px}.cwb .rtw-brand{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.cwb .rtw-name{font-size:14px;font-weight:500;line-height:1.35;color:var(--ink)}.cwb .rtw-size{font-size:13px;color:var(--muted)}.cwb .rtw-price{margin-top:2px;font-size:14px;font-weight:700;color:var(--ink);font-variant-numeric:tabular-nums}.cwb .rtw-price s{margin-left:4px;font-weight:400;color:var(--muted)}.cwb .rtw-zips{margin-top:10px}.cwb .rtw-zips strong{color:var(--ink);font-weight:700}.cwb .rtw-all{margin:4px 0 0;font-size:14px}.cwb .rtw-all a{display:inline-flex;align-items:center;min-height:44px;font-weight:500}.cwb :is(p,li) a:not([class]){color:var(--blue);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}.cwb :is(p,li) a:not([class]):hover{color:var(--cyan)}.cwb .rail :is(p,li) a:not([class]){color:#fff}.cwb .rail :is(p,li) a:not([class]):hover{color:var(--cyan)}.cwb .visually-hidden{position:absolute!important;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}@container dg (min-width: 960px){:root:has(.cwb[data-mode=build]) .dg-deck__top:has(.gbd-switch){grid-template-columns:minmax(0,1fr) 340px;column-gap:28px}}@media(min-width:1101px){@container dg (min-width: 960px){:root:has(.cwb[data-mode=build]) .dg-deck__top:has(.gbd-switch){grid-template-columns:minmax(0,1fr) 380px;column-gap:40px}}}
/*# sourceMappingURL=/cdn/shop/t/210/assets/custom-wetsuit-builder.css.map */
