/* Colors */
/* Maps for feedback-related variables */
/* Spacing and Sizing */
nv-notification {
  display: block;
}
nv-notification [data-scope=container] {
  display: flex;
  position: relative;
  max-width: 512px;
  width: 100%;
  padding: var(--notification-padding);
  align-items: flex-start;
  gap: var(--notification-gap-x);
  border-radius: var(--notification-radius);
  border-style: solid;
  /* shadow/lg */
  box-shadow: 0 var(--shadow-y-axis-lg-1, 4px) var(--shadow-blur-lg-1, 6px) var(--shadow-spread-lg-1, -2px) var(--shadow-color-opacity-1, rgba(14, 14, 14, 0.06)), 0 var(--shadow-y-axis-lg-2, 10px) var(--shadow-blur-lg-2, 15px) var(--shadow-spread-lg-2, -3px) var(--shadow-color-opacity-2, rgba(14, 14, 14, 0.1));
}
nv-notification [data-scope=container] [data-scope=icon] {
  flex-shrink: 0;
}
nv-notification [data-scope=container] [data-scope=dismiss] {
  padding: var(--button-sm-icon-button-padding, 8px);
  justify-content: center;
  align-items: center;
  gap: var(--button-sm-gap, 6px);
  display: flex;
  position: absolute;
  right: 8px;
  top: 8px;
  border-radius: var(--button-sm-border-radius, 4px);
  background: var(--components-button-lower-background, rgba(255, 255, 255, 0));
  color: var(--components-button-lower-icon);
}
nv-notification [data-scope=container] [data-scope=content] {
  display: flex;
  padding-right: var(--notification-padding-right);
  flex-direction: column;
  align-items: flex-start;
  gap: var(--notification-gap-y);
  flex: 1 0 0;
}
nv-notification [data-scope=container] [data-scope=content] [data-scope=heading] {
  display: flex;
  align-items: flex-start;
  gap: var(--notification-gap-x);
  align-self: stretch;
  color: var(--components-notification-content-title);
  font-size: var(--notification-title-font-size);
  font-style: normal;
  font-weight: var(--font-weight-medium-emphasis);
  line-height: 20px; /* 142.857% */
}
nv-notification [data-scope=container] [data-scope=content] [data-scope=message] {
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  gap: var(--notification-gap-y);
  align-self: stretch;
  color: var(--components-notification-content-description);
  font-variant-numeric: lining-nums tabular-nums slashed-zero;
  font-size: var(--font-size-sm, 14px);
  font-style: normal;
  font-weight: var(--font-weight-low-emphasis);
  line-height: var(--line-height-sm, 20px);
}
nv-notification [data-scope=container] [data-scope=content] [data-scope=actions] {
  display: flex;
  padding: var(--spacing-2, 8px) 0;
  padding-bottom: 0px;
  align-items: flex-start;
  gap: var(--notification-gap-x);
  align-self: stretch;
  margin-left: calc(-1 * var(--button-sm-padding-x));
}
nv-notification[feedback=information] [data-scope=container] {
  background-color: var(--components-notification-information-background);
  border-color: var(--components-notification-information-border);
}
nv-notification[feedback=information] [data-scope=container] [data-scope=icon] {
  color: var(--components-notification-information-icon);
}
nv-notification[feedback=information] > [data-scope=close]:focus, nv-notification[feedback=information] > [data-scope=close]:focus-within {
  outline: none;
}
nv-notification[feedback=information] > [data-scope=close]:focus-visible, nv-notification[feedback=information] > [data-scope=close]:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-information-border);
  outline-offset: calc(var(--focus-outline-offset) * 1);
}
nv-notification[feedback=warning] [data-scope=container] {
  background-color: var(--components-notification-warning-background);
  border-color: var(--components-notification-warning-border);
}
nv-notification[feedback=warning] [data-scope=container] [data-scope=icon] {
  color: var(--components-notification-warning-icon);
}
nv-notification[feedback=warning] > [data-scope=close]:focus, nv-notification[feedback=warning] > [data-scope=close]:focus-within {
  outline: none;
}
nv-notification[feedback=warning] > [data-scope=close]:focus-visible, nv-notification[feedback=warning] > [data-scope=close]:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-warning-border);
  outline-offset: calc(var(--focus-outline-offset) * 1);
}
nv-notification[feedback=error] [data-scope=container] {
  background-color: var(--components-notification-error-background);
  border-color: var(--components-notification-error-border);
}
nv-notification[feedback=error] [data-scope=container] [data-scope=icon] {
  color: var(--components-notification-error-icon);
}
nv-notification[feedback=error] > [data-scope=close]:focus, nv-notification[feedback=error] > [data-scope=close]:focus-within {
  outline: none;
}
nv-notification[feedback=error] > [data-scope=close]:focus-visible, nv-notification[feedback=error] > [data-scope=close]:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-error-border);
  outline-offset: calc(var(--focus-outline-offset) * 1);
}
nv-notification[feedback=success] [data-scope=container] {
  background-color: var(--components-notification-success-background);
  border-color: var(--components-notification-success-border);
}
nv-notification[feedback=success] [data-scope=container] [data-scope=icon] {
  color: var(--components-notification-success-icon);
}
nv-notification[feedback=success] > [data-scope=close]:focus, nv-notification[feedback=success] > [data-scope=close]:focus-within {
  outline: none;
}
nv-notification[feedback=success] > [data-scope=close]:focus-visible, nv-notification[feedback=success] > [data-scope=close]:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-success-border);
  outline-offset: calc(var(--focus-outline-offset) * 1);
}
nv-notification[feedback=neutral] [data-scope=container] {
  background-color: var(--components-notification-neutral-background);
  border-color: var(--components-notification-neutral-border);
}
nv-notification[feedback=neutral] [data-scope=container] [data-scope=icon] {
  color: var(--components-notification-neutral-icon);
}
nv-notification[feedback=neutral] > [data-scope=close]:focus, nv-notification[feedback=neutral] > [data-scope=close]:focus-within {
  outline: none;
}
nv-notification[feedback=neutral] > [data-scope=close]:focus-visible, nv-notification[feedback=neutral] > [data-scope=close]:has(:focus-visible) {
  outline: calc(var(--focus-outline-stroke) * 1) solid var(--components-notification-neutral-border);
  outline-offset: calc(var(--focus-outline-offset) * 1);
}
nv-notification[emphasis=high] [data-scope=container] {
  border-width: 1px;
  border-left-width: var(--notification-border-width-high-emphasis);
  padding-left: calc(var(--notification-padding) - var(--notification-border-width-high-emphasis) + 1px);
}
nv-notification[emphasis=medium] [data-scope=container] {
  border-width: var(--notification-border-width-low-emphasis);
  border-color: var(--color-content-low-border, #E3E3E3);
}