[role=menubar] .icon {
  width: 2rem;
  height: 2rem;
  fill: var(--c-surface-bg);
}

icon > .icon {
  pointer-events: none;
}

icon.scaled > .icon {
  transform: scale(1.5);
}

.drag-handle {
  width: 2rem;
  height: 2rem;
}
.drag-handle .icon {
  width: 2rem;
  height: 2rem;
  transform: scale(0.5);
}

.assist-toolbar .icon, .assist-search .icon {
  width: 1rem;
  height: 1rem;
  fill: var(--c-surface-bg);
  opacity: 0.6;
}

.app-toolbar button {
  margin-top: 0.4rem;
}
.app-toolbar .icon {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--c-text);
  opacity: 0.6;
}

.toolbar .icon {
  width: 1rem;
  height: 1rem;
}

.menu-search .icon {
  padding-top: 0.3rem;
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--c-text);
  opacity: 0.6;
}

form-search input {
  border-width: 0;
}
form-search .icon {
  width: 1.5rem;
  height: 1.5rem;
  fill: var(--c-text);
  opacity: 0.6;
}

.icon-collection {
  margin-top: 1rem;
  margin-bottom: 1rem;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.icon-preview {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  width: 6.25rem;
  align-items: center;
}
.icon-preview div {
  text-align: center;
  opacity: 0.6;
}
.icon-preview icon, .icon-preview .icon {
  width: 2.5rem;
  height: 2.5rem;
}

pragma-dropdown-menu icon, .toolbar-no-padding icon {
  width: 1.5rem;
  height: 1.5rem;
}
pragma-dropdown-menu .icon, .toolbar-no-padding .icon {
  width: 1rem;
  height: 1rem;
  margin-top: 0.2rem;
}

.icon-button icon, .icon-button .icon {
  width: 1rem;
  height: 1rem;
}

.icon-light svg {
  fill: var(--c-text-light);
}

.icon-light {
  fill: var(--c-text-light);
}

.icon-dark {
  fill: var(--c-text);
}

.icon-small svg {
  height: 1.25rem;
  width: 1.25rem;
}

.icon-x-small svg {
  height: 0.75rem;
  width: 0.75rem;
}