/**
 * Variable declarations and styling for icons common to all MEGA Wordpress sites.
 *
 * Design file: https://www.figma.com/file/pYAcv0NZhLfqe9NRLaHPbG/Brand-library?node-id=22%3A3
 * M / S: medium / small, T / R: thin (light) / regular, O / S: outline / solid
 */

:root {
    /* region Mono icons */

    --icon-airplay-mto: url('../svg/airplay-mto-2.svg');
    --icon-alert-triangle-sro: url('../svg/alert-triangle-sro-2.svg');
    --icon-archive-arrow-up-mto: url('../svg/archive-arrow-up-mto-2.svg');
    --icon-arrow-left-mro: url('../svg/arrow-left-mro-2.svg');
    --icon-arrow-right-mro: url('../svg/arrow-right-mro-2.svg');
    --icon-atom-mro: url('../svg/atom-mro-2.svg');
    --icon-atom-mto: url('../svg/atom-mto-2.svg');
    --icon-bell-ringing-mto: url('../svg/bell-ringing-mto-2.svg');
    --icon-bucket-triangle-mro: url('../svg/bucket-triangle-mro-2.svg');
    --icon-calendar-01-mro: url('../svg/calendar-01-mro-2.svg');
    --icon-cast-mto: url('../svg/cast-mto-2.svg');
    --icon-check-mro: url('../svg/check-mro-2.svg');
    --icon-check-circle-mro: url('../svg/check-circle-mro-2.svg');
    --icon-check-circle-mto: url('../svg/check-circle-mto-2.svg');
    --icon-chevrons-left-sro: url('../svg/chevrons-left-sro-2.svg');
    --icon-chevrons-right-sro: url('../svg/chevrons-right-sro-2.svg');
    --icon-chevron-down-mro: url('../svg/chevron-down-mro-2.svg');
    --icon-chevron-left-sro: url('../svg/chevron-left-sro-2.svg');
    --icon-chevron-right-sro: url('../svg/chevron-right-sro-2.svg');
    --icon-chevron-up-mro: url('../svg/chevron-up-mro-2.svg');
    --icon-clock-rotate-mto: url('../svg/clock-rotate-mto-2.svg');
    --icon-cloud-mro: url('../svg/cloud-mro-2.svg');
    --icon-cloud-mrs: url('../svg/cloud-mrs-2.svg');
    --icon-cloud-download-mto: url('../svg/cloud-download-mto-2.svg');
    --icon-cloud-mto: url('../svg/cloud-mto-2.svg');
    --icon-cloud-upload-mro: url('../svg/cloud-upload-mro-2.svg');
    --icon-cloud-upload-mto: url('../svg/cloud-upload-mto-2.svg');
    --icon-code-mro: url('../svg/code-mro-2.svg');
    --icon-code-browser-mro: url('../svg/code-browser-mro-2.svg');
    --icon-code-browser-mto: url('../svg/code-browser-mto-2.svg');
    --icon-copy-mro: url('../svg/copy-mro-2.svg');
    --icon-crown-mto: url('../svg/crown-mto-2.svg');
    --icon-currency-dollar-circle-mro: url('../svg/currency-dollar-circle-mro-2.svg');
    --icon-currency-dollar-circle-mto: url('../svg/currency-dollar-circle-mto-2.svg');
    --icon-database-mro: url('../svg/database-mro-2.svg');
    --icon-database-mto: url('../svg/database-mto-2.svg');
    --icon-more-horizontal-mro: url('../svg/more-horizontal-mro-2.svg');
    --icon-move-mto: url('../svg/move-mto-2.svg');
    --icon-edit-3-mto: url('../svg/edit-3-mto-2.svg');
    --icon-emoji-happy-mto: url('../svg/emoji-happy-mto-2.svg');
    --icon-emoji-smile-mto: url('../svg/emoji-smile-mto-2.svg');
    --icon-emoji-wink-mto: url('../svg/emoji-wink-mto-2.svg');
    --icon-expand-mro: url('../svg/expand-mro-2.svg');
    --icon-expand-mto: url('../svg/expand-mto-2.svg');
    --icon-file-attachment-02-mro: url('../svg/file-attachment-02-mro-2.svg');
    --icon-file-edit-mro: url('../svg/file-edit-mro-2.svg');
    --icon-file-text-mro: url('../svg/file-text-mro-2.svg');
    --icon-file-text-mto: url('../svg/file-text-mto-2.svg');
    --icon-file-upload-mto: url('../svg/file-upload-mto-2.svg');
    --icon-filter-mro: url('../svg/filter-mro-2.svg');
    --icon-folder-arrow-01-mto: url('../svg/folder-arrow-01-mto-2.svg');
    --icon-folder-lock-mro: url('../svg/folder-lock-mro-2.svg');
    --icon-folder-mro: url('../svg/folder-mro-2.svg');
    --icon-folder-sync-mto: url('../svg/folder-sync-mto-2.svg');
    --icon-globe-01-mro: url('../svg/globe-01-mro-2.svg');
    --icon-globe-02-mto: url('../svg/globe-02-mto-2.svg');
    --icon-globe-eurafrica-mro: url('../svg/globe-eurafrica-mro-2.svg');
    --icon-globe-eurafrica-mto: url('../svg/globe-eurafrica-mto-2.svg');
    --icon-hard-drive-mro: url('../svg/hard-drive-mro-2.svg');
    --icon-headset-mro: url('../svg/headset-mro-2.svg');
    --icon-headset-mto: url('../svg/headset-mto-2.svg');
    --icon-heart-mto: url('../svg/heart-mto-2.svg');
    --icon-help-circle-mro: url('../svg/help-circle-mro-2.svg');
    --icon-image-01-mto: url('../svg/image-01-mto-2.svg');
    --icon-info-mro: url('../svg/info-mro-2.svg');
    --icon-key-01-mro: url('../svg/key-01-mro-2.svg');
    --icon-key-01-mto: url('../svg/key-01-mto-2.svg');
    --icon-lightbulb-mro: url('../svg/lightbulb-mro-2.svg');
    --icon-link-01-mro: url('../svg/link-01-mro-2.svg');
    --icon-lock-mro: url('../svg/lock-mro-2.svg');
    --icon-lock-mto: url('../svg/lock-mto-2.svg');
    --icon-mail-mto: url('../svg/mail-mto-2.svg');
    --icon-map-pin-mto: url('../svg/map-pin-mto-2.svg');
    --icon-mega-mto: url('../svg/mega-mto-2.svg');
    --icon-menu-mro: url('../svg/menu-mro-2.svg');
    --icon-message-check-mto: url('../svg/message-check-mto-2.svg');
    --icon-message-circle-mto: url('../svg/message-circle-mto-2.svg');
    --icon-message-square-mro: url('../svg/message-square-mro-2.svg');
    --icon-minus-mro: url('../svg/minus-mro-2.svg');
    --icon-minus-circle-mro: url('../svg/minus-circle-mro-2.svg');
    --icon-monitor-mro: url('../svg/monitor-mro-2.svg');
    --icon-monitor-mto: url('../svg/monitor-mto-2.svg');
    --icon-moon-mro: url('../svg/moon-mro-2.svg');
    --icon-objects-mro: url('../svg/objects-mro-2.svg');
    --icon-palette-mto: url('../svg/palette-mto-2.svg');
    --icon-password-mro: url('../svg/password-mro-2.svg');
    --icon-play-square-mto: url('../svg/play-square-mto-2.svg');
    --icon-plus-mro: url('../svg/plus-mro-2.svg');
    --icon-plus-circle-mro: url('../svg/plus-circle-mro-2.svg');
    --icon-printer-mro: url('../svg/printer-mro-2.svg');
    --icon-printer-mto: url('../svg/printer-mto-2.svg');
    --icon-rocket-mto: url('../svg/rocket-mto-2.svg');
    --icon-rss: url('../svg/rss-2.svg');
    --icon-search-sro: url('../svg/search-sro-2.svg');
    --icon-server-mto: url('../svg/server-mto-2.svg');
    --icon-share-mro: url('../svg/share-mro-2.svg');
    --icon-share-mto: url('../svg/share-mto-2.svg');
    --icon-shield-mro: url('../svg/shield-mro-2.svg');
    --icon-shield-mto: url('../svg/shield-mto-2.svg');
    --icon-sliders-horizontal-01-mro: url('../svg/sliders-horizontal-01-mro-2.svg');
    --icon-sliders-vertical-01-mto: url('../svg/sliders-vertical-01-mto-2.svg');
    --icon-star-mto: url('../svg/star-mto-2.svg');
    --icon-star-spark-mto: url('../svg/star-spark-mto-2.svg');
    --icon-sun-mro: url('../svg/sun-mro-2.svg');
    --icon-sync-mro: url('../svg/sync-mro-2.svg');
    --icon-sync-mto: url('../svg/sync-mto-2.svg');
    --icon-user-circle-mto: url('../svg/user-circle-mto-2.svg');
    --icon-user-plus-mto: url('../svg/user-plus-mto-2.svg');
    --icon-users-mro: url('../svg/users-mro-2.svg');
    --icon-users-mto: url('../svg/users-mto-2.svg');
    --icon-video-mro: url('../svg/video-mro-2.svg');
    --icon-video-mto: url('../svg/video-mto-2.svg');
    --icon-x-mro: url('../svg/x-mro-2.svg');
    --icon-x-sto: url('../svg/x-sto-2.svg');
    --icon-zap-mro: url('../svg/zap-mro-2.svg');
    --icon-zap-mto: url('../svg/zap-mto-2.svg');
    --icon-zap-off-mro: url('../svg/zap-off-mro-2.svg');
    --icon-zap-off-mto: url('../svg/zap-off-mto-2.svg');

    /* endregion */

    /* region Duotone icons */

    --icon-android: url('../svg/android-01-duotone-2.svg');
    --icon-brain: url('../svg/brain-duotone-2.svg');
    --icon-bug: url('../svg/bug-duotone-2.svg');
    --icon-c-plus-plus: url('../svg/c%2b%2b-duotone-2.svg');
    --icon-CMD: url('../svg/cmd-duotone-2.svg');
    --icon-copyright: url('../svg/copyright-2.svg');
    --icon-extension: url('../svg/extension-duotone-2.svg');
    --icon-hand: url('../svg/hand-duotone-2.svg');
    --icon-iOS: url('../svg/ios-duotone-2.svg');
    --icon-lifebuoy: url('../svg/lifebuoy-duotone-2.svg');
    --icon-lightbulb: url('../svg/lightbulb-duotone-2.svg');
    --icon-media: url('../svg/media-duotone-2.svg');
    --icon-mega-sync: url('../svg/sync-duotone-2.svg');
    --icon-privacy: url('../svg/privacy-duotone-2.svg');
    --icon-SDK: url('../svg/sdk-duotone-2.svg');
    --icon-scale: url('../svg/scale-duotone-2.svg');
    --icon-shield-duotone: url('../svg/shield-duotone-2.svg');
    --icon-thunderbird: url('../svg/thunderbird-2.svg');
    --icon-tm: url('../svg/tm-duotone-2.svg');
    --icon-web: url('../svg/web-01-duotone-2.svg');

    /* endregion */

    /* region Social icons */

    --icon-social-facebook-m: url('../svg/social-facebook-m-2.svg');
    --icon-social-instagram-m: url('../svg/social-instagram-m-2.svg');
    --icon-social-linkedin-m: url('../svg/social-linkedin-m-2.svg');
    --icon-social-threads-m: url('../svg/social-threads-m-2.svg');
    --icon-social-x-m: url('../svg/social-x-m-2.svg');
    --icon-social-youtube-m: url('../svg/social-youtube-m-2.svg');

    /* endregion */

    --icon-rectangle-748: url('../svg/rectangle-749.svg');
    --icon-union-start: url('../svg/union-2.svg');
    --icon-union-end: url('../svg/unionend-2.svg');
}

.icon-box {
    --icon-size: 24px;
    flex-shrink: 0; /* Don't shrink if used in a flexbox context */
    width: var(--icon-size);
    height: var(--icon-size);
}

.icon {
    display: block;
    width: 100%;
    height: 100%;
    mask-position: center;
    -webkit-mask-position: center;
    mask-size: contain;
    -webkit-mask-size: contain;
    mask-repeat: no-repeat;
    -webkit-mask-repeat: no-repeat;
    color: inherit;
    background-color: currentColor;
}

/* region Mono icons */

.icon.alert-triangle {
    mask-image: var(--icon-alert-triangle-sro);
    -webkit-mask-image: var(--icon-alert-triangle-sro);
}

.icon.airplay-mto {
    mask-image: var(--icon-airplay-mto);
    -webkit-mask-image: var(--icon-airplay-mto);
}

.icon.archive-arrow-up-mto {
    mask-image: var(--icon-archive-arrow-up-mto);
    -webkit-mask-image: var(--icon-archive-arrow-up-mto);
}

.icon.arrow-left {
    mask-image: var(--icon-arrow-left-mro);
    -webkit-mask-image: var(--icon-arrow-left-mro);
}

.icon.arrow-right {
    mask-image: var(--icon-arrow-right-mro);
    -webkit-mask-image: var(--icon-arrow-right-mro);
}

.icon.atom-mro {
    mask-image: var(--icon-atom-mro);
    -webkit-mask-image: var(--icon-atom-mro);
}

.icon.atom-mto {
    mask-image: var(--icon-atom-mto);
    -webkit-mask-image: var(--icon-atom-mto);
}

.icon.bell-ringing-mto {
    mask-image: var(--icon-bell-ringing-mto);
    -webkit-mask-image: var(--icon-bell-ringing-mto);
}

.icon.bucket-triangle-mro {
    mask-image: var(--icon-bucket-triangle-mro);
    -webkit-mask-image: var(--icon-bucket-triangle-mro);
}

.icon.calendar {
    mask-image: var(--icon-calendar-01-mro);
    -webkit-mask-image: var(--icon-calendar-01-mro);
}

.icon.cast-mto {
    mask-image: var(--icon-cast-mto);
    -webkit-mask-image: var(--icon-cast-mto);
}

.icon.check {
    mask-image: var(--icon-check-mro);
    -webkit-mask-image: var(--icon-check-mro);
}

.icon.check-circle {
    mask-image: var(--icon-check-circle-mro);
    -webkit-mask-image: var(--icon-check-circle-mro);
}

.icon.check-circle-mto {
    mask-image: var(--icon-check-circle-mto);
    -webkit-mask-image: var(--icon-check-circle-mto);
}

.icon.chevron-2left {
    mask-image: var(--icon-chevrons-left-sro);
    -webkit-mask-image: var(--icon-chevrons-left-sro);
}

.icon.chevron-2right {
    mask-image: var(--icon-chevrons-right-sro);
    -webkit-mask-image: var(--icon-chevrons-right-sro);
}

.icon.chevron-down {
    mask-image: var(--icon-chevron-down-mro);
    -webkit-mask-image: var(--icon-chevron-down-mro);
}

.icon.chevron-left {
    mask-image: var(--icon-chevron-left-sro);
    -webkit-mask-image: var(--icon-chevron-left-sro);
}

.icon.chevron-right {
    mask-image: var(--icon-chevron-right-sro);
    -webkit-mask-image: var(--icon-chevron-right-sro);
}

.icon.chevron-up {
    mask-image: var(--icon-chevron-up-mro);
    -webkit-mask-image: var(--icon-chevron-up-mro);
}

.icon.clock-rotate-mto {
    mask-image: var(--icon-clock-rotate-mto);
    -webkit-mask-image: var(--icon-clock-rotate-mto);
}

.icon.cloud {
    mask-image: var(--icon-cloud-mro);
    -webkit-mask-image: var(--icon-cloud-mro);
}

.icon.cloud-download-mto {
    mask-image: var(--icon-cloud-download-mto);
    -webkit-mask-image: var(--icon-cloud-download-mto);
}

.icon.cloud-mto {
    mask-image: var(--icon-cloud-mto);
    -webkit-mask-image: var(--icon-cloud-mto);
}

.icon.cloud-upload-mro {
    mask-image: var(--icon-cloud-upload-mro);
    -webkit-mask-image: var(--icon-cloud-upload-mro);
}

.icon.cloud-upload-mto {
    mask-image: var(--icon-cloud-upload-mto);
    -webkit-mask-image: var(--icon-cloud-upload-mto);
}

.icon.cloud-white {
    mask-image: var(--icon-cloud-mrs);
    -webkit-mask-image: var(--icon-cloud-mrs);
}

.icon.code {
    mask-image: var(--icon-code-mro);
    -webkit-mask-image: var(--icon-code-mro);
}

.icon.code-browser-mro {
    mask-image: var(--icon-code-browser-mro);
    -webkit-mask-image: var(--icon-code-browser-mro);
}

.icon.code-browser-mto {
    mask-image: var(--icon-code-browser-mto);
    -webkit-mask-image: var(--icon-code-browser-mto);
}

.icon.copy {
    mask-image: var(--icon-copy-mro);
    -webkit-mask-image: var(--icon-copy-mro);
}

.icon.crown-mto {
    mask-image: var(--icon-crown-mto);
    -webkit-mask-image: var(--icon-crown-mto);
}

.icon.currency-dollar-circle-mro {
    mask-image: var(--icon-currency-dollar-circle-mro);
    -webkit-mask-image: var(--icon-currency-dollar-circle-mro);
}

.icon.currency-dollar-circle-mto {
    mask-image: var(--icon-currency-dollar-circle-mto);
    -webkit-mask-image: var(--icon-currency-dollar-circle-mto);
}

.icon.database {
    mask-image: var(--icon-database-mro);
    -webkit-mask-image: var(--icon-database-mro);
}

.icon.database-mto {
    mask-image: var(--icon-database-mto);
    -webkit-mask-image: var(--icon-database-mto);
}

.icon.edit-3-mto {
    mask-image: var(--icon-edit-3-mto);
    -webkit-mask-image: var(--icon-edit-3-mto);
}

.icon.emoji-happy-mto {
    mask-image: var(--icon-emoji-happy-mto);
    -webkit-mask-image: var(--icon-emoji-happy-mto);
}

.icon.emoji-smile-mto {
    mask-image: var(--icon-emoji-smile-mto);
    -webkit-mask-image: var(--icon-emoji-smile-mto);
}

.icon.emoji-wink-mto {
    mask-image: var(--icon-emoji-wink-mto);
    -webkit-mask-image: var(--icon-emoji-wink-mto);
}

.icon.expand-mro {
    mask-image: var(--icon-expand-mro);
    -webkit-mask-image: var(--icon-expand-mro);
}

.icon.expand-mto {
    mask-image: var(--icon-expand-mto);
    -webkit-mask-image: var(--icon-expand-mto);
}

.icon.file-attachment-02-mro {
    mask-image: var(--icon-file-attachment-02-mro);
    -webkit-mask-image: var(--icon-file-attachment-02-mro);
}

.icon.file-edit-mro {
    mask-image: var(--icon-file-edit-mro);
    -webkit-mask-image: var(--icon-file-edit-mro);
}

.icon.file-text-mro {
    mask-image: var(--icon-file-text-mro);
    -webkit-mask-image: var(--icon-file-text-mro);
}

.icon.file-text-mto {
    mask-image: var(--icon-file-text-mto);
    -webkit-mask-image: var(--icon-file-text-mto);
}

.icon.file-upload-mto {
    mask-image: var(--icon-file-upload-mto);
    -webkit-mask-image: var(--icon-file-upload-mto);
}

.icon.file-filter {
    mask-image: var(--icon-filter-mro);
    -webkit-mask-image: var(--icon-filter-mro);
}

.icon.folder-arrow-01-mto {
    mask-image: var(--icon-folder-arrow-01-mto);
    -webkit-mask-image: var(--icon-folder-arrow-01-mto);
}

.icon.folder-lock-mro {
    mask-image: var(--icon-folder-lock-mro);
    -webkit-mask-image: var(--icon-folder-lock-mro);
}

.icon.folder-mro {
    mask-image: var(--icon-folder-mro);
    -webkit-mask-image: var(--icon-folder-mro);
}

.icon.folder-sync-mto {
    mask-image: var(--icon-folder-sync-mto);
    -webkit-mask-image: var(--icon-folder-sync-mto);
}

.icon.globe {
    mask-image: var(--icon-globe-01-mro);
    -webkit-mask-image: var(--icon-globe-01-mro);
}

.icon.globe-02-mto {
    mask-image: var(--icon-globe-02-mto);
    -webkit-mask-image: var(--icon-globe-02-mto);
}

.icon.globe-eurafrica-mro {
    mask-image: var(--icon-globe-eurafrica-mro);
    -webkit-mask-image: var(--icon-globe-eurafrica-mro);
}

.icon.globe-eurafrica-mto {
    mask-image: var(--icon-globe-eurafrica-mto);
    -webkit-mask-image: var(--icon-globe-eurafrica-mto);
}

.icon.hard-drive {
    mask-image: var(--icon-hard-drive-mro);
    -webkit-mask-image: var(--icon-hard-drive-mro);
}

.icon.headset-mro {
    mask-image: var(--icon-headset-mro);
    -webkit-mask-image: var(--icon-headset-mro);
}

.icon.headset-mto {
    mask-image: var(--icon-headset-mto);
    -webkit-mask-image: var(--icon-headset-mto);
}

.icon.heart-mto {
    mask-image: var(--icon-heart-mto);
    -webkit-mask-image: var(--icon-heart-mto);
}

.icon.help-circle {
    mask-image: var(--icon-help-circle-mro);
    -webkit-mask-image: var(--icon-help-circle-mro);
}

.icon.image-01-mto {
    mask-image: var(--icon-image-01-mto);
    -webkit-mask-image: var(--icon-image-01-mto);
}

.icon.info {
    mask-image: var(--icon-info-mro);
    -webkit-mask-image: var(--icon-info-mro);
}

.icon.key-01-mro {
    mask-image: var(--icon-key-01-mro);
    -webkit-mask-image: var(--icon-key-01-mro);
}

.icon.key-01-mto {
    mask-image: var(--icon-key-01-mto);
    -webkit-mask-image: var(--icon-key-01-mto);
}

.icon.lightbulb-mro {
    mask-image: var(--icon-lightbulb-mro);
    -webkit-mask-image: var(--icon-lightbulb-mro);
}

.icon.link-01-mro {
    mask-image: var(--icon-link-01-mro);
    -webkit-mask-image: var(--icon-link-01-mro);
}

.icon.lock-mro {
    mask-image: var(--icon-lock-mro);
    -webkit-mask-image: var(--icon-lock-mro);
}

.icon.lock-mto {
    mask-image: var(--icon-lock-mto);
    -webkit-mask-image: var(--icon-lock-mto);
}

.icon.mail {
    mask-image: var(--icon-mail-mto);
    -webkit-mask-image: var(--icon-mail-mto);
}

.icon.mail-mto {
    mask-image: var(--icon-mail-mto);
    -webkit-mask-image: var(--icon-mail-mto);
}

.icon.map-pin {
    mask-image: var(--icon-map-pin-mto);
    -webkit-mask-image: var(--icon-map-pin-mto);
}

.icon.map-pin-mto {
    mask-image: var(--icon-map-pin-mto);
    -webkit-mask-image: var(--icon-map-pin-mto);
}

.icon.mega-mto {
    mask-image: var(--icon-mega-mto);
    -webkit-mask-image: var(--icon-mega-mto);
}

.icon.menu {
    mask-image: var(--icon-menu-mro);
    -webkit-mask-image: var(--icon-menu-mro);
}

.icon.message-check-mto {
    mask-image: var(--icon-message-check-mto);
    -webkit-mask-image: var(--icon-message-check-mto);
}

.icon.message-circle-mto {
    mask-image: var(--icon-message-circle-mto);
    -webkit-mask-image: var(--icon-message-circle-mto);
}

.icon.message-square {
    mask-image: var(--icon-message-square-mro);
    -webkit-mask-image: var(--icon-message-square-mro);
}

.icon.minus {
    mask-image: var(--icon-minus-mro);
    -webkit-mask-image: var(--icon-minus-mro);
}

.icon.minus-circle-mro {
    mask-image: var(--icon-minus-circle-mro);
    -webkit-mask-image: var(--icon-minus-circle-mro);
}

.icon.monitor-mro {
    mask-image: var(--icon-monitor-mro);
    -webkit-mask-image: var(--icon-monitor-mro);
}

.icon.monitor-mto {
    mask-image: var(--icon-monitor-mto);
    -webkit-mask-image: var(--icon-monitor-mto);
}

.icon.moon {
    mask-image: var(--icon-moon-mro);
    -webkit-mask-image: var(--icon-moon-mro);
}

.icon.more-horizontal-mro {
    mask-image: var(--icon-more-horizontal-mro);
    -webkit-mask-image: var(--icon-more-horizontal-mro);
}

.icon.move-mto {
    mask-image: var(--icon-move-mto);
    -webkit-mask-image: var(--icon-move-mto);
}

.icon.objects-mro {
    mask-image: var(--icon-objects-mro);
    -webkit-mask-image: var(--icon-objects-mro);
}

.icon.palette-mto {
    mask-image: var(--icon-palette-mto);
    -webkit-mask-image: var(--icon-palette-mto);
}

.icon.password-mro {
    mask-image: var(--icon-password-mro);
    -webkit-mask-image: var(--icon-password-mro);
}

.icon.play-square-mto {
    mask-image: var(--icon-play-square-mto);
    -webkit-mask-image: var(--icon-play-square-mto);
}

.icon.plus {
    mask-image: var(--icon-plus-mro);
    -webkit-mask-image: var(--icon-plus-mro);
}

.icon.plus-circle {
    mask-image: var(--icon-plus-circle-mro);
    -webkit-mask-image: var(--icon-plus-circle-mro);
}

.icon.printer-mro {
    mask-image: var(--icon-printer-mro);
    -webkit-mask-image: var(--icon-printer-mro);
}

.icon.printer-mto {
    mask-image: var(--icon-printer-mto);
    -webkit-mask-image: var(--icon-printer-mto);
}

.icon.rocket-mto {
    mask-image: var(--icon-rocket-mto);
    -webkit-mask-image: var(--icon-rocket-mto);
}

.icon.rss {
    mask-image: var(--icon-rss);
    -webkit-mask-image: var(--icon-rss);
}

.icon.search {
    mask-image: var(--icon-search-sro);
    -webkit-mask-image: var(--icon-search-sro);
}

.icon.server-mto {
    mask-image: var(--icon-server-mto);
    -webkit-mask-image: var(--icon-server-mto);
}

.icon.share {
    mask-image: var(--icon-share-mro);
    -webkit-mask-image: var(--icon-share-mro);
}

.icon.share-mto {
    mask-image: var(--icon-share-mto);
    -webkit-mask-image: var(--icon-share-mto);
}

.icon.shield {
    mask-image: var(--icon-shield-mro);
    -webkit-mask-image: var(--icon-shield-mro);
}

.icon.shield-mto {
    mask-image: var(--icon-shield-mto);
    -webkit-mask-image: var(--icon-shield-mto);
}

.icon.sliders-horizontal-01-mro {
    mask-image: var(--icon-sliders-horizontal-01-mro);
    -webkit-mask-image: var(--icon-sliders-horizontal-01-mro);
}

.icon.sliders-vertical-01-mto {
    mask-image: var(--icon-sliders-vertical-01-mto);
    -webkit-mask-image: var(--icon-sliders-vertical-01-mto);
}

.icon.star-mto {
    mask-image: var(--icon-star-mto);
    -webkit-mask-image: var(--icon-star-mto);
}

.icon.star-spark-mto {
    mask-image: var(--icon-star-spark-mto);
    -webkit-mask-image: var(--icon-star-spark-mto);
}

.icon.sun {
    mask-image: var(--icon-sun-mro);
    -webkit-mask-image: var(--icon-sun-mro);
}

.icon.sync {
    mask-image: var(--icon-sync-mro);
    -webkit-mask-image: var(--icon-sync-mro);
}

.icon.sync-mto {
    mask-image: var(--icon-sync-mto);
    -webkit-mask-image: var(--icon-sync-mto);
}

.icon.user-circle-mto {
    mask-image: var(--icon-user-circle-mto);
    -webkit-mask-image: var(--icon-user-circle-mto);
}

.icon.user-plus-mto {
    mask-image: var(--icon-user-plus-mto);
    -webkit-mask-image: var(--icon-user-plus-mto);
}

.icon.users-mro {
    mask-image: var(--icon-users-mro);
    -webkit-mask-image: var(--icon-users-mro);
}

.icon.users-mto {
    mask-image: var(--icon-users-mto);
    -webkit-mask-image: var(--icon-users-mto);
}

.icon.video-mro {
    mask-image: var(--icon-video-mro);
    -webkit-mask-image: var(--icon-video-mro);
}

.icon.video-mto {
    mask-image: var(--icon-video-mto);
    -webkit-mask-image: var(--icon-video-mto);
}

.icon.x {
    mask-image: var(--icon-x-sto);
    -webkit-mask-image: var(--icon-x-sto);
}

.icon.x-mro {
    mask-image: var(--icon-x-mro);
    -webkit-mask-image: var(--icon-x-mro);
}

.icon.zap-mro {
    mask-image: var(--icon-zap-mro);
    -webkit-mask-image: var(--icon-zap-mro);
}

.icon.zap-mto {
    mask-image: var(--icon-zap-mto);
    -webkit-mask-image: var(--icon-zap-mto);
}

.icon.zap-off-mro {
    mask-image: var(--icon-zap-off-mro);
    -webkit-mask-image: var(--icon-zap-off-mro);
}

.icon.zap-off-mto {
    mask-image: var(--icon-zap-off-mto);
    -webkit-mask-image: var(--icon-zap-off-mto);
}

/* endregion */

/* region Duotone icons */

.icon.android {
    mask-image: var(--icon-android);
    -webkit-mask-image: var(--icon-android);
}

.icon.brain {
    mask-image: var(--icon-brain);
    -webkit-mask-image: var(--icon-brain);
}

.icon.bug {
    mask-image: var(--icon-bug);
    -webkit-mask-image: var(--icon-bug);
}

.icon.c-plus-plus {
    mask-image: var(--icon-c-plus-plus);
    -webkit-mask-image: var(--icon-c-plus-plus);
}

.icon.CMD {
    mask-image: var(--icon-CMD);
    -webkit-mask-image: var(--icon-CMD);
}

.icon.copyright {
    mask-image: var(--icon-copyright);
    -webkit-mask-image: var(--icon-copyright);
}

.icon.extension {
    mask-image: var(--icon-extension);
    -webkit-mask-image: var(--icon-extension);
}

.icon.hand {
    mask-image: var(--icon-hand);
    -webkit-mask-image: var(--icon-hand);
}

.icon.iOS {
    mask-image: var(--icon-iOS);
    -webkit-mask-image: var(--icon-iOS);
}

.icon.lifebuoy {
    mask-image: var(--icon-lifebuoy);
    -webkit-mask-image: var(--icon-lifebuoy);
}

.icon.lightbulb {
    mask-image: var(--icon-lightbulb);
    -webkit-mask-image: var(--icon-lightbulb);
}

.icon.media {
    mask-image: var(--icon-media);
    -webkit-mask-image: var(--icon-media);
}

.icon.mega-sync {
    mask-image: var(--icon-mega-sync);
    -webkit-mask-image: var(--icon-mega-sync);
}

.icon.privacy {
    mask-image: var(--icon-privacy);
    -webkit-mask-image: var(--icon-privacy);
}

.icon.scale {
    mask-image: var(--icon-scale);
    -webkit-mask-image: var(--icon-scale);
}

.icon.SDK {
    mask-image: var(--icon-SDK);
    -webkit-mask-image: var(--icon-SDK);
}

.icon.shield-duotone {
    mask-image: var(--icon-shield-duotone);
    -webkit-mask-image: var(--icon-shield-duotone);
}

.icon.thunderbird {
    mask-image: var(--icon-thunderbird);
    -webkit-mask-image: var(--icon-thunderbird);
}

.icon.tm {
    mask-image: var(--icon-tm);
    -webkit-mask-image: var(--icon-tm);
}

.icon.web {
    mask-image: var(--icon-web);
    -webkit-mask-image: var(--icon-web);
}

/* endregion */

/* region Social icons */

.icon.social-facebook {
    mask-image: var(--icon-social-facebook-m);
    -webkit-mask-image: var(--icon-social-facebook-m);
}

.icon.social-instagram {
    mask-image: var(--icon-social-instagram-m);
    -webkit-mask-image: var(--icon-social-instagram-m);
}

.icon.social-linkedin {
    mask-image: var(--icon-social-linkedin-m);
    -webkit-mask-image: var(--icon-social-linkedin-m);
}

.icon.social-threads {
    mask-image: var(--icon-social-threads-m);
    -webkit-mask-image: var(--icon-social-threads-m);
}

.icon.social-X {
    mask-image: var(--icon-social-x-m);
    -webkit-mask-image: var(--icon-social-x-m);
}

.icon.social-youtube {
    mask-image: var(--icon-social-youtube-m);
    -webkit-mask-image: var(--icon-social-youtube-m);
}

/* endregion */

.icon.rectangle-748 {
    mask-image: var(--icon-rectangle-748);
    -webkit-mask-image: var(--icon-rectangle-748);
}

.icon.union-start {
    mask-image: var(--icon-union-start);
    -webkit-mask-image: var(--icon-union-start);
}