/* Generated Icon System - Inline Button Version */

/* [공통] 기본 설정 - 인라인 흐름에 맞게 1em 유지 */
i[data-icon], i[data-static] {
    display: inline-block;
    width: auto;              /* 버튼 폰트 크기에 따라 자동 조절 */
    height: 100%;
    vertical-align: middle;  /* 텍스트와 높이 맞춤 */
    background-repeat: no-repeat;
    background-size: contain;
    background-position: center;
    flex-shrink: 0;          /* Flex 안에서 찌그러짐 방지 */
}

/* [가변색: data-icon] */
i[data-icon] {
    background-color: var(--fill, currentColor);
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-size: contain;
    mask-size: contain;
}

/* [옵션: 원본색 유지 및 고정색 아이콘] */
i[data-icon][data-keep-color="true"], i[data-static] {
    background-color: transparent !important;
    mask-image: none !important;
    -webkit-mask-image: none !important;
}

i[data-icon="add"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/add.svg');
    mask-image: url('../image_new/icons/add.svg'); 
}
i[data-icon="add"][data-keep-color="true"] { background-image: url('../image_new/icons/add.svg'); }
i[data-icon="add-photo-alternate"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/add_photo_alternate.svg');
    mask-image: url('../image_new/icons/add_photo_alternate.svg'); 
}
i[data-icon="add-photo-alternate"][data-keep-color="true"] { background-image: url('../image_new/icons/add_photo_alternate.svg'); }
i[data-icon="archive"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/archive.svg');
    mask-image: url('../image_new/icons/archive.svg'); 
}
i[data-icon="archive"][data-keep-color="true"] { background-image: url('../image_new/icons/archive.svg'); }
i[data-icon="arrow-downward-alt"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/arrow_downward_alt.svg');
    mask-image: url('../image_new/icons/arrow_downward_alt.svg'); 
}
i[data-icon="arrow-downward-alt"][data-keep-color="true"] { background-image: url('../image_new/icons/arrow_downward_alt.svg'); }
i[data-icon="arrow-drop-down"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/arrow_drop_down.svg');
    mask-image: url('../image_new/icons/arrow_drop_down.svg'); 
}
i[data-icon="arrow-drop-down"][data-keep-color="true"] { background-image: url('../image_new/icons/arrow_drop_down.svg'); }
i[data-icon="arrow-drop-up"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/arrow_drop_up.svg');
    mask-image: url('../image_new/icons/arrow_drop_up.svg'); 
}
i[data-icon="arrow-drop-up"][data-keep-color="true"] { background-image: url('../image_new/icons/arrow_drop_up.svg'); }
i[data-icon="arrow-left"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/arrow_left.svg');
    mask-image: url('../image_new/icons/arrow_left.svg'); 
}
i[data-icon="arrow-left"][data-keep-color="true"] { background-image: url('../image_new/icons/arrow_left.svg'); }
i[data-icon="arrow-left-alt"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/arrow_left_alt.svg');
    mask-image: url('../image_new/icons/arrow_left_alt.svg'); 
}
i[data-icon="arrow-left-alt"][data-keep-color="true"] { background-image: url('../image_new/icons/arrow_left_alt.svg'); }
i[data-icon="arrow-right"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/arrow_right.svg');
    mask-image: url('../image_new/icons/arrow_right.svg'); 
}
i[data-icon="arrow-right"][data-keep-color="true"] { background-image: url('../image_new/icons/arrow_right.svg'); }
i[data-icon="arrow-right-alt"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/arrow_right_alt.svg');
    mask-image: url('../image_new/icons/arrow_right_alt.svg'); 
}
i[data-icon="arrow-right-alt"][data-keep-color="true"] { background-image: url('../image_new/icons/arrow_right_alt.svg'); }
i[data-icon="arrow-upward-alt"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/arrow_upward_alt.svg');
    mask-image: url('../image_new/icons/arrow_upward_alt.svg'); 
}
i[data-icon="arrow-upward-alt"][data-keep-color="true"] { background-image: url('../image_new/icons/arrow_upward_alt.svg'); }
i[data-icon="block"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/block.svg');
    mask-image: url('../image_new/icons/block.svg'); 
}
i[data-icon="block"][data-keep-color="true"] { background-image: url('../image_new/icons/block.svg'); }
i[data-icon="bookmark-tax"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/bookmark_tax.svg');
    mask-image: url('../image_new/icons/bookmark_tax.svg'); 
}
i[data-icon="bookmark-tax"][data-keep-color="true"] { background-image: url('../image_new/icons/bookmark_tax.svg'); }
i[data-icon="build"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/build.svg');
    mask-image: url('../image_new/icons/build.svg'); 
}
i[data-icon="build"][data-keep-color="true"] { background-image: url('../image_new/icons/build.svg'); }
i[data-icon="calendar-month"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/calendar_month.svg');
    mask-image: url('../image_new/icons/calendar_month.svg'); 
}
i[data-icon="calendar-month"][data-keep-color="true"] { background-image: url('../image_new/icons/calendar_month.svg'); }
i[data-icon="cancel"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/cancel.svg');
    mask-image: url('../image_new/icons/cancel.svg'); 
}
i[data-icon="cancel"][data-keep-color="true"] { background-image: url('../image_new/icons/cancel.svg'); }
i[data-icon="captive-portal"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/captive_portal.svg');
    mask-image: url('../image_new/icons/captive_portal.svg'); 
}
i[data-icon="captive-portal"][data-keep-color="true"] { background-image: url('../image_new/icons/captive_portal.svg'); }
i[data-icon="check"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/check.svg');
    mask-image: url('../image_new/icons/check.svg'); 
}
i[data-icon="check"][data-keep-color="true"] { background-image: url('../image_new/icons/check.svg'); }
i[data-icon="checked-circle"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/checked_circle.svg');
    mask-image: url('../image_new/icons/checked_circle.svg'); 
}
i[data-icon="checked-circle"][data-keep-color="true"] { background-image: url('../image_new/icons/checked_circle.svg'); }
i[data-icon="checklist"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/checklist.svg');
    mask-image: url('../image_new/icons/checklist.svg'); 
}
i[data-icon="checklist"][data-keep-color="true"] { background-image: url('../image_new/icons/checklist.svg'); }
i[data-icon="check-circle"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/check_circle.svg');
    mask-image: url('../image_new/icons/check_circle.svg'); 
}
i[data-icon="check-circle"][data-keep-color="true"] { background-image: url('../image_new/icons/check_circle.svg'); }
i[data-icon="close"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/close.svg');
    mask-image: url('../image_new/icons/close.svg'); 
}
i[data-icon="close"][data-keep-color="true"] { background-image: url('../image_new/icons/close.svg'); }
i[data-icon="close-full"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/close_full.svg');
    mask-image: url('../image_new/icons/close_full.svg'); 
}
i[data-icon="close-full"][data-keep-color="true"] { background-image: url('../image_new/icons/close_full.svg'); }
i[data-icon="collapse-content"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/collapse_content.svg');
    mask-image: url('../image_new/icons/collapse_content.svg'); 
}
i[data-icon="collapse-content"][data-keep-color="true"] { background-image: url('../image_new/icons/collapse_content.svg'); }
i[data-icon="content-copy"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/content_copy.svg');
    mask-image: url('../image_new/icons/content_copy.svg'); 
}
i[data-icon="content-copy"][data-keep-color="true"] { background-image: url('../image_new/icons/content_copy.svg'); }
i[data-icon="contract"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/contract.svg');
    mask-image: url('../image_new/icons/contract.svg'); 
}
i[data-icon="contract"][data-keep-color="true"] { background-image: url('../image_new/icons/contract.svg'); }
i[data-icon="contract-admin"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/contract_admin.svg');
    mask-image: url('../image_new/icons/contract_admin.svg'); 
}
i[data-icon="contract-admin"][data-keep-color="true"] { background-image: url('../image_new/icons/contract_admin.svg'); }
i[data-icon="contract-edit"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/contract_edit.svg');
    mask-image: url('../image_new/icons/contract_edit.svg'); 
}
i[data-icon="contract-edit"][data-keep-color="true"] { background-image: url('../image_new/icons/contract_edit.svg'); }
i[data-icon="control"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/control.svg');
    mask-image: url('../image_new/icons/control.svg'); 
}
i[data-icon="control"][data-keep-color="true"] { background-image: url('../image_new/icons/control.svg'); }
i[data-icon="credit-card"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/credit_card.svg');
    mask-image: url('../image_new/icons/credit_card.svg'); 
}
i[data-icon="credit-card"][data-keep-color="true"] { background-image: url('../image_new/icons/credit_card.svg'); }
i[data-icon="cycle"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/cycle.svg');
    mask-image: url('../image_new/icons/cycle.svg'); 
}
i[data-icon="cycle"][data-keep-color="true"] { background-image: url('../image_new/icons/cycle.svg'); }
i[data-icon="dark-mode"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/dark_mode.svg');
    mask-image: url('../image_new/icons/dark_mode.svg'); 
}
i[data-icon="dark-mode"][data-keep-color="true"] { background-image: url('../image_new/icons/dark_mode.svg'); }
i[data-icon="dashboard-customize"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/dashboard_customize.svg');
    mask-image: url('../image_new/icons/dashboard_customize.svg'); 
}
i[data-icon="dashboard-customize"][data-keep-color="true"] { background-image: url('../image_new/icons/dashboard_customize.svg'); }
i[data-icon="delete"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/delete.svg');
    mask-image: url('../image_new/icons/delete.svg'); 
}
i[data-icon="delete"][data-keep-color="true"] { background-image: url('../image_new/icons/delete.svg'); }
i[data-icon="desktop"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/desktop.svg');
    mask-image: url('../image_new/icons/desktop.svg'); 
}
i[data-icon="desktop"][data-keep-color="true"] { background-image: url('../image_new/icons/desktop.svg'); }
i[data-icon="docs"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/docs.svg');
    mask-image: url('../image_new/icons/docs.svg'); 
}
i[data-icon="docs"][data-keep-color="true"] { background-image: url('../image_new/icons/docs.svg'); }
i[data-icon="download"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/download.svg');
    mask-image: url('../image_new/icons/download.svg'); 
}
i[data-icon="download"][data-keep-color="true"] { background-image: url('../image_new/icons/download.svg'); }
i[data-icon="drag-indicator"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/drag_indicator.svg');
    mask-image: url('../image_new/icons/drag_indicator.svg'); 
}
i[data-icon="drag-indicator"][data-keep-color="true"] { background-image: url('../image_new/icons/drag_indicator.svg'); }
i[data-icon="earch"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/earch.svg');
    mask-image: url('../image_new/icons/earch.svg'); 
}
i[data-icon="earch"][data-keep-color="true"] { background-image: url('../image_new/icons/earch.svg'); }
i[data-icon="earch-activity"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/earch_activity.svg');
    mask-image: url('../image_new/icons/earch_activity.svg'); 
}
i[data-icon="earch-activity"][data-keep-color="true"] { background-image: url('../image_new/icons/earch_activity.svg'); }
i[data-icon="edit-circle"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/edit_circle.svg');
    mask-image: url('../image_new/icons/edit_circle.svg'); 
}
i[data-icon="edit-circle"][data-keep-color="true"] { background-image: url('../image_new/icons/edit_circle.svg'); }
i[data-icon="edit-document"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/edit_document.svg');
    mask-image: url('../image_new/icons/edit_document.svg'); 
}
i[data-icon="edit-document"][data-keep-color="true"] { background-image: url('../image_new/icons/edit_document.svg'); }
i[data-icon="emergency-home"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/emergency_home.svg');
    mask-image: url('../image_new/icons/emergency_home.svg'); 
}
i[data-icon="emergency-home"][data-keep-color="true"] { background-image: url('../image_new/icons/emergency_home.svg'); }
i[data-icon="error"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/error.svg');
    mask-image: url('../image_new/icons/error.svg'); 
}
i[data-icon="error"][data-keep-color="true"] { background-image: url('../image_new/icons/error.svg'); }
i[data-icon="excel"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/excel.svg');
    mask-image: url('../image_new/icons/excel.svg'); 
}
i[data-icon="excel"][data-keep-color="true"] { background-image: url('../image_new/icons/excel.svg'); }
i[data-icon="expand-content"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/expand_content.svg');
    mask-image: url('../image_new/icons/expand_content.svg'); 
}
i[data-icon="expand-content"][data-keep-color="true"] { background-image: url('../image_new/icons/expand_content.svg'); }
i[data-icon="eye-off"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/eye-off.svg');
    mask-image: url('../image_new/icons/eye-off.svg'); 
}
i[data-icon="eye-off"][data-keep-color="true"] { background-image: url('../image_new/icons/eye-off.svg'); }
i[data-icon="eye"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/eye.svg');
    mask-image: url('../image_new/icons/eye.svg'); 
}
i[data-icon="eye"][data-keep-color="true"] { background-image: url('../image_new/icons/eye.svg'); }
i[data-icon="finance"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/finance.svg');
    mask-image: url('../image_new/icons/finance.svg'); 
}
i[data-icon="finance"][data-keep-color="true"] { background-image: url('../image_new/icons/finance.svg'); }
i[data-icon="forward-to-inbox"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/forward_to_inbox.svg');
    mask-image: url('../image_new/icons/forward_to_inbox.svg'); 
}
i[data-icon="forward-to-inbox"][data-keep-color="true"] { background-image: url('../image_new/icons/forward_to_inbox.svg'); }
i[data-icon="grade-circle"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/grade_circle.svg');
    mask-image: url('../image_new/icons/grade_circle.svg'); 
}
i[data-icon="grade-circle"][data-keep-color="true"] { background-image: url('../image_new/icons/grade_circle.svg'); }
i[data-icon="grade-diamond"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/grade_diamond.svg');
    mask-image: url('../image_new/icons/grade_diamond.svg'); 
}
i[data-icon="grade-diamond"][data-keep-color="true"] { background-image: url('../image_new/icons/grade_diamond.svg'); }
i[data-icon="grade-square"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/grade_square.svg');
    mask-image: url('../image_new/icons/grade_square.svg'); 
}
i[data-icon="grade-square"][data-keep-color="true"] { background-image: url('../image_new/icons/grade_square.svg'); }
i[data-icon="group"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/group.svg');
    mask-image: url('../image_new/icons/group.svg'); 
}
i[data-icon="group"][data-keep-color="true"] { background-image: url('../image_new/icons/group.svg'); }
i[data-icon="handshake"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/handshake.svg');
    mask-image: url('../image_new/icons/handshake.svg'); 
}
i[data-icon="handshake"][data-keep-color="true"] { background-image: url('../image_new/icons/handshake.svg'); }
i[data-icon="help"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/help.svg');
    mask-image: url('../image_new/icons/help.svg'); 
}
i[data-icon="help"][data-keep-color="true"] { background-image: url('../image_new/icons/help.svg'); }
i[data-icon="history"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/history.svg');
    mask-image: url('../image_new/icons/history.svg'); 
}
i[data-icon="history"][data-keep-color="true"] { background-image: url('../image_new/icons/history.svg'); }
i[data-icon="home"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/home.svg');
    mask-image: url('../image_new/icons/home.svg'); 
}
i[data-icon="home"][data-keep-color="true"] { background-image: url('../image_new/icons/home.svg'); }
i[data-icon="id-card"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/id_card.svg');
    mask-image: url('../image_new/icons/id_card.svg'); 
}
i[data-icon="id-card"][data-keep-color="true"] { background-image: url('../image_new/icons/id_card.svg'); }
i[data-icon="info"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/info.svg');
    mask-image: url('../image_new/icons/info.svg'); 
}
i[data-icon="info"][data-keep-color="true"] { background-image: url('../image_new/icons/info.svg'); }
i[data-icon="keep"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/keep.svg');
    mask-image: url('../image_new/icons/keep.svg'); 
}
i[data-icon="keep"][data-keep-color="true"] { background-image: url('../image_new/icons/keep.svg'); }
i[data-icon="key"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/key.svg');
    mask-image: url('../image_new/icons/key.svg'); 
}
i[data-icon="key"][data-keep-color="true"] { background-image: url('../image_new/icons/key.svg'); }
i[data-icon="keyboard-arrow-down"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/keyboard_arrow_down.svg');
    mask-image: url('../image_new/icons/keyboard_arrow_down.svg'); 
}
i[data-icon="keyboard-arrow-down"][data-keep-color="true"] { background-image: url('../image_new/icons/keyboard_arrow_down.svg'); }
i[data-icon="keyboard-arrow-left"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/keyboard_arrow_left.svg');
    mask-image: url('../image_new/icons/keyboard_arrow_left.svg'); 
}
i[data-icon="keyboard-arrow-left"][data-keep-color="true"] { background-image: url('../image_new/icons/keyboard_arrow_left.svg'); }
i[data-icon="keyboard-arrow-right"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/keyboard_arrow_right.svg');
    mask-image: url('../image_new/icons/keyboard_arrow_right.svg'); 
}
i[data-icon="keyboard-arrow-right"][data-keep-color="true"] { background-image: url('../image_new/icons/keyboard_arrow_right.svg'); }
i[data-icon="keyboard-arrow-up"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/keyboard_arrow_up.svg');
    mask-image: url('../image_new/icons/keyboard_arrow_up.svg'); 
}
i[data-icon="keyboard-arrow-up"][data-keep-color="true"] { background-image: url('../image_new/icons/keyboard_arrow_up.svg'); }
i[data-icon="left-panel-close"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/left_panel_close.svg');
    mask-image: url('../image_new/icons/left_panel_close.svg'); 
}
i[data-icon="left-panel-close"][data-keep-color="true"] { background-image: url('../image_new/icons/left_panel_close.svg'); }
i[data-icon="left-panel-open"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/left_panel_open.svg');
    mask-image: url('../image_new/icons/left_panel_open.svg'); 
}
i[data-icon="left-panel-open"][data-keep-color="true"] { background-image: url('../image_new/icons/left_panel_open.svg'); }
i[data-icon="link"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/link.svg');
    mask-image: url('../image_new/icons/link.svg'); 
}
i[data-icon="link"][data-keep-color="true"] { background-image: url('../image_new/icons/link.svg'); }
i[data-icon="link-off"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/link_off.svg');
    mask-image: url('../image_new/icons/link_off.svg'); 
}
i[data-icon="link-off"][data-keep-color="true"] { background-image: url('../image_new/icons/link_off.svg'); }
i[data-icon="logout"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/logout.svg');
    mask-image: url('../image_new/icons/logout.svg'); 
}
i[data-icon="logout"][data-keep-color="true"] { background-image: url('../image_new/icons/logout.svg'); }
i[data-icon="mail"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/mail.svg');
    mask-image: url('../image_new/icons/mail.svg'); 
}
i[data-icon="mail"][data-keep-color="true"] { background-image: url('../image_new/icons/mail.svg'); }
i[data-icon="menu"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/menu.svg');
    mask-image: url('../image_new/icons/menu.svg'); 
}
i[data-icon="menu"][data-keep-color="true"] { background-image: url('../image_new/icons/menu.svg'); }
i[data-icon="mobilephone"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/mobilephone.svg');
    mask-image: url('../image_new/icons/mobilephone.svg'); 
}
i[data-icon="mobilephone"][data-keep-color="true"] { background-image: url('../image_new/icons/mobilephone.svg'); }
i[data-icon="more-horiz"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/more_horiz.svg');
    mask-image: url('../image_new/icons/more_horiz.svg'); 
}
i[data-icon="more-horiz"][data-keep-color="true"] { background-image: url('../image_new/icons/more_horiz.svg'); }
i[data-icon="more-vert"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/more_vert.svg');
    mask-image: url('../image_new/icons/more_vert.svg'); 
}
i[data-icon="more-vert"][data-keep-color="true"] { background-image: url('../image_new/icons/more_vert.svg'); }
i[data-icon="note-stack"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/note_stack.svg');
    mask-image: url('../image_new/icons/note_stack.svg'); 
}
i[data-icon="note-stack"][data-keep-color="true"] { background-image: url('../image_new/icons/note_stack.svg'); }
i[data-icon="notifications"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/notifications.svg');
    mask-image: url('../image_new/icons/notifications.svg'); 
}
i[data-icon="notifications"][data-keep-color="true"] { background-image: url('../image_new/icons/notifications.svg'); }
i[data-icon="notifications-new"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/notifications_new.svg');
    mask-image: url('../image_new/icons/notifications_new.svg'); 
}
i[data-icon="notifications-new"][data-keep-color="true"] { background-image: url('../image_new/icons/notifications_new.svg'); }
i[data-icon="open-full"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/open_full.svg');
    mask-image: url('../image_new/icons/open_full.svg'); 
}
i[data-icon="open-full"][data-keep-color="true"] { background-image: url('../image_new/icons/open_full.svg'); }
i[data-icon="package"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/package.svg');
    mask-image: url('../image_new/icons/package.svg'); 
}
i[data-icon="package"][data-keep-color="true"] { background-image: url('../image_new/icons/package.svg'); }
i[data-icon="paid"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/paid.svg');
    mask-image: url('../image_new/icons/paid.svg'); 
}
i[data-icon="paid"][data-keep-color="true"] { background-image: url('../image_new/icons/paid.svg'); }
i[data-icon="pdf"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/pdf.svg');
    mask-image: url('../image_new/icons/pdf.svg'); 
}
i[data-icon="pdf"][data-keep-color="true"] { background-image: url('../image_new/icons/pdf.svg'); }
i[data-icon="percent"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/percent.svg');
    mask-image: url('../image_new/icons/percent.svg'); 
}
i[data-icon="percent"][data-keep-color="true"] { background-image: url('../image_new/icons/percent.svg'); }
i[data-icon="person"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/person.svg');
    mask-image: url('../image_new/icons/person.svg'); 
}
i[data-icon="person"][data-keep-color="true"] { background-image: url('../image_new/icons/person.svg'); }
i[data-icon="person-add"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/person_add.svg');
    mask-image: url('../image_new/icons/person_add.svg'); 
}
i[data-icon="person-add"][data-keep-color="true"] { background-image: url('../image_new/icons/person_add.svg'); }
i[data-icon="phone"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/phone.svg');
    mask-image: url('../image_new/icons/phone.svg'); 
}
i[data-icon="phone"][data-keep-color="true"] { background-image: url('../image_new/icons/phone.svg'); }
i[data-icon="point"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/point.svg');
    mask-image: url('../image_new/icons/point.svg'); 
}
i[data-icon="point"][data-keep-color="true"] { background-image: url('../image_new/icons/point.svg'); }
i[data-icon="powerpoint"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/powerpoint.svg');
    mask-image: url('../image_new/icons/powerpoint.svg'); 
}
i[data-icon="powerpoint"][data-keep-color="true"] { background-image: url('../image_new/icons/powerpoint.svg'); }
i[data-icon="qr-code"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/qr_code.svg');
    mask-image: url('../image_new/icons/qr_code.svg'); 
}
i[data-icon="qr-code"][data-keep-color="true"] { background-image: url('../image_new/icons/qr_code.svg'); }
i[data-icon="refresh"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/refresh.svg');
    mask-image: url('../image_new/icons/refresh.svg'); 
}
i[data-icon="refresh"][data-keep-color="true"] { background-image: url('../image_new/icons/refresh.svg'); }
i[data-icon="remove"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/remove.svg');
    mask-image: url('../image_new/icons/remove.svg'); 
}
i[data-icon="remove"][data-keep-color="true"] { background-image: url('../image_new/icons/remove.svg'); }
i[data-icon="remove-circle"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/remove_circle.svg');
    mask-image: url('../image_new/icons/remove_circle.svg'); 
}
i[data-icon="remove-circle"][data-keep-color="true"] { background-image: url('../image_new/icons/remove_circle.svg'); }
i[data-icon="save"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/save.svg');
    mask-image: url('../image_new/icons/save.svg'); 
}
i[data-icon="save"][data-keep-color="true"] { background-image: url('../image_new/icons/save.svg'); }
i[data-icon="search"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/search.svg');
    mask-image: url('../image_new/icons/search.svg'); 
}
i[data-icon="search"][data-keep-color="true"] { background-image: url('../image_new/icons/search.svg'); }
i[data-icon="search-activity"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/search_activity.svg');
    mask-image: url('../image_new/icons/search_activity.svg'); 
}
i[data-icon="search-activity"][data-keep-color="true"] { background-image: url('../image_new/icons/search_activity.svg'); }
i[data-icon="select-window"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/select_window.svg');
    mask-image: url('../image_new/icons/select_window.svg'); 
}
i[data-icon="select-window"][data-keep-color="true"] { background-image: url('../image_new/icons/select_window.svg'); }
i[data-icon="send"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/send.svg');
    mask-image: url('../image_new/icons/send.svg'); 
}
i[data-icon="send"][data-keep-color="true"] { background-image: url('../image_new/icons/send.svg'); }
i[data-icon="settings"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/settings.svg');
    mask-image: url('../image_new/icons/settings.svg'); 
}
i[data-icon="settings"][data-keep-color="true"] { background-image: url('../image_new/icons/settings.svg'); }
i[data-icon="signature"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/signature.svg');
    mask-image: url('../image_new/icons/signature.svg'); 
}
i[data-icon="signature"][data-keep-color="true"] { background-image: url('../image_new/icons/signature.svg'); }
i[data-icon="upload"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/upload.svg');
    mask-image: url('../image_new/icons/upload.svg'); 
}
i[data-icon="upload"][data-keep-color="true"] { background-image: url('../image_new/icons/upload.svg'); }
i[data-icon="verified"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/verified.svg');
    mask-image: url('../image_new/icons/verified.svg'); 
}
i[data-icon="verified"][data-keep-color="true"] { background-image: url('../image_new/icons/verified.svg'); }
i[data-icon="word"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/word.svg');
    mask-image: url('../image_new/icons/word.svg'); 
}
i[data-icon="word"][data-keep-color="true"] { background-image: url('../image_new/icons/word.svg'); }
i[data-icon="work"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/work.svg');
    mask-image: url('../image_new/icons/work.svg'); 
}
i[data-icon="work"][data-keep-color="true"] { background-image: url('../image_new/icons/work.svg'); }
i[data-icon="work-history"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/work_history.svg');
    mask-image: url('../image_new/icons/work_history.svg'); 
}
i[data-icon="work-history"][data-keep-color="true"] { background-image: url('../image_new/icons/work_history.svg'); }
i[data-icon="zoom-in"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/zoom_in.svg');
    mask-image: url('../image_new/icons/zoom_in.svg'); 
}
i[data-icon="zoom-in"][data-keep-color="true"] { background-image: url('../image_new/icons/zoom_in.svg'); }
i[data-icon="zoom-out"] { 
    aspect-ratio: 24 / 24; 
    -webkit-mask-image: url('../image_new/icons/zoom_out.svg');
    mask-image: url('../image_new/icons/zoom_out.svg'); 
}
i[data-icon="zoom-out"][data-keep-color="true"] { background-image: url('../image_new/icons/zoom_out.svg'); }
i[data-static="comment"] { 
    aspect-ratio: 24 / 24; 
    background-image: url('../image_new/static/comment.svg');
     
}
i[data-static="disk"] { 
    aspect-ratio: 24 / 24; 
    background-image: url('../image_new/static/disk.svg');
     
}
i[data-static="document"] { 
    aspect-ratio: 24 / 24; 
    background-image: url('../image_new/static/document.svg');
     
}
i[data-static="excel"] { 
    aspect-ratio: 24 / 24; 
    background-image: url('../image_new/static/excel.svg');
     
}
i[data-static="folder"] { 
    aspect-ratio: 24 / 24; 
    background-image: url('../image_new/static/folder.svg');
     
}
i[data-static="folder-open"] { 
    aspect-ratio: 24 / 24; 
    background-image: url('../image_new/static/folder_open.svg');
     
}
i[data-static="loudspeaker"] { 
    aspect-ratio: 24 / 24; 
    background-image: url('../image_new/static/loudspeaker.svg');
     
}
i[data-static="naver"] { 
    aspect-ratio: 24 / 24; 
    background-image: url('../image_new/static/naver.svg');
     
}
i[data-static="notifications"] { 
    aspect-ratio: 24 / 24; 
    background-image: url('../image_new/static/notifications.svg');
     
}
i[data-static="notifications-new"] { 
    aspect-ratio: 24 / 24; 
    background-image: url('../image_new/static/notifications_new.svg');
     
}
i[data-static="pdf"] { 
    aspect-ratio: 24 / 24; 
    background-image: url('../image_new/static/pdf.svg');
     
}
i[data-static="powerpoint"] { 
    aspect-ratio: 24 / 24; 
    background-image: url('../image_new/static/powerpoint.svg');
     
}
i[data-static="word"] { 
    aspect-ratio: 24 / 24; 
    background-image: url('../image_new/static/word.svg');
     
}