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

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

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

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

.wallboard-body > .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)))); }

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

.wallboard-body.fullscreen > .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)))); }

.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(10, 1fr); grid-auto-rows: 1fr; flex-grow: 1; line-height: 1.5; overflow: hidden; }

.wallboard > div { grid-column: auto / span 2; 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; }

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

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

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

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

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

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

.wallboard > div.tile-time { flex-direction: row; column-gap: 5%; }

.wallboard > div.tile-time .time-current { font-size: calc((100px * var(--wallboard-height) / 1080) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); font-weight: bold; flex-basis: 60%; text-align: center; letter-spacing: -0.02em; }

@media screen and (orientation: portrait) { .wallboard > div.tile-time .time-current { padding-left: 1.75vmin; flex-basis: 50%; } }

.wallboard > div.tile-time .date-current { flex-basis: 40%; text-align: left; }

.wallboard > div.tile-time .date-current span { font-weight: bold; font-size: calc((42px * var(--wallboard-height) / 1080) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); text-transform: capitalize; }

.wallboard > div.tile-time .date-current div { white-space: nowrap; font-size: calc((36px * var(--wallboard-height) / 1080) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); }

.wallboard > div.tile-chart { flex-direction: row; column-gap: 5%; 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)))); justify-content: space-evenly; }

@media screen and (orientation: portrait) { .wallboard > div.tile-chart { flex-direction: column; } }

.wallboard > div.tile-chart .tile-chart-label { white-space: pre-line; text-align: left; font-size: calc((42px * var(--wallboard-height) / 1080) * min((1920/1080) / (var(--wallboard-width)/var(--wallboard-height)), (var(--wallboard-width)/var(--wallboard-height)/ (1920/1080)))); font-weight: bold; }

@media screen and (orientation: portrait) { .wallboard > div.tile-chart .tile-chart-label { text-align: center; } }

.wallboard > div.tile-chart .wallboard-service-level-chart { position: relative; max-height: 100%; }

.wallboard > div.tile-chart .wallboard-service-level-chart canvas { max-height: 100%; }

.wallboard > div.tile-chart .wallboard-service-level-chart .chart-label { 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)))); font-weight: bold; position: absolute; top: 45%; width: 100%; text-align: center; letter-spacing: -0.05em; }

.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); }

.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)))); }

.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; }

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