/* Shared paper surfaces: cards and panels. */

.vk-paper-card {
  background: var(--vk-paper-lift-button-bg);
  border: 1px solid transparent;
  box-shadow: var(--vk-shadow-paper-raised);
  color: var(--vk-text-primary);
  transform: translateY(calc(-1 * var(--vk-paper-lift-normal-y)));
  transition:
    transform 180ms cubic-bezier(0.2, 0, 0.2, 1),
    box-shadow 180ms ease,
    border-color 180ms ease;
  will-change: transform, box-shadow;
}

.vk-paper-card:not(.is-edit):not(.analysis-module-edit-form):hover {
  box-shadow: var(--vk-shadow-paper-hover);
  transform: translateY(calc(-1 * var(--vk-paper-lift-hover-y)));
}

.vk-paper-card.is-pressed,
.vk-paper-card.is-edit,
.vk-paper-card.analysis-module-edit-form {
  box-shadow: none;
  transform: translateY(0);
}

.vk-paper-action-panel {
  width: 100%;
  background: var(--vk-paper-panel-bg);
  border-radius: var(--vk-paper-control-radius, 8px);
  box-sizing: border-box;
  padding: var(--vk-analysis-action-padding);
}

.vk-paper-flat-panel {
  width: 100%;
  border-radius: var(--vk-paper-control-radius, 8px);
  background: var(--vk-paper-lift-button-bg);
  color: var(--vk-paper-lift-button-text);
  box-sizing: border-box;
}

.vk-paper-form-surface {
  width: 100%;
  background: var(--vk-paper-panel-bg);
  border: 0;
  border-radius: var(--vk-paper-control-radius, 8px);
  box-shadow: none;
  box-sizing: border-box;
}