.icon{
        display: inline-block;
        vertical-align: middle!important;
        width: 24px;
        height: 24px;
        background-color: var(--on-surface);
    }
    .icon.chevron-left{
        -webkit-mask-image: url(/images/icon/chevron-left.svg);
        mask-image: url(/images/icon/chevron-left.svg); 
        }
    .icon.chevron-right{
        -webkit-mask-image: url(/images/icon/chevron-right.svg);
        mask-image: url(/images/icon/chevron-right.svg); 
        }
    .icon.close{
        -webkit-mask-image: url(/images/icon/close.svg);
        mask-image: url(/images/icon/close.svg); 
        }
    .icon.menu-down{
        -webkit-mask-image: url(/images/icon/menu-down.svg);
        mask-image: url(/images/icon/menu-down.svg); 
        }
    .icon.menu-open{
        -webkit-mask-image: url(/images/icon/menu-open.svg);
        mask-image: url(/images/icon/menu-open.svg); 
        }
    .icon.dots-vertical{
        -webkit-mask-image: url(/images/icon/dots-vertical.svg);
        mask-image: url(/images/icon/dots-vertical.svg); 
        }
    .icon.cog{
        -webkit-mask-image: url(/images/icon/cog.svg);
        mask-image: url(/images/icon/cog.svg); 
        }
    .icon.magnify{
        -webkit-mask-image: url(/images/icon/magnify.svg);
        mask-image: url(/images/icon/magnify.svg); 
        }
    .icon.arrow-left{
        -webkit-mask-image: url(/images/icon/arrow-left.svg);
        mask-image: url(/images/icon/arrow-left.svg); 
        }
    .icon.arrow-right{
        -webkit-mask-image: url(/images/icon/arrow-right.svg);
        mask-image: url(/images/icon/arrow-right.svg); 
        }
    .icon.check{
        -webkit-mask-image: url(/images/icon/check.svg);
        mask-image: url(/images/icon/check.svg); 
        }
    .icon.check-all{
        -webkit-mask-image: url(/images/icon/check-all.svg);
        mask-image: url(/images/icon/check-all.svg); 
        }
    .icon.calendar{
        -webkit-mask-image: url(/images/icon/calendar.svg);
        mask-image: url(/images/icon/calendar.svg); 
        }
    .icon.account{
        -webkit-mask-image: url(/images/icon/account.svg);
        mask-image: url(/images/icon/account.svg); 
        }
    .icon.onepassword{
        -webkit-mask-image: url(/images/icon/onepassword.svg);
        mask-image: url(/images/icon/onepassword.svg); 
        }
    .icon.login{
        -webkit-mask-image: url(/images/icon/login.svg);
        mask-image: url(/images/icon/login.svg); 
        }
    .icon.plus{
        -webkit-mask-image: url(/images/icon/plus.svg);
        mask-image: url(/images/icon/plus.svg); 
        }
    .icon.phone{
        -webkit-mask-image: url(/images/icon/phone.svg);
        mask-image: url(/images/icon/phone.svg); 
        }
    .icon.email{
        -webkit-mask-image: url(/images/icon/email.svg);
        mask-image: url(/images/icon/email.svg); 
        }
    .icon.email-check{
        -webkit-mask-image: url(/images/icon/email-check.svg);
        mask-image: url(/images/icon/email-check.svg); 
        }
    .icon.message-text-fast{
        -webkit-mask-image: url(/images/icon/message-text-fast.svg);
        mask-image: url(/images/icon/message-text-fast.svg); 
        }
    .icon.target-account{
        -webkit-mask-image: url(/images/icon/target-account.svg);
        mask-image: url(/images/icon/target-account.svg); 
        }
    .icon.send{
        -webkit-mask-image: url(/images/icon/send.svg);
        mask-image: url(/images/icon/send.svg); 
        }
    .icon.alert-remove{
        -webkit-mask-image: url(/images/icon/alert-remove.svg);
        mask-image: url(/images/icon/alert-remove.svg); 
        }
    .icon.upload{
        -webkit-mask-image: url(/images/icon/upload.svg);
        mask-image: url(/images/icon/upload.svg); 
        }
    .icon.file-upload{
        -webkit-mask-image: url(/images/icon/file-upload.svg);
        mask-image: url(/images/icon/file-upload.svg); 
        }
    .icon.cloud-upload{
        -webkit-mask-image: url(/images/icon/cloud-upload.svg);
        mask-image: url(/images/icon/cloud-upload.svg); 
        }
    .icon.image{
        -webkit-mask-image: url(/images/icon/image.svg);
        mask-image: url(/images/icon/image.svg); 
        }
    .icon.cogs{
        -webkit-mask-image: url(/images/icon/cogs.svg);
        mask-image: url(/images/icon/cogs.svg); 
        }
    .icon.table-cog{
        -webkit-mask-image: url(/images/icon/table-cog.svg);
        mask-image: url(/images/icon/table-cog.svg); 
        }
    .icon.menu{
        -webkit-mask-image: url(/images/icon/menu.svg);
        mask-image: url(/images/icon/menu.svg); 
        }
    .icon.view-gallery-outline{
        -webkit-mask-image: url(/images/icon/view-gallery-outline.svg);
        mask-image: url(/images/icon/view-gallery-outline.svg); 
        }
    .icon.text-box-outline{
        -webkit-mask-image: url(/images/icon/text-box-outline.svg);
        mask-image: url(/images/icon/text-box-outline.svg); 
        }
    .icon.check-decagram-outline{
        -webkit-mask-image: url(/images/icon/check-decagram-outline.svg);
        mask-image: url(/images/icon/check-decagram-outline.svg); 
        }
    .icon.account-group{
        -webkit-mask-image: url(/images/icon/account-group.svg);
        mask-image: url(/images/icon/account-group.svg); 
        }
    .icon.information-outline{
        -webkit-mask-image: url(/images/icon/information-outline.svg);
        mask-image: url(/images/icon/information-outline.svg); 
        }
    .icon.account-school-outline{
        -webkit-mask-image: url(/images/icon/account-school-outline.svg);
        mask-image: url(/images/icon/account-school-outline.svg); 
        }
    .icon.handshake-outline{
        -webkit-mask-image: url(/images/icon/handshake-outline.svg);
        mask-image: url(/images/icon/handshake-outline.svg); 
        }
    .icon.comment-quote-outline{
        -webkit-mask-image: url(/images/icon/comment-quote-outline.svg);
        mask-image: url(/images/icon/comment-quote-outline.svg); 
        }
    .icon.tag-multiple-outline{
        -webkit-mask-image: url(/images/icon/tag-multiple-outline.svg);
        mask-image: url(/images/icon/tag-multiple-outline.svg); 
        }
    .icon.image-text{
        -webkit-mask-image: url(/images/icon/image-text.svg);
        mask-image: url(/images/icon/image-text.svg); 
        }
    .icon.star-box-multiple-outline{
        -webkit-mask-image: url(/images/icon/star-box-multiple-outline.svg);
        mask-image: url(/images/icon/star-box-multiple-outline.svg); 
        }
    .icon.view-dashboard-edit-outline{
        -webkit-mask-image: url(/images/icon/view-dashboard-edit-outline.svg);
        mask-image: url(/images/icon/view-dashboard-edit-outline.svg); 
        }
    .icon.account-box-multiple-outline{
        -webkit-mask-image: url(/images/icon/account-box-multiple-outline.svg);
        mask-image: url(/images/icon/account-box-multiple-outline.svg); 
        }
    .icon.trash-can-outline{
        -webkit-mask-image: url(/images/icon/trash-can-outline.svg);
        mask-image: url(/images/icon/trash-can-outline.svg); 
        }
    .icon.square-edit-outline{
        -webkit-mask-image: url(/images/icon/square-edit-outline.svg);
        mask-image: url(/images/icon/square-edit-outline.svg); 
        }
    .icon.source-branch{
        -webkit-mask-image: url(/images/icon/source-branch.svg);
        mask-image: url(/images/icon/source-branch.svg); 
        }
    .icon.gesture-tap{
        -webkit-mask-image: url(/images/icon/gesture-tap.svg);
        mask-image: url(/images/icon/gesture-tap.svg); 
        }
    .icon.stairs-up{
        -webkit-mask-image: url(/images/icon/stairs-up.svg);
        mask-image: url(/images/icon/stairs-up.svg); 
        }
    .icon.filter-multiple-outline{
        -webkit-mask-image: url(/images/icon/filter-multiple-outline.svg);
        mask-image: url(/images/icon/filter-multiple-outline.svg); 
        }
    .icon.airplane{
        -webkit-mask-image: url(/images/icon/airplane.svg);
        mask-image: url(/images/icon/airplane.svg); 
        }
    .icon.map-marker{
        -webkit-mask-image: url(/images/icon/map-marker.svg);
        mask-image: url(/images/icon/map-marker.svg); 
        }
    .icon.shield-airplane{
        -webkit-mask-image: url(/images/icon/shield-airplane.svg);
        mask-image: url(/images/icon/shield-airplane.svg); 
        }
    .icon.bell{
        -webkit-mask-image: url(/images/icon/bell.svg);
        mask-image: url(/images/icon/bell.svg); 
        }
    .icon.bell-badge-outline{
        -webkit-mask-image: url(/images/icon/bell-badge-outline.svg);
        mask-image: url(/images/icon/bell-badge-outline.svg); 
        }
    .icon.file-upload-outline{
        -webkit-mask-image: url(/images/icon/file-upload-outline.svg);
        mask-image: url(/images/icon/file-upload-outline.svg); 
        }
    .icon.plus{
        -webkit-mask-image: url(/images/icon/plus.svg);
        mask-image: url(/images/icon/plus.svg); 
        }
    .icon.airplane-settings{
        -webkit-mask-image: url(/images/icon/airplane-settings.svg);
        mask-image: url(/images/icon/airplane-settings.svg); 
        }
    .icon.airplane-takeoff{
        -webkit-mask-image: url(/images/icon/airplane-takeoff.svg);
        mask-image: url(/images/icon/airplane-takeoff.svg); 
        }
    .icon.airplane-landing{
        -webkit-mask-image: url(/images/icon/airplane-landing.svg);
        mask-image: url(/images/icon/airplane-landing.svg); 
        }
    .icon.bag-suitcase-outline{
        -webkit-mask-image: url(/images/icon/bag-suitcase-outline.svg);
        mask-image: url(/images/icon/bag-suitcase-outline.svg); 
        }
    .icon.airplane-alert{
        -webkit-mask-image: url(/images/icon/airplane-alert.svg);
        mask-image: url(/images/icon/airplane-alert.svg); 
        }
    .icon.format-list-checkbox{
        -webkit-mask-image: url(/images/icon/format-list-checkbox.svg);
        mask-image: url(/images/icon/format-list-checkbox.svg); 
        }
    .icon.sale-outline{
        -webkit-mask-image: url(/images/icon/sale-outline.svg);
        mask-image: url(/images/icon/sale-outline.svg); 
        }
    .icon.passport{
        -webkit-mask-image: url(/images/icon/passport.svg);
        mask-image: url(/images/icon/passport.svg); 
        }
    .icon.filter-outline{
        -webkit-mask-image: url(/images/icon/filter-outline.svg);
        mask-image: url(/images/icon/filter-outline.svg); 
        }
    .icon.filter-off-outline{
        -webkit-mask-image: url(/images/icon/filter-off-outline.svg);
        mask-image: url(/images/icon/filter-off-outline.svg); 
        }
    .icon.tooltip-image-outline{
        -webkit-mask-image: url(/images/icon/tooltip-image-outline.svg);
        mask-image: url(/images/icon/tooltip-image-outline.svg); 
        }
    .icon.head-snowflake-outline{
        -webkit-mask-image: url(/images/icon/head-snowflake-outline.svg);
        mask-image: url(/images/icon/head-snowflake-outline.svg); 
        }
    .icon.vn_flag{
        -webkit-mask-image: url(/images/icon/vn_flag.svg);
        mask-image: url(/images/icon/vn_flag.svg); 
        }
    .icon.lock-open-outline{
        -webkit-mask-image: url(/images/icon/lock-open-outline.svg);
        mask-image: url(/images/icon/lock-open-outline.svg); 
        }
    .icon.lock-open-check-outline{
        -webkit-mask-image: url(/images/icon/lock-open-check-outline.svg);
        mask-image: url(/images/icon/lock-open-check-outline.svg); 
        }
    .icon.email-fast-outline{
        -webkit-mask-image: url(/images/icon/email-fast-outline.svg);
        mask-image: url(/images/icon/email-fast-outline.svg); 
        }
    .icon.email-arrow-right-outline{
        -webkit-mask-image: url(/images/icon/email-arrow-right-outline.svg);
        mask-image: url(/images/icon/email-arrow-right-outline.svg); 
        }