:root {
  --skvb--color--bg: var(
    --wp--presets--color--base,
    #fffdf8
  ); /* Fallback to a default blue */

  --skvb--color--text: var(
    --wp--presets--color--contrast,
    #2a2727
  ); /* Fallback to a default blue */
  --skvb--color--accent-1: var(
    --wp--presets--color--accent-1,
    #b53020
  ); /* Fallback to a default blue */
  --skvb--color--accent-2: var(
    --wp--presets--color--accent-2,
    #a8dadc
  ); /* Fallback to a default blue */
  --skvb--color--accent-3: var(
    --wp--presets--color--accent-3,
    #457b9d
  ); /* Fallback to a default blue */
  --skvb--color--accent-4: var(
    --wp--presets--color--accent-4,
    #1d3557
  ); /* Fallback to a default blue */
  --skvb--color--accent-5: var(
    --wp--presets--color--accent-5,
    #fbfaf3
  ); /* Fallback to a default blue */

  --skvb--color--disabled: #d6d3d3;
  --skvb--color--disabled-text: #6d6868;

  --skvb--font--large: var(
    --wp--presets--font-size--large,
    clamp(1.125rem, 1.125rem + ((1vw - 0.2rem) * 0.392), 1.375rem)
  ); /* Fallback to a default blue */
  --skvb--font--medium: var(
    --wp--presets--font-size--medium,
    clamp(1rem, 1rem + ((1vw - 0.2rem) * 0.196), 1.125rem)
  ); /* Fallback to a default blue */
  --skvb--font--small: var(
    --wp--presets--font-size--small,
    0.875rem
  ); /* Fallback to a default blue */

  --skvb--color--table-border: #f2f2f2;
  --skvb--color--border: #e2e2e2;

  --skvb--shadow: rgba(14, 63, 126, 0.04) 0px 0px 0px 1px,
    rgba(42, 51, 69, 0.04) 0px 1px 1px -0.5px,
    rgba(42, 51, 70, 0.04) 0px 3px 3px -1.5px,
    rgba(42, 51, 70, 0.04) 0px 6px 6px -3px,
    rgba(14, 63, 126, 0.04) 0px 12px 12px -6px,
    rgba(14, 63, 126, 0.04) 0px 24px 24px -12px;

  --skvb--shadow--inset: rgba(0, 0, 0, 0.1) 0px 2px 4px 0px inset;
}

.skvb-forms-table-scroll-wrapper {
  overflow-x: auto;
  max-width: 100%;
  max-height: 80vh;
  box-shadow: var(--skvb--shadow);
  border-radius: 4px;
  margin: 0.3em 0;
}

.skvb-forms-table {
  box-shadow: var(--skvb--shadow);
  border-radius: 8px;
  font-size: var(--skvb--font--medium);
  font-weight: normal;
  border: none;
  border-collapse: collapse;
  width: 100%;
  max-width: 100%;
  white-space: nowrap;
  background-color: var(--skvb--color--bg);
}

.skvb-forms-table td,
.skvb-forms-table th {
  padding: 0.4em 0.6em;
}

.skvb-forms-table td {
  border-right: 1px solid var(--skvb--color--table-border);
  white-space: collapse;
  word-break: keep-all;
}

.skvb-forms-table thead th {
  color: var(--skvb--color--text);
  background: var(--skvb--color--accent-2);
  text-align: left;
  font-family: var(
    --wp--preset--font-family--averia-serif-libre,
    "Averia Serif"
  );
}

.skvb-forms-form {
  padding: 1em;
  border-radius: 8px;
  box-shadow: var(--skvb--shadow--inset);
  overflow: auto;
  font-size: var(--skvb--font--medium);
}

.skvb-forms-spacer {
  min-width: 30px;
  min-height: 30px;
}

.skvb-forms-heading-m {
  margin: 0.2em 0;
}

.skvb-forms-form-row {
  display: grid;
  grid-auto-flow: column;
  gap: 10px;
  margin: 0.6em 0;
}

.skvb-forms-form ul,
.skvb-forms-form li,
.skvb-forms-form p {
  font-size: var(--skvb--font--medium);
}