/* @rspond-css-integration Font Awesome Free 6.7.1 -- five vendored glyphs, not authored here
   The glyphs are Font Awesome Free 6.7.1 solid icons by Fonticons, Inc. (https://fontawesome.com), licensed under
   CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/); see META-INF/licenses/LICENSE-font-awesome-free.txt.
   Taken from org.webjars:font-awesome:6.7.1 (svgs/solid), unchanged but for dropping each file's comment, which this
   header carries instead. Only the five glyphs Demo's actions need ship, never the font or its stylesheet (D-66).

   Drawn as the SDK draws its own Lucide icons (lucide.css): each glyph is a mask over an inline box filled with
   currentColor, so it takes its button's text colour -- the danger face on Clear queue, the faded face of a button
   standing down -- and its size follows the font (1em). The application builds an Icon from these classes, or its
   themes answer ThemeIcon with them (MessagingIconsApi), so they are shown by the SDK's IconView like any other. */

.messaging-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    flex-shrink: 0;
    background-color: currentColor;
    -webkit-mask: var(--messaging-icon) no-repeat center;
    mask: var(--messaging-icon) no-repeat center;
    -webkit-mask-size: contain;
    mask-size: contain;
    vertical-align: -0.125em;
}

/* rotate-right: Refresh */
.messaging-icon-rotate-right { --messaging-icon: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M463.5%20224l8.5%200c13.3%200%2024-10.7%2024-24l0-128c0-9.7-5.8-18.5-14.8-22.2s-19.3-1.7-26.2%205.2L413.4%2096.6c-87.6-86.5-228.7-86.2-315.8%201c-87.5%2087.5-87.5%20229.3%200%20316.8s229.3%2087.5%20316.8%200c12.5-12.5%2012.5-32.8%200-45.3s-32.8-12.5-45.3%200c-62.5%2062.5-163.8%2062.5-226.3%200s-62.5-163.8%200-226.3c62.2-62.2%20162.7-62.5%20225.3-1L327%20183c-6.9%206.9-8.9%2017.2-5.2%2026.2s12.5%2014.8%2022.2%2014.8l119.5%200z%22/%3E%3C/svg%3E); }

/* trash-can: Clear queue */
.messaging-icon-trash-can { --messaging-icon: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20d=%22M135.2%2017.7C140.6%206.8%20151.7%200%20163.8%200L284.2%200c12.1%200%2023.2%206.8%2028.6%2017.7L320%2032l96%200c17.7%200%2032%2014.3%2032%2032s-14.3%2032-32%2032L32%2096C14.3%2096%200%2081.7%200%2064S14.3%2032%2032%2032l96%200%207.2-14.3zM32%20128l384%200%200%20320c0%2035.3-28.7%2064-64%2064L96%20512c-35.3%200-64-28.7-64-64l0-320zm96%2064c-8.8%200-16%207.2-16%2016l0%20224c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16l0-224c0-8.8-7.2-16-16-16zm96%200c-8.8%200-16%207.2-16%2016l0%20224c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16l0-224c0-8.8-7.2-16-16-16zm96%200c-8.8%200-16%207.2-16%2016l0%20224c0%208.8%207.2%2016%2016%2016s16-7.2%2016-16l0-224c0-8.8-7.2-16-16-16z%22/%3E%3C/svg%3E); }

/* unlock: Decrypt */
.messaging-icon-unlock { --messaging-icon: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20448%20512%22%3E%3Cpath%20d=%22M144%20144c0-44.2%2035.8-80%2080-80c31.9%200%2059.4%2018.6%2072.3%2045.7c7.6%2016%2026.7%2022.8%2042.6%2015.2s22.8-26.7%2015.2-42.6C331%2033.7%20281.5%200%20224%200C144.5%200%2080%2064.5%2080%20144l0%2048-16%200c-35.3%200-64%2028.7-64%2064L0%20448c0%2035.3%2028.7%2064%2064%2064l320%200c35.3%200%2064-28.7%2064-64l0-192c0-35.3-28.7-64-64-64l-240%200%200-48z%22/%3E%3C/svg%3E); }

/* paper-plane: Send */
.messaging-icon-paper-plane { --messaging-icon: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20512%20512%22%3E%3Cpath%20d=%22M498.1%205.6c10.1%207%2015.4%2019.1%2013.5%2031.2l-64%20416c-1.5%209.7-7.4%2018.2-16%2023s-18.9%205.4-28%201.6L284%20427.7l-68.5%2074.1c-8.9%209.7-22.9%2012.9-35.2%208.1S160%20493.2%20160%20480l0-83.6c0-4%201.5-7.8%204.2-10.8L331.8%20202.8c5.8-6.3%205.6-16-.4-22s-15.7-6.4-22-.7L106%20360.8%2017.7%20316.6C7.1%20311.3%20.3%20300.7%200%20288.9s5.9-22.8%2016.1-28.7l448-256c10.7-6.1%2023.9-5.5%2034%201.4z%22/%3E%3C/svg%3E); }

/* eye: Inspect message (D-68) */
.messaging-icon-eye { --messaging-icon: url(data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20576%20512%22%3E%3Cpath%20d=%22M288%2032c-80.8%200-145.5%2036.8-192.6%2080.6C48.6%20156%2017.3%20208%202.5%20243.7c-3.3%207.9-3.3%2016.7%200%2024.6C17.3%20304%2048.6%20356%2095.4%20399.4C142.5%20443.2%20207.2%20480%20288%20480s145.5-36.8%20192.6-80.6c46.8-43.5%2078.1-95.4%2093-131.1c3.3-7.9%203.3-16.7%200-24.6c-14.9-35.7-46.2-87.7-93-131.1C433.5%2068.8%20368.8%2032%20288%2032zM144%20256a144%20144%200%201%201%20288%200%20144%20144%200%201%201%20-288%200zm144-64c0%2035.3-28.7%2064-64%2064c-7.1%200-13.9-1.2-20.3-3.3c-5.5-1.8-11.9%201.6-11.7%207.4c.3%206.9%201.3%2013.8%203.2%2020.7c13.7%2051.2%2066.4%2081.6%20117.6%2067.9s81.6-66.4%2067.9-117.6c-11.1-41.5-47.8-69.4-88.6-71.1c-5.8-.2-9.2%206.1-7.4%2011.7c2.1%206.4%203.3%2013.2%203.3%2020.3z%22/%3E%3C/svg%3E); }