i {
  display: inline-block;
  --icon-size: 18px;
  background: var(--pa-text);
  height: var(--icon-size);
  width: var(--icon-size);
  mask-size: cover;
  mask-repeat: no-repeat;
  mask-position: no-repeat;
  -webkit-mask-size: cover;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  background-color: currentColor;
}

i.i-sm {
  mask-size: contain;
  -webkit-mask-size: contain;
}

i.i-spin {
  animation-name: spin;
  animation-duration: 1.5s;
  animation-iteration-count: infinite;
  animation-timing-function: cubic-bezier(0.65, 0.05, 0.36, 1);
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

i.i-account-tree {
  -webkit-mask-image: url('account_tree.svg?v=1');
  mask-image: url('account_tree.svg?v=1');
}
i.i-down {
  -webkit-mask-image: url('down.svg?v=1');
  mask-image: url('down.svg?v=1');
}
i.i-up {
  -webkit-mask-image: url('up.svg?v=1');
  mask-image: url('up.svg?v=1');
}
i.i-calendar-month {
  -webkit-mask-image: url('calendar_month.svg?v=1');
  mask-image: url('calendar_month.svg?v=1');
}
i.i-calendar-view-day {
  -webkit-mask-image: url('calendar_view_day.svg?v=1');
  mask-image: url('calendar_view_day.svg?v=1');
}
i.i-calendar-view-month {
  -webkit-mask-image: url('calendar_view_month.svg?v=1');
  mask-image: url('calendar_view_month.svg?v=1');
}
i.i-calendar-view-week {
  -webkit-mask-image: url('calendar_view_week.svg?v=1');
  mask-image: url('calendar_view_week.svg?v=1');
}
i.i-category {
  -webkit-mask-image: url('category.svg?v=1');
  mask-image: url('category.svg?v=1');
}
i.i-checklist {
  -webkit-mask-image: url('checklist.svg?v=1');
  mask-image: url('checklist.svg?v=1');
}
i.i-compare {
  -webkit-mask-image: url('compare.svg?v=1');
  mask-image: url('compare.svg?v=1');
}
i.i-dashboard {
  -webkit-mask-image: url('dashboard.svg?v=1');
  mask-image: url('dashboard.svg?v=1');
}
i.i-date-range {
  -webkit-mask-image: url('date_range.svg?v=1');
  mask-image: url('date_range.svg?v=1');
}
i.i-directions-walk {
  -webkit-mask-image: url('directions_walk.svg?v=1');
  mask-image: url('directions_walk.svg?v=1');
}
i.i-edit {
  -webkit-mask-image: url('edit.svg?v=1');
  mask-image: url('edit.svg?v=1');
}
i.i-event-available {
  -webkit-mask-image: url('event_available.svg?v=1');
  mask-image: url('event_available.svg?v=1');
}
i.i-event-repeat {
  -webkit-mask-image: url('event_repeat.svg?v=1');
  mask-image: url('event_repeat.svg?v=1');
}
i.i-groups {
  -webkit-mask-image: url('groups.svg?v=1');
  mask-image: url('groups.svg?v=1');
}
i.i-user {
  -webkit-mask-image: url('user.svg?v=1');
  mask-image: url('user.svg?v=1');
}
i.i-manage-accounts {
  -webkit-mask-image: url('manage_accounts.svg?v=1');
  mask-image: url('manage_accounts.svg?v=1');
}
i.i-menu {
  -webkit-mask-image: url('menu.svg?v=1');
  mask-image: url('menu.svg?v=1');
}
i.i-payments {
  -webkit-mask-image: url('payments.svg?v=1');
  mask-image: url('payments.svg?v=1');
}
i.i-query-stats {
  -webkit-mask-image: url('query_stats.svg?v=1');
  mask-image: url('query_stats.svg?v=1');
}
i.i-receipt {
  -webkit-mask-image: url('receipt.svg?v=1');
  mask-image: url('receipt.svg?v=1');
}
i.i-rocket {
  -webkit-mask-image: url('rocket.svg?v=1');
  mask-image: url('rocket.svg?v=1');
}
i.i-search {
  -webkit-mask-image: url('search.svg?v=1');
  mask-image: url('search.svg?v=1');
}
i.i-settings {
  -webkit-mask-image: url('settings.svg?v=1');
  mask-image: url('settings.svg?v=1');
}
i.i-star {
  -webkit-mask-image: url('star.svg?v=1');
  mask-image: url('star.svg?v=1');
}
i.i-subject {
  -webkit-mask-image: url('subject.svg?v=1');
  mask-image: url('subject.svg?v=1');
}
i.i-timer {
  -webkit-mask-image: url('timer.svg?v=1');
  mask-image: url('timer.svg?v=1');
}
i.i-tips {
  -webkit-mask-image: url('tips.svg?v=1');
  mask-image: url('tips.svg?v=1');
}
i.i-today {
  -webkit-mask-image: url('today.svg?v=1');
  mask-image: url('today.svg?v=1');
}
i.i-work-history {
  -webkit-mask-image: url('work_history.svg?v=1');
  mask-image: url('work_history.svg?v=1');
}
i.i-play-circle {
  -webkit-mask-image: url('play_circle.svg?v=1');
  mask-image: url('play_circle.svg');
}
i.i-hide {
  -webkit-mask-image: url('hide.svg?v=1');
  mask-image: url('hide.svg');
}
i.i-integration-instructions {
  -webkit-mask-image: url('integration_instructions.svg?v=1');
  mask-image: url('integration_instructions.svg');
}
i.i-contact-support {
  -webkit-mask-image: url('contact_support.svg?v=1');
  mask-image: url('contact_support.svg');
}
i.i-power-settings-new {
  -webkit-mask-image: url('power_settings_new.svg?v=1');
  mask-image: url('power_settings_new.svg');
}
i.i-priority {
  -webkit-mask-image: url('priority.svg?v=1');
  mask-image: url('priority.svg');
}
i.i-open-in-full {
  -webkit-mask-image: url('open_in_full.svg?v=1');
  mask-image: url('open_in_full.svg');
}
i.i-chevron-right {
  -webkit-mask-image: url('chevron_right.svg?v=1');
  mask-image: url('chevron_right.svg');
}

i.i-chevron-down {
	-webkit-mask-image: url('chevron-down.svg?v=1');
	mask-image: url('chevron-down.svg');
}


i.i-clipboard {
  -webkit-mask-image: url('clipboard.svg?v=1');
  mask-image: url('clipboard.svg');
}
i.i-chevron-left {
  -webkit-mask-image: url('chevron_left.svg?v=1');
  mask-image: url('chevron_left.svg');
}
i.i-filter-alt {
  -webkit-mask-image: url('filter_alt.svg?v=1');
  mask-image: url('filter_alt.svg');
}
i.i-file-download {
  -webkit-mask-image: url('file_download.svg?v=1');
  mask-image: url('file_download.svg');
}
i.i-picture-as-pdf {
  -webkit-mask-image: url('picture_as_pdf.svg?v=1');
  mask-image: url('picture_as_pdf.svg');
}
i.i-arrow-back {
  -webkit-mask-image: url('arrow_back.svg?v=1');
  mask-image: url('arrow_back.svg');
}
i.i-arrow-forward {
  -webkit-mask-image: url('arrow_forward.svg?v=1');
  mask-image: url('arrow_forward.svg');
}
i.i-payments {
  -webkit-mask-image: url('payments.svg?v=1');
  mask-image: url('payments.svg');
}
i.i-tune {
  -webkit-mask-image: url('tune.svg?v=1');
  mask-image: url('tune.svg');
}
i.i-all-inclusive {
  -webkit-mask-image: url('all_inclusive.svg?v=1');
  mask-image: url('all_inclusive.svg');
}
i.i-barcode {
  -webkit-mask-image: url('barcode.svg?v=1');
  mask-image: url('barcode.svg');
}
i.i-format-bold {
  -webkit-mask-image: url('format_bold.svg?v=1');
  mask-image: url('format_bold.svg');
}
i.i-format-italic {
  -webkit-mask-image: url('format_italic.svg?v=1');
  mask-image: url('format_italic.svg');
}
i.i-format-underlined {
  -webkit-mask-image: url('format_underlined.svg?v=1');
  mask-image: url('format_underlined.svg');
}
i.i-format-list-bulleted {
  -webkit-mask-image: url('format_list_bulleted.svg?v=1');
  mask-image: url('format_list_bulleted.svg');
}
i.i-format-list-numbered {
  -webkit-mask-image: url('format_list_numbered.svg?v=1');
  mask-image: url('format_list_numbered.svg');
}
i.i-format-indent-increase {
  -webkit-mask-image: url('format_indent_increase.svg?v=1');
  mask-image: url('format_indent_increase.svg');
}
i.i-format-indent-decrease {
  -webkit-mask-image: url('format_indent_decrease.svg?v=1');
  mask-image: url('format_indent_decrease.svg');
}
i.i-format-align-left {
  -webkit-mask-image: url('format_align_left.svg?v=1');
  mask-image: url('format_align_left.svg');
}
i.i-format-align-right {
  -webkit-mask-image: url('format_align_right.svg?v=1');
  mask-image: url('format_align_right.svg');
}
i.i-palette {
  -webkit-mask-image: url('palette.svg?v=1');
  mask-image: url('palette.svg');
}
i.i-border-color {
  -webkit-mask-image: url('border_color.svg?v=1');
  mask-image: url('border_color.svg');
}
i.i-link {
  -webkit-mask-image: url('link.svg?v=1');
  mask-image: url('link.svg');
}
i.i-link-off {
  -webkit-mask-image: url('link_off.svg?v=1');
  mask-image: url('link_off.svg');
}
i.i-format-clear {
  -webkit-mask-image: url('format_clear.svg?v=1');
  mask-image: url('format_clear.svg');
}
i.i-send-to-mobile {
  -webkit-mask-image: url('send_to_mobile.svg?v=1');
  mask-image: url('send_to_mobile.svg');
}
i.i-outbound {
  -webkit-mask-image: url('outbound.svg?v=1');
  mask-image: url('outbound.svg');
}
i.i-cached {
  -webkit-mask-image: url('cached.svg?v=1');
  mask-image: url('cached.svg');
}
i.i-save {
  -webkit-mask-image: url('save.svg?v=1');
  mask-image: url('save.svg');
}
i.i-add {
  -webkit-mask-image: url('add.svg?v=1');
  mask-image: url('add.svg');
}
i.i-note-add {
  -webkit-mask-image: url('note_add.svg?v=1');
  mask-image: url('note_add.svg');
}
i.i-today {
  -webkit-mask-image: url('today.svg?v=1');
  mask-image: url('today.svg');
}
i.i-add-box {
  -webkit-mask-image: url('add_box.svg?v=1');
  mask-image: url('add_box.svg');
}
i.i-content-copy {
  -webkit-mask-image: url('content_copy.svg?v=1');
  mask-image: url('content_copy.svg');
}
i.i-delete {
  -webkit-mask-image: url('delete.svg?v=1');
  mask-image: url('delete.svg');
}
i.i-login {
  -webkit-mask-image: url('login.svg?v=1');
  mask-image: url('login.svg');
}
i.i-warning {
  -webkit-mask-image: url('warning.svg?v=1');
  mask-image: url('warning.svg');
}
i.i-done {
  -webkit-mask-image: url('done.svg?v=1');
  mask-image: url('done.svg');
}
i.i-error {
  -webkit-mask-image: url('error.svg?v=1');
  mask-image: url('error.svg');
}
i.i-info {
  -webkit-mask-image: url('info.svg?v=1');
  mask-image: url('info.svg');
}
i.i-close {
  -webkit-mask-image: url('close.svg?v=1');
  mask-image: url('close.svg');
}
i.i-replay {
  -webkit-mask-image: url('replay.svg?v=1');
  mask-image: url('replay.svg');
}
i.i-drag-handle {
  -webkit-mask-image: url('drag_handle.svg?v=1');
  mask-image: url('drag_handle.svg');
}
i.i-public {
  -webkit-mask-image: url('public.svg?v=1');
  mask-image: url('public.svg');
}
i.i-cloud-upload {
  -webkit-mask-image: url('cloud_upload.svg?v=1');
  mask-image: url('cloud_upload.svg');
}
i.i-timer-checklist {
  -webkit-mask-image: url('timer+checklist.svg?v=1');
  mask-image: url('timer+checklist.svg');
}
i.i-share {
  -webkit-mask-image: url('share.svg?v=1');
  mask-image: url('share.svg');
}
i.i-send {
  -webkit-mask-image: url('send.svg?v=1');
  mask-image: url('send.svg');
}
i.i-cake {
  -webkit-mask-image: url('cake.svg?v=1');
  mask-image: url('cake.svg');
}
i.i-newspaper {
  -webkit-mask-image: url('newspaper.svg?v=1');
  mask-image: url('newspaper.svg');
}
i.i-key {
  -webkit-mask-image: url('key.svg?v=1');
  mask-image: url('key.svg');
}
i.i-expand-more {
  -webkit-mask-image: url('expand_more.svg?v=1');
  mask-image: url('expand_more.svg');
}
i.i-expand-less {
  -webkit-mask-image: url('expand_less.svg?v=1');
  mask-image: url('expand_less.svg');
}
i.i-o-down {
  -webkit-mask-image: url('o-down.svg?v=1');
  mask-image: url('o-down.svg');
}
i.i-o-up {
  -webkit-mask-image: url('o-up.svg?v=1');
  mask-image: url('o-up.svg');
}
i.i-o-none {
  -webkit-mask-image: url('o-none.svg?v=1');
  mask-image: url('o-none.svg');
}
i.i-badge {
  -webkit-mask-image: url('badge.svg?v=1');
  mask-image: url('badge.svg');
}
i.i-switch{
  -webkit-mask-image: url('switch.svg?v=1');
  mask-image: url('switch.svg');
}
i.i-monitoring{
	-webkit-mask-image: url('monitoring.svg?v=1');
	mask-image: url('monitoring.svg');
}
i.i-lock-solid-full {
	-webkit-mask-image: url('lock-solid-full.svg?v=1');
	mask-image: url('lock-solid-full.svg');
}