/* Canonical external SVG icons. Geometry is stored only in app/assets/images/icons/. */
.ui-icon {
    --ui-icon-url: none;
    display: inline-block;
    width: 1em;
    height: 1em;
    min-width: 1em;
    flex: 0 0 1em;
    background-color: currentColor;
    -webkit-mask-image: var(--ui-icon-url);
    mask-image: var(--ui-icon-url);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;
    -webkit-mask-size: contain;
    mask-size: contain;
    vertical-align: -0.125em;
}
.ui-icon-xs { font-size: 14px; }
.ui-icon-sm { font-size: 16px; }
.ui-icon-md { font-size: 18px; }
.ui-icon-lg { font-size: 20px; }
.ui-icon-xl { font-size: 24px; }
.ui-icon-2xl { font-size: 32px; }
.ui-icon--phone { --ui-icon-url: url("../images/icons/phone.svg"); }
.ui-icon--message-circle { --ui-icon-url: url("../images/icons/message-circle.svg"); }
.ui-icon--whatsapp { --ui-icon-url: url("../images/icons/whatsapp.svg"); }
/* WhatsApp is a multicolor SVG and must not be flattened by the mask renderer. */
.ui-icon--whatsapp {
    background-color: transparent;
    -webkit-mask-image: none;
    mask-image: none;
    object-fit: contain;
}
.ui-icon--clock { --ui-icon-url: url("../images/icons/clock.svg"); }
.ui-icon--book-open { --ui-icon-url: url("../images/icons/book-open.svg"); }
.ui-icon--shield-user { --ui-icon-url: url("../images/icons/shield-user.svg"); }
.ui-icon--user-circle { --ui-icon-url: url("../images/icons/user-circle.svg"); }
.ui-icon--search { --ui-icon-url: url("../images/icons/search.svg"); }
.ui-icon--clipboard-list { --ui-icon-url: url("../images/icons/clipboard-list.svg"); }
.ui-icon--badge { --ui-icon-url: url("../images/icons/badge.svg"); }
.ui-icon--headset { --ui-icon-url: url("../images/icons/headset.svg"); }
.ui-icon--menu { --ui-icon-url: url("../images/icons/menu.svg"); }
.ui-icon--x { --ui-icon-url: url("../images/icons/x.svg"); }
.ui-icon--shopping-cart { --ui-icon-url: url("../images/icons/shopping-cart.svg"); }
.ui-icon--map-pin { --ui-icon-url: url("../images/icons/map-pin.svg"); }
.ui-icon--mail { --ui-icon-url: url("../images/icons/mail.svg"); }
.ui-icon--arrow-right { --ui-icon-url: url("../images/icons/arrow-right.svg"); }
.ui-icon--arrow-left { --ui-icon-url: url("../images/icons/arrow-left.svg"); }
.ui-icon--arrow-up { --ui-icon-url: url("../images/icons/arrow-up.svg"); }
.ui-icon--arrow-down { --ui-icon-url: url("../images/icons/arrow-down.svg"); }
.ui-icon--arrow-up-right { --ui-icon-url: url("../images/icons/arrow-up-right.svg"); }
.ui-icon--chevron-right { --ui-icon-url: url("../images/icons/chevron-right.svg"); }
.ui-icon--chevron-left { --ui-icon-url: url("../images/icons/chevron-left.svg"); }
.ui-icon--chevron-down { --ui-icon-url: url("../images/icons/chevron-down.svg"); }
.ui-icon--chevron-up { --ui-icon-url: url("../images/icons/chevron-up.svg"); }
.ui-icon--chevrons-up-down { --ui-icon-url: url("../images/icons/chevrons-up-down.svg"); }
.ui-icon--check { --ui-icon-url: url("../images/icons/check.svg"); }
.ui-icon--check-circle { --ui-icon-url: url("../images/icons/check-circle.svg"); }
.ui-icon--truck { --ui-icon-url: url("../images/icons/truck.svg"); }
.ui-icon--badge-check { --ui-icon-url: url("../images/icons/badge-check.svg"); }
.ui-icon--heart { --ui-icon-url: url("../images/icons/heart.svg"); }
.ui-icon--star { --ui-icon-url: url("../images/icons/star.svg"); }
.ui-icon--star-filled { --ui-icon-url: url("../images/icons/star-filled.svg"); }
.ui-icon--play-circle { --ui-icon-url: url("../images/icons/play-circle.svg"); }
.ui-icon--wrench { --ui-icon-url: url("../images/icons/wrench.svg"); }
.ui-icon--dashboard { --ui-icon-url: url("../images/icons/dashboard.svg"); }
.ui-icon--package { --ui-icon-url: url("../images/icons/package.svg"); }
.ui-icon--shapes { --ui-icon-url: url("../images/icons/shapes.svg"); }
.ui-icon--sliders { --ui-icon-url: url("../images/icons/sliders.svg"); }
.ui-icon--filter { --ui-icon-url: url("../images/icons/filter.svg"); }
.ui-icon--newspaper { --ui-icon-url: url("../images/icons/newspaper.svg"); }
.ui-icon--layout-template { --ui-icon-url: url("../images/icons/layout-template.svg"); }
.ui-icon--info { --ui-icon-url: url("../images/icons/info.svg"); }
.ui-icon--users { --ui-icon-url: url("../images/icons/users.svg"); }
.ui-icon--chart-line { --ui-icon-url: url("../images/icons/chart-line.svg"); }
.ui-icon--circle-alert { --ui-icon-url: url("../images/icons/circle-alert.svg"); }
.ui-icon--external-link { --ui-icon-url: url("../images/icons/external-link.svg"); }
.ui-icon--log-out { --ui-icon-url: url("../images/icons/log-out.svg"); }
.ui-icon--bell { --ui-icon-url: url("../images/icons/bell.svg"); }
.ui-icon--calendar { --ui-icon-url: url("../images/icons/calendar.svg"); }
.ui-icon--calendar-check { --ui-icon-url: url("../images/icons/calendar-check.svg"); }
.ui-icon--database { --ui-icon-url: url("../images/icons/database.svg"); }
.ui-icon--upload-cloud { --ui-icon-url: url("../images/icons/upload-cloud.svg"); }
.ui-icon--layers { --ui-icon-url: url("../images/icons/layers.svg"); }
.ui-icon--contact-card { --ui-icon-url: url("../images/icons/contact-card.svg"); }
.ui-icon--eye { --ui-icon-url: url("../images/icons/eye.svg"); }
.ui-icon--trash { --ui-icon-url: url("../images/icons/trash.svg"); }
.ui-icon--save { --ui-icon-url: url("../images/icons/save.svg"); }
.ui-icon--plus { --ui-icon-url: url("../images/icons/plus.svg"); }
.ui-icon--minus { --ui-icon-url: url("../images/icons/minus.svg"); }
.ui-icon--edit { --ui-icon-url: url("../images/icons/edit.svg"); }
.ui-icon--image { --ui-icon-url: url("../images/icons/image.svg"); }
.ui-icon--images { --ui-icon-url: url("../images/icons/images.svg"); }
.ui-icon--image-search { --ui-icon-url: url("../images/icons/image-search.svg"); }
.ui-icon--list { --ui-icon-url: url("../images/icons/list.svg"); }
.ui-icon--shopping-bag { --ui-icon-url: url("../images/icons/shopping-bag.svg"); }
.ui-icon--warning { --ui-icon-url: url("../images/icons/warning.svg"); }
.ui-icon--bar-chart { --ui-icon-url: url("../images/icons/bar-chart.svg"); }
.ui-icon--share { --ui-icon-url: url("../images/icons/share.svg"); }
.ui-icon--store { --ui-icon-url: url("../images/icons/store.svg"); }
.ui-icon--credit-card { --ui-icon-url: url("../images/icons/credit-card.svg"); }
.ui-icon--handshake { --ui-icon-url: url("../images/icons/handshake.svg"); }
.ui-icon--clipboard-check { --ui-icon-url: url("../images/icons/clipboard-check.svg"); }
.ui-icon--download { --ui-icon-url: url("../images/icons/download.svg"); }
.ui-icon--palette { --ui-icon-url: url("../images/icons/palette.svg"); }
.ui-icon--graduation-cap { --ui-icon-url: url("../images/icons/graduation-cap.svg"); }
.ui-icon--globe { --ui-icon-url: url("../images/icons/globe.svg"); }
.ui-icon--flame { --ui-icon-url: url("../images/icons/flame.svg"); }
.ui-icon--grid { --ui-icon-url: url("../images/icons/grid.svg"); }
.ui-icon--refresh { --ui-icon-url: url("../images/icons/refresh.svg"); }
.ui-icon--waves { --ui-icon-url: url("../images/icons/waves.svg"); }
.ui-icon--terrain { --ui-icon-url: url("../images/icons/terrain.svg"); }
.ui-icon--home { --ui-icon-url: url("../images/icons/home.svg"); }
.ui-icon--file-text { --ui-icon-url: url("../images/icons/file-text.svg"); }
.ui-icon--megaphone { --ui-icon-url: url("../images/icons/megaphone.svg"); }
.ui-icon--hand-pointer { --ui-icon-url: url("../images/icons/hand-pointer.svg"); }
.ui-icon--camera { --ui-icon-url: url("../images/icons/camera.svg"); }
.ui-icon--link { --ui-icon-url: url("../images/icons/link.svg"); }
.ui-icon--receipt { --ui-icon-url: url("../images/icons/receipt.svg"); }
.ui-icon--search-x { --ui-icon-url: url("../images/icons/search-x.svg"); }
.ui-icon--more-vertical { --ui-icon-url: url("../images/icons/more-vertical.svg"); }
.ui-icon--grip { --ui-icon-url: url("../images/icons/grip.svg"); }
.ui-icon--maximize { --ui-icon-url: url("../images/icons/maximize.svg"); }
.ui-icon--send { --ui-icon-url: url("../images/icons/send.svg"); }
.ui-icon--flag { --ui-icon-url: url("../images/icons/flag.svg"); }
.ui-icon--scale { --ui-icon-url: url("../images/icons/scale.svg"); }
.ui-icon--cookie { --ui-icon-url: url("../images/icons/cookie.svg"); }
.ui-icon--gavel { --ui-icon-url: url("../images/icons/gavel.svg"); }
.ui-icon--lock { --ui-icon-url: url("../images/icons/lock.svg"); }
.ui-icon--bug { --ui-icon-url: url("../images/icons/bug.svg"); }
.ui-icon--copy { --ui-icon-url: url("../images/icons/copy.svg"); }
.ui-icon--terminal { --ui-icon-url: url("../images/icons/terminal.svg"); }
.ui-icon--settings { --ui-icon-url: url("../images/icons/settings.svg"); }
.ui-icon--video { --ui-icon-url: url("../images/icons/video.svg"); }
.ui-icon--lightbulb { --ui-icon-url: url("../images/icons/lightbulb.svg"); }
.ui-icon--help-circle { --ui-icon-url: url("../images/icons/help-circle.svg"); }
.ui-icon--rss { --ui-icon-url: url("../images/icons/rss.svg"); }
.ui-icon--facebook { --ui-icon-url: url("../images/icons/facebook.svg"); }
.ui-icon--instagram { --ui-icon-url: url("../images/icons/instagram.svg"); }
.ui-icon--x-twitter { --ui-icon-url: url("../images/icons/x-twitter.svg"); }
.ui-icon--youtube { --ui-icon-url: url("../images/icons/youtube.svg"); }
.ui-icon--linkedin { --ui-icon-url: url("../images/icons/linkedin.svg"); }
.ui-icon--tiktok { --ui-icon-url: url("../images/icons/tiktok.svg"); }