/* @import first — everything else in this sheet depends on it; comments * above it are legal, rules are not. */ @import url('https://fonts.googleapis.com/css2?family=Asap+Condensed:wght@400;500;600;700&family=Inter:wght@400;500;600;700&display=swap'); /* CON-881 chat widget branding — Paul O'Connor Cars (pocc). * Source of truth: the Figma file "Ai Assistant-paul o connor" (key * aW6muKfxL1DHxxDSaQUkFo) — all 16 frame renders in tickets/CON-881/ * figma-frames/ plus node dumps for the chat/home/alerts frames (the * browse frames' node fetch hit the API rate limit; card and chip facts * are read off the 2x renders). Glyphs from the designer's export pack — * for THIS dealer the #EC1940 red exports are the real brand (the same * red files leaked into the vm2 and scc packs as strays). * Palette from the file's own nodes and renders: brand red #EC1940 with * an #E94C69 sheen streak across the header (1:9), red send circle and * chevrons, #FFEEF1 pale-pink bot bubbles with #FF9FB1 strokes (1:14, * 4048:652 — the browse frames draw plain white bubbles instead, the * outlier), GREY #F5F6F8 conversation surface (chat + alerts frames; the * vm2/scc families run white — this file greys the surface and pinks the * bubbles), #58595B dark-grey user bubbles with white text (render; the * kcd2 grey), #EC1940 answer links and card monthly prices (solid — no * gradient text run in this file), white opener lozenges r10 with * #EEEEEE strokes and 0 4 4 shadows, red glyphs, black titles, * #333333 sub-captions, selected chip = dark outline (render: black, not * the vm2/scc #1E439C), #E4E6EA footer band, #000-stroked r10 input, * #504949 disclosure. * Type: character census — Asap Condensed 59.7% (titles, bubbles, input, * buttons; header title Asap Condensed 600 22), Inter 23% (sub-captions, * strapline, chips, cards, disclosure with Asap); Google Sans nodes are * strays. The pocc SITE's CSS NAMES "Asap Condensed" 13 times but never * LOADS it (no Google Fonts link, no @font-face anywhere — the site's own * condensed styling has silently fallen back to system fonts all along), * so this theme @imports both families itself; without that the whole * widget rendered in the visitor's OS font and matched nothing (Emanuel * caught it on the docker preview). Base font = Inter (chips, cards, * small print — the artwork's regular-width components); Asap Condensed * rides level-2 rules on bubbles, opener titles, the input and the * header title, mirroring the census split. * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1. * Regenerate with tickets/CON-881/build-theme.py — edit the generator, * never this file. * * Served at /chat-theme; loaded by the widget AFTER its built-in stylesheet. * Level 1 = --hdcw-* token overrides, Level 2 = direct .hdcw-* rules. */ .hdcw-fab,.hdcw-panel { --hdcw-accent: #EC1940; --hdcw-on-accent: #fff; --hdcw-font: 'Inter', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; /* Chat + alerts artboards run on GREY — the opposite call to vm2/scc, * where the home frame was the grey outlier. Here the browse frames' * white is the outlier (2 of 16). */ --hdcw-surface: #F5F6F8; --hdcw-text: #000; --hdcw-muted: #6D6D6D; --hdcw-footer: #504949; --hdcw-border: #000; /* input stroke 24:705 is 1px #000000 */ --hdcw-border-soft: #E4E6EA; --hdcw-radius: 15px; --hdcw-radius-bubble: 10px; --hdcw-head-bg: linear-gradient(130.5deg, #EC1940 30.8%, #E94C69 37.1%, #EC1940 45.3%); --hdcw-head-color: #fff; /* title/strapline/nav icons all white */ --hdcw-user-bg: #58595B; /* render: dark-grey user pill, white text */ --hdcw-user-color: #fff; --hdcw-link: #EC1940; /* answer links are the brand red, underlined */ --hdcw-btn-bg: #EC1940; /* CTA bar: solid brand red, white label */ --hdcw-btn-color: #fff; } /* The artwork's condensed voice (census: bubbles, opener titles, the * input, the header title are Asap Condensed; chips/cards/small print are * Inter and ride the base token above). The sub-caption ::after reverts * to the base — it inherits the button's condensed face otherwise. */ .hdcw-msg, .hdcw-typing, .hdcw-opener button, .hdcw-input input, .hdcw-head b { font-family: 'Asap Condensed', var(--hdcw-font); } .hdcw-opener button.hdcw-op-used:not(.hdcw-else)::after, .hdcw-opener button.hdcw-op-new:not(.hdcw-else)::after, .hdcw-opener button.hdcw-op-quiz:not(.hdcw-else)::after, .hdcw-opener button.hdcw-op-alert:not(.hdcw-else)::after { font-family: var(--hdcw-font); } /* ---------- Launcher: the designer's own lockup (4014:698, exported as * icon-virtual-assistant.svg): 308x52 red pill — square TOP corners, * r25 bottom (rr [0,0,25,25]) — white-P roundel + sparkles + white * wordmark, shadow baked into the 316x60 export (4px sides, 7px foot). * The 66x222 vertical side tab (2023:477, #FF1500/#E42312) is the * Kylemore-red stray that haunts every file in this series — not built. */ .hdcw-fab { width: 316px; height: 60px; right: 2px; bottom: 0; max-width: calc(100vw - 24px); border-radius: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22316%22%20height=%2260%22%20viewBox=%220%200%20316%2060%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20filter=%22url(%23filter0_d_4014_697)%22%3E%0A%3Cpath%20d=%22M312%2058L4%2058L4%2031C4%2017.1929%2015.1929%206%2029%206L287%206.00002C300.807%206.00003%20312%2017.1929%20312%2031L312%2058Z%22%20fill=%22black%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M293%2039.9996L293.295%2039.2031C293.681%2038.1585%20293.874%2037.6362%20294.255%2037.2556C294.637%2036.8739%20295.159%2036.6808%20296.203%2036.2945L297%2035.9996L296.203%2035.7048C295.159%2035.3185%20294.637%2035.1253%20294.256%2034.7448C293.874%2034.3631%20293.681%2033.8408%20293.295%2032.7962L293%2031.9996L292.705%2032.7962C292.319%2033.8408%20292.126%2034.3631%20291.745%2034.7436C291.363%2035.1253%20290.841%2035.3185%20289.797%2035.7048L289%2035.9996L289.797%2036.2945C290.841%2036.6808%20291.363%2036.8739%20291.744%2037.2545C292.126%2037.6362%20292.319%2038.1585%20292.705%2039.2031L293%2039.9996Z%22%20fill=%22%23EC1940%22/%3E%0A%3Cpath%20d=%22M285%2031.9996L285.516%2030.6056C286.192%2028.7776%20286.53%2027.8636%20287.196%2027.1976C287.864%2026.5296%20288.778%2026.1916%20290.606%2025.5156L292%2024.9996L290.606%2024.4836C288.778%2023.8076%20287.864%2023.4696%20287.198%2022.8036C286.53%2022.1356%20286.192%2021.2216%20285.516%2019.3936L285%2017.9996L284.484%2019.3936C283.808%2021.2216%20283.47%2022.1356%20282.804%2022.8016C282.136%2023.4696%20281.222%2023.8076%20279.394%2024.4836L278%2024.9996L279.394%2025.5156C281.222%2026.1916%20282.136%2026.5296%20282.802%2027.1956C283.47%2027.8636%20283.808%2028.7776%20284.484%2030.6056L285%2031.9996Z%22%20fill=%22%23EC1940%22/%3E%0A%3Cpath%20d=%22M287%2045.9996L287.221%2045.4022C287.511%2044.6188%20287.656%2044.2271%20287.941%2043.9416C288.227%2043.6553%20288.619%2043.5105%20289.403%2043.2208L290%2042.9996L289.403%2042.7785C288.619%2042.4888%20288.227%2042.3439%20287.942%2042.0585C287.656%2041.7722%20287.511%2041.3805%20287.221%2040.5971L287%2039.9996L286.779%2040.5971C286.489%2041.3805%20286.344%2041.7722%20286.059%2042.0576C285.773%2042.3439%20285.381%2042.4888%20284.597%2042.7785L284%2042.9996L284.597%2043.2208C285.381%2043.5105%20285.773%2043.6553%20286.058%2043.9408C286.344%2044.2271%20286.489%2044.6188%20286.779%2045.4022L287%2045.9996Z%22%20fill=%22%23EC1940%22/%3E%0A%3Cpath%20d=%22M18.1792%2040.8302L17.8711%2039.998C17.4675%2038.9066%2017.2657%2038.3609%2016.8681%2037.9633C16.4693%2037.5645%2015.9236%2037.3627%2014.8323%2036.9592L14.0001%2036.6511L14.8323%2036.343C15.9236%2035.9395%2016.4693%2035.7377%2016.8669%2035.3401C17.2657%2034.9412%2017.4675%2034.3956%2017.8711%2033.3042L18.1792%2032.472L18.4872%2033.3042C18.8908%2034.3956%2019.0926%2034.9412%2019.4902%2035.3389C19.889%2035.7377%2020.4347%2035.9395%2021.526%2036.343L22.3583%2036.6511L21.526%2036.9592C20.4347%2037.3627%2019.889%2037.5645%2019.4914%2037.9621C19.0926%2038.3609%2018.8908%2038.9066%2018.4872%2039.998L18.1792%2040.8302Z%22%20fill=%22%23EC1940%22/%3E%0A%3Cpath%20d=%22M26.5374%2032.472L25.9983%2031.0156C25.292%2029.1057%2024.9389%2028.1508%2024.2431%2027.455C23.5452%2026.7571%2022.5902%2026.4039%2020.6804%2025.6977L19.224%2025.1586L20.6804%2024.6194C22.5902%2023.9132%2023.5452%2023.56%2024.241%2022.8642C24.9389%2022.1663%2025.292%2021.2114%2025.9983%2019.3015L26.5374%2017.8451L27.0765%2019.3015C27.7828%2021.2114%2028.1359%2022.1663%2028.8317%2022.8621C29.5296%2023.56%2030.4846%2023.9132%2032.3944%2024.6194L33.8508%2025.1586L32.3944%2025.6977C30.4846%2026.4039%2029.5296%2026.7571%2028.8338%2027.4529C28.1359%2028.1508%2027.7828%2029.1057%2027.0765%2031.0156L26.5374%2032.472Z%22%20fill=%22%23EC1940%22/%3E%0A%3Cpath%20d=%22M24.4478%2047.0989L24.2168%2046.4747C23.9141%2045.6562%2023.7627%2045.2469%2023.4645%2044.9487C23.1654%2044.6496%2022.7562%2044.4983%2021.9377%2044.1956L21.3135%2043.9645L21.9377%2043.7335C22.7562%2043.4308%2023.1654%2043.2795%2023.4636%2042.9813C23.7627%2042.6822%2023.9141%2042.2729%2024.2168%2041.4544L24.4478%2040.8302L24.6789%2041.4544C24.9816%2042.2729%2025.1329%2042.6822%2025.4311%2042.9804C25.7302%2043.2795%2026.1395%2043.4308%2026.958%2043.7335L27.5822%2043.9645L26.958%2044.1956C26.1395%2044.4983%2025.7302%2044.6496%2025.432%2044.9478C25.1329%2045.2469%2024.9816%2045.6562%2024.6789%2046.4747L24.4478%2047.0989Z%22%20fill=%22%23EC1940%22/%3E%0A%3Crect%20x=%2254.7001%22%20y=%2217.3831%22%20width=%2224.2844%22%20height=%2230.0407%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M66.6943%2025.2116H65.533V34.443H66.6943C68.3955%2034.443%2070.3036%2034.3594%2070.3036%2029.8269C70.3036%2025.2945%2068.3947%2025.2109%2066.6943%2025.2109V25.2116Z%22%20fill=%22%23EC1940%22/%3E%0A%3Cpath%20d=%22M66.3026%2010.7274C54.3805%2010.7274%2044.7164%2020.4147%2044.7164%2032.3637C44.7164%2044.3127%2054.3812%2054%2066.3026%2054C78.2239%2054%2087.8887%2044.3135%2087.8887%2032.3637C87.8887%2020.4139%2078.2239%2010.7274%2066.3026%2010.7274ZM67.5659%2039.7661H65.5335V41.6786C65.5335%2043.4255%2064.1227%2044.8388%2062.3806%2044.8388C60.6386%2044.8388%2059.2695%2043.4255%2059.2695%2041.6786V40.1668C59.2628%2040.1668%2059.2568%2040.1675%2059.2501%2040.1675C57.5214%2040.1675%2056.1196%2038.7624%2056.1196%2037.0297C56.1196%2035.2971%2057.5214%2033.8919%2059.2501%2033.8919C59.2568%2033.8919%2059.2628%2033.8927%2059.2695%2033.8927V28.3476C59.2628%2028.3476%2059.2568%2028.3484%2059.2501%2028.3484C57.5214%2028.3484%2056.1196%2026.9433%2056.1196%2025.2106C56.1196%2023.4779%2057.5214%2022.0728%2059.2501%2022.0728C59.306%2022.0728%2059.361%2022.0787%2059.4169%2022.081C59.8137%2020.8087%2060.9751%2019.8879%2062.3806%2019.8879H67.5667C74.8685%2019.8879%2076.487%2024.0047%2076.487%2029.8266C76.487%2035.6485%2074.8693%2039.7653%2067.5667%2039.7653L67.5659%2039.7661Z%22%20fill=%22%23EC1940%22/%3E%0A%3Cpath%20d=%22M112.278%2040.04C111.904%2040.04%20111.611%2039.9866%20111.398%2039.88C111.198%2039.7733%20111.064%2039.5733%20110.998%2039.28L108.118%2026.96C108.078%2026.7866%20108.058%2026.6733%20108.058%2026.62C108.044%2026.5533%20108.038%2026.4933%20108.038%2026.44C108.038%2026.2933%20108.104%2026.18%20108.238%2026.1C108.371%2026.0066%20108.591%2025.96%20108.898%2025.96H109.958C110.238%2025.96%20110.478%2025.9933%20110.678%2026.06C110.878%2026.1266%20110.998%2026.2666%20111.038%2026.48L113.018%2037.02H113.098L114.998%2026.48C115.038%2026.2666%20115.158%2026.1266%20115.358%2026.06C115.558%2025.9933%20115.791%2025.96%20116.058%2025.96H117.138C117.444%2025.96%20117.664%2026.0066%20117.798%2026.1C117.931%2026.18%20117.998%2026.2933%20117.998%2026.44C117.998%2026.4933%20117.991%2026.5533%20117.978%2026.62C117.978%2026.6733%20117.958%2026.7866%20117.918%2026.96L115.038%2039.28C114.971%2039.5733%20114.831%2039.7733%20114.618%2039.88C114.404%2039.9866%20114.124%2040.04%20113.778%2040.04H112.278Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M120.742%2040.04C120.316%2040.04%20120.002%2039.9866%20119.802%2039.88C119.616%2039.76%20119.522%2039.5933%20119.522%2039.38V30.16C119.522%2029.9466%20119.616%2029.7866%20119.802%2029.68C120.002%2029.56%20120.316%2029.5%20120.742%2029.5H121.302C121.729%2029.5%20122.036%2029.56%20122.222%2029.68C122.422%2029.7866%20122.522%2029.9466%20122.522%2030.16V39.38C122.522%2039.5933%20122.422%2039.76%20122.222%2039.88C122.036%2039.9866%20121.729%2040.04%20121.302%2040.04H120.742ZM121.042%2028.52C120.522%2028.52%20120.142%2028.4666%20119.902%2028.36C119.676%2028.2533%20119.562%2028.0933%20119.562%2027.88V26.32C119.562%2026.1066%20119.676%2025.9466%20119.902%2025.84C120.142%2025.7333%20120.522%2025.68%20121.042%2025.68C121.562%2025.68%20121.936%2025.7333%20122.162%2025.84C122.402%2025.9466%20122.522%2026.1066%20122.522%2026.32V27.88C122.522%2028.0933%20122.402%2028.2533%20122.162%2028.36C121.936%2028.4666%20121.562%2028.52%20121.042%2028.52Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M126.152%2040.04C125.725%2040.04%20125.412%2039.9866%20125.212%2039.88C125.025%2039.76%20124.932%2039.5933%20124.932%2039.38V33.02C124.932%2032.4333%20124.912%2031.9666%20124.872%2031.62C124.845%2031.26%20124.812%2030.98%20124.772%2030.78C124.745%2030.58%20124.732%2030.4066%20124.732%2030.26C124.732%2030.1133%20124.818%2029.9933%20124.992%2029.9C125.178%2029.8066%20125.398%2029.74%20125.652%2029.7C125.918%2029.6466%20126.165%2029.6133%20126.392%2029.6C126.632%2029.5733%20126.805%2029.56%20126.912%2029.56C127.165%2029.56%20127.325%2029.66%20127.392%2029.86C127.472%2030.0466%20127.578%2030.4666%20127.712%2031.12C127.845%2030.6133%20128.098%2030.2%20128.472%2029.88C128.858%2029.5466%20129.245%2029.38%20129.632%2029.38C129.938%2029.38%20130.138%2029.4533%20130.232%2029.6C130.325%2029.7466%20130.372%2029.9666%20130.372%2030.26C130.372%2030.3666%20130.358%2030.54%20130.332%2030.78C130.305%2031.02%20130.265%2031.2733%20130.212%2031.54C130.172%2031.7933%20130.105%2032.0133%20130.012%2032.2C129.932%2032.3733%20129.832%2032.46%20129.712%2032.46C129.578%2032.46%20129.438%2032.4266%20129.292%2032.36C129.158%2032.28%20128.985%2032.24%20128.772%2032.24C128.412%2032.24%20128.132%2032.3933%20127.932%2032.7V39.38C127.932%2039.5933%20127.832%2039.76%20127.632%2039.88C127.445%2039.9866%20127.138%2040.04%20126.712%2040.04H126.152Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M134.235%2040.16C132.501%2040.16%20131.635%2039.1866%20131.635%2037.24V31.88H131.195C130.795%2031.88%20130.595%2031.5466%20130.595%2030.88V30.54C130.595%2029.8733%20130.795%2029.54%20131.195%2029.54H131.635L131.955%2027.64C132.035%2027.2133%20132.375%2027%20132.975%2027H133.635C134.301%2027%20134.635%2027.2133%20134.635%2027.64V29.54H135.495C135.895%2029.54%20136.095%2029.8733%20136.095%2030.54V30.88C136.095%2031.5466%20135.895%2031.88%20135.495%2031.88H134.635V36.96C134.635%2037.2533%20134.668%2037.4733%20134.735%2037.62C134.815%2037.7533%20134.961%2037.82%20135.175%2037.82C135.321%2037.82%20135.435%2037.8066%20135.515%2037.78C135.595%2037.7533%20135.681%2037.74%20135.775%2037.74C135.895%2037.74%20135.995%2037.8333%20136.075%2038.02C136.155%2038.2066%20136.215%2038.4133%20136.255%2038.64C136.295%2038.8666%20136.315%2039.04%20136.315%2039.16C136.315%2039.36%20136.208%2039.54%20135.995%2039.7C135.795%2039.8466%20135.535%2039.96%20135.215%2040.04C134.908%2040.12%20134.581%2040.16%20134.235%2040.16Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M140.317%2040.18C138.743%2040.18%20137.957%2039.2533%20137.957%2037.4V30.16C137.957%2029.9466%20138.05%2029.7866%20138.237%2029.68C138.437%2029.56%20138.75%2029.5%20139.177%2029.5H139.737C140.163%2029.5%20140.47%2029.56%20140.657%2029.68C140.857%2029.7866%20140.957%2029.9466%20140.957%2030.16V36.86C140.957%2037.1266%20141.017%2037.34%20141.137%2037.5C141.27%2037.6466%20141.49%2037.72%20141.797%2037.72C142.023%2037.72%20142.257%2037.66%20142.497%2037.54C142.737%2037.42%20142.923%2037.2666%20143.057%2037.08V30.16C143.057%2029.9466%20143.15%2029.7866%20143.337%2029.68C143.537%2029.56%20143.85%2029.5%20144.277%2029.5H144.837C145.263%2029.5%20145.57%2029.56%20145.757%2029.68C145.957%2029.7866%20146.057%2029.9466%20146.057%2030.16V36.52C146.057%2037.1067%20146.07%2037.5733%20146.097%2037.92C146.137%2038.2666%20146.17%2038.5466%20146.197%2038.76C146.237%2038.96%20146.257%2039.1333%20146.257%2039.28C146.257%2039.4266%20146.157%2039.5466%20145.957%2039.64C145.77%2039.7333%20145.537%2039.8067%20145.257%2039.86C144.99%2039.9133%20144.73%2039.9533%20144.477%2039.98C144.237%2039.9933%20144.063%2040%20143.957%2040C143.73%2040%20143.57%2039.9133%20143.477%2039.74C143.397%2039.5533%20143.303%2039.1867%20143.197%2038.64C142.903%2039.0133%20142.517%2039.3666%20142.037%2039.7C141.557%2040.02%20140.983%2040.18%20140.317%2040.18Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M151.124%2040.16C150.178%2040.16%20149.458%2039.8733%20148.964%2039.3C148.471%2038.7266%20148.224%2037.9667%20148.224%2037.02C148.224%2036.6333%20148.278%2036.2267%20148.384%2035.8C148.491%2035.3733%20148.711%2034.9733%20149.044%2034.6C149.378%2034.2133%20149.878%2033.9%20150.544%2033.66C151.211%2033.42%20152.098%2033.3%20153.204%2033.3V32.98C153.204%2032.5533%20153.104%2032.24%20152.904%2032.04C152.718%2031.8266%20152.411%2031.72%20151.984%2031.72C151.518%2031.72%20151.091%2031.7733%20150.704%2031.88C150.331%2031.9866%20150.018%2032.0933%20149.764%2032.2C149.511%2032.3066%20149.324%2032.36%20149.204%2032.36C149.071%2032.36%20148.964%2032.26%20148.884%2032.06C148.804%2031.8466%20148.744%2031.6066%20148.704%2031.34C148.678%2031.0733%20148.664%2030.86%20148.664%2030.7C148.664%2030.5%20148.838%2030.3%20149.184%2030.1C149.531%2029.9%20149.978%2029.7333%20150.524%2029.6C151.071%2029.4533%20151.631%2029.38%20152.204%2029.38C153.191%2029.38%20153.971%2029.5266%20154.544%2029.82C155.131%2030.1133%20155.551%2030.52%20155.804%2031.04C156.071%2031.56%20156.204%2032.16%20156.204%2032.84V36.54C156.204%2037.1266%20156.218%2037.5933%20156.244%2037.94C156.284%2038.2866%20156.318%2038.5666%20156.344%2038.78C156.384%2038.98%20156.404%2039.1533%20156.404%2039.3C156.404%2039.4466%20156.304%2039.5666%20156.104%2039.66C155.918%2039.7533%20155.691%2039.8266%20155.424%2039.88C155.158%2039.9333%20154.904%2039.9733%20154.664%2040C154.438%2040.0133%20154.284%2040.02%20154.204%2040.02C153.951%2040.02%20153.778%2039.9533%20153.684%2039.82C153.591%2039.6733%20153.504%2039.4%20153.424%2039C153.278%2039.2266%20153.011%2039.48%20152.624%2039.76C152.251%2040.0266%20151.751%2040.16%20151.124%2040.16ZM152.184%2038.02C152.651%2038.02%20152.991%2037.8%20153.204%2037.36V35.02C152.471%2035.02%20151.951%2035.1867%20151.644%2035.52C151.351%2035.8533%20151.204%2036.28%20151.204%2036.8C151.204%2037.16%20151.284%2037.4533%20151.444%2037.68C151.618%2037.9066%20151.864%2038.02%20152.184%2038.02Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M161.161%2040.16C159.428%2040.16%20158.561%2039.1866%20158.561%2037.24V25.58C158.561%2025.3666%20158.655%2025.2066%20158.841%2025.1C159.041%2024.98%20159.355%2024.92%20159.781%2024.92H160.341C160.768%2024.92%20161.075%2024.98%20161.261%2025.1C161.461%2025.2066%20161.561%2025.3666%20161.561%2025.58V36.96C161.561%2037.2533%20161.595%2037.4733%20161.661%2037.62C161.741%2037.7533%20161.888%2037.82%20162.101%2037.82C162.248%2037.82%20162.361%2037.8066%20162.441%2037.78C162.521%2037.7533%20162.608%2037.74%20162.701%2037.74C162.821%2037.74%20162.921%2037.8333%20163.001%2038.02C163.081%2038.2066%20163.141%2038.4133%20163.181%2038.64C163.221%2038.8666%20163.241%2039.04%20163.241%2039.16C163.241%2039.36%20163.135%2039.54%20162.921%2039.7C162.721%2039.8466%20162.461%2039.96%20162.141%2040.04C161.835%2040.12%20161.508%2040.16%20161.161%2040.16Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M168.169%2040.04C167.862%2040.04%20167.642%2039.9933%20167.509%2039.9C167.375%2039.8067%20167.309%2039.6933%20167.309%2039.56C167.309%2039.5066%20167.315%2039.4533%20167.329%2039.4C167.329%2039.3333%20167.349%2039.2133%20167.389%2039.04L170.269%2026.72C170.335%2026.4266%20170.475%2026.2266%20170.689%2026.12C170.902%2026.0133%20171.182%2025.96%20171.529%2025.96H173.029C173.402%2025.96%20173.689%2026.0133%20173.889%2026.12C174.102%2026.2266%20174.242%2026.4266%20174.309%2026.72L177.189%2039.04C177.229%2039.2133%20177.249%2039.3333%20177.249%2039.4C177.262%2039.4533%20177.269%2039.5066%20177.269%2039.56C177.269%2039.6933%20177.202%2039.8067%20177.069%2039.9C176.935%2039.9933%20176.715%2040.04%20176.409%2040.04H175.349C175.069%2040.04%20174.829%2040.0066%20174.629%2039.94C174.429%2039.8733%20174.309%2039.7333%20174.269%2039.52L173.829%2037.18H170.749L170.309%2039.52C170.269%2039.7333%20170.149%2039.8733%20169.949%2039.94C169.749%2040.0066%20169.515%2040.04%20169.249%2040.04H168.169ZM171.969%2030.5L171.189%2034.74H173.349L172.549%2030.5C172.495%2030.2466%20172.449%2029.9933%20172.409%2029.74C172.369%2029.4866%20172.335%2029.2333%20172.309%2028.98H172.209C172.182%2029.2333%20172.149%2029.4866%20172.109%2029.74C172.069%2029.9933%20172.022%2030.2466%20171.969%2030.5Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M181.233%2040.16C180.82%2040.16%20180.393%2040.1066%20179.953%2040C179.513%2039.9066%20179.147%2039.7666%20178.853%2039.58C178.56%2039.38%20178.413%2039.14%20178.413%2038.86C178.413%2038.6733%20178.473%2038.4533%20178.593%2038.2C178.727%2037.9333%20178.873%2037.7%20179.033%2037.5C179.207%2037.3%20179.36%2037.2%20179.493%2037.2C179.573%2037.2%20179.673%2037.2466%20179.793%2037.34C179.927%2037.42%20180.087%2037.5066%20180.273%2037.6C180.46%2037.6933%20180.673%2037.74%20180.913%2037.74C181.58%2037.74%20181.913%2037.4933%20181.913%2037C181.913%2036.64%20181.76%2036.3733%20181.453%2036.2C181.16%2036.0133%20180.82%2035.8066%20180.433%2035.58C180.153%2035.4066%20179.867%2035.2066%20179.573%2034.98C179.293%2034.7533%20179.053%2034.4533%20178.853%2034.08C178.653%2033.6933%20178.553%2033.2%20178.553%2032.6C178.553%2031.5733%20178.86%2030.78%20179.473%2030.22C180.087%2029.66%20180.88%2029.38%20181.853%2029.38C182.187%2029.38%20182.553%2029.42%20182.953%2029.5C183.353%2029.5666%20183.7%2029.6866%20183.993%2029.86C184.3%2030.02%20184.453%2030.2466%20184.453%2030.54C184.453%2030.7%20184.407%2030.9066%20184.313%2031.16C184.233%2031.4133%20184.127%2031.6466%20183.993%2031.86C183.873%2032.06%20183.753%2032.16%20183.633%2032.16C183.54%2032.16%20183.38%2032.1%20183.153%2031.98C182.94%2031.86%20182.673%2031.8%20182.353%2031.8C182.06%2031.8%20181.82%2031.8533%20181.633%2031.96C181.447%2032.0666%20181.353%2032.24%20181.353%2032.48C181.353%2032.7066%20181.433%2032.9%20181.593%2033.06C181.767%2033.2066%20181.98%2033.3467%20182.233%2033.48C182.5%2033.6%20182.767%2033.7466%20183.033%2033.92C183.3%2034.0933%20183.56%2034.3%20183.813%2034.54C184.08%2034.78%20184.293%2035.08%20184.453%2035.44C184.627%2035.7866%20184.713%2036.2333%20184.713%2036.78C184.713%2037.7533%20184.407%2038.56%20183.793%2039.2C183.193%2039.84%20182.34%2040.16%20181.233%2040.16Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M189.084%2040.16C188.671%2040.16%20188.244%2040.1066%20187.804%2040C187.364%2039.9066%20186.997%2039.7666%20186.704%2039.58C186.411%2039.38%20186.264%2039.14%20186.264%2038.86C186.264%2038.6733%20186.324%2038.4533%20186.444%2038.2C186.577%2037.9333%20186.724%2037.7%20186.884%2037.5C187.057%2037.3%20187.211%2037.2%20187.344%2037.2C187.424%2037.2%20187.524%2037.2466%20187.644%2037.34C187.777%2037.42%20187.937%2037.5066%20188.124%2037.6C188.311%2037.6933%20188.524%2037.74%20188.764%2037.74C189.431%2037.74%20189.764%2037.4933%20189.764%2037C189.764%2036.64%20189.611%2036.3733%20189.304%2036.2C189.011%2036.0133%20188.671%2035.8066%20188.284%2035.58C188.004%2035.4066%20187.717%2035.2066%20187.424%2034.98C187.144%2034.7533%20186.904%2034.4533%20186.704%2034.08C186.504%2033.6933%20186.404%2033.2%20186.404%2032.6C186.404%2031.5733%20186.711%2030.78%20187.324%2030.22C187.937%2029.66%20188.731%2029.38%20189.704%2029.38C190.037%2029.38%20190.404%2029.42%20190.804%2029.5C191.204%2029.5666%20191.551%2029.6866%20191.844%2029.86C192.151%2030.02%20192.304%2030.2466%20192.304%2030.54C192.304%2030.7%20192.257%2030.9066%20192.164%2031.16C192.084%2031.4133%20191.977%2031.6466%20191.844%2031.86C191.724%2032.06%20191.604%2032.16%20191.484%2032.16C191.391%2032.16%20191.231%2032.1%20191.004%2031.98C190.791%2031.86%20190.524%2031.8%20190.204%2031.8C189.911%2031.8%20189.671%2031.8533%20189.484%2031.96C189.297%2032.0666%20189.204%2032.24%20189.204%2032.48C189.204%2032.7066%20189.284%2032.9%20189.444%2033.06C189.617%2033.2066%20189.831%2033.3467%20190.084%2033.48C190.351%2033.6%20190.617%2033.7466%20190.884%2033.92C191.151%2034.0933%20191.411%2034.3%20191.664%2034.54C191.931%2034.78%20192.144%2035.08%20192.304%2035.44C192.477%2035.7866%20192.564%2036.2333%20192.564%2036.78C192.564%2037.7533%20192.257%2038.56%20191.644%2039.2C191.044%2039.84%20190.191%2040.16%20189.084%2040.16Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M195.715%2040.04C195.288%2040.04%20194.975%2039.9866%20194.775%2039.88C194.588%2039.76%20194.495%2039.5933%20194.495%2039.38V30.16C194.495%2029.9466%20194.588%2029.7866%20194.775%2029.68C194.975%2029.56%20195.288%2029.5%20195.715%2029.5H196.275C196.702%2029.5%20197.008%2029.56%20197.195%2029.68C197.395%2029.7866%20197.495%2029.9466%20197.495%2030.16V39.38C197.495%2039.5933%20197.395%2039.76%20197.195%2039.88C197.008%2039.9866%20196.702%2040.04%20196.275%2040.04H195.715ZM196.015%2028.52C195.495%2028.52%20195.115%2028.4666%20194.875%2028.36C194.648%2028.2533%20194.535%2028.0933%20194.535%2027.88V26.32C194.535%2026.1066%20194.648%2025.9466%20194.875%2025.84C195.115%2025.7333%20195.495%2025.68%20196.015%2025.68C196.535%2025.68%20196.908%2025.7333%20197.135%2025.84C197.375%2025.9466%20197.495%2026.1066%20197.495%2026.32V27.88C197.495%2028.0933%20197.375%2028.2533%20197.135%2028.36C196.908%2028.4666%20196.535%2028.52%20196.015%2028.52Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M202.344%2040.16C201.931%2040.16%20201.504%2040.1066%20201.064%2040C200.624%2039.9066%20200.258%2039.7666%20199.964%2039.58C199.671%2039.38%20199.524%2039.14%20199.524%2038.86C199.524%2038.6733%20199.584%2038.4533%20199.704%2038.2C199.838%2037.9333%20199.984%2037.7%20200.144%2037.5C200.318%2037.3%20200.471%2037.2%20200.604%2037.2C200.684%2037.2%20200.784%2037.2466%20200.904%2037.34C201.038%2037.42%20201.198%2037.5066%20201.384%2037.6C201.571%2037.6933%20201.784%2037.74%20202.024%2037.74C202.691%2037.74%20203.024%2037.4933%20203.024%2037C203.024%2036.64%20202.871%2036.3733%20202.564%2036.2C202.271%2036.0133%20201.931%2035.8066%20201.544%2035.58C201.264%2035.4066%20200.978%2035.2066%20200.684%2034.98C200.404%2034.7533%20200.164%2034.4533%20199.964%2034.08C199.764%2033.6933%20199.664%2033.2%20199.664%2032.6C199.664%2031.5733%20199.971%2030.78%20200.584%2030.22C201.198%2029.66%20201.991%2029.38%20202.964%2029.38C203.298%2029.38%20203.664%2029.42%20204.064%2029.5C204.464%2029.5666%20204.811%2029.6866%20205.104%2029.86C205.411%2030.02%20205.564%2030.2466%20205.564%2030.54C205.564%2030.7%20205.518%2030.9066%20205.424%2031.16C205.344%2031.4133%20205.238%2031.6466%20205.104%2031.86C204.984%2032.06%20204.864%2032.16%20204.744%2032.16C204.651%2032.16%20204.491%2032.1%20204.264%2031.98C204.051%2031.86%20203.784%2031.8%20203.464%2031.8C203.171%2031.8%20202.931%2031.8533%20202.744%2031.96C202.558%2032.0666%20202.464%2032.24%20202.464%2032.48C202.464%2032.7066%20202.544%2032.9%20202.704%2033.06C202.878%2033.2066%20203.091%2033.3467%20203.344%2033.48C203.611%2033.6%20203.878%2033.7466%20204.144%2033.92C204.411%2034.0933%20204.671%2034.3%20204.924%2034.54C205.191%2034.78%20205.404%2035.08%20205.564%2035.44C205.738%2035.7866%20205.824%2036.2333%20205.824%2036.78C205.824%2037.7533%20205.518%2038.56%20204.904%2039.2C204.304%2039.84%20203.451%2040.16%20202.344%2040.16Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M210.555%2040.16C208.822%2040.16%20207.955%2039.1866%20207.955%2037.24V31.88H207.515C207.115%2031.88%20206.915%2031.5466%20206.915%2030.88V30.54C206.915%2029.8733%20207.115%2029.54%20207.515%2029.54H207.955L208.275%2027.64C208.355%2027.2133%20208.695%2027%20209.295%2027H209.955C210.622%2027%20210.955%2027.2133%20210.955%2027.64V29.54H211.815C212.215%2029.54%20212.415%2029.8733%20212.415%2030.54V30.88C212.415%2031.5466%20212.215%2031.88%20211.815%2031.88H210.955V36.96C210.955%2037.2533%20210.988%2037.4733%20211.055%2037.62C211.135%2037.7533%20211.282%2037.82%20211.495%2037.82C211.642%2037.82%20211.755%2037.8066%20211.835%2037.78C211.915%2037.7533%20212.002%2037.74%20212.095%2037.74C212.215%2037.74%20212.315%2037.8333%20212.395%2038.02C212.475%2038.2066%20212.535%2038.4133%20212.575%2038.64C212.615%2038.8666%20212.635%2039.04%20212.635%2039.16C212.635%2039.36%20212.528%2039.54%20212.315%2039.7C212.115%2039.8466%20211.855%2039.96%20211.535%2040.04C211.228%2040.12%20210.902%2040.16%20210.555%2040.16Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M216.977%2040.16C216.03%2040.16%20215.31%2039.8733%20214.817%2039.3C214.323%2038.7266%20214.077%2037.9667%20214.077%2037.02C214.077%2036.6333%20214.13%2036.2267%20214.237%2035.8C214.343%2035.3733%20214.563%2034.9733%20214.897%2034.6C215.23%2034.2133%20215.73%2033.9%20216.397%2033.66C217.063%2033.42%20217.95%2033.3%20219.057%2033.3V32.98C219.057%2032.5533%20218.957%2032.24%20218.757%2032.04C218.57%2031.8266%20218.263%2031.72%20217.837%2031.72C217.37%2031.72%20216.943%2031.7733%20216.557%2031.88C216.183%2031.9866%20215.87%2032.0933%20215.617%2032.2C215.363%2032.3066%20215.177%2032.36%20215.057%2032.36C214.923%2032.36%20214.817%2032.26%20214.737%2032.06C214.657%2031.8466%20214.597%2031.6066%20214.557%2031.34C214.53%2031.0733%20214.517%2030.86%20214.517%2030.7C214.517%2030.5%20214.69%2030.3%20215.037%2030.1C215.383%2029.9%20215.83%2029.7333%20216.377%2029.6C216.923%2029.4533%20217.483%2029.38%20218.057%2029.38C219.043%2029.38%20219.823%2029.5266%20220.397%2029.82C220.983%2030.1133%20221.403%2030.52%20221.657%2031.04C221.923%2031.56%20222.057%2032.16%20222.057%2032.84V36.54C222.057%2037.1266%20222.07%2037.5933%20222.097%2037.94C222.137%2038.2866%20222.17%2038.5666%20222.197%2038.78C222.237%2038.98%20222.257%2039.1533%20222.257%2039.3C222.257%2039.4466%20222.157%2039.5666%20221.957%2039.66C221.77%2039.7533%20221.543%2039.8266%20221.277%2039.88C221.01%2039.9333%20220.757%2039.9733%20220.517%2040C220.29%2040.0133%20220.137%2040.02%20220.057%2040.02C219.803%2040.02%20219.63%2039.9533%20219.537%2039.82C219.443%2039.6733%20219.357%2039.4%20219.277%2039C219.13%2039.2266%20218.863%2039.48%20218.477%2039.76C218.103%2040.0266%20217.603%2040.16%20216.977%2040.16ZM218.037%2038.02C218.503%2038.02%20218.843%2037.8%20219.057%2037.36V35.02C218.323%2035.02%20217.803%2035.1867%20217.497%2035.52C217.203%2035.8533%20217.057%2036.28%20217.057%2036.8C217.057%2037.16%20217.137%2037.4533%20217.297%2037.68C217.47%2037.9066%20217.717%2038.02%20218.037%2038.02Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M225.634%2040.04C225.207%2040.04%20224.894%2039.9866%20224.694%2039.88C224.507%2039.76%20224.414%2039.5933%20224.414%2039.38V33.02C224.414%2032.4333%20224.394%2031.9666%20224.354%2031.62C224.327%2031.26%20224.294%2030.98%20224.254%2030.78C224.227%2030.58%20224.214%2030.4066%20224.214%2030.26C224.214%2030.1133%20224.307%2029.9933%20224.494%2029.9C224.694%2029.8066%20224.927%2029.74%20225.194%2029.7C225.474%2029.6466%20225.734%2029.6133%20225.974%2029.6C226.227%2029.5733%20226.407%2029.56%20226.514%2029.56C226.754%2029.56%20226.914%2029.6466%20226.994%2029.82C227.074%2029.9933%20227.167%2030.3533%20227.274%2030.9C227.567%2030.5266%20227.947%2030.18%20228.414%2029.86C228.894%2029.54%20229.447%2029.38%20230.074%2029.38C230.874%2029.38%20231.487%2029.62%20231.914%2030.1C232.34%2030.5666%20232.554%2031.2533%20232.554%2032.16V39.38C232.554%2039.5933%20232.454%2039.76%20232.254%2039.88C232.067%2039.9866%20231.76%2040.04%20231.334%2040.04H230.774C230.347%2040.04%20230.034%2039.9866%20229.834%2039.88C229.647%2039.76%20229.554%2039.5933%20229.554%2039.38V32.76C229.554%2032.4533%20229.487%2032.22%20229.354%2032.06C229.22%2031.9%20228.98%2031.82%20228.634%2031.82C228.42%2031.82%20228.2%2031.88%20227.974%2032C227.747%2032.12%20227.56%2032.2733%20227.414%2032.46V39.38C227.414%2039.5933%20227.314%2039.76%20227.114%2039.88C226.927%2039.9866%20226.62%2040.04%20226.194%2040.04H225.634Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M237.721%2040.16C235.987%2040.16%20235.121%2039.1866%20235.121%2037.24V31.88H234.681C234.281%2031.88%20234.081%2031.5466%20234.081%2030.88V30.54C234.081%2029.8733%20234.281%2029.54%20234.681%2029.54H235.121L235.441%2027.64C235.521%2027.2133%20235.861%2027%20236.461%2027H237.121C237.787%2027%20238.121%2027.2133%20238.121%2027.64V29.54H238.981C239.381%2029.54%20239.581%2029.8733%20239.581%2030.54V30.88C239.581%2031.5466%20239.381%2031.88%20238.981%2031.88H238.121V36.96C238.121%2037.2533%20238.154%2037.4733%20238.221%2037.62C238.301%2037.7533%20238.447%2037.82%20238.661%2037.82C238.807%2037.82%20238.921%2037.8066%20239.001%2037.78C239.081%2037.7533%20239.167%2037.74%20239.261%2037.74C239.381%2037.74%20239.481%2037.8333%20239.561%2038.02C239.641%2038.2066%20239.701%2038.4133%20239.741%2038.64C239.781%2038.8666%20239.801%2039.04%20239.801%2039.16C239.801%2039.36%20239.694%2039.54%20239.481%2039.7C239.281%2039.8466%20239.021%2039.96%20238.701%2040.04C238.394%2040.12%20238.067%2040.16%20237.721%2040.16Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_4014_697%22%20x=%220%22%20y=%220%22%20width=%22316%22%20height=%2260%22%20filterUnits=%22userSpaceOnUse%22%20color-interpolation-filters=%22sRGB%22%3E%0A%3CfeFlood%20flood-opacity=%220%22%20result=%22BackgroundImageFix%22/%3E%0A%3CfeColorMatrix%20in=%22SourceAlpha%22%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200%22%20result=%22hardAlpha%22/%3E%0A%3CfeOffset%20dy=%22-2%22/%3E%0A%3CfeGaussianBlur%20stdDeviation=%222%22/%3E%0A%3CfeComposite%20in2=%22hardAlpha%22%20operator=%22out%22/%3E%0A%3CfeColorMatrix%20type=%22matrix%22%20values=%220%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200.4%200%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in2=%22BackgroundImageFix%22%20result=%22effect1_dropShadow_4014_697%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_4014_697%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / contain no-repeat; box-shadow: none; } .hdcw-fab > svg { display: none; } .hdcw-fab:hover { transform: scale(1.02); } /* POCC's mobile stock-alert floater was REMOVED with the widget's arrival * (stg2/nra2 pattern) so no shift constant is set; the guard below only * keeps a 316px pill from running off a 320px phone (kcd2 lesson). */ .hdcw-fab.hdcw-shift { max-width: calc(100vw - 104px); } /* Under the site's overlays: 1030 clears POCC page content but sits below * Bootstrap modals (1050). The open panel keeps the widget's own 99999. */ .hdcw-fab { z-index: 1030; } /* ---------- Header (24:711): 81px band with the red sheen, top corners * r15. The white-P roundel is BIG — 62x62 export drawn from x4.5 y4, its * circle nearly filling the band height. White Asap Condensed 600 22/22 * title at x83 in a 171px column, strapline (Inter -> the stack) white 12 * at right 16 top 54, white nav icons y24. */ .hdcw-panel .hdcw-head { position: relative; height: 81px; box-sizing: border-box; align-items: flex-start; padding: 0 18px 0 5px; gap: 0; } .hdcw-head::before { content: ''; flex: 0 0 62px; height: 62px; margin: 4px 17px 0 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2262%22%20height=%2262%22%20viewBox=%220%200%2062%2062%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.46109%2018.8964L5.53441%2018.1546C5.63084%2017.1819%205.67905%2016.6956%205.52493%2016.2491C5.37035%2015.8013%205.03242%2015.4483%204.35654%2014.7422L3.84124%2014.2036L4.58306%2014.2769C5.5557%2014.3733%206.04202%2014.4215%206.48851%2014.2674C6.93633%2014.1128%207.28936%2013.7749%207.99542%2013.099L8.53406%2012.5837L8.46075%2013.3255C8.36432%2014.2982%208.31611%2014.7845%208.47022%2015.231C8.6248%2015.6788%208.96274%2016.0318%209.63862%2016.7379L10.1539%2017.2765L9.41209%2017.2032C8.43946%2017.1068%207.95314%2017.0586%207.50665%2017.2127C7.05882%2017.3673%206.70579%2017.7052%205.99974%2018.3811L5.46109%2018.8964Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M14.8467%2015.6567L14.975%2014.3585C15.1438%2012.6564%2015.2282%2011.8053%2014.9585%2011.024C14.6879%2010.2403%2014.0966%209.62245%2012.9138%208.38686L12.012%207.44423L13.3102%207.57252C15.0123%207.74128%2015.8634%207.82565%2016.6447%207.55595C17.4284%207.28543%2018.0462%206.69404%2019.2818%205.51126L20.2244%204.60948L20.0961%205.90767C19.9274%207.60979%2019.843%208.46084%2020.1127%209.2422C20.3832%2010.0259%2020.9746%2010.6437%2022.1574%2011.8793L23.0592%2012.8219L21.761%2012.6936C20.0589%2012.5249%2019.2078%2012.4405%2018.4265%2012.7102C17.6428%2012.9807%2017.025%2013.5721%2015.7894%2014.7549L14.8467%2015.6567Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M7.8908%2025.9356L7.94579%2025.3792C8.01811%2024.6497%208.05427%2024.285%207.93868%2023.9501C7.82275%2023.6143%207.5693%2023.3495%207.06239%2022.82L6.67591%2022.416L7.23228%2022.471C7.96176%2022.5433%208.3265%2022.5794%208.66136%2022.4638C8.99723%2022.3479%209.26201%2022.0945%209.79155%2021.5876L10.1955%2021.2011L10.1405%2021.7574C10.0682%2022.4869%2010.0321%2022.8517%2010.1477%2023.1865C10.2636%2023.5224%2010.517%2023.7872%2011.0239%2024.3167L11.4104%2024.7207L10.8541%2024.6657C10.1246%2024.5934%209.75984%2024.5572%209.42497%2024.6728C9.0891%2024.7888%208.82433%2025.0422%208.29479%2025.5491L7.8908%2025.9356Z%22%20fill=%22white%22/%3E%0A%3Crect%20x=%2224.1288%22%20y=%2219.7574%22%20width=%2225.1765%22%20height=%2231.1443%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M36.5638%2028.8735H35.3597V38.4439H36.5638C38.3274%2038.4439%2040.3056%2038.3573%2040.3056%2033.6583C40.3056%2028.9593%2038.3266%2028.8727%2036.5638%2028.8727V28.8735Z%22%20fill=%22%23EC1940%22/%3E%0A%3Cpath%20d=%22M36.1576%2013.8572C23.7975%2013.8572%2013.7784%2023.9004%2013.7784%2036.2884C13.7784%2048.6764%2023.7983%2058.7195%2036.1576%2058.7195C48.5168%2058.7195%2058.5367%2048.6771%2058.5367%2036.2884C58.5367%2023.8996%2048.5168%2013.8572%2036.1576%2013.8572ZM37.4674%2043.9627H35.3603V45.9455C35.3603%2047.7565%2033.8977%2049.2218%2032.0916%2049.2218C30.2855%2049.2218%2028.8661%2047.7565%2028.8661%2045.9455V44.3781C28.8592%2044.3781%2028.853%2044.3789%2028.846%2044.3789C27.0539%2044.3789%2025.6005%2042.9222%2025.6005%2041.1258C25.6005%2039.3295%2027.0539%2037.8727%2028.846%2037.8727C28.853%2037.8727%2028.8592%2037.8735%2028.8661%2037.8735V32.1247C28.8592%2032.1247%2028.853%2032.1255%2028.846%2032.1255C27.0539%2032.1255%2025.6005%2030.6688%2025.6005%2028.8724C25.6005%2027.0761%2027.0539%2025.6194%2028.846%2025.6194C28.9039%2025.6194%2028.961%2025.6256%2029.0189%2025.6279C29.4303%2024.3089%2030.6344%2023.3542%2032.0916%2023.3542H37.4681C45.0382%2023.3542%2046.7162%2027.6223%2046.7162%2033.6581C46.7162%2039.6939%2045.039%2043.9619%2037.4681%2043.9619L37.4674%2043.9627Z%22%20fill=%22%23EC1940%22/%3E%0A%3Ccircle%20cx=%2236.5367%22%20cy=%2236.8572%22%20r=%2224%22%20stroke=%22white%22%20stroke-width=%222%22/%3E%0A%3C/svg%3E") center / contain no-repeat; } .hdcw-head > div { margin-top: 20px; max-width: 171px; } .hdcw-head b { font-size: 22px; line-height: 22px; font-weight: 600; } .hdcw-head small { position: absolute; right: 16px; top: 54px; opacity: 1; font-size: 12px; line-height: 15px; } /* Nav icons: the designer's start-new / expand / close glyphs — WHITE. * Artboard tops y24, right edge 18px in, 18/19px apart; reset export * carries a 1px bezel (22x18 for the 20x16 glyph — jacs2 lesson). * flex:none — a long dealer name must never squeeze the buttons. */ .hdcw-reset, .hdcw-exp, .hdcw-close { flex: none; align-self: flex-start; padding: 0; font-size: 0; background-position: center; background-repeat: no-repeat; } .hdcw-reset { width: 22px; height: 18px; margin: 23px 0 0 auto; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2222%22%20height=%2218%22%20viewBox=%220%200%2022%2018%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13%201C17.4133%201%2021%204.58667%2021%209C21%2013.4133%2017.4133%2017%2013%2017C8.58667%2017%205%2013.4133%205%209V5.66667%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M1%209L5%205L9%209%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); background-size: 22px 18px; } .hdcw-reset svg { display: none; } .hdcw-panel:not(.hdcw-max) .hdcw-exp { width: 16px; height: 16px; margin: 24px 0 0 18px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2216%22%20height=%2216%22%20viewBox=%220%200%2016%2016%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.2002%2012V14.7998H4V16H0V12H1.2002ZM16%2016H12V14.7998H14.7998V12H16V16ZM16%204H14.7998V1.2002H12V0H16V4ZM4%201.2002H1.2002V4H0V0H4V1.2002Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E"); background-size: 16px 16px; } .hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; } .hdcw-max .hdcw-exp { margin-top: 24px; margin-left: 18px; } .hdcw-close { width: 15px; height: 15px; margin: 24px 0 0 19px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2215%22%20height=%2215%22%20viewBox=%220%200%2015%2015%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M15%201.74427L13.2557%200L7.5%205.75573L1.74427%200L0%201.74427L5.75573%207.5L0%2013.2557L1.74427%2015L7.5%209.24427L13.2557%2015L15%2013.2557L9.24427%207.5L15%201.74427Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E"); background-size: 15px 15px; } /* ---------- Bubbles. Bot (1:14, 4048:652): #FFEEF1 pale pink, 1px * #FF9FB1 stroke, square bottom-LEFT, capped at 334 of the 372px column. * User (render, kcd2 grey): #58595B, white text, square bottom-RIGHT. */ /* Bubble type is the artwork's own 16/20 medium (1:11: Asap Condensed 500 * 16px, lineHeight 20, tracking 0 — NOT the 15/400 the sibling themes use; * Emanuel caught the mismatch against the artboard). */ .hdcw-msg { max-width: 90%; padding: 14px 22px; font-size: 16px; font-weight: 500; line-height: 20px; letter-spacing: 0; } .hdcw-bot { background: #FFEEF1; border-color: #FF9FB1; border-radius: 10px 10px 10px 0; } .hdcw-bot b, .hdcw-bot strong { font-weight: 700; } .hdcw-user { border-radius: 10px 10px 0 10px; padding: 14px 27px; letter-spacing: 0; } .hdcw-typing { background: #FFEEF1; border-color: #FF9FB1; border-radius: 10px 10px 10px 0; padding: 14px 22px; } .hdcw-status { font-size: 12px; line-height: 16px; } /* ---------- Openers: 361x72 white lozenges, r10, 1px #EEEEEE stroke, * drop shadow 0 4 4 rgba(0,0,0,.25), red glyph at the left, black 700 17 * title at x81, #333333 11px sub-caption (::after — the widget renders a * single label), red 6x12 chevron 24px off the right edge (background * layer, freeing ::before for the glyph). */ .hdcw-opener { gap: 14px; margin-top: 12px; } .hdcw-opener button { position: relative; border-radius: 10px; } .hdcw-opener button.hdcw-op-used:not(.hdcw-else), .hdcw-opener button.hdcw-op-new:not(.hdcw-else), .hdcw-opener button.hdcw-op-quiz:not(.hdcw-else), .hdcw-opener button.hdcw-op-alert:not(.hdcw-else) { min-height: 72px; background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%226%22%20height=%2212%22%20viewBox=%220%200%206%2012%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22url(%23paint0_linear_4020_762)%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_4020_762%22%20x1=%224.36956%22%20y1=%228.22378%22%20x2=%224.22695%22%20y2=%226.68277%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%23EC1940%22/%3E%0A%3Cstop%20offset=%220.394231%22%20stop-color=%22%23E94C69%22/%3E%0A%3Cstop%20offset=%220.903846%22%20stop-color=%22%23EC1940%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") no-repeat right 24px center / 6px 12px; color: #000; text-align: left; padding: 16px 44px 33px 81px; font-size: 17px; font-weight: 700; line-height: 20px; border: 1px solid #EEEEEE; box-shadow: 0 4px 4px rgba(0,0,0,.25); } .hdcw-opener button.hdcw-op-used:not(.hdcw-else):hover, .hdcw-opener button.hdcw-op-new:not(.hdcw-else):hover, .hdcw-opener button.hdcw-op-quiz:not(.hdcw-else):hover, .hdcw-opener button.hdcw-op-alert:not(.hdcw-else):hover { background-color: #fff6f7; opacity: 1; } /* Glyphs at the exports' natural sizes (browse 30x25, choose 48x48 with * its sparkles, alert 39x41 P-with-arcs), centered on the artwork's * offsets — the bigger glyphs sit a little further left so their optical * center matches the family's. */ .hdcw-opener button.hdcw-op-used:not(.hdcw-else)::before, .hdcw-opener button.hdcw-op-new:not(.hdcw-else)::before, .hdcw-opener button.hdcw-op-quiz:not(.hdcw-else)::before, .hdcw-opener button.hdcw-op-alert:not(.hdcw-else)::before { content: ''; position: absolute; left: 28px; top: 50%; transform: translateY(-50%); background: center / contain no-repeat; } .hdcw-opener button.hdcw-op-used:not(.hdcw-else)::before, .hdcw-opener button.hdcw-op-new:not(.hdcw-else)::before { width: 30px; height: 25px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2230%22%20height=%2225%22%20viewBox=%220%200%2030%2025%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M29.975%209.74844C29.9572%209.66579%2029.931%209.58517%2029.8969%209.50781L26.9453%202.62031C26.2648%201.02891%2024.6094%200%2022.7258%200H7.27423C5.3922%200%203.73517%201.02891%203.05548%202.62031L0.100793%209.50781C0.0335988%209.66316%20-0.000714693%209.83074%201.12834e-05%2010V23.75C1.12834e-05%2024.0815%200.131708%2024.3995%200.366128%2024.6339C0.600548%2024.8683%200.91849%2025%201.25001%2025H3.75001C4.08153%2025%204.39947%2024.8683%204.63389%2024.6339C4.86831%2024.3995%205.00001%2024.0815%205.00001%2023.75V22.5H25V23.75C25%2024.0815%2025.1317%2024.3995%2025.3661%2024.6339C25.6005%2024.8683%2025.9185%2025%2026.25%2025H28.75C29.0815%2025%2029.3995%2024.8683%2029.6339%2024.6339C29.8683%2024.3995%2030%2024.0815%2030%2023.75V10C30.0002%209.91552%2029.9918%209.83123%2029.975%209.74844ZM6.25001%2017.5C5.75556%2017.5%205.27221%2017.3534%204.86108%2017.0787C4.44996%2016.804%204.12953%2016.4135%203.94031%2015.9567C3.75109%2015.4999%203.70158%2014.9972%203.79805%2014.5123C3.89451%2014.0273%204.13261%2013.5819%204.48224%2013.2322C4.83187%2012.8826%205.27733%2012.6445%205.76228%2012.548C6.24724%2012.4516%206.7499%2012.5011%207.20672%2012.6903C7.66353%2012.8795%208.05398%2013.2%208.32868%2013.6111C8.60338%2014.0222%208.75001%2014.5055%208.75001%2015C8.75001%2015.663%208.48661%2016.2989%208.01777%2016.7678C7.54893%2017.2366%206.91305%2017.5%206.25001%2017.5ZM23.75%2017.5C23.2555%2017.5%2022.7722%2017.3534%2022.3611%2017.0787C21.95%2016.804%2021.6295%2016.4135%2021.4403%2015.9567C21.2511%2015.4999%2021.2016%2014.9972%2021.298%2014.5123C21.3945%2014.0273%2021.6326%2013.5819%2021.9822%2013.2322C22.3319%2012.8826%2022.7773%2012.6445%2023.2623%2012.548C23.7472%2012.4516%2024.2499%2012.5011%2024.7067%2012.6903C25.1635%2012.8795%2025.554%2013.2%2025.8287%2013.6111C26.1034%2014.0222%2026.25%2014.5055%2026.25%2015C26.25%2015.663%2025.9866%2016.2989%2025.5178%2016.7678C25.0489%2017.2366%2024.413%2017.5%2023.75%2017.5ZM3.14532%208.75L5.35079%203.60547C5.6336%202.94453%206.40626%202.5%207.27423%202.5H22.7258C23.593%202.5%2024.3664%202.94453%2024.6492%203.60547L26.8547%208.75H3.14532Z%22%20fill=%22%23EC1940%22/%3E%0A%3C/svg%3E"); } .hdcw-opener button.hdcw-op-quiz:not(.hdcw-else)::before { left: 20px; width: 48px; height: 48px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2248%22%20height=%2248%22%20viewBox=%220%200%2048%2048%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M13.382%2020.8428L21.821%2012.4038C22.216%2012.0088%2022.7517%2011.787%2023.3102%2011.787C23.8688%2011.787%2024.4045%2012.0088%2024.7995%2012.4038C25.1945%2012.7988%2025.4163%2013.3345%2025.4163%2013.8931C25.4163%2014.4516%2025.1945%2014.9873%2024.7995%2015.3823L17.3533%2022.8285M17.8497%2022.3321L19.8354%2020.3464C20.0309%2020.1508%2020.2631%2019.9957%2020.5186%2019.8899C20.7742%2019.784%2021.048%2019.7295%2021.3246%2019.7295C21.6012%2019.7295%2021.875%2019.784%2022.1306%2019.8899C22.3861%2019.9957%2022.6183%2020.1508%2022.8138%2020.3464C23.0094%2020.542%2023.1645%2020.7741%2023.2704%2021.0297C23.3762%2021.2852%2023.4307%2021.5591%2023.4307%2021.8356C23.4307%2022.1122%2023.3762%2022.3861%2023.2704%2022.6416C23.1645%2022.8971%2023.0094%2023.1293%2022.8138%2023.3249L20.3318%2025.8069M21.821%2024.3177C22.216%2023.9227%2022.7517%2023.7008%2023.3102%2023.7008C23.8688%2023.7008%2024.4045%2023.9227%2024.7995%2024.3177C25.1945%2024.7127%2025.4163%2025.2484%2025.4163%2025.8069C25.4163%2026.3655%2025.1945%2026.9012%2024.7995%2027.2962L23.3102%2028.7854%22%20stroke=%22%23EC1940%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M23.8067%2028.289C24.2016%2027.8941%2024.7373%2027.6722%2025.2959%2027.6722C25.8545%2027.6722%2026.3902%2027.8941%2026.7851%2028.289C27.1801%2028.684%2027.402%2029.2197%2027.402%2029.7783C27.402%2030.3368%2027.1801%2030.8725%2026.7851%2031.2675L22.3174%2035.7352C20.7375%2037.3151%2018.5948%2038.2026%2016.3605%2038.2026C14.1262%2038.2026%2011.9834%2037.3151%2010.4035%2035.7352L8.41789%2033.7496L8.62439%2033.9561C7.63769%2032.9697%206.91141%2031.7537%206.51077%2030.4173C6.11012%2029.0809%206.04766%2027.6659%206.32899%2026.2994L6.43224%2025.807C6.59771%2025.022%207.40587%2022.0389%208.85671%2016.8577C9.00456%2016.3294%209.35265%2015.8798%209.82693%2015.6042C10.3012%2015.3287%2010.8643%2015.2491%2011.3964%2015.3823C11.9629%2015.5247%2012.4658%2015.852%2012.8254%2016.3123C13.1851%2016.7726%2013.3809%2017.3398%2013.382%2017.9239L13.382%2020.8428%22%20stroke=%22%23EC1940%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M38.3387%2017.3469L37.4744%2017.027C36.3411%2016.6079%2035.7744%2016.3983%2035.3615%2015.9854C34.9474%2015.5713%2034.7378%2015.0046%2034.3187%2013.8713L33.9988%2013.007L33.6789%2013.8713C33.2598%2015.0046%2033.0503%2015.5713%2032.6374%2015.9842C32.2232%2016.3983%2031.6566%2016.6079%2030.5232%2017.027L29.659%2017.3469L30.5232%2017.6668C31.6566%2018.0859%2032.2232%2018.2954%2032.6361%2018.7083C33.0503%2019.1225%2033.2598%2019.6891%2033.6789%2020.8225L33.9988%2021.6867L34.3187%2020.8225C34.7378%2019.6891%2034.9474%2019.1225%2035.3603%2018.7096C35.7744%2018.2954%2036.3411%2018.0859%2037.4744%2017.6668L38.3387%2017.3469Z%22%20stroke=%22%23EC1940%22%20stroke-width=%221.5%22%20stroke-linejoin=%22round%22/%3E%0A%3Cpath%20d=%22M39.2321%2028.0689L38.5839%2027.8289C37.7339%2027.5146%2037.3089%2027.3574%2036.9992%2027.0478C36.6886%2026.7371%2036.5315%2026.3122%2036.2171%2025.4622L35.9772%2024.814L35.7373%2025.4622C35.423%2026.3122%2035.2658%2026.7371%2034.9561%2027.0468C34.6455%2027.3574%2034.2205%2027.5146%2033.3705%2027.8289L32.7223%2028.0689L33.3705%2028.3088C34.2205%2028.6231%2034.6455%2028.7803%2034.9552%2029.09C35.2658%2029.4006%2035.423%2029.8256%2035.7373%2030.6755L35.9772%2031.3237L36.2171%2030.6755C36.5315%2029.8256%2036.6886%2029.4006%2036.9983%2029.0909C37.3089%2028.7803%2037.7339%2028.6231%2038.5839%2028.3088L39.2321%2028.0689Z%22%20stroke=%22%23EC1940%22%20stroke-width=%221.5%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); } .hdcw-opener button.hdcw-op-alert:not(.hdcw-else)::before { left: 24px; width: 39px; height: 41px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2239%22%20height=%2241%22%20viewBox=%220%200%2039%2041%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M24.0793%2019.9411H23.2616V26.4251H24.0793C25.2769%2026.4251%2026.6202%2026.3664%2026.6202%2023.1828C26.6202%2019.9993%2025.2764%2019.9406%2024.0793%2019.9406V19.9411Z%22%20fill=%22%23EC1940%22/%3E%0A%3Cpath%20d=%22M23.803%209.76801C15.4097%209.76801%208.60611%2016.5722%208.60611%2024.9649C8.60611%2033.3577%2015.4103%2040.1619%2023.803%2040.1619C32.1958%2040.1619%2039%2033.3582%2039%2024.9649C39%2016.5716%2032.1958%209.76801%2023.803%209.76801ZM24.6925%2030.1642H23.2616V31.5076C23.2616%2032.7345%2022.2684%2033.7272%2021.042%2033.7272C19.8155%2033.7272%2018.8517%2032.7345%2018.8517%2031.5076V30.4457C18.8469%2030.4457%2018.8428%2030.4462%2018.838%2030.4462C17.621%2030.4462%2016.6341%2029.4593%2016.6341%2028.2423C16.6341%2027.0253%2017.621%2026.0383%2018.838%2026.0383C18.8428%2026.0383%2018.8469%2026.0389%2018.8517%2026.0389V22.1441C18.8469%2022.1441%2018.8428%2022.1446%2018.838%2022.1446C17.621%2022.1446%2016.6341%2021.1577%2016.6341%2019.9407C16.6341%2018.7237%2017.621%2017.7368%2018.838%2017.7368C18.8773%2017.7368%2018.9161%2017.741%2018.9554%2017.7425C19.2348%2016.8489%2020.0524%2016.2021%2021.042%2016.2021H24.693C29.8336%2016.2021%2030.973%2019.0937%2030.973%2023.1829C30.973%2027.2721%2029.8341%2030.1637%2024.693%2030.1637L24.6925%2030.1642Z%22%20fill=%22%23EC1940%22/%3E%0A%3Cpath%20d=%22M18.6466%202.51488V0C8.35837%200%200%208.36556%200%2018.6466H2.5036C2.52968%209.72073%209.77969%202.51488%2018.6466%202.51488ZM18.6466%207.47949V4.97764C11.0836%204.97764%204.96808%2011.115%204.96808%2018.6466H7.47168C7.49776%2012.4832%2012.505%207.47949%2018.6466%207.47949Z%22%20fill=%22%23EC1940%22/%3E%0A%3C/svg%3E"); } /* Sub-captions (#333333 400 11, Inter in the artwork -> the stack). */ .hdcw-opener button.hdcw-op-used:not(.hdcw-else)::after, .hdcw-opener button.hdcw-op-new:not(.hdcw-else)::after, .hdcw-opener button.hdcw-op-quiz:not(.hdcw-else)::after, .hdcw-opener button.hdcw-op-alert:not(.hdcw-else)::after { position: absolute; left: 81px; top: 41px; font-size: 11px; font-weight: 400; line-height: 13px; letter-spacing: -.01em; color: #333333; } .hdcw-opener button.hdcw-op-used:not(.hdcw-else)::after, .hdcw-opener button.hdcw-op-new:not(.hdcw-else)::after { content: '100+ Cars to choose from'; } .hdcw-opener button.hdcw-op-quiz:not(.hdcw-else)::after { content: 'Get matched to car to suit your needs'; } .hdcw-opener button.hdcw-op-alert:not(.hdcw-else)::after { content: 'Receive a daily stock alert'; } /* "Something else" (2023:430): the slimmer 361x54 lozenge — same white, * stroke and shadow, the red ? at x39, label at x81, no sub-caption. */ .hdcw-opener .hdcw-else { background: #fff; color: #000; border: 1px solid #EEEEEE; box-shadow: 0 4px 4px rgba(0,0,0,.25); } .hdcw-opener .hdcw-else:hover { background: #fff6f7; opacity: 1; } .hdcw-opener button.hdcw-op-else { min-height: 54px; text-align: left; padding: 16px 44px 16px 81px; font-size: 17px; font-weight: 700; line-height: 20px; background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%226%22%20height=%2212%22%20viewBox=%220%200%206%2012%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M5.40984e-09%201.215L1.00917%202.18156e-07L6%206L1.00917%2012L4.23728e-07%2010.785L3.97792%206L5.40984e-09%201.215Z%22%20fill=%22url(%23paint0_linear_4020_762)%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_4020_762%22%20x1=%224.36956%22%20y1=%228.22378%22%20x2=%224.22695%22%20y2=%226.68277%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%23EC1940%22/%3E%0A%3Cstop%20offset=%220.394231%22%20stop-color=%22%23E94C69%22/%3E%0A%3Cstop%20offset=%220.903846%22%20stop-color=%22%23EC1940%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") no-repeat right 23px center / 6px 12px; } .hdcw-opener button.hdcw-op-else:hover { background-color: #fff6f7; } .hdcw-opener button.hdcw-op-else::before { content: ''; position: absolute; left: 40px; top: 50%; width: 14px; height: 21px; transform: translateY(-50%); background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2214%22%20height=%2221%22%20viewBox=%220%200%2014%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M7%200C3.21125%200%200%202.674%200%206.125V8.75H5.25V6.125C5.25%205.99638%205.32875%205.80825%205.63325%205.60525C5.93687%205.404%206.433%205.25%207%205.25C7.5705%205.25%208.06487%205.40488%208.36762%205.60525C8.67037%205.80562%208.75%205.9815%208.75%206.125C8.75%206.6325%208.58375%206.9825%208.25738%207.38325C7.931%207.784%207.42175%208.19525%206.8635%208.66775C5.74612%209.61275%204.375%2010.934%204.375%2013.125V14H9.625V13.125C9.625%2012.8275%209.7335%2012.6175%2010.0625%2012.2763C10.3915%2011.9368%2010.934%2011.5325%2011.5115%2011.0469C12.6665%2010.0756%2014%208.58813%2014%206.125C14%202.70375%2010.794%200%207%200ZM7%201.75C9.9715%201.75%2012.25%203.81938%2012.25%206.125C12.25%208.00187%2011.396%208.8375%2010.3635%209.70725C9.84725%2010.1412%209.296%2010.5647%208.80425%2011.074C8.50063%2011.389%208.26612%2011.7985%208.09375%2012.25H6.398C6.67363%2011.3663%207.20475%2010.6899%208.0115%2010.0074C8.547%209.555%209.1315%209.08337%209.625%208.47613C10.1185%207.86975%2010.5%207.07088%2010.5%206.125C10.5%205.285%209.9995%204.585%209.35113%204.15625C8.7045%203.7275%207.88025%203.5%207%203.5C6.11625%203.5%205.29375%203.72575%204.648%204.15625C4.00313%204.58675%203.5%205.28675%203.5%206.125V7H1.75V6.125C1.75%203.7765%204.02238%201.75%207%201.75ZM4.375%2015.75V21H9.625V15.75H4.375ZM6.125%2017.5H7.875V19.25H6.125V17.5Z%22%20fill=%22%23EC1940%22/%3E%0A%3C/svg%3E") center / contain no-repeat; } /* Context CTA ("Tell me about this car"): solid brand red, white 600 16 * label, r25 pill like the launcher's foot (render). The artwork also * scatters two white sparkles at the label's left — decoration the * widget's plain button has no slot for; deliberately not rebuilt. */ .hdcw-opener button.hdcw-op-ctx { min-height: 50px; border-radius: 25px; padding: 14px 0; font-size: 16px; font-weight: 600; } .hdcw-opener button.hdcw-op-ctx:hover { opacity: .9; } /* ---------- Chips: 31px white pills, r10, NO border, the lozenges' * shadow, black 400 14/13. Selected = 1px dark outline (render: the * "Automatic (155)" chip carries a black stroke — this file's own call, * not the vm2/scc #1E439C). */ .hdcw-chip { background: #fff; color: #000; border-color: transparent; border-radius: 10px; min-height: 31px; padding: 9px 13px; font-size: 14px; line-height: 13px; letter-spacing: -.01em; box-shadow: 0 4px 4px rgba(0,0,0,.25); } .hdcw-chip:hover { background: #FFEEF1; border-color: transparent; color: #000; } .hdcw-chip--sel { border-color: #000; box-shadow: 0 4px 4px rgba(0,0,0,.25); } .hdcw-ghead { letter-spacing: 0; line-height: 15px; } /* ---------- Car cards (render, browse frames): white, #E4E6EA border, * r10 bottom-only under the square photo (kcd2 corner rule). Title 400 * 13, price 700 15 black, monthly "from €Xpm" 500 12 SOLID brand red, * meta 400 11 #1B1B1B. Flush split action bar: Details on a #E4E6EA * outline with black label / I'm Interested SOLID red with white label. */ .hdcw-cars { gap: 14px; } .hdcw-car { border-radius: 0 0 10px 10px; border-color: #E4E6EA; } .hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; } .hdcw-car .hdcw-carbody { padding: 10px 12px 0; } .hdcw-car h4.hdcw-cartitle { margin: 0; font-size: 13px; font-weight: 400; line-height: 15px; letter-spacing: .01em; max-height: 30px; } .hdcw-car .hdcw-price { font-size: 15px; font-weight: 700; line-height: 19px; letter-spacing: .01em; } .hdcw-mo { color: #EC1940; font-size: 12px; font-weight: 500; line-height: 16px; } .hdcw-car .hdcw-meta { color: #1B1B1B; font-size: 11px; line-height: 17px; letter-spacing: 0; margin-top: 0; } /* New-car range cards (CON-823) end in their title — no action bar. */ .hdcw-ncgrid .hdcw-carbody { padding: 12px 14px 14px; } .hdcw-ncgrid h4.hdcw-cartitle { max-height: none; } .hdcw-car .hdcw-actions { margin: auto 0 0; gap: 0; } .hdcw-car .hdcw-pick { flex: 77 0 0; border: 1px solid #E4E6EA; border-radius: 0 0 0 9px; min-height: 31px; padding: 8px 0; font-size: 13px; font-weight: 400; line-height: 13px; letter-spacing: -.01em; background: #fff; color: #000; } .hdcw-car .hdcw-pick:hover { background: #FFEEF1; color: #000; } .hdcw-car .hdcw-pick--primary { flex: 99 0 0; border-left: 0; border-radius: 0 0 9px 0; background: #EC1940; color: #fff; } .hdcw-car .hdcw-pick--primary:only-child { border-radius: 0 0 9px 9px; border-left: 1px solid #E4E6EA; } .hdcw-car .hdcw-pick--primary:hover { opacity: .9; color: #fff; } /* ---------- Footer (24:712): one #E4E6EA band (400x129). Input 299x51, * r10, 1px #000 stroke, black 15px placeholder 24px in at full black. * No focus state drawn — the box keeps its black stroke while focused. * Send: the designer's 52x52 red circle + white plane, baked into its * export. Disclosure: one centered paragraph 400 12/15 #504949 flowing * inline with the joining period restored (jacs2 mechanism). */ .hdcw-input { background: #E4E6EA; border-top: 0; padding: 20px 21px 11px; gap: 7px; } .hdcw-input input { box-sizing: border-box; height: 51px; border-radius: 10px; padding: 0 24px; font-size: 15px; line-height: 49px; letter-spacing: .01em; } .hdcw-input input::placeholder { color: #000; opacity: 1; } .hdcw-input input:focus { border-color: #000; } .hdcw-send { width: 52px; height: 52px; padding: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2252%22%20height=%2252%22%20viewBox=%220%200%2052%2052%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Ccircle%20cx=%2226%22%20cy=%2226%22%20r=%2226%22%20fill=%22url(%23paint0_linear_2003_411)%22/%3E%0A%3Cpath%20d=%22M21.6667%2026L19%2034L35%2026L19%2018L21.6667%2026ZM21.6667%2026H27%22%20stroke=%22white%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_2003_411%22%20x1=%2215%22%20y1=%22-1.79886e-06%22%20x2=%2239.5%22%20y2=%2242%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%23EC1940%22/%3E%0A%3Cstop%20offset=%220.394231%22%20stop-color=%22%23E94C69%22/%3E%0A%3Cstop%20offset=%220.903846%22%20stop-color=%22%23EC1940%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / 52px 52px no-repeat; } .hdcw-send svg { display: none; } .hdcw-send:disabled { opacity: .4; } .hdcw-powered { background: #E4E6EA; font-size: 12px; line-height: 15px; letter-spacing: .01em; padding: 0 56px 17px; } .hdcw-powered a.hdcw-tc { color: #504949; } .hdcw-powered > div { display: inline; } .hdcw-powered > div:first-child::after { content: '. '; } /* iOS zoom guard re-asserted (CON-781/CON-853 trap). */ @media (pointer: coarse) { .hdcw-input input { font-size: 16px; } }