/******* Do not edit this file *******
Woody Code Snippets CSS and JS
Saved: Nov 11 2026 | 18:43:41 */
@import url('https://fonts.googleapis.com/css2?family=Archivo:wdth,wght@125,800;125,900&family=IBM+Plex+Mono:wght@500;600&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
/* tpc v2 order forms - shared styles
   Applies only to Gravity Forms with CSS class "tpc-form" (Form Settings > CSS Class Name).
   Child/nested forms also get "tpc-form-child". Colors match the tpc HARBOR palette.
   Managed in Woody Code Snippets. Edit here, not inside the forms. */
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper{--a1:#10507A;--a2:#C32D3B;--ink:#2B2F2E;--muted:#5A5F5D;--line2:#A9AAB0;--rule:#CBCBD0;--card:#F6F6F7;--surf:#DADADF;--bg:#E8E8EB;font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:15px;color:var(--ink);line-height:1.45}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper:not(.tpc-form-child_wrapper){background:var(--card);border:1px solid var(--rule);padding:24px;max-width:880px;margin-left:auto !important;margin-right:auto !important;box-sizing:border-box}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_title{font-family:'Archivo',system-ui,sans-serif;font-weight:900;font-stretch:125%;text-transform:uppercase;font-size:clamp(26px,4vw,42px);line-height:.95;letter-spacing:-.025em;color:var(--ink)}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_description{color:var(--muted)}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gsection{background:var(--surf);border:0 !important;border-top:3px solid var(--a1) !important;padding:10px 14px !important;margin-top:24px !important;min-height:0 !important}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gsection .gsection_title{padding:0 !important;line-height:1.2 !important}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gsection .gsection_title{font-family:'Archivo',system-ui,sans-serif;font-weight:800;font-stretch:125%;text-transform:uppercase;font-size:17px;letter-spacing:-.005em;margin:0;color:var(--ink)}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gsection_description{color:var(--muted);font-size:14px;margin-top:4px}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gfield_label,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper legend.gfield_label{font-family:'IBM Plex Sans',system-ui,sans-serif;font-weight:600;font-size:14px;color:var(--ink)}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gfield_required{color:var(--a2)}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gfield_description{color:var(--muted);font-size:13px}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-chips .gfield_radio,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-chips .gfield_checkbox{display:flex !important;flex-direction:row !important;flex-wrap:wrap !important;gap:6px !important;align-items:stretch}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-chips .gchoice{margin:0 !important;padding:0 !important;position:relative;display:block;width:auto !important}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-chips .gchoice input{position:absolute !important;opacity:0 !important;width:1px !important;height:1px !important;margin:0 !important;pointer-events:none}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-chips .gchoice label{display:inline-flex !important;align-items:center;min-height:44px;padding:0 14px !important;margin:0 !important;max-width:none !important;border:1px solid var(--line2);border-radius:0;background:#fff;color:var(--ink);font-family:'IBM Plex Sans',system-ui,sans-serif;font-weight:500;font-size:14px;cursor:pointer;line-height:1.2}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-chips .gchoice label::before,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-chips .gchoice label::after{display:none !important}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-chips .gchoice label:hover{border-color:var(--ink)}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-chips .gchoice input:checked+label{background:var(--a1);border-color:var(--a1);color:#fff;font-weight:600}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-chips .gchoice input:focus-visible+label{outline:2px solid var(--a1);outline-offset:1px}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper input[type=text],body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper input[type=email],body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper input[type=tel],body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper input[type=number],body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper select,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper textarea{min-height:44px;border:1px solid var(--line2) !important;border-radius:0 !important;background:#fff;padding:0 12px;font-family:'IBM Plex Sans',system-ui,sans-serif;font-size:15px;color:var(--ink);box-shadow:none}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper textarea{padding:10px 12px;min-height:84px}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper input:focus,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper select:focus,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper textarea:focus{outline:2px solid var(--a1);outline-offset:1px}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gfield--type-checkbox:not(.tpc-chips) input[type=checkbox]{accent-color:var(--a1);width:20px;height:20px}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_drop_area{border:2px dashed var(--line2);border-radius:0;background:#fff}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-notice{padding:12px 14px;font-size:14px;background:#FFF5CF;color:#4F4300;border:1px solid #FFD12E}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_next_button,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_button,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-add-entry,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_button_select_files{min-height:48px;padding:0 28px !important;border:0 !important;border-radius:0 !important;background:var(--a1) !important;color:#fff !important;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;box-shadow:none;cursor:pointer}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_next_button:hover,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_button:hover,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-add-entry:hover{background:#FFD12E !important;color:var(--ink) !important}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_previous_button{min-height:48px;padding:0 20px !important;border:0 !important;border-radius:0 !important;background:transparent !important;color:var(--ink) !important;box-shadow:inset 0 0 0 2px var(--ink) !important;font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_save_link{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gf_step{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;letter-spacing:.1em;text-transform:uppercase}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gf_step_active .gf_step_number{background:var(--a1) !important;border-color:var(--a1) !important;color:#fff !important}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gf_step_completed .gf_step_number::before{background:var(--a1) !important;border-color:var(--a1) !important}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_validation_errors{border-radius:0;border-left:4px solid var(--a2)}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gf_progressbar_wrapper{margin-bottom:8px}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gf_progressbar_title{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);margin:0 0 6px}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gf_progressbar{background:var(--surf) !important;border-radius:0 !important;height:10px;padding:0 !important;box-shadow:none !important}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gf_progressbar_percentage{background:var(--a1) !important;border-radius:0 !important;height:10px !important;color:transparent !important}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gf_progressbar_percentage span{display:none}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--rule)}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries th{font-family:'IBM Plex Mono',ui-monospace,monospace;font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;background:var(--surf);text-align:left;padding:8px 10px}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries td{padding:8px 10px;border-top:1px solid var(--rule)}
@media (max-width:640px){
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper:not(.tpc-form-child_wrapper){background:transparent;border:0;padding:0}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gsection{margin-top:20px !important;padding:8px 12px !important}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gsection .gsection_title{font-size:15px}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-chips .gchoice label{padding:0 12px !important;font-size:14px}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries tbody,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries tr,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries td{display:block;width:100%;box-sizing:border-box}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries{border:0;background:transparent}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries thead{display:none}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries tbody tr{background:#fff;border:1px solid var(--rule);margin-bottom:8px;padding:6px 0}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries td{border:0;padding:4px 12px}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries td:nth-child(1){font-weight:600}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries td:nth-child(2)::before{content:"Job: ";color:var(--muted)}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gpnf-nested-entries td:nth-child(3)::before{content:"Art: ";color:var(--muted)}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_page_footer{display:flex;flex-wrap:wrap;gap:8px}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_next_button,body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .gform_button{flex:1 1 auto}
}
/* Product picker: card grid like the v2 demo. Field CSS class: tpc-chips tpc-prod-grid. */
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-prod-grid .gfield_radio{display:grid !important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px !important}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-prod-grid .gchoice{width:100% !important}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-prod-grid .gchoice label{display:flex !important;flex-direction:column;align-items:flex-start;justify-content:center;width:100%;box-sizing:border-box;min-height:60px;padding:8px 12px !important;font-size:15px;font-weight:500;line-height:1.25}
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-prod-grid .gchoice input:checked+label{background:#E8F0F6;border:2px solid var(--a1);color:var(--a1);font-weight:600;padding:7px 11px !important}
@media (max-width:640px){
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-prod-grid .gfield_radio{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (min-width:641px) and (max-width:900px){
body .gform_wrapper.tpc-form_wrapper.tpc-form_wrapper .tpc-prod-grid .gfield_radio{grid-template-columns:repeat(3,minmax(0,1fr))}
}
/* Pop-up product form: hide its own submit button. The pop-up's footer button (Add Product) saves it. */
body .gform_wrapper.tpc-form-child_wrapper .gform_footer{display:none !important}