:root{--veh:#F2F2F2;--main:#1C1C1C;--acc:#C8102E;--bcol:#C8102E;--tcol:#C8102E}.hood-builder,.hood-builder *{overflow-anchor:none}.hood-builder{width:100%;--hb-acc:234,72,74;--hb-txt:rgba(255,255,255,.72);--hb-strong:rgba(255,255,255,.92);--hb-dim:rgba(255,255,255,.52);--hb-line:rgba(255,255,255,.1);color:var(--hb-txt);font:inherit;margin:14px 0 0}.hood-builder *{box-sizing:border-box}.hood-builder .hb-head{margin:0 0 14px}.hood-builder .hb-title{margin:0;font-size:19px;font-weight:700;color:var(--hb-strong)}.hood-builder .hb-sub{margin:3px 0 0;font-size:13px;color:var(--hb-dim);line-height:1.4}.hood-builder .hb-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(340px,.75fr);gap:34px;align-items:start;width:100%}.hood-builder .hb-col-preview,.hood-builder .hb-col-steps{min-width:0}.hood-builder .hb-col-preview{position:sticky;top:20px}@media(max-width:1100px){.hood-builder .hb-grid{grid-template-columns:1fr;gap:16px}.hood-builder .hb-col-preview{position:sticky;top:8px;z-index:3;background:var(--hb-bgsticky,transparent);padding-bottom:6px}}@media(max-width:749px){.hood-builder .step>h2{font-size:16px}.hood-builder .step>h2 .sum{max-width:56%;font-size:11.5px;padding:4px 9px}.hood-builder button.opt{font-size:14px;padding:10px 13px;min-height:42px}.hood-builder button.opt.sw-btn{width:38px;height:38px;min-height:0}.hood-builder #g-des{grid-template-columns:repeat(auto-fill,minmax(104px,1fr))}.hood-builder .badgerow{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.hood-builder select,.hood-builder input[type=text],.hood-builder textarea{font-size:16px;padding:11px}.hood-builder .tot .amt{font-size:22px}.hood-builder input[type=range]{height:28px}}.hood-builder .stage{position:relative;width:100%;min-width:260px;aspect-ratio:1;background:#0d0f11;border:1px solid var(--hb-line);border-radius:14px;overflow:hidden}.hood-builder .stage img,.hood-builder .veh>img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;display:block}.hood-builder .veh{position:absolute;top:0;right:0;bottom:0;left:0}.hood-builder .veh[hidden]{display:none}.hood-builder .paint{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--veh);-webkit-mask-size:100% 100%;mask-size:100% 100%;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat}.hood-builder .paint .sh{mix-blend-mode:multiply}.hood-builder .paint .sp{mix-blend-mode:screen}.hood-builder .veil{position:absolute;top:0;right:0;bottom:0;left:0;background:#0d0f11;display:flex;align-items:center;justify-content:center;text-align:center;padding:30px;color:var(--hb-dim);font-size:13px}.hood-builder .cap{position:absolute;left:12px;bottom:12px;background:#000000a6;color:#fff;font-size:11px;padding:4px 10px;border-radius:20px}.hood-builder .decal{position:absolute}.hood-builder .decal[hidden]{display:none}.hood-builder svg.decal{pointer-events:none;overflow:visible}.hood-builder .ctxt,.hood-builder .uimg,.hood-builder .hrot,.hood-builder .hsize,.hood-builder .ihrot,.hood-builder .ihsize,.hood-builder .hrot *,.hood-builder .hsize *,.hood-builder .ihrot *,.hood-builder .ihsize *{pointer-events:all}.hood-builder .hrot:active,.hood-builder .ihrot:active{cursor:grabbing}.hood-builder .ctxt,.hood-builder .uimg{cursor:move}.hood-builder .stage,.hood-builder svg.decal,.hood-builder .uimg,.hood-builder .ctxt,.hood-builder .bwrap{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;touch-action:none}.hood-builder .hrot,.hood-builder .ihrot{cursor:grab}.hood-builder .hsize,.hood-builder .ihsize{cursor:nwse-resize}.hood-builder .decal .outer{fill:var(--main);stroke:var(--main);stroke-width:.9;stroke-linejoin:round}.hood-builder .decal.b-on .outer{fill:var(--bcol);stroke:none}.hood-builder .decal.b-acc .outer{fill:var(--acc);stroke:none}.hood-builder .decal .gs{fill:none;stroke:var(--acc)}.hood-builder .decal .pn{fill:var(--main);stroke:var(--main);stroke-width:.6;stroke-linejoin:round}.hood-builder .decal .gf{fill:var(--acc)}.hood-builder .decal .cutp{fill:var(--main)}.hood-builder .decal .solid{display:inline}.hood-builder .decal .cutp,.hood-builder .decal .rim{display:none}.hood-builder .step{border-top:1px solid var(--hb-line);padding-top:12px;margin-top:14px}.hood-builder .step:first-of-type{border-top:0;padding-top:0;margin-top:0}.hood-builder .step.locked{opacity:.4;pointer-events:none}.hood-builder .step>h2{margin:0 0 12px;font-size:17px;font-weight:750;letter-spacing:.1px;color:#fff;display:flex;gap:9px;align-items:center;text-transform:none;line-height:1.3}.hood-builder .step>h2 b{width:24px;height:24px;font-size:12px;border-radius:50%;background:rgba(var(--hb-acc),1);color:#fff;font-size:11px;display:grid;place-items:center;flex:none;font-weight:800}.hood-builder .step.done>h2 b{background:#ffffff2e}.hood-builder .step>h2 .sum{margin-left:auto;font:inherit;font-size:12px;letter-spacing:0;background:#ffffff0f;border:1px solid var(--hb-line);border-radius:20px;padding:4px 11px;cursor:pointer;color:var(--hb-txt);display:flex;gap:6px;align-items:center;max-width:64%}.hood-builder .step>h2 .sum span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hood-builder .step>h2 .sum i{font-style:normal;color:var(--hb-dim)}.hood-builder .grp{margin-bottom:12px}.hood-builder .grp:last-child{margin-bottom:0}.hood-builder .lb{font-size:13px;letter-spacing:.01em;text-transform:none;color:#fff;font-weight:650;margin-bottom:8px}.hood-builder .row{display:flex;flex-wrap:wrap;gap:7px}.hood-builder #g-des{display:grid;grid-template-columns:repeat(auto-fill,minmax(118px,1fr));gap:8px}.hood-builder #g-des button.opt{width:100%;text-align:center;padding:10px 8px}.hood-builder #g-veh,.hood-builder #g-main,.hood-builder #g-acc,.hood-builder #g-bcol,.hood-builder #g-tcol{gap:7px}.hood-builder #g-year,.hood-builder #g-model,.hood-builder #g-trim{width:100%}.hood-builder .step>h2{white-space:nowrap}.hood-builder button.opt{font:inherit;font-size:14px;cursor:pointer;background:#ffffff0a;border:1px solid var(--hb-line);border-radius:12px;padding:8px 12px;color:var(--hb-txt);text-align:left}.hood-builder button.opt:hover{border-color:#fff3;background:#ffffff12}.hood-builder button.opt[aria-pressed=true]{border-color:rgba(var(--hb-acc),.9);color:var(--hb-strong);box-shadow:0 0 0 1px rgba(var(--hb-acc),.5) inset}.hood-builder button.opt[disabled]{opacity:.3;cursor:not-allowed}.hood-builder button.big{display:block;width:100%;margin-bottom:6px;font-weight:650}.hood-builder .hoodgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.hood-builder button.hood{font:inherit;font-size:12px;cursor:pointer;background:#ffffff0a;border:1px solid var(--hb-line);border-radius:12px;padding:8px;color:var(--hb-txt);text-align:center}.hood-builder button.hood img{width:100%;display:block;margin-bottom:6px;border-radius:8px}.hood-builder button.hood[aria-pressed=true]{border-color:rgba(var(--hb-acc),.9);color:var(--hb-strong)}.hood-builder .sw-grid{display:flex;flex-wrap:wrap;gap:6px}.hood-builder button.opt.sw-btn{width:34px;height:34px;padding:5px;border-radius:10px}.hood-builder button.opt.sw-btn span{display:block;width:100%;height:100%;border-radius:5px;box-shadow:0 0 0 1px #00000059 inset}.hood-builder button.opt.sw-btn[aria-pressed=true]{outline:2px solid rgba(var(--hb-acc),1);outline-offset:1px}.hood-builder .sw-name{width:100%;font-size:13px;color:var(--hb-dim);margin-top:4px}.hood-builder .cut{background:repeating-linear-gradient(45deg,#777 0 4px,#fff 4px 8px)}.hood-builder select,.hood-builder input[type=text],.hood-builder textarea{font:inherit;font-size:13.5px;width:100%;padding:10px;border:1px solid var(--hb-line);border-radius:12px;background:#ffffff0a;color:var(--hb-strong);outline:none}.hood-builder select option{color:#111;background:#fff}.hood-builder input[type=range]{width:100%;accent-color:rgba(var(--hb-acc),1)}.hood-builder input[type=file]{font-size:12.5px;color:var(--hb-txt)}.hood-builder .num{font-weight:700;color:var(--hb-strong);letter-spacing:0;text-transform:none;margin-left:6px}.hood-builder .hint{font-size:12.5px;color:var(--hb-dim);margin:6px 0 0;line-height:1.45}.hood-builder .pill{font-size:11px;background:#ffffff14;border-radius:20px;padding:3px 10px;color:var(--hb-txt)}.hood-builder .dragnote{background:rgba(var(--hb-acc),.1);border:1px solid rgba(var(--hb-acc),.35);color:var(--hb-strong);font-size:12px;padding:8px 10px;border-radius:12px;margin:8px 0 0}.hood-builder .promise{background:#35d38a1a;border:1px solid rgba(53,211,138,.35);color:var(--hb-strong);border-radius:12px;padding:11px 13px;font-size:13px;line-height:1.45;margin-bottom:12px}.hood-builder .tot{margin-top:14px;padding-top:12px;border-top:1px solid var(--hb-line);display:flex;align-items:flex-end;justify-content:space-between;gap:10px;flex-wrap:wrap}.hood-builder .tot .amt{font-size:24px;font-weight:900;color:rgba(var(--hb-acc),1);line-height:1.05}.hood-builder .tot code{font:500 10.5px/1.5 ui-monospace,Menlo,monospace;color:var(--hb-dim);width:100%;word-break:break-word;overflow-wrap:anywhere;display:block;max-width:100%}.hood-builder [hidden]{display:none!important}@media(max-width:749px){.hood-builder .hoodgrid{grid-template-columns:repeat(2,1fr)}}.hood-builder input.othbox{width:100%;margin-top:8px;font-size:13.5px;padding:9px 11px;border:1px solid rgba(var(--hb-acc),.45);border-radius:11px;background:#ffffff0d;color:#fff}.hood-builder input.othbox::placeholder{color:var(--hb-dim)}.hood-builder button.opt.sw-btn[data-v=other] span{background:conic-gradient(#e33,#ee3,#3d3,#3dd,#33e,#e3e,#e33)!important}.hood-builder .imgnote{display:block;margin-top:4px;font-size:12px;font-weight:450;color:#ffffff8c;line-height:1.4;text-transform:none;letter-spacing:0}.hood-builder button.opt#s1next{background:rgba(var(--hb-acc),1);border-color:rgba(var(--hb-acc),1);color:#fff;text-align:left;font-weight:700;padding:13px 46px 13px 16px;position:relative;display:block;width:100%;box-shadow:0 2px 10px rgba(var(--hb-acc),.35)}.hood-builder button.opt#s1next span{display:block;font-size:15px;line-height:1.25}.hood-builder button.opt#s1next i{display:block;font-style:normal;font-weight:600;font-size:12.5px;opacity:.85;margin-top:2px}.hood-builder button.opt#s1next em{position:absolute;right:16px;top:50%;transform:translateY(-50%);font-style:normal;font-size:20px;line-height:1}.hood-builder button.opt#s1next:hover{background:rgba(var(--hb-acc),.88);border-color:rgba(var(--hb-acc),.88)}.hood-builder button.opt#s1next:active{transform:translateY(1px)}@media(max-width:749px){.hood-builder button.opt#s1next{padding:15px 44px 15px 15px;min-height:56px}.hood-builder button.opt#s1next span{font-size:16px}}.hood-builder .badgerow{display:grid;grid-template-columns:repeat(auto-fill,minmax(122px,1fr));gap:7px}.hood-builder button.opt.badgebtn{padding:9px 10px;display:flex;align-items:center;justify-content:center;background:#ffffff0d;min-height:42px}.hood-builder button.opt.badgebtn svg{width:100%;height:22px;display:block}.hood-builder button.opt.badgebtn.none{font-size:13px;color:var(--hb-dim)}.hood-builder .bwrap{cursor:move}.hood-builder .bwrap,.hood-builder .bhrot,.hood-builder .bhsize,.hood-builder .bhrot *,.hood-builder .bhsize *,.hood-builder .bwrap *{pointer-events:all}.hood-builder .sidebox{position:relative;width:100%;max-width:100%;border:1px solid var(--hb-line);border-radius:12px;overflow:hidden;background:#0d0f11}.hood-builder #sideimg{width:100%;display:block}.hood-builder #sidesvg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hood-builder #sidetext{text-transform:uppercase;letter-spacing:.04em}.hood-builder .cutnote{background:#ffffff0d;border-left:2px solid rgba(var(--hb-acc),.8);padding:8px 10px;border-radius:0 8px 8px 0;margin-top:8px;color:var(--hb-txt)}.hood-builder .tot{overflow-wrap:anywhere}
/*# sourceMappingURL=/cdn/shop/t/34/assets/hood-builder.css.map */