/* Copyright 2024 The Chromium Authors
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file. */

/* #css_wrapper_metadata_start
 * #type=style-lit
 * #scheme=relative
 * #css_wrapper_metadata_end */

.icon-arrow-back {
  --cr-icon-image: url(//resources/images/icon_arrow_back_old.svg);
}

.icon-arrow-dropdown {
  --cr-icon-image: url(//resources/images/icon_arrow_dropdown_old.svg);
}

.icon-arrow-drop-down-cr23 {
  --cr-icon-image: url(//resources/images/icon_arrow_drop_down_cr23_old.svg);
}

.icon-arrow-drop-up-cr23 {
  --cr-icon-image: url(//resources/images/icon_arrow_drop_up_cr23_old.svg);
}

.icon-arrow-upward {
  --cr-icon-image: url(//resources/images/icon_arrow_upward_old.svg);
}

.icon-arrow-forward {
  --cr-icon-image: url(//resources/images/icon_arrow_forward_old.svg);
}

.icon-cancel {
  --cr-icon-image: url(//resources/images/icon_cancel_old.svg);
}

.icon-clear {
  --cr-icon-image: url(//resources/images/icon_clear_old.svg);
}

.icon-copy-content {
  --cr-icon-image: url(//resources/images/icon_copy_content_old.svg);
}

.icon-delete-gray {
  --cr-icon-image: url(//resources/images/icon_delete_gray_old.svg);
}

.icon-edit {
  --cr-icon-image: url(//resources/images/icon_edit_old.svg);
}

.icon-file {
  --cr-icon-image: url(//resources/images/icon_filetype_generic_old.svg);
}

.icon-folder-open {
  --cr-icon-image: url(//resources/images/icon_folder_open_old.svg);
}

.icon-picture-delete {
  --cr-icon-image: url(//resources/images/icon_picture_delete_old.svg);
}

.icon-expand-less {
  --cr-icon-image: url(//resources/images/icon_expand_less_old.svg);
}

.icon-expand-more {
  --cr-icon-image: url(//resources/images/icon_expand_more_old.svg);
}

.icon-external {
  --cr-icon-image: url(//resources/images/open_in_new_old.svg);
}

.icon-more-vert {
  --cr-icon-image: url(//resources/images/icon_more_vert_old.svg);
}

.icon-refresh {
  --cr-icon-image: url(//resources/images/icon_refresh_old.svg);
}

.icon-search {
  --cr-icon-image: url(//resources/images/icon_search.svg);
}

.icon-settings {
  --cr-icon-image: url(//resources/images/icon_settings_old.svg);
}

.icon-visibility {
  --cr-icon-image: url(//resources/images/icon_visibility_old.svg);
}

.icon-visibility-off {
  --cr-icon-image: url(//resources/images/icon_visibility_off_old.svg);
}

.subpage-arrow {
  --cr-icon-image: url(//resources/images/arrow_right_old.svg);
}

.cr-icon {
  -webkit-mask-image: var(--cr-icon-image);
  -webkit-mask-position: center;
  -webkit-mask-repeat: no-repeat;
  -webkit-mask-size: var(--cr-icon-size);
  background-color: var(--cr-icon-color, var(--google-grey-700));
  flex-shrink: 0;
  height: var(--cr-icon-ripple-size);
  margin-inline-end: var(--cr-icon-ripple-margin);
  margin-inline-start: var(--cr-icon-button-margin-start);
  user-select: none;
  width: var(--cr-icon-ripple-size);
}

:host-context([dir=rtl]) .cr-icon {
  transform: scaleX(-1);  /* Invert X: flip on the Y axis (aka mirror). */
}

.cr-icon.no-overlap {
  margin-inline-end: 0;
  margin-inline-start: 0;
}

@media (prefers-color-scheme: dark) {
  .cr-icon {
    background-color: var(--cr-icon-color, var(--google-grey-500));
  }
}

:host-context([webui-rounded-icons]) {
  .icon-arrow-back {
    --cr-icon-image: url(//resources/images/icon_arrow_back.svg);
  }

  .icon-arrow-drop-down-cr23 {
    --cr-icon-image: url(//resources/images/icon_arrow_drop_down_cr23.svg);
  }

  .icon-arrow-drop-up-cr23 {
    --cr-icon-image: url(//resources/images/icon_arrow_drop_up_cr23.svg);
  }

  .icon-arrow-dropdown {
    --cr-icon-image: url(//resources/images/icon_arrow_dropdown.svg);
  }

  .icon-arrow-forward {
    --cr-icon-image: url(//resources/images/icon_arrow_forward.svg);
  }

  .icon-arrow-upward {
    --cr-icon-image: url(//resources/images/icon_arrow_upward.svg);
  }

  .icon-cancel {
    --cr-icon-image: url(//resources/images/icon_cancel.svg);
  }

  .icon-clear {
    --cr-icon-image: url(//resources/images/icon_clear.svg);
  }

  .icon-copy-content {
    --cr-icon-image: url(//resources/images/icon_copy_content.svg);
  }

  .icon-delete-gray {
    --cr-icon-image: url(//resources/images/icon_delete_gray.svg);
  }

  .icon-edit {
    --cr-icon-image: url(//resources/images/icon_edit.svg);
  }

  .icon-expand-less {
    --cr-icon-image: url(//resources/images/icon_expand_less.svg);
  }

  .icon-expand-more {
    --cr-icon-image: url(//resources/images/icon_expand_more.svg);
  }

  .icon-external {
    --cr-icon-image: url(//resources/images/open_in_new.svg);
  }

  .icon-file {
    --cr-icon-image: url(//resources/images/icon_filetype_generic.svg);
  }

  .icon-folder-open {
    --cr-icon-image: url(//resources/images/icon_folder_open.svg);
  }

  .icon-more-vert {
    --cr-icon-image: url(//resources/images/icon_more_vert.svg);
  }

  .icon-picture-delete {
    --cr-icon-image: url(//resources/images/icon_picture_delete.svg);
  }

  .icon-refresh {
    --cr-icon-image: url(//resources/images/icon_refresh.svg);
  }

  .icon-settings {
    --cr-icon-image: url(//resources/images/icon_settings.svg);
  }

  .icon-visibility {
    --cr-icon-image: url(//resources/images/icon_visibility.svg);
  }

  .icon-visibility-off {
    --cr-icon-image: url(//resources/images/icon_visibility_off.svg);
  }

  .subpage-arrow {
    --cr-icon-image: url(//resources/images/arrow_right.svg);
  }
}