/* AUTO-GENERATED from frontend/packages/design-tokens/action-icons.css — run: node scripts/sync-design-tokens.mjs */
/*
* The one icon for each action, on every screen. See static/icons.html for the list.
*
* Add patient beside its words
* alone: the button needs a title and aria-label
* binoculars at the right of a search box
*
* A new action gets its icon here, not drawn on the screen that needs it. This file
* is copied out by scripts/sync-design-tokens.mjs (npm run sync:tokens).
* Each picture has a white edge so it still shows on a coloured button.
*/
.hlx-i-add, .hlx-i-add-solo,
.hlx-i-search, .hlx-i-search-solo,
.hlx-i-merge, .hlx-i-merge-solo,
.hlx-i-refresh, .hlx-i-refresh-solo,
.hlx-i-edit, .hlx-i-edit-solo,
.hlx-i-call, .hlx-i-call-solo,
.hlx-i-text, .hlx-i-text-solo {
display: inline-block;
flex: none;
width: 16px;
height: 16px;
margin-inline-end: 0.4em;
vertical-align: -3px;
background-position: center;
background-repeat: no-repeat;
background-size: contain;
}
.hlx-i-add-solo, .hlx-i-search-solo, .hlx-i-merge-solo, .hlx-i-refresh-solo, .hlx-i-edit-solo, .hlx-i-call-solo, .hlx-i-text-solo {
margin-inline-end: 0;
}
/* Add new: the green plus */
.hlx-i-add, .hlx-i-add-solo {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2380e850'/%3E%3Cstop offset='1' stop-color='%2330b030'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M5.5 1.5h5v4h4v5h-4v4h-5v-4h-4v-5h4z' fill='none' stroke='%23fff' stroke-width='2.4' stroke-linejoin='round'/%3E%3Cpath d='M5.5 1.5h5v4h4v5h-4v4h-5v-4h-4v-5h4z' fill='url(%23g)' stroke='%23056405' stroke-width='1.1'/%3E%3C/svg%3E");
}
/* Search: the binoculars */
.hlx-i-search, .hlx-i-search-solo {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23a9cdf5'/%3E%3Cstop offset='.55' stop-color='%23e2effc'/%3E%3Cstop offset='1' stop-color='%236f97c9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M3.6 1.2h3v3h2.8v-3h3v3l.9 2.2 1.3 3.2v5.2H9.4V9.4H6.6v5.4H1.4V9.6l1.3-3.2.9-2.2z' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M6.5 2.6h3v5h-3z' fill='%23111'/%3E%3Cpath d='M7.3 3.6h1.4v2H7.3z' fill='%23bbb'/%3E%3Cg stroke='%23272f6e' stroke-width='.9'%3E%3Cpath d='M3.6 3.9h3v5.3h-.2v2H2.1V9.2l1.5-2.9z' fill='url(%23b)'/%3E%3Cpath d='M12.4 3.9h-3v5.3h.2v2h4.3V9.2l-1.5-2.9z' fill='url(%23b)'/%3E%3C/g%3E%3Cpath d='M3.7 1.6h2.8v2.3H3.7zM9.5 1.6h2.8v2.3H9.5z' fill='%23111'/%3E%3Cpath d='M1.6 11h4.8v3.6H1.6zM9.6 11h4.8v3.6H9.6z' fill='%23111'/%3E%3Cpath d='M2.7 12h2.6v1.5H2.7zM10.7 12h2.6v1.5h-2.6z' fill='%23aaa'/%3E%3C/svg%3E");
}
/* Merge: the green and blue arrows coming together */
.hlx-i-merge, .hlx-i-merge-solo {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%2330a810'/%3E%3Cstop offset='1' stop-color='%2360d810'/%3E%3C/linearGradient%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%2320c8e8'/%3E%3Cstop offset='1' stop-color='%232080e0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='%23fff' stroke-width='2.2' stroke-linejoin='round' fill='none'%3E%3Cpath d='M9.2 .9 4.9 4.5l4.3 3.6V6.2h6.1V2.8H9.2z'/%3E%3Cpath d='M6.8 7.9l4.3 3.6-4.3 3.6v-1.9H.7V9.8h6.1z'/%3E%3C/g%3E%3Cpath d='M9.2 .9 4.9 4.5l4.3 3.6V6.2h6.1V2.8H9.2z' fill='url(%23g)' stroke='%23206a10' stroke-width='.8' stroke-linejoin='round'/%3E%3Cpath d='M6.8 7.9l4.3 3.6-4.3 3.6v-1.9H.7V9.8h6.1z' fill='url(%23b)' stroke='%23105878' stroke-width='.8' stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* Refresh the grid or table in view: the two green arrows going round */
.hlx-i-refresh, .hlx-i-refresh-solo {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3ClinearGradient id='g' x1='0' y1='0' x2='0' y2='1'%3E%3Cstop offset='0' stop-color='%2388e860'/%3E%3Cstop offset='1' stop-color='%2330b030'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cg stroke='%23fff' stroke-width='2.4' stroke-linejoin='round' fill='none'%3E%3Cpath d='M1.6 7.2C2.4 3.4 5 1.6 8 1.6c1.5 0 2.8.5 3.7 1.3L13.6 1v6.4H7.2l2.2-2.2C8.9 4.8 8.4 4.6 7.9 4.6c-1.4 0-2.7 1-3.2 2.6z'/%3E%3Cpath d='M14.4 8.8c-.8 3.8-3.4 5.6-6.4 5.6-1.5 0-2.8-.5-3.7-1.3L2.4 15V8.6h6.4l-2.2 2.2c.5.4 1 .6 1.5.6 1.4 0 2.7-1 3.2-2.6z'/%3E%3C/g%3E%3Cg fill='url(%23g)' stroke='%23056405' stroke-width='.9' stroke-linejoin='round'%3E%3Cpath d='M1.6 7.2C2.4 3.4 5 1.6 8 1.6c1.5 0 2.8.5 3.7 1.3L13.6 1v6.4H7.2l2.2-2.2C8.9 4.8 8.4 4.6 7.9 4.6c-1.4 0-2.7 1-3.2 2.6z'/%3E%3Cpath d='M14.4 8.8c-.8 3.8-3.4 5.6-6.4 5.6-1.5 0-2.8-.5-3.7-1.3L2.4 15V8.6h6.4l-2.2 2.2c.5.4 1 .6 1.5.6 1.4 0 2.7-1 3.2-2.6z'/%3E%3C/g%3E%3C/svg%3E");
}
/* Edit: the pencil on the page */
.hlx-i-edit, .hlx-i-edit-solo {
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3ClinearGradient id='p' x1='0' y1='0' x2='1' y2='1'%3E%3Cstop offset='.3' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23b8dcfa'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect x='1.5' y='2.5' width='11.5' height='12' fill='url(%23p)' stroke='%230a52b4' stroke-width='1.2'/%3E%3Cpath d='M15.3 2.7 13 .7 6 7.8l-.9 3 3-.8z' fill='none' stroke='%23fff' stroke-width='1.8' stroke-linejoin='round'/%3E%3Cpath d='M13 .9 6.4 7.6l2 2 6.7-6.8z' fill='%2368bb48' stroke='%23156a18' stroke-width='.7' stroke-linejoin='round'/%3E%3Cpath d='M6.4 7.6 5 11.2l3.4-1.6z' fill='%23f6e070' stroke='%238a5a10' stroke-width='.6' stroke-linejoin='round'/%3E%3Cpath d='M5.6 9.6 5 11.2l1.6-.7z' fill='%23111'/%3E%3C/svg%3E");
}
/* Call the number: the green phone */
.hlx-i-call, .hlx-i-call-solo {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cdefs%3E%3ClinearGradient%20id='g'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%2380e850'/%3E%3Cstop%20offset='1'%20stop-color='%2328a028'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d='M4.1%201.3c.5-.3%201.1-.2%201.4.3l1.5%202.3c.3.4.2%201-.2%201.4l-.9.8c.7%201.5%201.9%202.8%203.4%203.5l.8-.9c.4-.4%201-.5%201.4-.2l2.3%201.5c.5.3.6.9.3%201.4l-.9%201.4c-.5.8-1.5%201.1-2.4.8C6.6%2012.3%203.7%209.4%202.3%205.4c-.3-.9%200-1.9.8-2.4z'%20fill='url%28%23g%29'%20stroke='%23fff'%20stroke-width='.9'%20stroke-linejoin='round'/%3E%3C/svg%3E");
}
/* Text the number (SMS): the blue speech bubble */
.hlx-i-text, .hlx-i-text-solo {
background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%2016%2016'%3E%3Cdefs%3E%3ClinearGradient%20id='b'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='%235fb4ff'/%3E%3Cstop%20offset='1'%20stop-color='%231f78e0'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath%20d='M3%201.8h10c1%200%201.8.8%201.8%201.8v6.2c0%201-.8%201.8-1.8%201.8H7.4l-3.3%202.7c-.3.2-.7%200-.7-.3v-2.4H3c-1%200-1.8-.8-1.8-1.8V3.6c0-1%20.8-1.8%201.8-1.8z'%20fill='url%28%23b%29'%20stroke='%23fff'%20stroke-width='.9'%20stroke-linejoin='round'/%3E%3Ccircle%20cx='5.2'%20cy='6.7'%20r='1'%20fill='%23fff'/%3E%3Ccircle%20cx='8'%20cy='6.7'%20r='1'%20fill='%23fff'/%3E%3Ccircle%20cx='10.8'%20cy='6.7'%20r='1'%20fill='%23fff'/%3E%3C/svg%3E");
}
/* The binoculars at the right of a search box. Important so a page's own input style can't hide them. */
.hlx-search-input {
padding-right: 26px !important;
background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cdefs%3E%3ClinearGradient id='b' x1='0' y1='0' x2='1' y2='0'%3E%3Cstop offset='0' stop-color='%23a9cdf5'/%3E%3Cstop offset='.55' stop-color='%23e2effc'/%3E%3Cstop offset='1' stop-color='%236f97c9'/%3E%3C/linearGradient%3E%3C/defs%3E%3Cpath d='M6.5 2.6h3v5h-3z' fill='%23111'/%3E%3Cpath d='M7.3 3.6h1.4v2H7.3z' fill='%23bbb'/%3E%3Cg stroke='%23272f6e' stroke-width='.9'%3E%3Cpath d='M3.6 3.9h3v5.3h-.2v2H2.1V9.2l1.5-2.9z' fill='url(%23b)'/%3E%3Cpath d='M12.4 3.9h-3v5.3h.2v2h4.3V9.2l-1.5-2.9z' fill='url(%23b)'/%3E%3C/g%3E%3Cpath d='M3.7 1.6h2.8v2.3H3.7zM9.5 1.6h2.8v2.3H9.5z' fill='%23111'/%3E%3Cpath d='M1.6 11h4.8v3.6H1.6zM9.6 11h4.8v3.6H9.6z' fill='%23111'/%3E%3Cpath d='M2.7 12h2.6v1.5H2.7zM10.7 12h2.6v1.5h-2.6z' fill='%23aaa'/%3E%3C/svg%3E") !important;
background-position: right 6px center !important;
background-repeat: no-repeat !important;
background-size: 16px 16px !important;
}