/* Shared create-new paper button variant. */

.vk-btn.vk-paper-button.vk-paper-panel-toggle {
  --vk-paper-panel-toggle-bg: var(--vk-app-surface-panel);
  --vk-paper-button-lift: 0px;
  --vk-paper-button-shadow-y: 0px;
  --vk-paper-button-shadow-blur: 0px;
  --vk-paper-button-shadow-spread: 0px;
  --vk-paper-button-shadow-alpha: 0;
  --vk-paper-button-bg: var(--vk-paper-panel-toggle-bg);
  --vk-paper-button-border: transparent;

  background: var(--vk-paper-panel-toggle-bg);
  background-color: var(--vk-paper-panel-toggle-bg);
  border-color: transparent;
  color: var(--vk-panel-toggle-icon-normal);
  box-shadow: none;
  transform: none;
  outline: none;
}

.vk-btn.vk-paper-button.vk-paper-panel-toggle:hover:not(:disabled),
.vk-btn.vk-paper-button.vk-paper-panel-toggle:focus-visible:not(:disabled),
.vk-btn.vk-paper-button.vk-paper-panel-toggle:active:not(:disabled) {
  --vk-paper-button-lift: 0px;
  --vk-paper-button-shadow-y: 0px;
  --vk-paper-button-shadow-blur: 0px;
  --vk-paper-button-shadow-spread: 0px;
  --vk-paper-button-shadow-alpha: 0;
  --vk-paper-button-bg: var(--vk-paper-panel-toggle-bg);
  --vk-paper-button-border: transparent;

  background: var(--vk-paper-panel-toggle-bg);
  background-color: var(--vk-paper-panel-toggle-bg);
  border-color: transparent;
  color: var(--vk-panel-toggle-icon-hover);
  box-shadow: none;
  transform: none;
}

.vk-btn.vk-paper-button.vk-paper-panel-toggle--center {
  --vk-paper-panel-toggle-bg: var(--vk-app-surface-center);
}

.vk-paper-panel-toggle .lucide {
  width: 18px;
  height: 18px;
  stroke-width: 1.85;
}

.vk-btn.vk-paper-button.vk-paper-create-button {
  --vk-paper-button-lift: 0px;
  --vk-paper-button-shadow-y: 0px;
  --vk-paper-button-shadow-blur: 0px;
  --vk-paper-button-shadow-spread: 0px;
  --vk-paper-button-shadow-alpha: 0;
  --vk-paper-button-bg: var(--vk-paper-catalog-create-bg);
  --vk-paper-button-border: transparent;

  box-shadow: none;
  transform: translateY(0);
}

.vk-btn.vk-paper-button.vk-paper-create-button:hover:not(:disabled) {
  --vk-paper-button-lift: var(--vk-paper-lift-hover-y);
  --vk-paper-button-shadow-y: var(--vk-paper-lift-hover-shadow-y);
  --vk-paper-button-shadow-blur: var(--vk-paper-lift-hover-shadow-blur);
  --vk-paper-button-shadow-spread: var(--vk-paper-lift-shadow-spread);
  --vk-paper-button-shadow-alpha: var(--vk-paper-lift-hover-shadow-alpha);
  --vk-paper-button-bg: var(--vk-paper-catalog-create-bg-hover);
  --vk-paper-button-border: transparent;

}

.vk-btn.vk-paper-button.vk-paper-create-button:active: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-bg: var(--vk-paper-catalog-create-bg-pressed);
  --vk-paper-button-border: transparent;

  box-shadow: var(
    --vk-paper-button-shadow,
    0 var(--vk-paper-button-shadow-y) var(--vk-paper-button-shadow-blur) var(--vk-paper-button-shadow-spread)
      rgba(0, 0, 0, var(--vk-paper-button-shadow-alpha))
  );
  transform: translateY(calc(-1 * var(--vk-paper-button-lift)));
}