/* Famestate icon system - Quicpanel (roneybhai1).
Lucide for the UI set (one library: 24px grid, 2px stroke, currentColor);
Simple Icons for the five brand marks, because Lucide/Heroicons/Remix-line
deliberately ship no brand logos.
Delivered as CSS masks rather than markup edits: the sidebar menu classes
come out of the `menus` DB table via index.php, so restyling them without
touching the database or a controller has to happen at the class level.
Every existing class keeps working - no markup, DB, controller or route
changes. The selector list is explicit (not [class*='fa-']) so size
modifiers like .fa-2x never turn into an empty masked box. */
.fa-accusoft,
.fa-arrows-alt-h,
.fa-bell,
.fa-bell-slash,
.fa-bolt,
.fa-book-open,
.fa-bullhorn,
.fa-calendar-alt,
.fa-cc-amazon-pay,
.fa-chart-bar,
.fa-chart-line,
.fa-check,
.fa-check-circle,
.fa-chevron-right,
.fa-child,
.fa-circle-exclamation,
.fa-circle-info,
.fa-clone,
.fa-cog,
.fa-coins,
.fa-copy,
.fa-credit-card,
.fa-dollar-sign,
.fa-envelope,
.fa-exclamation-triangle,
.fa-facebook,
.fa-facebook-f,
.fa-file-alt,
.fa-file-invoice,
.fa-filter,
.fa-fire,
.fa-firefox,
.fa-folder,
.fa-gear,
.fa-gift,
.fa-headset,
.fa-history,
.fa-home,
.fa-hourglass-half,
.fa-info-circle,
.fa-instagram,
.fa-key,
.fa-language,
.fa-layer-group,
.fa-layer-plus,
.fa-life-ring,
.fa-link,
.fa-mouse-pointer,
.fa-play-circle,
.fa-plus,
.fa-power-off,
.fa-random,
.fa-receipt,
.fa-redo,
.fa-refresh,
.fa-search,
.fa-share-alt,
.fa-shield-check,
.fa-shopping-cart,
.fa-sign-in-alt,
.fa-sign-out,
.fa-sign-out-alt,
.fa-smile,
.fa-star,
.fa-street-view,
.fa-sync,
.fa-tachometer-alt,
.fa-tags,
.fa-telegram,
.fa-telegram-plane,
.fa-ticket-alt,
.fa-times,
.fa-toggle-on,
.fa-usd-circle,
.fa-user,
.fa-user-alt,
.fa-user-circle,
.fa-user-plus,
.fa-wallet,
.fa-whatsapp,
.fa-youtube {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.145em;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
font-size: inherit;
line-height: 1;
}
/* the webfont glyph must not double up underneath the mask */
.fa-accusoft::before,
.fa-arrows-alt-h::before,
.fa-bell::before,
.fa-bell-slash::before,
.fa-bolt::before,
.fa-book-open::before,
.fa-bullhorn::before,
.fa-calendar-alt::before,
.fa-cc-amazon-pay::before,
.fa-chart-bar::before,
.fa-chart-line::before,
.fa-check::before,
.fa-check-circle::before,
.fa-chevron-right::before,
.fa-child::before,
.fa-circle-exclamation::before,
.fa-circle-info::before,
.fa-clone::before,
.fa-cog::before,
.fa-coins::before,
.fa-copy::before,
.fa-credit-card::before,
.fa-dollar-sign::before,
.fa-envelope::before,
.fa-exclamation-triangle::before,
.fa-facebook::before,
.fa-facebook-f::before,
.fa-file-alt::before,
.fa-file-invoice::before,
.fa-filter::before,
.fa-fire::before,
.fa-firefox::before,
.fa-folder::before,
.fa-gear::before,
.fa-gift::before,
.fa-headset::before,
.fa-history::before,
.fa-home::before,
.fa-hourglass-half::before,
.fa-info-circle::before,
.fa-instagram::before,
.fa-key::before,
.fa-language::before,
.fa-layer-group::before,
.fa-layer-plus::before,
.fa-life-ring::before,
.fa-link::before,
.fa-mouse-pointer::before,
.fa-play-circle::before,
.fa-plus::before,
.fa-power-off::before,
.fa-random::before,
.fa-receipt::before,
.fa-redo::before,
.fa-refresh::before,
.fa-search::before,
.fa-share-alt::before,
.fa-shield-check::before,
.fa-shopping-cart::before,
.fa-sign-in-alt::before,
.fa-sign-out::before,
.fa-sign-out-alt::before,
.fa-smile::before,
.fa-star::before,
.fa-street-view::before,
.fa-sync::before,
.fa-tachometer-alt::before,
.fa-tags::before,
.fa-telegram::before,
.fa-telegram-plane::before,
.fa-ticket-alt::before,
.fa-times::before,
.fa-toggle-on::before,
.fa-usd-circle::before,
.fa-user::before,
.fa-user-alt::before,
.fa-user-circle::before,
.fa-user-plus::before,
.fa-wallet::before,
.fa-whatsapp::before,
.fa-youtube::before { content: none !important; }
/* brand marks are solid shapes, so they read heavier than the 2px UI stroke */
.fa-whatsapp, .fa-instagram, .fa-facebook, .fa-facebook-f, .fa-youtube,
.fa-telegram, .fa-telegram-plane { -webkit-mask-size: 92%; mask-size: 92%; }
/* lucide: shopping-cart */
.fa-shopping-cart {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: log-in */
.fa-sign-in-alt {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: credit-card */
.fa-credit-card,
.fa-cc-amazon-pay {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: user-plus */
.fa-user-plus {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: history */
.fa-history {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: layers */
.fa-accusoft,
.fa-layer-group,
.fa-layer-plus {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: link */
.fa-link {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: network */
.fa-child,
.fa-firefox {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: search */
.fa-search {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: copy */
.fa-clone,
.fa-copy {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: mail */
.fa-envelope {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: zap */
.fa-bolt {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: filter */
.fa-filter {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: ticket */
.fa-ticket-alt {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: gift */
.fa-gift {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: languages */
.fa-language {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: user */
.fa-user,
.fa-user-alt {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: log-out */
.fa-sign-out,
.fa-sign-out-alt {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: circle-user */
.fa-user-circle {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: circle-check */
.fa-check-circle {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: flame */
.fa-fire {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: info */
.fa-info-circle,
.fa-circle-info {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: mouse-pointer-click */
.fa-mouse-pointer {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: map-pin */
.fa-street-view {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: smile */
.fa-smile {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: circle-dollar-sign */
.fa-usd-circle,
.fa-dollar-sign {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: check */
.fa-check {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: key-round */
.fa-key {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: calendar */
.fa-calendar-alt {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: triangle-alert */
.fa-exclamation-triangle,
.fa-circle-exclamation {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: x */
.fa-times {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: life-buoy */
.fa-life-ring {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: headset */
.fa-headset {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: chevron-right */
.fa-chevron-right {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: book-open */
.fa-book-open {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: megaphone */
.fa-bullhorn {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: bell */
.fa-bell {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: bell-off */
.fa-bell-slash {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: wallet */
.fa-wallet {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: shield-check */
.fa-shield-check {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: arrow-left-right */
.fa-random {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: power */
.fa-power-off {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: trending-up */
.fa-chart-line {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: toggle-right */
.fa-toggle-on {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: move-horizontal */
.fa-arrows-alt-h {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: settings */
.fa-cog,
.fa-gear {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: refresh-cw */
.fa-refresh,
.fa-sync {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: plus */
.fa-plus {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: layout-dashboard */
.fa-tachometer-alt,
.fa-home {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: receipt */
.fa-receipt,
.fa-file-invoice {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: star */
.fa-star {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: timer */
.fa-hourglass-half {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: repeat */
.fa-redo {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: share-2 */
.fa-share-alt {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: coins */
.fa-coins {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: ticket-percent */
.fa-tags {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: circle-play */
.fa-play-circle {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: file-text */
.fa-file-alt {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: chart-column */
.fa-chart-bar {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: folder */
.fa-folder {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* simple: whatsapp */
.fa-whatsapp {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* simple: instagram */
.fa-instagram {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* simple: facebook */
.fa-facebook,
.fa-facebook-f {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* simple: youtube */
.fa-youtube {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* simple: telegram */
.fa-telegram-plane,
.fa-telegram {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* --------------------------------------------------------------------------
Second batch. These classes were used in markup but had no mask here, so
they fell back to the webfont and rendered as nothing. Same Lucide set,
same 24px grid and 2px stroke as the block above.
-------------------------------------------------------------------------- */
.fa-code,
.fa-terminal,
.fa-server,
.fa-plug,
.fa-chevron-down,
.fa-arrow-right,
.fa-lock,
.fa-users,
.fa-sync-alt,
.fa-rocket,
.fa-sitemap,
.fa-shield-alt,
.fa-percent,
.fa-clock,
.fa-tag,
.fa-pen,
.fa-infinity,
.fa-award {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.145em;
background-color: currentColor;
-webkit-mask-repeat: no-repeat;
mask-repeat: no-repeat;
-webkit-mask-position: center;
mask-position: center;
-webkit-mask-size: contain;
mask-size: contain;
font-size: inherit;
line-height: 1;
}
.fa-code::before,
.fa-terminal::before,
.fa-server::before,
.fa-plug::before,
.fa-chevron-down::before,
.fa-arrow-right::before,
.fa-lock::before,
.fa-users::before,
.fa-sync-alt::before,
.fa-rocket::before,
.fa-sitemap::before,
.fa-shield-alt::before,
.fa-percent::before,
.fa-clock::before,
.fa-tag::before,
.fa-pen::before,
.fa-infinity::before,
.fa-award::before { content: none; }
/* lucide */
.fa-code {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-terminal {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-server {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-plug {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-chevron-down {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-arrow-right {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-lock {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-users {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-sync-alt {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-rocket {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-sitemap {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-shield-alt {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-percent {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-clock {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-tag {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-pen {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-infinity {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide */
.fa-award {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* ── icons the ticket pages reference that the set never defined; without
these the elements rendered as blank squares (lucide) ── */
.fa-inbox {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
.fa-box {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
.fa-circle-check {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
.fa-comment-dots {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
.fa-file-lines {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
.fa-paper-plane {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
.fa-paperclip {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
.fa-rotate-left {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
.fa-inbox,
.fa-box,
.fa-circle-check,
.fa-comment-dots,
.fa-file-lines,
.fa-paper-plane,
.fa-paperclip,
.fa-rotate-left {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.145em;
background-color: currentColor;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-size: contain; mask-size: contain;
font-size: inherit;
line-height: 1;
}
.fa-inbox::before,
.fa-box::before,
.fa-circle-check::before,
.fa-comment-dots::before,
.fa-file-lines::before,
.fa-paper-plane::before,
.fa-paperclip::before,
.fa-rotate-left::before { content: none !important; }
/* the invoice download link on Add Funds referenced an icon the set never had */
.fa-download {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
display: inline-block; width: 1em; height: 1em;
vertical-align: -0.145em; background-color: currentColor;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-size: contain; mask-size: contain;
font-size: inherit; line-height: 1;
}
.fa-download::before { content: none !important; }
/* ------------------------------------------------------------------
Audit pass: classes used in roneybhai1 templates that the set never
defined, so they rendered as blank masked squares. Same Lucide 24px /
stroke-2 grid and the same base geometry as everything above.
------------------------------------------------------------------ */
.fa-chart-pie,
.fa-exclamation,
.fa-exclamation-circle,
.fa-eye,
.fa-eye-slash,
.fa-play,
.fa-screwdriver-wrench,
.fa-sliders-h {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.145em;
background-color: currentColor;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-size: contain; mask-size: contain;
font-size: inherit;
line-height: 1;
}
.fa-chart-pie::before,
.fa-exclamation::before,
.fa-exclamation-circle::before,
.fa-eye::before,
.fa-eye-slash::before,
.fa-play::before,
.fa-screwdriver-wrench::before,
.fa-sliders-h::before { content: none !important; }
/* lucide: pie-chart */
.fa-chart-pie {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: circle-alert, inner marks only - the bare FA exclamation glyph */
.fa-exclamation {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: circle-alert (FA5 alias of .fa-circle-exclamation) */
.fa-exclamation-circle {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: eye */
.fa-eye {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: eye-off */
.fa-eye-slash {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: play (filled - it sits inside a solid play badge) */
.fa-play {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: wrench */
.fa-screwdriver-wrench {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: sliders-horizontal */
.fa-sliders-h {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* Second audit pass: classes the templates never mention literally - they are
emitted by controllers (service badges in ajax_data.php, the Google button in
auth.php) or come out of the `menus` table, so they only surface at runtime. */
.fa-ban,
.fa-calendar-check,
.fa-flag,
.fa-google,
.fa-times-circle,
.fa-trash-o,
.fa-undo,
.fa-user-clock {
display: inline-block;
width: 1em;
height: 1em;
vertical-align: -0.145em;
background-color: currentColor;
-webkit-mask-repeat: no-repeat; mask-repeat: no-repeat;
-webkit-mask-position: center; mask-position: center;
-webkit-mask-size: contain; mask-size: contain;
font-size: inherit;
line-height: 1;
}
.fa-ban::before,
.fa-calendar-check::before,
.fa-flag::before,
.fa-google::before,
.fa-times-circle::before,
.fa-trash-o::before,
.fa-undo::before,
.fa-user-clock::before { content: none !important; }
/* brand mark - solid shape, same optical correction as the other logos */
.fa-google { -webkit-mask-size: 92%; mask-size: 92%; }
/* lucide: rotate-ccw */
.fa-undo {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: ban */
.fa-ban {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: calendar-check */
.fa-calendar-check {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: flag */
.fa-flag {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: circle-x */
.fa-times-circle {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: trash-2 */
.fa-trash-o {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* lucide: clock-user */
.fa-user-clock {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}
/* simple icons: google */
.fa-google {
-webkit-mask-image: url("data:image/svg+xml,");
mask-image: url("data:image/svg+xml,");
}