[data-appcardid="plugin.malfini-wallboard"], [data-appcardid="plugin.malfini-wallboard"] body, [data-appcardid="plugin.malfini-wallboard"] .application { width: 100%; height: 100%; overflow: hidden; }

[data-appcardid="plugin.malfini-wallboard"] .application > .malfini-wallboard-body { width: 100%; height: 100%; }

.malfini-wallboard-body { display: flex; flex-direction: column; justify-items: stretch; }

.malfini-wallboard-body > .malfini-wallboard { background: var(--panel-bg); display: grid; align-items: stretch; justify-items: stretch; appearance: none; border-radius: 0; border: 0; outline: 0; cursor: pointer; }

.malfini-wallboard-body > .malfini-wallboard:fullscreen { cursor: none; border-radius: calc((45px * var(--wallboard-width) / 1920) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); }

.malfini-wallboard-body.fullscreen { position: fixed; left: 0; right: 0; top: 0; bottom: 0; background: #000; }

.malfini-wallboard-body.fullscreen > .malfini-wallboard { cursor: none; border-radius: calc((45px * var(--wallboard-width) / 1920) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); }

.malfini-wallboard { --wallboard-width: 1920; --wallboard-height: 1080; display: grid; background: var(--secondary-hover); padding: calc((40px * var(--wallboard-width) / 1920) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))) calc((40px * var(--wallboard-height) / 1080) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); row-gap: calc((40px * var(--wallboard-height) / 1080) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); column-gap: calc((40px * var(--wallboard-width) / 1920) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); grid-template-columns: repeat(20, 1fr); grid-auto-rows: 1fr; flex-grow: 1; line-height: 1.5; overflow: hidden; }

.malfini-wallboard > div { grid-column: auto / span 4; border-radius: calc((20px * var(--wallboard-width) / 1920) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); background: var(--secondary-hover); color: var(--body-fg); text-align: center; padding: calc((20px * var(--wallboard-height) / 1080) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))) calc((20px * var(--wallboard-width) / 1920) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); overflow: hidden; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 1em; }

.malfini-wallboard > div:nth-child(1), .malfini-wallboard > div:nth-child(2), .malfini-wallboard > div:nth-child(3), .malfini-wallboard > div:nth-child(4) { grid-column: auto / span 5; }

.malfini-wallboard > div.orange { background: var(--warning); color: var(--warning-text); }

.malfini-wallboard > div.green { background: var(--success); color: var(--success-text); }

.malfini-wallboard > div.blue { background: var(--primary); color: var(--primary-text); }

.malfini-wallboard > div.red { background: var(--error); color: var(--error-text); }

.malfini-wallboard > div.violet { background: #9100ff; color: #ffffff; }

@media screen and (orientation: portrait) { .malfini-wallboard > div { padding-bottom: 0 !important; } }

.malfini-wallboard > div .value { font-size: calc((80px * var(--wallboard-height) / 1080) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); font-weight: var(--font-weight-bolder); }

.malfini-wallboard > div .value.smaller { font-size: calc((60px * var(--wallboard-height) / 1080) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); }

.malfini-wallboard > div .label { font-size: calc((30px * var(--wallboard-height) / 1080) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); white-space: pre-line; line-height: 1.2; }

.malfini-wallboard > div .label-small { font-size: calc((20px * var(--wallboard-height) / 1080) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); white-space: pre-line; line-height: 1.2; }

/*# sourceMappingURL=style.css.map */