{"version":3,"file":"errorBoundary.module.mjs","names":[],"sources":["../../../../package/common/errorBoundary/errorBoundary.module.pcss"],"sourcesContent":["@keyframes errorBoundaryBadgeIn {\n  from {\n    opacity: 0;\n    transform: scale(0.6);\n  }\n\n  to {\n    opacity: 1;\n    transform: scale(1);\n  }\n}\n\n@keyframes errorBoundaryFadeUp {\n  from {\n    opacity: 0;\n    transform: translateY(6px);\n  }\n\n  to {\n    opacity: 1;\n    transform: translateY(0);\n  }\n}\n\n.errorBoundary {\n  position: relative;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 20px;\n  padding: 36px 28px;\n  border-radius: var(--default-border-radius);\n  background: var(--background-accent);\n  border: 1px solid var(--border-color);\n  box-shadow: var(--card-shadow);\n  color: var(--text-color);\n  font-family: var(--default-font);\n  box-sizing: border-box;\n  overflow: hidden;\n  isolation: isolate;\n\n  &::before {\n    content: '';\n    position: absolute;\n    top: -30px;\n    left: 50%;\n    width: 260px;\n    height: 180px;\n    transform: translateX(-50%);\n    background: radial-gradient(closest-side, color-mix(in srgb, var(--error-color) 16%, transparent), transparent);\n    pointer-events: none;\n    z-index: -1;\n  }\n\n  &Header {\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 8px;\n    text-align: center;\n    max-width: 420px;\n  }\n\n  &Badge {\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 52px;\n    height: 52px;\n    border-radius: 50%;\n    background: var(--error-lighter);\n    box-shadow: 0 0 0 6px color-mix(in srgb, var(--error-color) 8%, transparent);\n    margin-bottom: 4px;\n    animation: errorBoundaryBadgeIn 0.35s ease-out;\n  }\n\n  &Icon {\n    font-size: 20px;\n    color: var(--error-color, #ef4444);\n  }\n\n  &Title {\n    font-weight: var(--header-font-weight, 700);\n    font-size: 17px;\n    animation: errorBoundaryFadeUp 0.3s ease-out 0.05s backwards;\n  }\n\n  &Description {\n    color: var(--text-dark);\n    font-size: 14px;\n    line-height: 1.5;\n    word-break: break-word;\n    animation: errorBoundaryFadeUp 0.3s ease-out 0.1s backwards;\n  }\n\n  &Stack {\n    align-self: stretch;\n    width: 100%;\n    text-align: left;\n    animation: errorBoundaryFadeUp 0.3s ease-out 0.15s backwards;\n  }\n\n  &StackHeader {\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 10px;\n    margin-bottom: 10px;\n  }\n\n  &StackLabel {\n    font-family: var(--monospace-font, monospace);\n    font-size: 11px;\n    font-weight: 700;\n    letter-spacing: 0.02em;\n    text-transform: uppercase;\n    color: var(--error-color, #ef4444);\n    background: var(--error-lighter);\n    padding: 3px 8px;\n    border-radius: 999px;\n  }\n\n  &CopyButton {\n    flex-shrink: 0;\n  }\n\n  &StackTrace {\n    margin: 0;\n    padding: 12px;\n    border-radius: var(--default-border-radius);\n    background: var(--background);\n    color: var(--text-dark);\n    font-family: var(--monospace-font, monospace);\n    font-size: 12px;\n    line-height: 1.6;\n    white-space: pre-wrap;\n    word-break: break-word;\n    max-height: 320px;\n    overflow: auto;\n  }\n\n  &Actions {\n    display: flex;\n    justify-content: center;\n    animation: errorBoundaryFadeUp 0.3s ease-out 0.2s backwards;\n  }\n}\n\n@media (prefers-reduced-motion: reduce) {\n  .errorBoundaryBadge,\n  .errorBoundaryTitle,\n  .errorBoundaryDescription,\n  .errorBoundaryStack,\n  .errorBoundaryActions {\n    animation: none;\n  }\n}\n"],"mappings":""}