.ev-callout {
  padding: 20px;
  color: var(--ev-callout-color);
  background-color: var(--ev-callout-bg);
  border-left: 4px solid var(--ev-callout-border-color);
}

.ev-callout-primary {
  --ev-callout-color: var(--ev-primary30);
  --ev-callout-bg: var(--ev-primary95);
  --ev-callout-border-color: var(--ev-primary70);
}

.ev-callout-secondary {
  --ev-callout-color: var(--ev-secondary30);
  --ev-callout-bg: var(--ev-secondary95);
  --ev-callout-border-color: var(--ev-secondary80);
}

.ev-callout-yellow {
  --ev-callout-color: var(--ev-yellow30);
  --ev-callout-bg: var(--ev-yellow95);
  --ev-callout-border-color: var(--ev-yellow80);
}

.ev-callout-green {
  --ev-callout-color: var(--ev-green30);
  --ev-callout-bg: var(--ev-green95);
  --ev-callout-border-color: var(--ev-green80);
}

.ev-icon {
  width: 16px;
  height: 16px;
}

@media (min-width: 1400px) {
  .ev-filter-offcanvas-body {
    position: sticky;
    top: calc(var(--ev-gutter-y) + 64px);
    padding-bottom: 62px !important;
  }
}