.monitor-device-card[data-v-3058465a]{display:flex;flex-direction:column;row-gap:.75rem;border:1px solid var(--bs-border-color);border-radius:.875rem;background:var(--bs-secondary-bg);padding:1rem 0;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease}.monitor-device-card[data-v-3058465a]:hover{border-color:var(--bs-primary);box-shadow:0 2px 8px #00000014}.monitor-device-card[data-v-3058465a]:focus-visible{outline:2px solid var(--bs-primary);outline-offset:2px}.monitor-device-card.is-alert[data-v-3058465a]{border-color:var(--bs-danger);background:rgb(var(--bs-danger-rgb),.04)}.monitor-device-card.is-alert.severity-warning[data-v-3058465a]{border-color:var(--bs-warning);background:rgb(var(--bs-warning-rgb),.04)}.monitor-device-card.is-alert.severity-caution[data-v-3058465a]{border-color:var(--bs-caution);background:rgb(var(--bs-caution-rgb),.04)}.monitor-device-card.is-offline[data-v-3058465a]{opacity:.85;background:var(--bs-light)}.mdc-leading[data-v-3058465a]{position:relative;width:56px;height:56px;flex:0 0 56px;display:flex;align-items:center;justify-content:center;border:1px solid var(--bs-border-color);border-radius:50%;background:var(--bs-tertiary-bg);font-size:1.25rem;color:var(--bs-body-color)}.mdc-leading .mdc-leading-bg[data-v-3058465a]{position:absolute;inset:5px;border-radius:50%;background:currentColor;opacity:.12}.mdc-leading .mdc-leading-metric[data-v-3058465a],.mdc-leading>i[data-v-3058465a]{position:relative;z-index:1}.mdc-leading .mdc-leading-metric[data-v-3058465a]{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums}.mdc-leading[role=button][data-v-3058465a]{cursor:pointer}.mdc-content[data-v-3058465a]{row-gap:.375rem}.mdc-status-dot[data-v-3058465a]{display:inline-block;width:8px;height:8px;border-radius:50%;vertical-align:middle}.mdc-title[data-v-3058465a]{color:var(--bs-heading-color);line-height:1.25}.mdc-meta-row[data-v-3058465a]{font-size:.8125rem}.mdc-status-badge[data-v-3058465a]{font-size:.8125rem;text-transform:none;white-space:nowrap}.monitor-device-card.is-compact[data-v-3058465a]{row-gap:0;padding:.5rem .75rem;border:none;border-radius:.375rem;background:transparent;box-shadow:none;margin-bottom:.25rem}.monitor-device-card.is-compact[data-v-3058465a]:hover{border-color:transparent;background:var(--bs-tertiary-bg);box-shadow:none}.monitor-device-card.is-compact.is-alert[data-v-3058465a],.monitor-device-card.is-compact.is-alert.severity-warning[data-v-3058465a],.monitor-device-card.is-compact.is-alert.severity-caution[data-v-3058465a],.monitor-device-card.is-compact.is-offline[data-v-3058465a]{border-color:transparent;background:transparent;opacity:1}.monitor-device-card.is-compact.is-selected[data-v-3058465a]{background:var(--bs-primary-bg-subtle);opacity:1}.monitor-device-card.is-compact .mdc-main[data-v-3058465a]{gap:.625rem;padding:0}.monitor-device-card.is-compact .mdc-leading[data-v-3058465a]{width:40px;height:40px;flex:0 0 40px;font-size:1rem}.monitor-device-card.is-compact .mdc-leading .mdc-leading-bg[data-v-3058465a]{inset:4px}.monitor-device-card.is-compact .mdc-leading .mdc-leading-metric[data-v-3058465a]{font-size:.8125rem}.monitor-device-card.is-compact .mdc-title[data-v-3058465a]{font-size:.875rem}.monitor-device-card.is-compact .mdc-meta-row[data-v-3058465a]{font-size:.75rem}