:root {
  --ty-alert-border-radius: 3px;
  --ty-alert-padding: 10px 30px 10px 13px;
  --ty-alert-font-weight: var(--ty-font-weight);
  --ty-alert-font-size: var(--ty-font-size-base);
  --ty-alert-transition-duration: 300ms;
  --ty-alert-stack-gap: 14px;
  --ty-alert-title-font-size: 17px;
  --ty-alert-title-font-weight: 500;
  --ty-alert-title-margin-bottom: 5px;
  --ty-alert-desc-line-height: 16px;
  --ty-alert-icon-gap: 7px;
  --ty-alert-icon-offset-top: 1px;
  --ty-alert-close-offset-top: 10px;
  --ty-alert-close-offset-inline-end: 13px;
}

[data-tiny-theme='dark'] {
  --ty-alert-border-radius: 3px;
  --ty-alert-padding: 10px 30px 10px 13px;
  --ty-alert-font-weight: var(--ty-font-weight);
  --ty-alert-font-size: var(--ty-font-size-base);
  --ty-alert-transition-duration: 300ms;
  --ty-alert-stack-gap: 14px;
  --ty-alert-title-font-size: 17px;
  --ty-alert-title-font-weight: 500;
  --ty-alert-title-margin-bottom: 5px;
  --ty-alert-desc-line-height: 16px;
  --ty-alert-icon-gap: 7px;
  --ty-alert-icon-offset-top: 1px;
  --ty-alert-close-offset-top: 10px;
  --ty-alert-close-offset-inline-end: 13px;
}

@media (prefers-color-scheme: dark) {
  [data-tiny-theme='system'] {
  --ty-alert-border-radius: 3px;
  --ty-alert-padding: 10px 30px 10px 13px;
  --ty-alert-font-weight: var(--ty-font-weight);
  --ty-alert-font-size: var(--ty-font-size-base);
  --ty-alert-transition-duration: 300ms;
  --ty-alert-stack-gap: 14px;
  --ty-alert-title-font-size: 17px;
  --ty-alert-title-font-weight: 500;
  --ty-alert-title-margin-bottom: 5px;
  --ty-alert-desc-line-height: 16px;
  --ty-alert-icon-gap: 7px;
  --ty-alert-icon-offset-top: 1px;
  --ty-alert-close-offset-top: 10px;
  --ty-alert-close-offset-inline-end: 13px;
}
}