{"version":3,"file":"Avatar.module.cjs","names":[],"sources":["../../../src/components/Avatar/Avatar.module.css"],"sourcesContent":[".avatar {\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 50%;\n    background-color: var(--tempest-surface-2);\n    color: var(--tempest-text);\n    overflow: hidden;\n    font-family: var(--tempest-font-sans);\n    font-weight: var(--tempest-weight-semibold);\n    text-transform: uppercase;\n    flex-shrink: 0;\n    user-select: none;\n}\n\n.image {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n}\n\n.xs {\n    width: 24px;\n    height: 24px;\n    font-size: var(--tempest-text-2xs);\n}\n\n.sm {\n    width: 32px;\n    height: 32px;\n    font-size: var(--tempest-text-xs);\n}\n\n.md {\n    width: 40px;\n    height: 40px;\n    font-size: var(--tempest-text-base);\n}\n\n.lg {\n    width: 56px;\n    height: 56px;\n    font-size: var(--tempest-text-xl);\n}\n\n.xl {\n    width: 80px;\n    height: 80px;\n    font-size: var(--tempest-text-3xl);\n}\n\n.status {\n    position: relative;\n}\n\n.dot {\n    position: absolute;\n    bottom: 0;\n    right: 0;\n    width: 28%;\n    height: 28%;\n    border-radius: 50%;\n    border: 2px solid var(--tempest-bg);\n}\n\n.dot.online {\n    background-color: var(--tempest-success-solid);\n}\n\n.dot.offline {\n    background-color: var(--tempest-text-subtle);\n}\n\n.dot.busy {\n    background-color: var(--tempest-danger-solid);\n}\n"],"mappings":";"}