/* ==========================================================================
   Remix Icon Base Class
   https://remixicon.com/
   ========================================================================== */
.ri-icon {
  display: inline-block;
  width: 1.25rem;
  height: 1.25rem;
  vertical-align: -0.125em; /* Aligns smoothly with inline text */
  background-color: currentColor; /* Inherits color from parent element */
  mask-repeat: no-repeat;
  mask-position: center;
  mask-size: contain;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-position: center;
  -webkit-mask-size: contain;
}

/* Optional Sizing Utilities */
.ri-icon.sm { width: 1rem; height: 1rem; }
.ri-icon.lg { width: 1.5rem; height: 1.5rem; }
.ri-icon.xl { width: 2rem; height: 2rem; }

/* ==========================================================================
   Icon Mappings (Paths relative to Styles/ location)
   ========================================================================== */

/* Add Icons */
.ri-add-box-fill {
  mask-image: url('RemixIcon_SVG/add-box-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/add-box-fill.svg');
}
.ri-add-box-line {
  mask-image: url('RemixIcon_SVG/add-box-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/add-box-line.svg');
}
.ri-add-circle-fill {
  mask-image: url('RemixIcon_SVG/add-circle-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/add-circle-fill.svg');
}
.ri-add-circle-line {
  mask-image: url('RemixIcon_SVG/add-circle-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/add-circle-line.svg');
}
.ri-add-fill {
  mask-image: url('RemixIcon_SVG/add-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/add-fill.svg');
}
.ri-add-line {
  mask-image: url('RemixIcon_SVG/add-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/add-line.svg');
}

/* Checkbox Icons */
.ri-checkbox-blank-fill {
  mask-image: url('RemixIcon_SVG/checkbox-blank-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/checkbox-blank-fill.svg');
}
.ri-checkbox-blank-line {
  mask-image: url('RemixIcon_SVG/checkbox-blank-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/checkbox-blank-line.svg');
}
.ri-checkbox-fill {
  mask-image: url('RemixIcon_SVG/checkbox-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/checkbox-fill.svg');
}
.ri-checkbox-indeterminate-fill {
  mask-image: url('RemixIcon_SVG/checkbox-indeterminate-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/checkbox-indeterminate-fill.svg');
}
.ri-checkbox-indeterminate-line {
  mask-image: url('RemixIcon_SVG/checkbox-indeterminate-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/checkbox-indeterminate-line.svg');
}
.ri-checkbox-line {
  mask-image: url('RemixIcon_SVG/checkbox-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/checkbox-line.svg');
}

/* Check Mark Icons */
.ri-check-fill {
  mask-image: url('RemixIcon_SVG/check-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/check-fill.svg');
}
.ri-check-line {
  mask-image: url('RemixIcon_SVG/check-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/check-line.svg');
}

/* Close / Delete Icons */
.ri-close-circle-fill {
  mask-image: url('RemixIcon_SVG/close-circle-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/close-circle-fill.svg');
}
.ri-close-circle-line {
  mask-image: url('RemixIcon_SVG/close-circle-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/close-circle-line.svg');
}
.ri-close-fill {
  mask-image: url('RemixIcon_SVG/close-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/close-fill.svg');
}
.ri-close-line {
  mask-image: url('RemixIcon_SVG/close-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/close-line.svg');
}

/* Indeterminate Circle Icons */
.ri-indeterminate-circle-fill {
  mask-image: url('RemixIcon_SVG/indeterminate-circle-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/indeterminate-circle-fill.svg');
}
.ri-indeterminate-circle-line {
  mask-image: url('RemixIcon_SVG/indeterminate-circle-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/indeterminate-circle-line.svg');
}

/* More / Overflow Icons */
.ri-more-2-fill {
  mask-image: url('RemixIcon_SVG/more-2-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/more-2-fill.svg');
}
.ri-more-2-line {
  mask-image: url('RemixIcon_SVG/more-2-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/more-2-line.svg');
}
.ri-more-fill {
  mask-image: url('RemixIcon_SVG/more-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/more-fill.svg');
}
.ri-more-line {
  mask-image: url('RemixIcon_SVG/more-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/more-line.svg');
}

/* Settings / Config Icons */
.ri-settings-3-fill {
  mask-image: url('RemixIcon_SVG/settings-3-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/settings-3-fill.svg');
}
.ri-settings-3-line {
  mask-image: url('RemixIcon_SVG/settings-3-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/settings-3-line.svg');
}

/* Download Icons */
.ri-file-download-fill {
  mask-image: url('RemixIcon_SVG/file-download-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/file-download-fill.svg');
}
.ri-file-download-line {
  mask-image: url('RemixIcon_SVG/file-download-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/file-download-line.svg');
}

/* Save Icons */
.ri-save-fill {
  mask-image: url('../Widgets/save-fill.svg');
  -webkit-mask-image: url('../Widgets/save-fill.svg');
}
.ri-save-line {
  mask-image: url('../Widgets/save-line.svg');
  -webkit-mask-image: url('../Widgets/save-line.svg');
}

/* Delete / Trash Icons */
.ri-delete-bin-fill {
  mask-image: url('RemixIcon_SVG/delete-bin-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/delete-bin-fill.svg');
}
.ri-delete-bin-line {
  mask-image: url('RemixIcon_SVG/delete-bin-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/delete-bin-line.svg');
}

/* Layout / Grid Icons */
.ri-grid-fill {
  mask-image: url('RemixIcon_SVG/grid-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/grid-fill.svg');
}
.ri-layout-horizontal-line {
  mask-image: url('RemixIcon_SVG/layout-horizontal-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/layout-horizontal-line.svg');
}

/* Zoom / Magnify Icons */
.ri-zoom-in-fill {
  mask-image: url('RemixIcon_SVG/zoom-in-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/zoom-in-fill.svg');
}
.ri-zoom-in-line {
  mask-image: url('RemixIcon_SVG/zoom-in-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/zoom-in-line.svg');
}
.ri-zoom-out-fill {
  mask-image: url('RemixIcon_SVG/zoom-out-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/zoom-out-fill.svg');
}
.ri-zoom-out-line {
  mask-image: url('RemixIcon_SVG/zoom-out-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/zoom-out-line.svg');
}

/* Arrow Icons */
.ri-arrow-left-s-fill {
  mask-image: url('RemixIcon_SVG/arrow-left-s-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/arrow-left-s-fill.svg');
}
.ri-arrow-left-s-line {
  mask-image: url('RemixIcon_SVG/arrow-left-s-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/arrow-left-s-line.svg');
}
.ri-arrow-right-s-fill {
  mask-image: url('RemixIcon_SVG/arrow-right-s-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/arrow-right-s-fill.svg');
}
.ri-arrow-right-s-line {
  mask-image: url('RemixIcon_SVG/arrow-right-s-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/arrow-right-s-line.svg');
}
.ri-arrow-up-s-fill {
  mask-image: url('RemixIcon_SVG/arrow-up-s-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/arrow-up-s-fill.svg');
}
.ri-arrow-up-s-line {
  mask-image: url('RemixIcon_SVG/arrow-up-s-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/arrow-up-s-line.svg');
}
.ri-arrow-down-s-fill {
  mask-image: url('RemixIcon_SVG/arrow-down-s-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/arrow-down-s-fill.svg');
}
.ri-arrow-down-s-line {
  mask-image: url('RemixIcon_SVG/arrow-down-s-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/arrow-down-s-line.svg');
}

/* Database Icons */

.ri-database-2-fill {
  mask-image: url('RemixIcon_SVG/database-2-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/database-2-fill.svg');
}
.ri-database-2-line {
  mask-image: url('RemixIcon_SVG/database-2-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/database-2-line.svg');
}

/* File Copy Icons */

.ri-file-copy-fill {
  mask-image: url('RemixIcon_SVG/file-copy-fill.svg');
  -webkit-mask-image: url('RemixIcon_SVG/file-copy-fill.svg');
}
.ri-file-copy-line {
  mask-image: url('RemixIcon_SVG/file-copy-line.svg');
  -webkit-mask-image: url('RemixIcon_SVG/file-copy-line.svg');
}
.ri-file-copy-2-fill {
  mask-image: url('RemixIcon_SVG/file-copy-fill-2.svg');
  -webkit-mask-image: url('RemixIcon_SVG/file-copy-fill-2.svg');
}
.ri-file-copy-2-line {
  mask-image: url('RemixIcon_SVG/file-copy-line-2.svg');
  -webkit-mask-image: url('RemixIcon_SVG/file-copy-line-2.svg');
}