/* Shared paper section and disclosure button active states. */

.vk-btn.vk-paper-section-button.vk-paper-button.is-active,
.vk-btn.vk-paper-section-button.vk-paper-button[aria-current="page"] {
  --vk-paper-button-lift: 0px;
  --vk-paper-button-shadow-y: 0px;
  --vk-paper-button-shadow-blur: 0px;
  --vk-paper-button-shadow-alpha: 0;
  --vk-paper-button-bg: var(--vk-paper-selected-button-bg);
  --vk-paper-button-border: var(--vk-paper-selected-button-border);

  box-shadow: none;
  color: var(--vk-paper-selected-button-text);
  transform: translateY(0);
}

.vk-btn.vk-paper-section-button.vk-paper-button.is-active:hover:not(:disabled),
.vk-btn.vk-paper-section-button.vk-paper-button[aria-current="page"]:hover:not(:disabled) {
  --vk-paper-button-bg: var(--vk-paper-selected-button-bg-hover);
  --vk-paper-button-border: var(--vk-paper-selected-button-border);

  color: var(--vk-paper-selected-button-text);
}

.vk-btn.vk-paper-disclosure-button.vk-paper-button[aria-expanded="true"],
.vk-btn.vk-paper-disclosure-button.vk-paper-button.is-expanded,
.vk-btn.vk-paper-disclosure-button.vk-paper-button.is-open {
  --vk-paper-button-lift: 0px;
  --vk-paper-button-shadow-y: 0px;
  --vk-paper-button-shadow-blur: 0px;
  --vk-paper-button-shadow-alpha: 0;
  --vk-paper-button-bg: var(--vk-paper-lift-button-bg);
  --vk-paper-button-border: var(--vk-paper-lift-button-bg);

  box-shadow: none;
  color: var(--vk-paper-lift-button-text);
  transform: translateY(0);
}

.vk-btn.vk-paper-disclosure-button.vk-paper-button[aria-expanded="true"]:hover:not(:disabled),
.vk-btn.vk-paper-disclosure-button.vk-paper-button.is-expanded:hover:not(:disabled),
.vk-btn.vk-paper-disclosure-button.vk-paper-button.is-open:hover:not(:disabled) {
  --vk-paper-button-bg: var(--vk-paper-lift-button-bg);
  --vk-paper-button-border: var(--vk-paper-lift-button-bg);

  color: var(--vk-paper-lift-button-text);
}