/* CON-978 chat widget branding - McCormack Car Sales (mcg2, template MCG2). * Source of truth: the designer's Figma file 5Ed1kdt5LNBcgtajf3UZ0P and its * 16 @2x artboard PNGs, which outrank the node dump wherever they disagree. * Tooling and QA: tickets/CON-978/mcg2/qa-mcg2/; design notes: * tickets/CON-978/mcg2/DESIGN-mcg2.md. Glyphs are SVG exports of the file's * own nodes, each cross-checked against the artboards. * * Navy and blue: an 81px header running #02264A -> #1580C3 left to right with * the designer's speech-bubble mark; #02264A user bubbles; #EDEDED bot bubbles * with a #C7C7C7 stroke and a squared bottom-left corner on a WHITE ground; * #F1F1F1 lozenge openers (1px #B7B7B7, r10) with a #2389CA glyph, a #0A1741 * title, a black caption and a black chevron; white chips on a 0/4/4 25% * shadow; an #E4E6EA footer band with a white r10 input and the #2389CA send * disc; #2389CA context CTA and "I'm Interested". The launcher is the * designer's 237x46 "Virtual Assistant" pill lockup. * Type: Rubik throughout - already loaded by templates/MCG2/www/css/style.css, * so this file imports no font. * The panel is 400x720 = the designer's artboard, so offsets transfer 1:1. * * Regenerate with tickets/CON-978/mcg2/build-theme-mcg2.py - edit the * generator, never this file. * * Served at /chat-theme; loaded by the widget AFTER its built-in stylesheet, * same origin and equal specificity, so plain selectors win - no !important. */ .hdcw-fab,.hdcw-panel { --hdcw-accent: #2389CA; --hdcw-on-accent: #fff; --hdcw-font: 'Rubik', system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; --hdcw-bg: #fff; --hdcw-surface: #fff; /* Rectangle 8 (15:158) is white */ --hdcw-text: #000000; --hdcw-muted: #6D6D6D; --hdcw-faint: #C7C7C7; /* typing dots (decorative) */ --hdcw-footer: #504949; /* disclosure 2008:473 */ --hdcw-border: #000000; /* input stroke 24:705 */ --hdcw-border-soft: #E4E6EA; /* card borders + dividers */ --hdcw-img-bg: #E9EBEE; --hdcw-radius: 15px; /* panel 1:7 */ --hdcw-radius-bubble: 10px; /* every bubble, lozenge, chip and card */ --hdcw-head-bg: #02264A; --hdcw-head-color: #fff; --hdcw-user-bg: #02264A; --hdcw-user-color: #fff; --hdcw-link: #2389CA; --hdcw-btn-bg: #2389CA; --hdcw-btn-color: #fff; /* A pill launcher docks ON the vehicle page's action bar instead of floating 12px above it (standard section 4a). */ --hdcw-fab-gap: 0; } /* ---------- Launcher (icon-virtual-assistant 26002:611 on 02-home-alt). * Measured on the artboard: the lockup is 237x48 (pill + its 2px shadow) with * its pill 237x46 at (153,586) - 10px off the right edge, 21px off the * bottom - plus 2px of drop shadow under it. The export pads 2px either side * of the pill and 4px below it, so the box sits at right 8 / bottom 17. */ .hdcw-fab { width: 241px; height: 50px; right: 8px; bottom: 17px; max-width: calc(100vw - 16px); border-radius: 0; background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%22241%22%20height=%2250%22%20viewBox=%220%200%20241%2050%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cg%20filter=%22url(%23filter0_d_26002_611)%22%3E%0A%3Crect%20x=%222%22%20width=%22237%22%20height=%2246%22%20rx=%2223%22%20fill=%22url(%23paint0_linear_26002_611)%22/%3E%0A%3C/g%3E%0A%3Cpath%20d=%22M229.571%2011.7118V11.7104L229.527%2011.7041L229.378%2011.6835C229.378%2011.6835%20229.375%2011.6831%20229.373%2011.6828L229.35%2011.6796L229.351%2011.6807C227.765%2011.5584%20226.248%2011.1656%20224.874%2010.4876C223.728%209.95361%20222.676%209.23232%20221.758%208.31357C219.723%206.27899%20218.652%203.59161%20218.462%200.679874C218.461%200.668691%20218.46%200.657159%20218.46%200.645976C218.457%200.609282%20218.453%200.572239%20218.451%200.535196C218.401%200.326915%20218.215%200.171753%20217.992%200.171753C217.743%200.171753%20217.541%200.363958%20217.521%200.607535H217.52L217.515%200.645976L217.493%200.803934C217.493%200.803934%20217.493%200.80673%20217.493%200.808128L217.489%200.831542L217.491%200.830493C217.3%203.34209%20216.449%205.68001%20214.885%207.56782C214.647%207.86102%20214.395%208.14443%20214.123%208.41527C212.089%2010.4499%20209.401%2011.521%20206.49%2011.7107C206.479%2011.7114%20206.467%2011.7125%20206.456%2011.7132C206.419%2011.716%20206.382%2011.7195%20206.345%2011.7216C206.137%2011.7715%20205.982%2011.9578%20205.982%2012.1814C205.982%2012.4303%20206.174%2012.6319%20206.417%2012.6515V12.6529L206.456%2012.6581L206.614%2012.6798C206.614%2012.6798%20206.617%2012.6801%20206.618%2012.6805L206.641%2012.6836L206.64%2012.6826C209.494%2012.8992%20212.124%2013.9669%20214.123%2015.9661C214.784%2016.6273%20215.342%2017.3577%20215.803%2018.1416C216.824%2019.7875%20217.388%2021.6844%20217.521%2023.69C217.521%2023.6991%20217.522%2023.7078%20217.523%2023.7169C217.526%2023.7554%20217.529%2023.7938%20217.531%2023.8326C217.581%2024.0377%20217.768%2024.1908%20217.991%2024.1908C218.24%2024.1908%20218.441%2024.0014%20218.461%2023.7609H218.462L218.469%2023.7166L218.489%2023.5673C218.489%2023.5673%20218.489%2023.5646%20218.49%2023.5632L218.493%2023.5401L218.492%2023.5411C218.702%2020.8122%20219.715%2018.2922%20221.6%2016.3439C221.72%2016.209%20221.844%2016.0769%20221.972%2015.9473C223.978%2013.9127%20226.628%2012.8416%20229.499%2012.6518C229.508%2012.6511%20229.517%2012.6504%20229.526%2012.6497C229.565%2012.6466%20229.603%2012.6431%20229.642%2012.641C229.847%2012.591%20230%2012.4048%20230%2012.1811C230%2011.9323%20229.811%2011.7306%20229.57%2011.7111L229.571%2011.7118Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M198.778%2024.2058H189.555C188.482%2024.2058%20187.613%2025.0751%20187.613%2026.1474V26.1478C187.613%2027.2201%20188.482%2028.0894%20189.555%2028.0894H198.778C199.851%2028.0894%20200.72%2027.2201%20200.72%2026.1478V26.1474C200.72%2025.0751%20199.851%2024.2058%20198.778%2024.2058Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M213.342%2024.2058H205.089C204.017%2024.2058%20203.148%2025.0751%20203.148%2026.1474V26.1478C203.148%2027.2201%20204.017%2028.0894%20205.089%2028.0894H213.342C214.414%2028.0894%20215.284%2027.2201%20215.284%2026.1478V26.1474C215.284%2025.0751%20214.414%2024.2058%20213.342%2024.2058Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M203.633%2016.924H189.555C188.482%2016.924%20187.613%2017.7933%20187.613%2018.8656V18.866C187.613%2019.9383%20188.482%2020.8076%20189.555%2020.8076H203.633C204.705%2020.8076%20205.575%2019.9383%20205.575%2018.866V18.8656C205.575%2017.7933%20204.705%2016.924%20203.633%2016.924Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M221.46%2022.9981C220.768%2023.1309%20220.292%2023.7764%20220.292%2024.4805V31.7081C220.292%2033.3167%20218.988%2034.6209%20217.379%2034.6209H201.997C201.611%2034.6209%20201.24%2034.7743%20200.967%2035.0476L192.953%2043.0622V36.0775C192.953%2035.273%20192.3%2034.6213%20191.496%2034.6213H185.825C184.216%2034.6213%20182.912%2033.3171%20182.912%2031.7085V13.2613C182.912%2011.6527%20184.216%2010.3485%20185.825%2010.3485H205.674C206.378%2010.3485%20207.024%209.87221%20207.157%209.18062C207.335%208.24965%20206.626%207.4361%20205.728%207.4361H185.825C182.608%207.4361%20180%2010.0441%20180%2013.2613V31.7081C180%2034.9253%20182.608%2037.5334%20185.825%2037.5334H189.555V45.9513C189.555%2046.9329%20190.241%2047.824%20191.211%2047.9708C191.601%2048.0295%20191.968%2047.9642%20192.291%2047.8188C192.635%2047.7405%20192.964%2047.5721%20193.232%2047.3037L203.002%2037.5334H217.379C220.596%2037.5334%20223.204%2034.9253%20223.204%2031.7081V24.4264C223.204%2023.5275%20222.39%2022.8192%20221.459%2022.9977L221.46%2022.9981Z%22%20fill=%22url(%23paint1_linear_26002_611)%22/%3E%0A%3Cpath%20d=%22M232.227%2024.7207L232.216%2024.7057L232.178%2024.6561C232.178%2024.6561%20232.177%2024.655%20232.177%2024.6547L232.171%2024.647V24.6477C231.742%2024.1465%20231.412%2023.587%20231.208%2022.9853C231.029%2022.4929%20230.932%2021.9729%20230.932%2021.4343C230.932%2020.2413%20231.406%2019.1394%20232.204%2018.2301C232.207%2018.2266%20232.21%2018.2231%20232.213%2018.2193C232.222%2018.2077%20232.232%2018.1959%20232.243%2018.1843C232.289%2018.1085%20232.28%2018.0085%20232.214%2017.9432C232.141%2017.8702%20232.026%2017.8674%20231.949%2017.9331H231.948L231.936%2017.9425L231.883%2017.9823C231.883%2017.9823%20231.882%2017.983%20231.882%2017.9834L231.874%2017.9893H231.875C231.082%2018.6697%20230.148%2019.1059%20229.136%2019.2006C228.98%2019.217%20228.823%2019.2261%20228.664%2019.2257C227.471%2019.2257%20226.369%2018.7519%20225.46%2017.954C225.456%2017.9509%20225.453%2017.9477%20225.449%2017.9449C225.438%2017.9352%20225.426%2017.9254%20225.414%2017.9149C225.338%2017.8684%20225.238%2017.8775%20225.173%2017.9432C225.1%2018.0162%20225.097%2018.1316%20225.163%2018.2088L225.172%2018.2221L225.212%2018.2748C225.212%2018.2748%20225.213%2018.2759%20225.213%2018.2762L225.219%2018.2839V18.2832C225.992%2019.1831%20226.45%2020.2671%20226.45%2021.4396C226.45%2021.8271%20226.4%2022.2049%20226.305%2022.5698C226.122%2023.3515%20225.731%2024.0731%20225.182%2024.7001C225.179%2024.7029%20225.177%2024.7057%20225.174%2024.7085C225.164%2024.7207%20225.154%2024.7329%20225.143%2024.7452C225.098%2024.82%20225.107%2024.9196%20225.173%2024.9849C225.246%2025.0579%20225.36%2025.0614%20225.436%2024.9968H225.437L225.452%2024.9859L225.501%2024.9482C225.501%2024.9482%20225.502%2024.9475%20225.503%2024.9472L225.51%2024.9412H225.51C226.371%2024.2028%20227.407%2023.7611%20228.531%2023.7426C228.606%2023.7384%20228.681%2023.7359%20228.756%2023.7352C229.941%2023.7268%20231.032%2024.1899%20231.93%2024.9758C231.932%2024.9783%20231.935%2024.9807%20231.938%2024.9832C231.95%2024.9936%20231.962%2025.0038%20231.975%2025.0146C232.049%2025.06%20232.149%2025.0503%20232.214%2024.9849C232.287%2024.9119%20232.291%2024.7972%20232.226%2024.7211L232.227%2024.7207Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M29.512%2028C29.3413%2028%2029.208%2027.9573%2029.112%2027.872C29.016%2027.7867%2028.9467%2027.68%2028.904%2027.552L25.48%2017.28C25.4587%2017.2267%2025.448%2017.1787%2025.448%2017.136C25.448%2017.04%2025.48%2016.96%2025.544%2016.896C25.608%2016.832%2025.688%2016.8%2025.784%2016.8H27.192C27.3413%2016.8%2027.4533%2016.8427%2027.528%2016.928C27.6133%2017.0027%2027.6667%2017.0773%2027.688%2017.152L30.392%2025.392L33.096%2017.152C33.1173%2017.0773%2033.1653%2017.0027%2033.24%2016.928C33.3253%2016.8427%2033.4427%2016.8%2033.592%2016.8H35C35.0853%2016.8%2035.16%2016.832%2035.224%2016.896C35.2987%2016.96%2035.336%2017.04%2035.336%2017.136C35.336%2017.1787%2035.3253%2017.2267%2035.304%2017.28L31.88%2027.552C31.8373%2027.68%2031.768%2027.7867%2031.672%2027.872C31.576%2027.9573%2031.4427%2028%2031.272%2028H29.512ZM37.0025%2028C36.8958%2028%2036.8052%2027.9627%2036.7305%2027.888C36.6558%2027.8133%2036.6185%2027.7227%2036.6185%2027.616V20.064C36.6185%2019.9573%2036.6558%2019.8667%2036.7305%2019.792C36.8052%2019.7173%2036.8958%2019.68%2037.0025%2019.68H38.3305C38.4478%2019.68%2038.5385%2019.7173%2038.6025%2019.792C38.6772%2019.8667%2038.7145%2019.9573%2038.7145%2020.064V27.616C38.7145%2027.7227%2038.6772%2027.8133%2038.6025%2027.888C38.5385%2027.9627%2038.4478%2028%2038.3305%2028H37.0025ZM36.9385%2018.304C36.8318%2018.304%2036.7412%2018.2667%2036.6665%2018.192C36.5918%2018.1173%2036.5545%2018.0267%2036.5545%2017.92V16.768C36.5545%2016.6613%2036.5918%2016.5707%2036.6665%2016.496C36.7412%2016.4213%2036.8318%2016.384%2036.9385%2016.384H38.3945C38.5118%2016.384%2038.6078%2016.4213%2038.6825%2016.496C38.7572%2016.5707%2038.7945%2016.6613%2038.7945%2016.768V17.92C38.7945%2018.0267%2038.7572%2018.1173%2038.6825%2018.192C38.6078%2018.2667%2038.5118%2018.304%2038.3945%2018.304H36.9385ZM41.5338%2028C41.4271%2028%2041.3364%2027.9627%2041.2618%2027.888C41.1871%2027.8133%2041.1497%2027.7227%2041.1497%2027.616V20.08C41.1497%2019.9627%2041.1871%2019.8667%2041.2618%2019.792C41.3364%2019.7173%2041.4271%2019.68%2041.5338%2019.68H42.8298C42.9364%2019.68%2043.0271%2019.7173%2043.1018%2019.792C43.1871%2019.8667%2043.2298%2019.9627%2043.2298%2020.08V20.736C43.4751%2020.3947%2043.7898%2020.1333%2044.1738%2019.952C44.5684%2019.7707%2045.0218%2019.68%2045.5338%2019.68H46.1898C46.3071%2019.68%2046.3978%2019.7173%2046.4618%2019.792C46.5364%2019.8667%2046.5738%2019.9573%2046.5738%2020.064V21.216C46.5738%2021.3227%2046.5364%2021.4133%2046.4618%2021.488C46.3978%2021.5627%2046.3071%2021.6%2046.1898%2021.6H44.9418C44.4298%2021.6%2044.0298%2021.744%2043.7418%2022.032C43.4644%2022.3093%2043.3258%2022.704%2043.3258%2023.216V27.616C43.3258%2027.7227%2043.2884%2027.8133%2043.2138%2027.888C43.1391%2027.9627%2043.0431%2028%2042.9258%2028H41.5338ZM51.5816%2028C50.9416%2028%2050.403%2027.888%2049.9656%2027.664C49.5283%2027.44%2049.203%2027.1093%2048.9896%2026.672C48.7763%2026.224%2048.6696%2025.6693%2048.6696%2025.008V21.376H47.4056C47.299%2021.376%2047.2083%2021.3387%2047.1336%2021.264C47.059%2021.1893%2047.0216%2021.0933%2047.0216%2020.976V20.064C47.0216%2019.9573%2047.059%2019.8667%2047.1336%2019.792C47.2083%2019.7173%2047.299%2019.68%2047.4056%2019.68H48.6696V17.024C48.6696%2016.9173%2048.7016%2016.8267%2048.7656%2016.752C48.8403%2016.6773%2048.9363%2016.64%2049.0536%2016.64H50.3496C50.4563%2016.64%2050.547%2016.6773%2050.6216%2016.752C50.6963%2016.8267%2050.7336%2016.9173%2050.7336%2017.024V19.68H52.7336C52.8403%2019.68%2052.931%2019.7173%2053.0056%2019.792C53.0803%2019.8667%2053.1176%2019.9573%2053.1176%2020.064V20.976C53.1176%2021.0933%2053.0803%2021.1893%2053.0056%2021.264C52.931%2021.3387%2052.8403%2021.376%2052.7336%2021.376H50.7336V24.848C50.7336%2025.2853%2050.8083%2025.6267%2050.9576%2025.872C51.1176%2026.1173%2051.3896%2026.24%2051.7736%2026.24H52.8776C52.9843%2026.24%2053.075%2026.2773%2053.1496%2026.352C53.2243%2026.4267%2053.2616%2026.5173%2053.2616%2026.624V27.616C53.2616%2027.7227%2053.2243%2027.8133%2053.1496%2027.888C53.075%2027.9627%2052.9843%2028%2052.8776%2028H51.5816ZM57.769%2028.16C57.1183%2028.16%2056.553%2028.016%2056.073%2027.728C55.6037%2027.4293%2055.241%2027.0133%2054.985%2026.48C54.729%2025.936%2054.601%2025.296%2054.601%2024.56V20.064C54.601%2019.9573%2054.6383%2019.8667%2054.713%2019.792C54.7877%2019.7173%2054.8783%2019.68%2054.985%2019.68H56.393C56.5103%2019.68%2056.601%2019.7173%2056.665%2019.792C56.7397%2019.8667%2056.777%2019.9573%2056.777%2020.064V24.464C56.777%2025.7867%2057.3583%2026.448%2058.521%2026.448C59.0757%2026.448%2059.513%2026.272%2059.833%2025.92C60.1637%2025.568%2060.329%2025.0827%2060.329%2024.464V20.064C60.329%2019.9573%2060.3663%2019.8667%2060.441%2019.792C60.5157%2019.7173%2060.6063%2019.68%2060.713%2019.68H62.121C62.2277%2019.68%2062.3183%2019.7173%2062.393%2019.792C62.4677%2019.8667%2062.505%2019.9573%2062.505%2020.064V27.616C62.505%2027.7227%2062.4677%2027.8133%2062.393%2027.888C62.3183%2027.9627%2062.2277%2028%2062.121%2028H60.825C60.7077%2028%2060.6117%2027.9627%2060.537%2027.888C60.473%2027.8133%2060.441%2027.7227%2060.441%2027.616V26.96C60.153%2027.3333%2059.7957%2027.6267%2059.369%2027.84C58.9423%2028.0533%2058.409%2028.16%2057.769%2028.16ZM67.0345%2028.16C66.4798%2028.16%2065.9785%2028.0533%2065.5305%2027.84C65.0825%2027.616%2064.7252%2027.3227%2064.4585%2026.96C64.2025%2026.5867%2064.0745%2026.1707%2064.0745%2025.712C64.0745%2024.9653%2064.3785%2024.3733%2064.9865%2023.936C65.5945%2023.488%2066.3892%2023.1893%2067.3705%2023.04L69.5625%2022.72V22.384C69.5625%2021.936%2069.4505%2021.5893%2069.2265%2021.344C69.0025%2021.0987%2068.6185%2020.976%2068.0745%2020.976C67.6905%2020.976%2067.3758%2021.056%2067.1305%2021.216C66.8958%2021.3653%2066.7198%2021.568%2066.6025%2021.824C66.5172%2021.9627%2066.3945%2022.032%2066.2345%2022.032H64.9705C64.8532%2022.032%2064.7625%2022%2064.6985%2021.936C64.6452%2021.872%2064.6185%2021.7867%2064.6185%2021.68C64.6292%2021.5093%2064.6985%2021.3013%2064.8265%2021.056C64.9652%2020.8107%2065.1678%2020.576%2065.4345%2020.352C65.7118%2020.1173%2066.0692%2019.92%2066.5065%2019.76C66.9438%2019.6%2067.4718%2019.52%2068.0905%2019.52C68.7625%2019.52%2069.3278%2019.6053%2069.7865%2019.776C70.2558%2019.936%2070.6292%2020.1547%2070.9065%2020.432C71.1838%2020.7093%2071.3865%2021.0347%2071.5145%2021.408C71.6425%2021.7813%2071.7065%2022.176%2071.7065%2022.592V27.616C71.7065%2027.7227%2071.6692%2027.8133%2071.5945%2027.888C71.5198%2027.9627%2071.4292%2028%2071.3225%2028H70.0265C69.9092%2028%2069.8132%2027.9627%2069.7385%2027.888C69.6745%2027.8133%2069.6425%2027.7227%2069.6425%2027.616V26.992C69.5038%2027.184%2069.3172%2027.3707%2069.0825%2027.552C68.8478%2027.7333%2068.5598%2027.8827%2068.2185%2028C67.8878%2028.1067%2067.4932%2028.16%2067.0345%2028.16ZM67.5785%2026.64C67.9518%2026.64%2068.2878%2026.56%2068.5865%2026.4C68.8958%2026.24%2069.1358%2025.9947%2069.3065%2025.664C69.4878%2025.3227%2069.5785%2024.896%2069.5785%2024.384V24.048L67.9785%2024.304C67.3492%2024.4%2066.8798%2024.5547%2066.5705%2024.768C66.2612%2024.9813%2066.1065%2025.2427%2066.1065%2025.552C66.1065%2025.7867%2066.1758%2025.9893%2066.3145%2026.16C66.4638%2026.32%2066.6505%2026.4427%2066.8745%2026.528C67.0985%2026.6027%2067.3332%2026.64%2067.5785%2026.64ZM74.1591%2028C74.0525%2028%2073.9618%2027.9627%2073.8871%2027.888C73.8125%2027.8133%2073.7751%2027.7227%2073.7751%2027.616V17.024C73.7751%2016.9173%2073.8125%2016.8267%2073.8871%2016.752C73.9618%2016.6773%2074.0525%2016.64%2074.1591%2016.64H75.4871C75.5938%2016.64%2075.6845%2016.6773%2075.7591%2016.752C75.8338%2016.8267%2075.8711%2016.9173%2075.8711%2017.024V27.616C75.8711%2027.7227%2075.8338%2027.8133%2075.7591%2027.888C75.6845%2027.9627%2075.5938%2028%2075.4871%2028H74.1591ZM80.7319%2028C80.6465%2028%2080.5665%2027.968%2080.4919%2027.904C80.4279%2027.84%2080.3959%2027.76%2080.3959%2027.664C80.3959%2027.6213%2080.4065%2027.5733%2080.4279%2027.52L84.2839%2017.2C84.3159%2017.0933%2084.3745%2017.0027%2084.4599%2016.928C84.5559%2016.8427%2084.6839%2016.8%2084.8439%2016.8H86.5879C86.7479%2016.8%2086.8705%2016.8427%2086.9559%2016.928C87.0412%2017.0027%2087.1052%2017.0933%2087.1479%2017.2L91.0039%2027.52C91.0145%2027.5733%2091.0199%2027.6213%2091.0199%2027.664C91.0199%2027.76%2090.9879%2027.84%2090.9239%2027.904C90.8599%2027.968%2090.7852%2028%2090.6999%2028H89.3079C89.1585%2028%2089.0465%2027.968%2088.9719%2027.904C88.9079%2027.8293%2088.8652%2027.76%2088.8439%2027.696L88.0919%2025.744H83.3399L82.5879%2027.696C82.5665%2027.76%2082.5185%2027.8293%2082.4439%2027.904C82.3799%2027.968%2082.2732%2028%2082.1239%2028H80.7319ZM83.8999%2023.904H87.5319L85.7079%2018.96L83.8999%2023.904ZM95.4736%2028.16C94.8336%2028.16%2094.2843%2028.0853%2093.8256%2027.936C93.3776%2027.7867%2093.0096%2027.6%2092.7216%2027.376C92.4336%2027.152%2092.2203%2026.928%2092.0816%2026.704C91.943%2026.48%2091.8683%2026.2933%2091.8576%2026.144C91.847%2026.0267%2091.879%2025.936%2091.9536%2025.872C92.039%2025.7973%2092.1296%2025.76%2092.2256%2025.76H93.4896C93.5323%2025.76%2093.5696%2025.7653%2093.6016%2025.776C93.6336%2025.7867%2093.6763%2025.8187%2093.7296%2025.872C93.8683%2025.9893%2094.0123%2026.112%2094.1616%2026.24C94.3216%2026.368%2094.5083%2026.48%2094.7216%2026.576C94.935%2026.6613%2095.2016%2026.704%2095.5216%2026.704C95.9376%2026.704%2096.2843%2026.624%2096.5616%2026.464C96.8496%2026.2933%2096.9936%2026.0533%2096.9936%2025.744C96.9936%2025.52%2096.9296%2025.3387%2096.8016%2025.2C96.6843%2025.0613%2096.4603%2024.9387%2096.1296%2024.832C95.799%2024.7147%2095.3296%2024.592%2094.7216%2024.464C94.1243%2024.3253%2093.6283%2024.1493%2093.2336%2023.936C92.839%2023.7227%2092.5456%2023.456%2092.3536%2023.136C92.1616%2022.816%2092.0656%2022.4427%2092.0656%2022.016C92.0656%2021.6%2092.1883%2021.2053%2092.4336%2020.832C92.6896%2020.448%2093.063%2020.1333%2093.5536%2019.888C94.055%2019.6427%2094.6736%2019.52%2095.4096%2019.52C95.9856%2019.52%2096.487%2019.5947%2096.9136%2019.744C97.3403%2019.8827%2097.6923%2020.0587%2097.9696%2020.272C98.2576%2020.4853%2098.4763%2020.704%2098.6256%2020.928C98.775%2021.1413%2098.855%2021.328%2098.8656%2021.488C98.8763%2021.6053%2098.8443%2021.7013%2098.7696%2021.776C98.695%2021.84%2098.6096%2021.872%2098.5136%2021.872H97.3296C97.2763%2021.872%2097.2283%2021.8613%2097.1856%2021.84C97.143%2021.8187%2097.1003%2021.792%2097.0576%2021.76C96.9403%2021.6533%2096.8123%2021.5413%2096.6736%2021.424C96.535%2021.296%2096.3643%2021.1893%2096.1616%2021.104C95.9696%2021.0187%2095.7136%2020.976%2095.3936%2020.976C94.9883%2020.976%2094.679%2021.0667%2094.4656%2021.248C94.2523%2021.4187%2094.1456%2021.6373%2094.1456%2021.904C94.1456%2022.0853%2094.1936%2022.2453%2094.2896%2022.384C94.3963%2022.512%2094.6043%2022.6347%2094.9136%2022.752C95.223%2022.8693%2095.6923%2022.992%2096.3216%2023.12C97.0363%2023.248%2097.6016%2023.44%2098.0176%2023.696C98.4443%2023.9413%2098.743%2024.2293%2098.9136%2024.56C99.095%2024.88%2099.1856%2025.2373%2099.1856%2025.632C99.1856%2026.112%2099.0416%2026.544%2098.7536%2026.928C98.4763%2027.312%2098.0603%2027.616%2097.5056%2027.84C96.9616%2028.0533%2096.2843%2028.16%2095.4736%2028.16ZM103.989%2028.16C103.349%2028.16%20102.8%2028.0853%20102.341%2027.936C101.893%2027.7867%20101.525%2027.6%20101.237%2027.376C100.949%2027.152%20100.736%2026.928%20100.597%2026.704C100.459%2026.48%20100.384%2026.2933%20100.373%2026.144C100.363%2026.0267%20100.395%2025.936%20100.469%2025.872C100.555%2025.7973%20100.645%2025.76%20100.741%2025.76H102.005C102.048%2025.76%20102.085%2025.7653%20102.117%2025.776C102.149%2025.7867%20102.192%2025.8187%20102.245%2025.872C102.384%2025.9893%20102.528%2026.112%20102.677%2026.24C102.837%2026.368%20103.024%2026.48%20103.237%2026.576C103.451%2026.6613%20103.717%2026.704%20104.037%2026.704C104.453%2026.704%20104.8%2026.624%20105.077%2026.464C105.365%2026.2933%20105.509%2026.0533%20105.509%2025.744C105.509%2025.52%20105.445%2025.3387%20105.317%2025.2C105.2%2025.0613%20104.976%2024.9387%20104.645%2024.832C104.315%2024.7147%20103.845%2024.592%20103.237%2024.464C102.64%2024.3253%20102.144%2024.1493%20101.749%2023.936C101.355%2023.7227%20101.061%2023.456%20100.869%2023.136C100.677%2022.816%20100.581%2022.4427%20100.581%2022.016C100.581%2021.6%20100.704%2021.2053%20100.949%2020.832C101.205%2020.448%20101.579%2020.1333%20102.069%2019.888C102.571%2019.6427%20103.189%2019.52%20103.925%2019.52C104.501%2019.52%20105.003%2019.5947%20105.429%2019.744C105.856%2019.8827%20106.208%2020.0587%20106.485%2020.272C106.773%2020.4853%20106.992%2020.704%20107.141%2020.928C107.291%2021.1413%20107.371%2021.328%20107.381%2021.488C107.392%2021.6053%20107.36%2021.7013%20107.285%2021.776C107.211%2021.84%20107.125%2021.872%20107.029%2021.872H105.845C105.792%2021.872%20105.744%2021.8613%20105.701%2021.84C105.659%2021.8187%20105.616%2021.792%20105.573%2021.76C105.456%2021.6533%20105.328%2021.5413%20105.189%2021.424C105.051%2021.296%20104.88%2021.1893%20104.677%2021.104C104.485%2021.0187%20104.229%2020.976%20103.909%2020.976C103.504%2020.976%20103.195%2021.0667%20102.981%2021.248C102.768%2021.4187%20102.661%2021.6373%20102.661%2021.904C102.661%2022.0853%20102.709%2022.2453%20102.805%2022.384C102.912%2022.512%20103.12%2022.6347%20103.429%2022.752C103.739%2022.8693%20104.208%2022.992%20104.837%2023.12C105.552%2023.248%20106.117%2023.44%20106.533%2023.696C106.96%2023.9413%20107.259%2024.2293%20107.429%2024.56C107.611%2024.88%20107.701%2025.2373%20107.701%2025.632C107.701%2026.112%20107.557%2026.544%20107.269%2026.928C106.992%2027.312%20106.576%2027.616%20106.021%2027.84C105.477%2028.0533%20104.8%2028.16%20103.989%2028.16ZM109.737%2028C109.63%2028%20109.54%2027.9627%20109.465%2027.888C109.39%2027.8133%20109.353%2027.7227%20109.353%2027.616V20.064C109.353%2019.9573%20109.39%2019.8667%20109.465%2019.792C109.54%2019.7173%20109.63%2019.68%20109.737%2019.68H111.065C111.182%2019.68%20111.273%2019.7173%20111.337%2019.792C111.412%2019.8667%20111.449%2019.9573%20111.449%2020.064V27.616C111.449%2027.7227%20111.412%2027.8133%20111.337%2027.888C111.273%2027.9627%20111.182%2028%20111.065%2028H109.737ZM109.673%2018.304C109.566%2018.304%20109.476%2018.2667%20109.401%2018.192C109.326%2018.1173%20109.289%2018.0267%20109.289%2017.92V16.768C109.289%2016.6613%20109.326%2016.5707%20109.401%2016.496C109.476%2016.4213%20109.566%2016.384%20109.673%2016.384H111.129C111.246%2016.384%20111.342%2016.4213%20111.417%2016.496C111.492%2016.5707%20111.529%2016.6613%20111.529%2016.768V17.92C111.529%2018.0267%20111.492%2018.1173%20111.417%2018.192C111.342%2018.2667%20111.246%2018.304%20111.129%2018.304H109.673ZM116.911%2028.16C116.271%2028.16%20115.722%2028.0853%20115.263%2027.936C114.815%2027.7867%20114.447%2027.6%20114.159%2027.376C113.871%2027.152%20113.658%2026.928%20113.519%2026.704C113.38%2026.48%20113.306%2026.2933%20113.295%2026.144C113.284%2026.0267%20113.316%2025.936%20113.391%2025.872C113.476%2025.7973%20113.567%2025.76%20113.663%2025.76H114.927C114.97%2025.76%20115.007%2025.7653%20115.039%2025.776C115.071%2025.7867%20115.114%2025.8187%20115.167%2025.872C115.306%2025.9893%20115.45%2026.112%20115.599%2026.24C115.759%2026.368%20115.946%2026.48%20116.159%2026.576C116.372%2026.6613%20116.639%2026.704%20116.959%2026.704C117.375%2026.704%20117.722%2026.624%20117.999%2026.464C118.287%2026.2933%20118.431%2026.0533%20118.431%2025.744C118.431%2025.52%20118.367%2025.3387%20118.239%2025.2C118.122%2025.0613%20117.898%2024.9387%20117.567%2024.832C117.236%2024.7147%20116.767%2024.592%20116.159%2024.464C115.562%2024.3253%20115.066%2024.1493%20114.671%2023.936C114.276%2023.7227%20113.983%2023.456%20113.791%2023.136C113.599%2022.816%20113.503%2022.4427%20113.503%2022.016C113.503%2021.6%20113.626%2021.2053%20113.871%2020.832C114.127%2020.448%20114.5%2020.1333%20114.991%2019.888C115.492%2019.6427%20116.111%2019.52%20116.847%2019.52C117.423%2019.52%20117.924%2019.5947%20118.351%2019.744C118.778%2019.8827%20119.13%2020.0587%20119.407%2020.272C119.695%2020.4853%20119.914%2020.704%20120.063%2020.928C120.212%2021.1413%20120.292%2021.328%20120.303%2021.488C120.314%2021.6053%20120.282%2021.7013%20120.207%2021.776C120.132%2021.84%20120.047%2021.872%20119.951%2021.872H118.767C118.714%2021.872%20118.666%2021.8613%20118.623%2021.84C118.58%2021.8187%20118.538%2021.792%20118.495%2021.76C118.378%2021.6533%20118.25%2021.5413%20118.111%2021.424C117.972%2021.296%20117.802%2021.1893%20117.599%2021.104C117.407%2021.0187%20117.151%2020.976%20116.831%2020.976C116.426%2020.976%20116.116%2021.0667%20115.903%2021.248C115.69%2021.4187%20115.583%2021.6373%20115.583%2021.904C115.583%2022.0853%20115.631%2022.2453%20115.727%2022.384C115.834%2022.512%20116.042%2022.6347%20116.351%2022.752C116.66%2022.8693%20117.13%2022.992%20117.759%2023.12C118.474%2023.248%20119.039%2023.44%20119.455%2023.696C119.882%2023.9413%20120.18%2024.2293%20120.351%2024.56C120.532%2024.88%20120.623%2025.2373%20120.623%2025.632C120.623%2026.112%20120.479%2026.544%20120.191%2026.928C119.914%2027.312%20119.498%2027.616%20118.943%2027.84C118.399%2028.0533%20117.722%2028.16%20116.911%2028.16ZM126.004%2028C125.364%2028%20124.825%2027.888%20124.388%2027.664C123.95%2027.44%20123.625%2027.1093%20123.412%2026.672C123.198%2026.224%20123.092%2025.6693%20123.092%2025.008V21.376H121.828C121.721%2021.376%20121.63%2021.3387%20121.556%2021.264C121.481%2021.1893%20121.444%2021.0933%20121.444%2020.976V20.064C121.444%2019.9573%20121.481%2019.8667%20121.556%2019.792C121.63%2019.7173%20121.721%2019.68%20121.828%2019.68H123.092V17.024C123.092%2016.9173%20123.124%2016.8267%20123.188%2016.752C123.262%2016.6773%20123.358%2016.64%20123.476%2016.64H124.772C124.878%2016.64%20124.969%2016.6773%20125.044%2016.752C125.118%2016.8267%20125.156%2016.9173%20125.156%2017.024V19.68H127.156C127.262%2019.68%20127.353%2019.7173%20127.428%2019.792C127.502%2019.8667%20127.54%2019.9573%20127.54%2020.064V20.976C127.54%2021.0933%20127.502%2021.1893%20127.428%2021.264C127.353%2021.3387%20127.262%2021.376%20127.156%2021.376H125.156V24.848C125.156%2025.2853%20125.23%2025.6267%20125.38%2025.872C125.54%2026.1173%20125.812%2026.24%20126.196%2026.24H127.3C127.406%2026.24%20127.497%2026.2773%20127.572%2026.352C127.646%2026.4267%20127.684%2026.5173%20127.684%2026.624V27.616C127.684%2027.7227%20127.646%2027.8133%20127.572%2027.888C127.497%2027.9627%20127.406%2028%20127.3%2028H126.004ZM131.519%2028.16C130.964%2028.16%20130.463%2028.0533%20130.015%2027.84C129.567%2027.616%20129.21%2027.3227%20128.943%2026.96C128.687%2026.5867%20128.559%2026.1707%20128.559%2025.712C128.559%2024.9653%20128.863%2024.3733%20129.471%2023.936C130.079%2023.488%20130.874%2023.1893%20131.855%2023.04L134.047%2022.72V22.384C134.047%2021.936%20133.935%2021.5893%20133.711%2021.344C133.487%2021.0987%20133.103%2020.976%20132.559%2020.976C132.175%2020.976%20131.86%2021.056%20131.615%2021.216C131.38%2021.3653%20131.204%2021.568%20131.087%2021.824C131.002%2021.9627%20130.879%2022.032%20130.719%2022.032H129.455C129.338%2022.032%20129.247%2022%20129.183%2021.936C129.13%2021.872%20129.103%2021.7867%20129.103%2021.68C129.114%2021.5093%20129.183%2021.3013%20129.311%2021.056C129.45%2020.8107%20129.652%2020.576%20129.919%2020.352C130.196%2020.1173%20130.554%2019.92%20130.991%2019.76C131.428%2019.6%20131.956%2019.52%20132.575%2019.52C133.247%2019.52%20133.812%2019.6053%20134.271%2019.776C134.74%2019.936%20135.114%2020.1547%20135.391%2020.432C135.668%2020.7093%20135.871%2021.0347%20135.999%2021.408C136.127%2021.7813%20136.191%2022.176%20136.191%2022.592V27.616C136.191%2027.7227%20136.154%2027.8133%20136.079%2027.888C136.004%2027.9627%20135.914%2028%20135.807%2028H134.511C134.394%2028%20134.298%2027.9627%20134.223%2027.888C134.159%2027.8133%20134.127%2027.7227%20134.127%2027.616V26.992C133.988%2027.184%20133.802%2027.3707%20133.567%2027.552C133.332%2027.7333%20133.044%2027.8827%20132.703%2028C132.372%2028.1067%20131.978%2028.16%20131.519%2028.16ZM132.063%2026.64C132.436%2026.64%20132.772%2026.56%20133.071%2026.4C133.38%2026.24%20133.62%2025.9947%20133.791%2025.664C133.972%2025.3227%20134.063%2024.896%20134.063%2024.384V24.048L132.463%2024.304C131.834%2024.4%20131.364%2024.5547%20131.055%2024.768C130.746%2024.9813%20130.591%2025.2427%20130.591%2025.552C130.591%2025.7867%20130.66%2025.9893%20130.799%2026.16C130.948%2026.32%20131.135%2026.4427%20131.359%2026.528C131.583%2026.6027%20131.818%2026.64%20132.063%2026.64ZM138.628%2028C138.521%2028%20138.43%2027.9627%20138.356%2027.888C138.281%2027.8133%20138.243%2027.7227%20138.243%2027.616V20.064C138.243%2019.9573%20138.281%2019.8667%20138.356%2019.792C138.43%2019.7173%20138.521%2019.68%20138.628%2019.68H139.94C140.046%2019.68%20140.137%2019.7173%20140.212%2019.792C140.286%2019.8667%20140.324%2019.9573%20140.324%2020.064V20.72C140.601%2020.3787%20140.953%2020.096%20141.38%2019.872C141.817%2019.6373%20142.356%2019.52%20142.996%2019.52C143.646%2019.52%20144.212%2019.6693%20144.692%2019.968C145.172%2020.256%20145.54%2020.6667%20145.796%2021.2C146.062%2021.7333%20146.196%2022.3733%20146.196%2023.12V27.616C146.196%2027.7227%20146.158%2027.8133%20146.084%2027.888C146.009%2027.9627%20145.918%2028%20145.812%2028H144.404C144.297%2028%20144.206%2027.9627%20144.132%2027.888C144.057%2027.8133%20144.02%2027.7227%20144.02%2027.616V23.216C144.02%2022.5973%20143.865%2022.112%20143.556%2021.76C143.257%2021.408%20142.82%2021.232%20142.244%2021.232C141.689%2021.232%20141.246%2021.408%20140.916%2021.76C140.585%2022.112%20140.42%2022.5973%20140.42%2023.216V27.616C140.42%2027.7227%20140.382%2027.8133%20140.308%2027.888C140.233%2027.9627%20140.142%2028%20140.036%2028H138.628ZM151.894%2028C151.254%2028%20150.715%2027.888%20150.278%2027.664C149.841%2027.44%20149.515%2027.1093%20149.302%2026.672C149.089%2026.224%20148.982%2025.6693%20148.982%2025.008V21.376H147.718C147.611%2021.376%20147.521%2021.3387%20147.446%2021.264C147.371%2021.1893%20147.334%2021.0933%20147.334%2020.976V20.064C147.334%2019.9573%20147.371%2019.8667%20147.446%2019.792C147.521%2019.7173%20147.611%2019.68%20147.718%2019.68H148.982V17.024C148.982%2016.9173%20149.014%2016.8267%20149.078%2016.752C149.153%2016.6773%20149.249%2016.64%20149.366%2016.64H150.662C150.769%2016.64%20150.859%2016.6773%20150.934%2016.752C151.009%2016.8267%20151.046%2016.9173%20151.046%2017.024V19.68H153.046C153.153%2019.68%20153.243%2019.7173%20153.318%2019.792C153.393%2019.8667%20153.43%2019.9573%20153.43%2020.064V20.976C153.43%2021.0933%20153.393%2021.1893%20153.318%2021.264C153.243%2021.3387%20153.153%2021.376%20153.046%2021.376H151.046V24.848C151.046%2025.2853%20151.121%2025.6267%20151.27%2025.872C151.43%2026.1173%20151.702%2026.24%20152.086%2026.24H153.19C153.297%2026.24%20153.387%2026.2773%20153.462%2026.352C153.537%2026.4267%20153.574%2026.5173%20153.574%2026.624V27.616C153.574%2027.7227%20153.537%2027.8133%20153.462%2027.888C153.387%2027.9627%20153.297%2028%20153.19%2028H151.894Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3Cfilter%20id=%22filter0_d_26002_611%22%20x=%220%22%20y=%220%22%20width=%22241%22%20height=%2250%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=%222%22/%3E%0A%3CfeGaussianBlur%20stdDeviation=%221%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.5%200%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in2=%22BackgroundImageFix%22%20result=%22effect1_dropShadow_26002_611%22/%3E%0A%3CfeBlend%20mode=%22normal%22%20in=%22SourceGraphic%22%20in2=%22effect1_dropShadow_26002_611%22%20result=%22shape%22/%3E%0A%3C/filter%3E%0A%3ClinearGradient%20id=%22paint0_linear_26002_611%22%20x1=%222%22%20y1=%2223%22%20x2=%22134.5%22%20y2=%2239%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%231580C3%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%2302264A%22/%3E%0A%3C/linearGradient%3E%0A%3ClinearGradient%20id=%22paint1_linear_26002_611%22%20x1=%22180%22%20y1=%2227.7145%22%20x2=%22223.205%22%20y2=%2227.7145%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%233399CF%22/%3E%0A%3Cstop%20offset=%220.5%22%20stop-color=%22%230E7EBD%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%2312599D%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") right center / contain no-repeat; box-shadow: none; z-index: 1030; /* under the template's Bootstrap 4 modals (1050) */ } .hdcw-fab > svg { display: none; } .hdcw-fab:hover { transform: scale(1.02); transform-origin: right center; } /* ---------- Header (24:711): an 81px band, r15 on top. * The paint is the same gradient as the launcher pill, but it renders * MIRRORED: measured on 01-home.png row 40 it is flat #02264A to x140, then * ramps to #1681C4 at x399 (x200 #053259, x260 #094978, x320 #0E6098 - the * angle/stop fit below reproduces all four within 1). Mark 42x43 @16,18; * title Rubik Bold 16/18 @79,24; subtitle Rubik Regular 12/14.2 @79,46 UNDER * the title; the three nav icons @296,24 ending 16px off the right edge. */ .hdcw-panel .hdcw-head { position: relative; height: 81px; flex: none; box-sizing: border-box; overflow: hidden; /* an over-long name is clipped, never spilled */ align-items: flex-start; padding: 0 16px; gap: 0; background: linear-gradient(262.81deg, #1580C3 1.25%, #02264A 56.62%); } .hdcw-head::before { content: ''; flex: 0 0 42px; height: 43px; margin: 18px 21px 0 0; /* mark at x16, title at x79 */ background: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2242%22%20height=%2243%22%20viewBox=%220%200%2042%2043%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M41.6398%2011.6138V11.6126L41.6025%2011.6073L41.4772%2011.59C41.4772%2011.59%2041.4748%2011.5897%2041.4737%2011.5894L41.4543%2011.5868L41.4552%2011.5877C40.1225%2011.4849%2038.8484%2011.155%2037.6939%2010.5855C36.7319%2010.1369%2035.8481%209.53104%2035.0763%208.7593C33.3673%207.05025%2032.4675%204.79285%2032.3081%202.34699C32.3076%202.33759%2032.3067%202.32791%2032.3061%202.31851C32.3037%202.28769%2032.3008%202.25657%2032.299%202.22546C32.2571%202.0505%2032.1006%201.92017%2031.913%201.92017C31.704%201.92017%2031.5346%202.08162%2031.5179%202.28622H31.5167L31.5123%202.31851L31.4941%202.4512C31.4941%202.4512%2031.4941%202.45355%2031.4938%202.45472L31.4912%202.47439L31.4921%202.47351C31.3318%204.58325%2030.6173%206.5471%2029.3031%208.13286C29.1038%208.37915%2028.8915%208.61722%2028.6637%208.84472C26.9547%2010.5538%2024.6973%2011.4535%2022.2514%2011.6129C22.242%2011.6135%2022.2326%2011.6144%2022.2229%2011.615C22.1918%2011.6173%2022.161%2011.6202%2022.1299%2011.622C21.9549%2011.664%2021.8246%2011.8204%2021.8246%2012.0083C21.8246%2012.2173%2021.986%2012.3867%2022.1906%2012.4031V12.4043L22.2229%2012.4087L22.3556%2012.4269C22.3556%2012.4269%2022.358%2012.4272%2022.3591%2012.4275L22.3788%2012.4301L22.3779%2012.4293C24.7748%2012.6113%2026.984%2013.5081%2028.6634%2015.1875C29.2185%2015.7429%2029.6876%2016.3564%2030.0745%2017.0148C30.932%2018.3974%2031.4058%2019.9908%2031.5173%2021.6755C31.5179%2021.6831%2031.5185%2021.6905%2031.5191%2021.6981C31.5217%2021.7304%2031.5247%2021.7627%2031.5264%2021.7953C31.5684%2021.9676%2031.7249%2022.0962%2031.9124%2022.0962C32.1214%2022.0962%2032.2908%2021.9371%2032.3073%2021.7351H32.3084L32.3137%2021.6978L32.331%2021.5725C32.331%2021.5725%2032.331%2021.5701%2032.3313%2021.569L32.334%2021.5496L32.3331%2021.5505C32.5095%2019.2581%2033.3608%2017.1413%2034.9439%2015.5048C35.0449%2015.3915%2035.1488%2015.2805%2035.2563%2015.1716C36.9418%2013.4626%2039.1678%2012.5628%2041.5793%2012.4034C41.587%2012.4028%2041.5943%2012.4023%2041.6019%2012.4017C41.6342%2012.399%2041.6665%2012.3961%2041.6991%2012.3943C41.8714%2012.3524%2042%2012.1959%2042%2012.008C42%2011.799%2041.8409%2011.6296%2041.6389%2011.6132L41.6398%2011.6138Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M15.7739%2022.1088H8.02595C7.1252%2022.1088%206.39499%2022.839%206.39499%2023.7398V23.7401C6.39499%2024.6408%207.1252%2025.371%208.02595%2025.371H15.7739C16.6747%2025.371%2017.4049%2024.6408%2017.4049%2023.7401V23.7398C17.4049%2022.839%2016.6747%2022.1088%2015.7739%2022.1088Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M28.0074%2022.1088H21.0749C20.1741%2022.1088%2019.4439%2022.839%2019.4439%2023.7398V23.7401C19.4439%2024.6408%2020.1741%2025.371%2021.0749%2025.371H28.0074C28.9081%2025.371%2029.6383%2024.6408%2029.6383%2023.7401V23.7398C29.6383%2022.839%2028.9081%2022.1088%2028.0074%2022.1088Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M19.8516%2015.9921H8.02595C7.1252%2015.9921%206.39499%2016.7223%206.39499%2017.6231V17.6234C6.39499%2018.5241%207.1252%2019.2544%208.02595%2019.2544H19.8516C20.7524%2019.2544%2021.4826%2018.5241%2021.4826%2017.6234V17.6231C21.4826%2016.7223%2020.7524%2015.9921%2019.8516%2015.9921Z%22%20fill=%22white%22/%3E%0A%3Cpath%20d=%22M34.8262%2021.0944C34.2453%2021.2059%2033.8452%2021.7481%2033.8452%2022.3396V28.4108C33.8452%2029.762%2032.7496%2030.8576%2031.3984%2030.8576H18.4775C18.1532%2030.8576%2017.842%2030.9864%2017.6124%2031.216L10.8801%2037.9483V32.0811C10.8801%2031.4053%2010.3324%2030.8578%209.65692%2030.8578H4.8929C3.54168%2030.8578%202.44615%2029.7623%202.44615%2028.4111V12.9155C2.44615%2011.5643%203.54168%2010.4687%204.8929%2010.4687H21.5663C22.1578%2010.4687%2022.7002%2010.0686%2022.8115%209.48768C22.9615%208.70566%2022.3662%208.02228%2021.6115%208.02228H4.89319C2.19077%208.02228%200%2010.213%200%2012.9155V28.4108C0%2031.1132%202.19077%2033.304%204.89319%2033.304H8.02596V40.375C8.02596%2041.1996%208.6022%2041.9482%209.41739%2042.0715C9.74499%2042.1208%2010.0529%2042.0659%2010.3242%2041.9438C10.6136%2041.878%2010.8895%2041.7365%2011.115%2041.5111L19.3221%2033.304H31.3981C34.1006%2033.304%2036.2913%2031.1132%2036.2913%2028.4108V22.2941C36.2913%2021.5391%2035.6077%2020.9441%2034.8256%2021.0941L34.8262%2021.0944Z%22%20fill=%22url(%23paint0_linear_50004_703)%22/%3E%0A%3Cpath%20d=%22M27.0706%205.74132L27.0613%205.7287L27.0295%205.68701C27.0295%205.68701%2027.029%205.68613%2027.0287%205.68584L27.0237%205.67938V5.67997C26.6629%205.25902%2026.3864%204.78904%2026.2147%204.28355C26.0641%203.86994%2025.9827%203.43314%2025.9827%202.98077C25.9827%201.97859%2026.3808%201.05303%2027.051%200.289212C27.0536%200.286276%2027.0563%200.283341%2027.0586%200.280112C27.0668%200.270425%2027.075%200.260444%2027.0839%200.250757C27.1229%200.187056%2027.1153%200.103101%2027.0601%200.048207C26.9987%20-0.013145%2026.9019%20-0.0154934%2026.837%200.039694H26.8367L26.8261%200.0476199L26.7818%200.0810846C26.7818%200.0810846%2026.7809%200.0816717%2026.7806%200.0819652L26.7742%200.0869556H26.7747C26.1093%200.658498%2025.324%201.02485%2024.4739%201.1044C24.3433%201.1182%2024.2112%201.12583%2024.0776%201.12554C23.0754%201.12554%2022.1499%200.727482%2021.386%200.057307C21.3831%200.0546651%2021.3802%200.0520231%2021.3772%200.0496747C21.3675%200.0414553%2021.3576%200.0332359%2021.3479%200.0244294C21.2842%20-0.0146128%2021.2002%20-0.00698048%2021.1453%200.048207C21.084%200.109559%2021.0816%200.206431%2021.1368%200.271305L21.1447%200.28246L21.1782%200.326786C21.1782%200.326786%2021.1788%200.327667%2021.1791%200.32796L21.1841%200.334418V0.333831C21.8334%201.08972%2022.2183%202.00032%2022.2183%202.98518C22.2183%203.31072%2022.1757%203.62805%2022.0961%203.93452C21.9423%204.59119%2021.6141%205.19737%2021.1527%205.724C21.1506%205.72635%2021.1486%205.7287%2021.1465%205.73105C21.1377%205.74132%2021.1292%205.7516%2021.1201%205.76187C21.0819%205.82469%2021.0901%205.90835%2021.145%205.96324C21.2064%206.0246%2021.3027%206.02753%2021.3667%205.97323H21.367L21.3793%205.96413L21.421%205.93242C21.421%205.93242%2021.4216%205.93184%2021.4222%205.93154L21.4286%205.92655H21.428C22.1519%205.30628%2023.022%204.93523%2023.9661%204.91967C24.0289%204.91615%2024.092%204.9141%2024.1554%204.91351C25.1505%204.90646%2026.067%205.29542%2026.8208%205.95561C26.8232%205.95767%2026.8255%205.95972%2026.8279%205.96178C26.8382%205.97058%2026.8484%205.9791%2026.8587%205.9882C26.9215%206.02636%2027.0052%206.01814%2027.0601%205.96324C27.1214%205.90189%2027.1244%205.80561%2027.0701%205.74161L27.0706%205.74132Z%22%20fill=%22white%22/%3E%0A%3Cdefs%3E%0A%3ClinearGradient%20id=%22paint0_linear_50004_703%22%20x1=%220%22%20y1=%2225.0561%22%20x2=%2236.2919%22%20y2=%2225.0561%22%20gradientUnits=%22userSpaceOnUse%22%3E%0A%3Cstop%20stop-color=%22%233399CF%22/%3E%0A%3Cstop%20offset=%220.5%22%20stop-color=%22%230E7EBD%22/%3E%0A%3Cstop%20offset=%221%22%20stop-color=%22%2312599D%22/%3E%0A%3C/linearGradient%3E%0A%3C/defs%3E%0A%3C/svg%3E") center / contain no-repeat; } .hdcw-head > div { margin-top: 24px; min-width: 0; padding-right: 10px; } .hdcw-head b { font-size: 16px; line-height: 18px; font-weight: 700; white-space: pre-line; overflow: hidden; text-overflow: ellipsis; } .hdcw-head small { display: block; margin-top: 4px; /* subtitle box top at y46 */ opacity: 1; font-size: 12px; font-weight: 400; line-height: 14px; white-space: nowrap; } .hdcw-reset, .hdcw-exp, .hdcw-close { flex: none; align-self: flex-start; padding: 0; font-size: 0; background-repeat: no-repeat; background-position: center; } .hdcw-reset { width: 22px; height: 18px; margin: 23px 0 0 auto; /* 20x16 node at y24; the export carries 1px of stroke */ 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: 18px; height: 18px; margin: 23px 0 0 17px; /* 16x16 @334,24, 1px bezel */ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2218%22%20height=%2218%22%20viewBox=%22-1%20-1%2018%2018%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: 18px 18px; } .hdcw-panel:not(.hdcw-max) .hdcw-exp svg { display: none; } .hdcw-max .hdcw-exp { margin: 24px 0 0 17px; font-size: 0; } .hdcw-close { width: 17px; height: 17px; margin: 23px 0 0 18px; /* 15x15 @369,24 -> right edge 384 */ background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2217%22%20viewBox=%22-1%20-1%2017%2017%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: 17px 17px; } /* ---------- Message column. Bot bubbles start at x16, user bubbles end at * x382 (42:676), so the column is 16 / 18 with 366 of content. */ .hdcw-msgs { padding: 14px 18px 14px 16px; gap: 11px; } /* Bubbles. Bot (1:14 / 37:322 / 37:325 / 16:205 / 42:720): #EDEDED, 1px * #C7C7C7 inside stroke, r10 with the BOTTOM-LEFT corner square, 334 wide * (91.26% of the column) on every artboard, Rubik Regular 14/17 with the * file's 0.14px tracking, copy 22px in. * User (42:676 / 4048:708 / 19:649): #02264A, white Rubik Regular 14/17, r10 * with the BOTTOM-RIGHT corner square, 48 tall for one line. */ .hdcw-msg { padding: 16px 22px 15px; font-size: 14px; line-height: 17px; letter-spacing: .14px; } .hdcw-bot { width: 91.26%; max-width: 91.26%; box-sizing: border-box; background: #EDEDED; border: 1px solid #C7C7C7; border-radius: 10px 10px 10px 0; color: #000000; } /* The greeting (Group 34 4028:1020) is the one bubble with a bold first line: * 95 tall, copy 14 from the top, the bold line on 20 and the two regular ones * on 17. */ /* 1:11 is the one bubble the file sets with NO tracking. */ .hdcw-msgs > .hdcw-bot:first-child { padding: 12px 22px 22px; letter-spacing: 0; } .hdcw-bot b, .hdcw-bot strong { font-weight: 700; } .hdcw-msgs > .hdcw-bot:first-child b, .hdcw-msgs > .hdcw-bot:first-child strong { display: inline-block; margin-bottom: 5px; line-height: 20px; } .hdcw-bot a.hdcw-link { font-weight: 600; color: #2389CA; } .hdcw-user { max-width: 91.26%; border-radius: 10px 10px 0 10px; font-weight: 400; letter-spacing: 0; /* 42:677 / 4048:709 carry none */ padding: 16px 17px 15px; /* text @17,16 in the 143x48 bubble 42:676 */ } .hdcw-typing { border: 1px solid #C7C7C7; background: #EDEDED; border-radius: 10px 10px 10px 0; padding: 15px 22px; } /* A bot reply to a tapped answer sits 8px under it, not the column's 11: the * quiz artboards measure 8/8/9 (37:357 line, 41:507, 41:597) and the results * bubble 6 (42:719). 8 is the majority. */ .hdcw-user + .hdcw-bot { margin-top: -3px; } /* "Searching our stock…" (2030:573 / 19:537): Rubik Regular 12/14.2 #6D6D6D * at x20, i.e. 4px into the column, upright - not the widget's italic. */ .hdcw-status { font-size: 12px; line-height: 14px; font-style: normal; color: #6D6D6D; padding: 0 4px; margin: -1px 0 -1px; } /* ---------- Openers (lozenge 12:145 / 6001:1006 / 6001:1031 / 2023:430): * 361x72 at x16, r10, #F1F1F1 with a 1px #B7B7B7 inside stroke, 11px apart. * Glyph #2389CA on the left, title Rubik SemiBold 16/19 #0A1741 at x71 y18, * caption Rubik Regular 12/14.2 #000 at x71 y39, chevron 6x11.5 #000 at * x337.5 vertically centred. "Something else" is the same lozenge 52 tall * with no caption, its title on the same 17px optical centre. */ .hdcw-opener { gap: 11px; margin: 18px 5px 0 0; } /* 361 wide: x16..377 */ .hdcw-opener button.hdcw-op-used, .hdcw-opener button.hdcw-op-new, .hdcw-opener button.hdcw-op-quiz, .hdcw-opener button.hdcw-op-alert, .hdcw-opener .hdcw-else.hdcw-op-else { position: relative; box-sizing: border-box; /* A button centres its content vertically (the UA's anonymous button box), which would ignore the artwork's 18px cap offset - so lay it out. */ display: flex; flex-direction: column; align-items: stretch; justify-content: flex-start; height: 72px; padding: 18px 0 0 71px; border: 1px solid #B7B7B7; border-radius: 10px; background: #F1F1F1; color: #0A1741; font-size: 16px; line-height: 19px; font-weight: 600; text-align: left; } .hdcw-opener button.hdcw-op-used:hover, .hdcw-opener button.hdcw-op-new:hover, .hdcw-opener button.hdcw-op-quiz:hover, .hdcw-opener button.hdcw-op-alert:hover, .hdcw-opener .hdcw-else.hdcw-op-else:hover { background: #E9E9E9; opacity: 1; } /* Glyphs and chevron: absolute, so the button's own text box keeps the * artwork's x71 baseline whatever the label's length. */ .hdcw-opener button.hdcw-op-used::before, .hdcw-opener button.hdcw-op-new::before, .hdcw-opener button.hdcw-op-quiz::before, .hdcw-opener button.hdcw-op-alert::before, .hdcw-opener button.hdcw-op-else::before { content: ''; position: absolute; background: center / contain no-repeat; } .hdcw-opener button.hdcw-op-used::before, .hdcw-opener button.hdcw-op-new::before { left: 22px; top: 23px; width: 21px; height: 21px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2221%22%20height=%2221%22%20viewBox=%220%200%2021%2021%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20fill-rule=%22evenodd%22%20clip-rule=%22evenodd%22%20d=%22M3.4725%207.875C4.00796%206.44344%204.96784%205.20955%206.22373%204.33844C7.47961%203.46733%208.97158%203.00055%2010.5%203.00055C12.0284%203.00055%2013.5204%203.46733%2014.7763%204.33844C16.0322%205.20955%2016.992%206.44344%2017.5275%207.875H3.4725ZM3.009%2010.125C2.91585%2011.9817%203.51556%2013.8068%204.69181%2015.2463C5.86806%2016.6858%207.53702%2017.6373%209.375%2017.916V13.7145L6.234%2010.125H3.009ZM11.625%2017.916C13.463%2017.6373%2015.1319%2016.6858%2016.3082%2015.2463C17.4844%2013.8068%2018.0841%2011.9817%2017.991%2010.125H14.766L11.625%2013.7145V17.916ZM10.5%200C7.71523%200%205.04451%201.10625%203.07538%203.07538C1.10625%205.04451%200%207.71523%200%2010.5C0%2013.2848%201.10625%2015.9555%203.07538%2017.9246C5.04451%2019.8938%207.71523%2021%2010.5%2021C13.2848%2021%2015.9555%2019.8938%2017.9246%2017.9246C19.8938%2015.9555%2021%2013.2848%2021%2010.5C21%207.71523%2019.8938%205.04451%2017.9246%203.07538C15.9555%201.10625%2013.2848%200%2010.5%200Z%22%20fill=%22%232389CA%22/%3E%0A%3C/svg%3E"); } .hdcw-opener button.hdcw-op-quiz::before { left: 23px; top: 24px; width: 19.7px; height: 26px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2219.7%22%20height=%2226%22%20viewBox=%220%200%2019.7%2026%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%3Cg%20transform=%22translate(0%200)%22%3E%0A%3Cpath%20d=%22M5.35972%200C2.94892%201.12193%201.10903%202.94879%200%205.10568L2.62376%206.33167C3.45495%204.71221%204.83307%203.33801%206.6428%202.49616L5.35972%200ZM12.639%200.00650369L11.3517%202.50396C13.0522%203.29566%2014.4951%204.60807%2015.379%206.33167L18%205.1096C16.8219%202.81359%2014.9038%201.06264%2012.639%200.00650369Z%22%20fill=%22%232389CA%22/%3E%0A%3C/g%3E%3Cg%20transform=%22translate(0.7%204)%22%3E%0A%3Cpath%20d=%22M15.8868%2021H6.12477C6.10299%2020.9999%206.08159%2020.9942%206.06255%2020.9837C6.0435%2020.9731%206.02742%2020.9579%206.01577%2020.9395L1.31677%2013.3635C1.17119%2013.1332%201.07304%2012.8761%201.02807%2012.6074C0.983109%2012.3387%200.992232%2012.0637%201.05491%2011.7985C1.11759%2011.5333%201.23256%2011.2833%201.39309%2011.0632C1.55362%2010.843%201.75647%2010.6571%201.98977%2010.5164C2.22307%2010.3756%202.48211%2010.2828%202.75172%2010.2435C3.02133%2010.2041%203.29609%2010.219%203.55989%2010.2871C3.82369%2010.3553%204.07123%2010.4755%204.28799%2010.6406C4.50476%2010.8056%204.6864%2011.0123%204.82227%2011.2485L6.05327%2013.3455V2.971C6.05327%202.44826%206.26093%201.94693%206.63057%201.57729C7.0002%201.20766%207.50153%201%208.02427%201C8.54701%201%209.04835%201.20766%209.41798%201.57729C9.78761%201.94693%209.99527%202.44826%209.99527%202.971V7.6355C9.99527%207.928%2010.2278%208.1685%2010.5203%208.178L16.3308%208.372C16.6141%208.38147%2016.8826%208.50067%2017.0796%208.70443C17.2767%208.90819%2017.3868%209.18055%2017.3868%209.464V19.5C17.3868%2019.8978%2017.2287%2020.2794%2016.9474%2020.5607C16.6661%2020.842%2016.2846%2021%2015.8868%2021Z%22%20stroke=%22%232389CA%22%20stroke-width=%222%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/g%3E%3C/svg%3E"); } .hdcw-opener button.hdcw-op-alert::before { left: 25px; top: 21px; width: 17px; height: 19px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2217%22%20height=%2219%22%20viewBox=%220%200%2017%2019%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M8.5%2019C9.08489%2019.0008%209.65549%2018.8181%2010.1325%2018.4776C10.6094%2018.1371%2010.9691%2017.6556%2011.1614%2017.1H5.83856C6.03091%2017.6556%206.39056%2018.1371%206.86754%2018.4776C7.34451%2018.8181%207.91511%2019.0008%208.5%2019ZM15.1112%2011.9567V7.6C15.1112%204.54385%2013.0475%201.96935%2010.2519%201.1951C9.97522%200.494%209.299%200%208.5%200C7.701%200%207.02478%200.494%206.74806%201.1951C3.9525%201.9703%201.88888%204.54385%201.88888%207.6V11.9567L0.276722%2013.5783C0.0995923%2013.7565%205.34909e-05%2013.9981%200%2014.25V15.2C0%2015.4519%200.0995036%2015.6936%200.276621%2015.8717C0.453739%2016.0499%200.693962%2016.15%200.944444%2016.15H16.0556C16.306%2016.15%2016.5462%2016.0499%2016.7234%2015.8717C16.9005%2015.6936%2017%2015.4519%2017%2015.2V14.25C17%2013.9981%2016.9004%2013.7565%2016.7233%2013.5783L15.1112%2011.9567Z%22%20fill=%22%2323A8E0%22/%3E%0A%3C/svg%3E"); } .hdcw-opener button.hdcw-op-else::before { left: 27px; top: 15px; width: 10px; height: 19px; background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%2210%22%20height=%2219%22%20viewBox=%220%200%2010%2019%22%20fill=%22none%22%20xmlns=%22http://www.w3.org/2000/svg%22%3E%0A%3Cpath%20d=%22M1.00502%204.81841C1.00502%20-0.266105%208.99498%20-0.266105%208.99498%204.81841C8.99498%208.45021%205.36318%207.72385%205.36318%2012.082M5.36318%2017.9074L5.37771%2017.8914%22%20stroke=%22%232389CA%22%20stroke-width=%222.01005%22%20stroke-linecap=%22round%22%20stroke-linejoin=%22round%22/%3E%0A%3C/svg%3E"); } .hdcw-opener button.hdcw-op-used::after, .hdcw-opener button.hdcw-op-new::after, .hdcw-opener button.hdcw-op-quiz::after, .hdcw-opener button.hdcw-op-alert::after { display: block; margin-top: 2px; font-size: 12px; line-height: 14px; font-weight: 400; color: #000000; letter-spacing: 0; } /* The captions are part of the drawn button, so they live here, verbatim from * the artwork - including its stock number (standard, section 2). */ .hdcw-opener button.hdcw-op-used::after { content: 'Over 40 cars in stock'; } .hdcw-opener button.hdcw-op-new::after { content: 'Browse the new models we sell'; } .hdcw-opener button.hdcw-op-quiz::after { content: 'Get matched to car to suit your needs'; } .hdcw-opener button.hdcw-op-alert::after { content: 'Receive a daily stock alert'; } /* 2023:430: 52.4 tall, no caption, title 17 from the top. */ .hdcw-opener .hdcw-else.hdcw-op-else { height: 52px; padding-top: 17px; } /* The chevron every lozenge carries (4020:762), drawn on the button itself so * the ::before stays free for the glyph. */ .hdcw-opener button.hdcw-op-used, .hdcw-opener button.hdcw-op-new, .hdcw-opener button.hdcw-op-quiz, .hdcw-opener button.hdcw-op-alert, .hdcw-opener .hdcw-else.hdcw-op-else { background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg%20width=%228%22%20height=%2214%22%20viewBox=%22-1%20-1%208%2014%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=%22black%22/%3E%0A%3C/svg%3E"); background-repeat: no-repeat; background-position: right 16px center; /* 6px glyph + 1px bezel: ink x353.5..359 */ background-size: 8px 14px; } /* 2023:430 draws its chevron 1.5px BELOW the shorter lozenge's centre. */ .hdcw-opener .hdcw-else.hdcw-op-else { background-position: right 16px top 19.5px; } /* ---------- Context CTA (Group 18 19:683 / "full button blue" 4028:1288): * a flat #2389CA bar, r10, 55 tall, Rubik Bold 15/17.8 white, centred. */ .hdcw-opener button.hdcw-op-ctx { height: 55px; margin: 0 4px 0 8px; /* 349 wide at x24 (19:683), inside the 361 block */ padding: 0; border: 0; border-radius: 10px; background: #2389CA; color: #fff; font-size: 15px; line-height: 18px; font-weight: 700; text-align: center; } .hdcw-opener button.hdcw-op-ctx:hover { opacity: .9; } /* ---------- Chips (item 16:212): 31 tall, white, r10, NO border, a 0/4/4 25% * shadow, Rubik Regular 12/13 #000 with 17px of side padding; 5px apart in * both axes, the row starting at x18. The tapped one keeps a 1px #0C0F20 * inside stroke (I37:328;16:208 on 03-help1). */ .hdcw-chips { gap: 5px; padding: 0 0 0 2px; } .hdcw-chip { box-sizing: border-box; height: 31px; padding: 0 17px; border: 0; border-radius: 10px; background: #fff; color: #000000; font-size: 12px; line-height: 13px; font-weight: 400; box-shadow: 0 4px 4px rgba(0,0,0,.25); } .hdcw-chip:hover { background: #F4F4F4; color: #000000; } .hdcw-chip--sel { box-shadow: 0 4px 4px rgba(0,0,0,.25), inset 0 0 0 1px #0C0F20; font-weight: 400; } /* A tapped chip must not keep Bootstrap's focus ring; a keyboard still gets * one (standard, section 5). */ .hdcw-chip:focus:not(:focus-visible) { outline: 0; } /* Section heads (16:213 / 16:270 / 16:323): Rubik Bold 11/13 #6D6D6D, NO * tracking, at x23; 13px under the bubble, 9px over the first chip. */ .hdcw-ghead { font-size: 11px; line-height: 13px; font-weight: 700; color: #6D6D6D; letter-spacing: 0; margin: 2px 2px -2px 8px; } .hdcw-chips + .hdcw-ghead { margin-top: 7px; } /* Quiz answer chips start at x16 (37:328), stock chips at x18 (16:212), and * the answers sit 8px under their question instead of the column's 11. */ .hdcw-bot + .hdcw-chips { margin-top: -2px; padding-left: 0; } /* ---------- Car cards ("csr search" 19:566): 176 wide, 14px apart, white, * 1px #E4E6EA, r10, the photo 176x113 flush to the top. Copy 12px in: * title Rubik Regular 12/15, price 12/19, "from ...pm" 12/16, meta 10/17 - * all #000000, none of them bold. The action bar is 31 tall, flush to the * card's edges: "Details" 77 white, "I'm Interested" 99 #2389CA. */ .hdcw-cars { gap: 14px; padding: 0 2px 6px; } .hdcw-ncgrid { gap: 14px; } .hdcw-car { border-radius: 10px; border-color: #E4E6EA; } .hdcw-car img.hdcw-carimg, .hdcw-car .hdcw-noimg { height: 113px; } .hdcw-car .hdcw-carbody { padding: 8px 12px 8px; line-height: 15px; } .hdcw-car h4.hdcw-cartitle { margin: 0; padding: 0; font-size: 12px; line-height: 15px; font-weight: 400; color: #000000; max-height: 30px; overflow: hidden; } .hdcw-car .hdcw-price { color: #000000; font-size: 12px; line-height: 19px; font-weight: 400; } .hdcw-car .hdcw-mo { color: #000000; font-size: 12px; line-height: 16px; font-weight: 400; } .hdcw-car .hdcw-meta { color: #000000; font-size: 10px; line-height: 17px; margin: 0; } .hdcw-ncgrid h4.hdcw-cartitle { max-height: none; } .hdcw-car .hdcw-actions { margin: auto 0 0; gap: 0; } .hdcw-car .hdcw-pick { box-sizing: border-box; flex: 0 0 77px; height: 31px; padding: 0; border: 1px solid #E4E6EA; border-radius: 0 0 0 10px; background: #fff; color: #000000; font-size: 12px; line-height: 13px; font-weight: 400; letter-spacing: -.12px; } .hdcw-car .hdcw-pick:hover { background: #F4F4F4; color: #000000; } .hdcw-car .hdcw-pick--primary { flex: 1 1 auto; border-color: #E4E6EA; border-radius: 0 0 10px 0; background: #2389CA; color: #fff; } .hdcw-car .hdcw-pick--primary:only-child { border-radius: 0 0 10px 10px; } .hdcw-car .hdcw-pick--primary:hover { background: #2389CA; opacity: .85; color: #fff; } /* ---------- Footer (24:712): an #E4E6EA band 400x129 starting at y591. * Input 299x51 @21,20 - white, 1px #000, r10, copy 25px in; send disc 52x52 * @328,20; disclosure 2008:473 Rubik Regular 12/15 #504949, two centred lines * starting 11px under the input, 17px off the bottom. */ .hdcw-input { padding: 20px 20px 0 21px; gap: 8px; border-top: 0; background: #E4E6EA; } .hdcw-input input { box-sizing: border-box; height: 51px; padding: 0 25px; border: 1px solid #000000; border-radius: 10px; background: #fff; color: #000000; font-size: 14px; line-height: 17px; letter-spacing: .14px; } .hdcw-input input::placeholder { color: #000000; opacity: 1; font: inherit; } .hdcw-input input::-webkit-input-placeholder { color: #000000; opacity: 1; font: inherit; } .hdcw-input input:focus { border-color: #02264A; } .hdcw-send { width: 52px; height: 52px; 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=%22%232389CA%22/%3E%0A%3Cpath%20d=%22M34.5158%2019.0128C34.9478%2017.8178%2033.7898%2016.6598%2032.5948%2017.0928L17.9898%2022.3748C16.7908%2022.8088%2016.6458%2024.4448%2017.7488%2025.0838L22.4108%2027.7828L26.5738%2023.6198C26.7624%2023.4376%2027.015%2023.3368%2027.2772%2023.3391C27.5394%2023.3414%2027.7903%2023.4465%2027.9757%2023.6319C28.1611%2023.8173%2028.2662%2024.0682%2028.2685%2024.3304C28.2708%2024.5925%2028.17%2024.8452%2027.9878%2025.0338L23.8248%2029.1968L26.5248%2033.8588C27.1628%2034.9618%2028.7988%2034.8158%2029.2328%2033.6178L34.5158%2019.0128Z%22%20fill=%22white%22/%3E%0A%3C/svg%3E") center / 52px 52px no-repeat; } .hdcw-send svg { display: none; } .hdcw-send:disabled { opacity: .5; } .hdcw-powered { background: #E4E6EA; color: #504949; font-size: 12px; line-height: 15px; letter-spacing: .1px; /* the base style the runs do not override */ /* the artwork's centred block sits 2px left of the panel's centre (2008:473 spans x59.5..337 on 01-home) */ padding: 11px 60px 16px 56px; } .hdcw-powered a.hdcw-tc { color: #504949; text-decoration: underline; } /* The artwork sets the two lines as ONE centred paragraph * ("Powered by HappyDealer. AI can make mistakes. / Check important * information. Terms & Conditions"), so the widget's two divs run inline and * the brand line grows the artwork's full stop and spacing. */ .hdcw-powered > div { display: inline; } .hdcw-powered > div:first-child::after { content: '. '; white-space: pre; } /* 01-home is the only artboard that leaves "Terms & Conditions" un-underlined; * the opener list is the selector for that state - it removes itself as soon * as a button is tapped. */ .hdcw-panel:has(.hdcw-op-else) .hdcw-powered a.hdcw-tc { text-decoration: none; } @media (max-width: 480px) { .hdcw-powered { padding: 11px 24px 16px; } } /* A themed input font-size under 16px would defeat the widget's iOS zoom * guard (equal specificity, theme loads last - CON-781/CON-853 trap). */ @media (pointer: coarse) { .hdcw-input input { font-size: 16px; } }