.zf-monitor-micro-card[data-v-be5a0567]{border-radius:var(--zf-radius-md);border-width:1px;border-color:var(--el-border-color-light);background-color:var(--el-bg-color);flex-direction:column;min-height:88px;padding:.75rem;transition-property:all;transition-duration:.3s;transition-timing-function:cubic-bezier(.4,0,.2,1);display:flex;position:relative;box-shadow:0 1px 4px -2px #0000000f}.micro-card--clickable[data-v-be5a0567]{cursor:pointer;text-align:left}.micro-card--clickable[data-v-be5a0567]:hover{--tw-translate-y:-.125rem;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));border-color:var(--el-border-color);box-shadow:0 6px 20px -6px rgb(var(--zfile-primary-rgb) / .12)}.micro-card--clickable[data-v-be5a0567]:active{--tw-translate-y:0px;transform:translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.micro-card--clickable[data-v-be5a0567]:focus-visible{outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow,0 0 #0000);--tw-ring-color:rgb(var(--zfile-primary-rgb) / .4);outline:2px solid #0000}.dark .micro-card--clickable[data-v-be5a0567]:hover{border-color:var(--el-border-color-dark);box-shadow:0 6px 20px -6px #0006}
