/* 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-btn.vk-paper-section-button.vk-paper-button[aria-pressed="true"] {
  --vk-paper-button-bg: var(--vk-paper-selected-button-bg);
  --vk-paper-button-border: var(--vk-paper-selected-button-border);

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

.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-btn.vk-paper-section-button.vk-paper-button[aria-pressed="true"]: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-section-button.vk-paper-button.is-active:active:not(:disabled),
.vk-btn.vk-paper-section-button.vk-paper-button[aria-current="page"]:active:not(:disabled),
.vk-btn.vk-paper-section-button.vk-paper-button[aria-pressed="true"]:active:not(:disabled) {
  --vk-paper-button-bg: var(--vk-paper-selected-button-bg-pressed);
  --vk-paper-button-border: var(--vk-paper-selected-button-border);

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

.vk-btn.vk-paper-section-button.vk-paper-button.is-active,
.vk-btn.vk-paper-section-button.vk-paper-button[aria-current="page"],
.vk-btn.vk-paper-section-button.vk-paper-button[aria-pressed="true"],
.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-btn.vk-paper-section-button.vk-paper-button[aria-pressed="true"]:hover:not(:disabled) {
  --vk-paper-button-lift: var(--vk-paper-lift-normal-y);
  --vk-paper-button-shadow-y: var(--vk-paper-lift-normal-shadow-y);
  --vk-paper-button-shadow-blur: var(--vk-paper-lift-normal-shadow-blur);
  --vk-paper-button-shadow-spread: var(--vk-paper-lift-shadow-spread);
  --vk-paper-button-shadow-alpha: var(--vk-paper-lift-normal-shadow-alpha);
  --vk-paper-button-shadow: var(--vk-shadow-paper-raised);

  box-shadow: var(--vk-paper-button-shadow);
  transform: translateY(calc(-1 * var(--vk-paper-button-lift)));
}

.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);
}