{"version":3,"file":"alert.module.mjs","names":[],"sources":["../../../../package/common/alert/alert.module.pcss"],"sourcesContent":[".alert {\n  display: flex;\n  align-items: flex-start;\n  gap: 0.625em;\n  padding: 0.75em 0.875em;\n  border-radius: var(--default-border-radius);\n  border-left: 0.1875em solid var(--tone);\n  background: var(--background-accent);\n\n  /* Must follow the shorthand above, which resets it. The gradient reaches over border-left only\n     because its origin is the border box; the border is the fallback. */\n  background-image: var(--tone-gradient);\n  background-repeat: no-repeat;\n  background-size: 0.1875em 100%;\n  background-origin: border-box;\n  color: var(--text-color);\n  font-family: var(--default-font);\n  box-sizing: border-box;\n\n  &-icon {\n    flex-shrink: 0;\n    color: var(--tone);\n    margin-top: 0.1333em; /* 2px against this element's own 0.9375em */\n    font-size: 0.9375em;\n  }\n\n  &-content {\n    flex: 1;\n    font-size: 0.875em;\n    line-height: 1.4;\n  }\n\n  &-title {\n    font-weight: var(--header-font-weight, 600);\n\n    &:not(:only-child) {\n      margin-bottom: 0.143em;\n    }\n  }\n\n  &-description {\n    color: var(--text-dark);\n  }\n\n  /* Two classes, to outrank Button's font-size and ActionIcon's box whichever stylesheet loads\n     first. */\n  & &-closeButton {\n    flex-shrink: 0;\n    width: 1em;\n    height: 1em;\n    font-size: 0.8125em;\n    opacity: 0.6;\n    transition: opacity 0.15s;\n    margin-top: 0.1538em; /* 2px against this element's own 0.8125em */\n\n    &:hover {\n      opacity: 1;\n    }\n  }\n}\n"],"mappings":""}