{"version":3,"file":"Toast.module.cjs","names":[],"sources":["../../../src/components/Toast/Toast.module.css"],"sourcesContent":[".container {\n    position: fixed;\n    display: flex;\n    flex-direction: column;\n    gap: var(--tempest-space-2);\n    z-index: var(--tempest-z-toast);\n    pointer-events: none;\n    max-width: 100%;\n}\n\n/* Top */\n.positionTopRight {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionTopLeft {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionTopCenter {\n    top: max(var(--tempest-space-4), var(--tempest-safe-area-top));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Bottom */\n.positionBottomRight {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    right: max(var(--tempest-space-4), var(--tempest-safe-area-right));\n}\n.positionBottomLeft {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: max(var(--tempest-space-4), var(--tempest-safe-area-left));\n}\n.positionBottomCenter {\n    bottom: max(var(--tempest-space-4), var(--tempest-safe-area-bottom));\n    left: 50%;\n    transform: translateX(-50%);\n    align-items: center;\n}\n\n/* Mobile — stretch full width and respect safe areas. */\n@media (max-width: 480px) {\n    .container {\n        left: max(var(--tempest-space-3), var(--tempest-safe-area-left)) !important;\n        right: max(var(--tempest-space-3), var(--tempest-safe-area-right)) !important;\n        transform: none !important;\n    }\n    .positionTopRight,\n    .positionTopLeft,\n    .positionTopCenter {\n        top: max(var(--tempest-space-3), var(--tempest-safe-area-top));\n    }\n    .positionBottomRight,\n    .positionBottomLeft,\n    .positionBottomCenter {\n        bottom: max(var(--tempest-space-3), var(--tempest-safe-area-bottom));\n    }\n    .toast {\n        min-width: 0;\n        max-width: 100%;\n    }\n}\n\n.toast {\n    pointer-events: auto;\n    display: flex;\n    align-items: flex-start;\n    gap: var(--tempest-space-3);\n    padding: var(--tempest-space-3) var(--tempest-space-4);\n    border-radius: var(--tempest-radius-lg);\n    background-color: var(--tempest-bg);\n    border: 1px solid var(--tempest-border);\n    box-shadow: var(--tempest-shadow-lg);\n    min-width: 280px;\n    max-width: 420px;\n    animation: tempest-toast-in var(--tempest-duration-base) var(--tempest-ease-emphasized);\n}\n\n.success {\n    border-left: 4px solid var(--tempest-success-solid);\n}\n.warning {\n    border-left: 4px solid var(--tempest-warning-solid);\n}\n.error {\n    border-left: 4px solid var(--tempest-danger-solid);\n}\n.info {\n    border-left: 4px solid var(--tempest-info-solid);\n}\n\n.title {\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    font-size: var(--tempest-text-base);\n    color: var(--tempest-text);\n    line-height: var(--tempest-leading-snug);\n    margin: 0;\n}\n\n.description {\n    font-size: var(--tempest-text-sm);\n    color: var(--tempest-text-muted);\n    line-height: var(--tempest-leading-snug);\n    margin: 2px 0 0 0;\n}\n\n.close {\n    margin-left: auto;\n    background: none;\n    border: none;\n    color: var(--tempest-text-muted);\n    padding: 4px;\n    border-radius: var(--tempest-radius-sm);\n    display: flex;\n    align-items: center;\n    transition: var(--tempest-transition-color);\n}\n\n@media (hover: hover) and (pointer: fine) {\n    .close:hover {\n        background-color: var(--tempest-surface);\n        color: var(--tempest-text);\n    }\n}\n\n.close:focus-visible {\n    outline: var(--tempest-focus-ring-width) solid var(--tempest-focus-ring-color);\n    outline-offset: var(--tempest-focus-ring-offset);\n}\n\n@keyframes tempest-toast-in {\n    from {\n        transform: translateX(24px);\n        opacity: 0;\n    }\n    to {\n        transform: translateX(0);\n        opacity: 1;\n    }\n}\n\n@media (prefers-reduced-motion: reduce) {\n    .toast {\n        animation: none;\n    }\n}\n"],"mappings":";"}