/**
 * Notices CSS Variables
 */
.vp-notice {
  --vp-notice__padding-v: 1em;
  --vp-notice__padding-h: 1.3em;
  --vp-notice__color: var(--vp-color-brand);
  --vp-notice__background-color: var(--vp-color-gray-lighten);
  --vp-notice__border-width: 1px;
  --vp-notice__border-left-width: 3px;
  --vp-notice__border-color: var(--vp-color-brand);
  --vp-notice__border-radius: var(--vp-border-radius); }

/**
 * Notices style
 */
.vp-notice {
  padding: var(--vp-notice__padding-v) var(--vp-notice__padding-h);
  color: var(--vp-notice__color);
  background-color: var(--vp-notice__background-color);
  border: var(--vp-notice__border-width) solid var(--vp-notice__border-color);
  border-left-width: var(--vp-notice__border-left-width);
  border-radius: var(--vp-notice__border-radius); }