/* use this for style redefinitions to awoid problems with
unpredictable css rules order in build */
.pc-control .pc-control_theme_primary, .pc-control .pc-control_theme_secondary, .pc-control .pc-control_theme_link {
  transition: color 0.2s;
}
.pc-control .pc-control_theme_accent {
  transition: opacity 0.2s;
}
.pc-control {
  display: flex;
  justify-content: center;
  align-items: center;
  border-radius: var(--g-focus-border-radius);
  transition: color 0.2s;
  display: inline-block;
  margin: 0;
  padding: 0;
  font: inherit;
  border: none;
  outline: none;
  color: inherit;
  background: none;
  cursor: pointer;
  outline: none;
}
.utilityfocus .pc-control:focus {
  outline: 2px solid #ffdb4d;
}
.pc-control:focus {
  outline: 2px solid var(--g-color-line-focus);
  outline-offset: 0;
}
.pc-control:focus:not(:focus-visible) {
  outline: 0;
}
.pc-control_size_xs {
  width: 24px;
  height: 24px;
}
.pc-control_size_s {
  width: 28px;
  height: 28px;
}
.pc-control_size_m {
  width: 32px;
  height: 32px;
}
.pc-control_size_l {
  width: 36px;
  height: 36px;
}
.pc-control_theme_primary {
  color: var(--g-color-text-complementary);
}
.pc-control_theme_primary:hover {
  color: var(--g-color-text-primary);
}
.pc-control_theme_secondary {
  color: var(--g-color-text-secondary);
}
.pc-control_theme_secondary:hover {
  color: var(--g-color-text-complementary);
}
.pc-control_theme_link {
  color: var(--g-color-text-complementary);
}
.pc-control_theme_link:hover {
  color: var(--g-color-text-link-hover);
}
.pc-control_theme_accent {
  opacity: 0.7;
  color: var(--g-color-base-danger-heavy);
}
.pc-control_theme_accent:hover {
  opacity: 1;
}
.pc-control_disabled {
  cursor: default;
  color: var(--g-color-text-secondary);
}
.pc-control_disabled:hover {
  color: var(--g-color-text-secondary);
}
@media (max-width: 768px) {
  .pc-control:hover {
    color: inherit;
  }
}