style.ts

import { CSSResultGroup, css } from "lit";

export const styles: CSSResultGroup = css`
    .container {
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    height: 100%;
    width: 100%;
    padding: 5px;
    }

    .card {
    border-radius: var(--ha-card-border-radius, 10px);
    box-shadow: var(--ha-card-box-shadow, 0px 0px 0px 1px rgba(0, 0, 0, 0.12), 0px 0px 0px 0px rgba(0, 0, 0, 0.12), 0px 0px 0px 0px rgba(0, 0, 0, 0.12));
    background: var(--ha-card-background, var(--card-background-color, white));
    border-width: var(--ha-card-border-width);
    padding: 0px;
    }

    text { text-anchor: middle; dominant-baseline: middle; }

    .left-align {text-anchor: start;}
    .right-align {text-anchor: end;}
    .st1{fill:#ff9b30;}
    .st2{fill:#f3b3ca;}
    .st3{font-size:9px;}
    .st4{font-size:14px;}
    .st5{fill:#969696;}
    .st6{fill:#5fb6ad;}
    .st7{fill:#5490c2;}
    .st8{font-weight:500}
    .st9{fill:#959595;}
    .st10{font-size:16px;}
    .st11{fill:transparent;}
    .st12{display:none;}
    .st13{font-size:22px;}
    .st14{font-size:12px;}

    `;