| 1 |
- .classic-overlay[data-layout]{--text-primary:#fff;height:var(--overlay-height);min-height:var(--overlay-height)}.classic-overlay[data-layout=portrait]{--classic-scale:1}.classic-overlay[data-layout=portrait][data-size=small]{--classic-scale:.8}.classic-overlay[data-layout=portrait][data-size=large]{--classic-scale:1.2}.classic-overlay[data-layout=portrait] .classic-overlay__text{font-size:calc(30px * var(--classic-scale));line-height:1.4}.classic-overlay[data-layout=portrait] .classic-overlay__filename{font-size:calc(42px * var(--classic-scale));white-space:normal;overflow-wrap:anywhere;line-height:1.2}.classic-overlay[data-layout=portrait] .classic-overlay__panel{padding:32px}.classic-overlay[data-layout=portrait] .classic-overlay__icon{flex-shrink:0;width:30px;height:30px}.classic-overlay[data-layout=portrait] .classic-overlay__logo{height:120px}.updated-overlay{--overlay-scale:1;--overlay-space:clamp(12px, calc(2.5 * var(--overlay-vmin,1vmin)), 32px);isolation:isolate;min-height:var(--overlay-height,100vh);color:#fff;background:rgb(16 23 27/var(--overlay-background-alpha,1));font-size:calc(clamp(14px, calc(2.2 * var(--overlay-vmin,1vmin)), 28px) * var(--overlay-scale));font-variant-numeric:tabular-nums;flex-direction:column;justify-content:space-between;line-height:1.3;display:flex;position:relative}.updated-overlay[data-size=small]{--overlay-scale:.8}.updated-overlay[data-size=large]{--overlay-scale:1.2}.updated-overlay__header{justify-content:space-between;align-items:flex-start;gap:var(--overlay-space);padding:var(--overlay-space);z-index:1;display:flex}.updated-overlay__identity{background:rgb(12 19 23/var(--overlay-identity-alpha,.9));border-radius:.7em;align-items:center;gap:.7em;min-width:0;padding:.65em .9em;display:flex}.updated-overlay__identity svg{flex-shrink:0;width:2em;height:2em}.updated-overlay__identity div{overflow-wrap:anywhere;min-width:0}.updated-overlay__identity strong{font-size:1.35em;display:block}.updated-overlay__identity span{color:#b8c0c7;display:block}.updated-overlay__logo{flex-shrink:0;margin-left:auto}.updated-overlay__logo>a img{width:clamp(100px, calc(19 * var(--overlay-vmin,1vmin)), 230px);height:auto}.updated-overlay__camera{z-index:-1;position:absolute;inset:0;overflow:hidden}.updated-overlay__camera img{object-fit:cover;width:100%;max-width:none;height:100%;position:absolute;top:50%;left:50%}.updated-overlay__panel{padding:var(--overlay-space);background:rgb(12 19 23/var(--overlay-panel-alpha,.88))}.updated-overlay__summary{justify-content:space-between;align-items:center;gap:1em;margin-bottom:.8em;display:flex}.updated-overlay__summary h1{overflow-wrap:anywhere;min-width:0;font-size:1.65em;font-weight:700;line-height:1.2}.updated-overlay__status{color:#b8c0c7;align-items:center;gap:.5em;font-size:1.15em;font-weight:600;display:flex}.updated-overlay__status>span{background:currentColor;border-radius:50%;flex-shrink:0;width:.75em;height:.75em}.updated-overlay[data-state=RUNNING] .updated-overlay__status,.updated-overlay[data-state=FINISH] .updated-overlay__status{color:#00d76a}.updated-overlay[data-state=PAUSE] .updated-overlay__status{color:#fbbf24}.updated-overlay[data-state=FAILED] .updated-overlay__status{color:#f87171}.updated-overlay__progress{align-items:center;gap:1em;display:flex}.updated-overlay__progress>span{color:#b8c0c7;text-transform:uppercase;font-size:.8em}.updated-overlay__progress>strong{color:#00d76a;font-size:1.4em}.updated-overlay__progress>div{background:#3c454c;border-radius:1em;flex:1;height:.65em;overflow:hidden}.updated-overlay__progress>div>div{border-radius:inherit;background:#00d76a;height:100%;transition:width .5s}.updated-overlay__readings{border-top:1px solid #ffffff35;flex-wrap:wrap;gap:1em;margin-top:.8em;padding-top:.8em;display:flex}.updated-overlay__stats,.updated-overlay__temperatures{flex-wrap:wrap;flex:auto;gap:1em;display:flex}.updated-overlay__reading{flex:auto;align-items:center;gap:.6em;min-width:0;display:flex}.updated-overlay__reading svg{flex-shrink:0;width:1.8em;height:1.8em}.updated-overlay__reading>div>span{color:#b8c0c7;text-transform:uppercase;font-size:.7em;display:block}.updated-overlay__reading strong{overflow-wrap:anywhere;font-size:1.3em;display:block}.updated-overlay__reading small{color:#b8c0c7;font-size:.65em}.updated-overlay[data-layout=portrait]{font-size:calc(clamp(14px, calc(3 * var(--overlay-vmin,1vmin)), 36px) * var(--overlay-scale));min-height:var(--overlay-height,100vh);grid-template-rows:auto 1fr auto;grid-template-columns:minmax(0,1fr);display:grid}.updated-overlay[data-layout=portrait] .updated-overlay__header{background:rgb(16 23 27/var(--overlay-background-alpha,1));grid-row:1;align-items:center}.updated-overlay[data-layout=portrait] .updated-overlay__identity{background:0 0;padding:0}.updated-overlay[data-layout=portrait] .updated-overlay__camera{min-height:calc(var(--overlay-height,100vh) * .3);z-index:0;grid-row:2;position:relative}.updated-overlay[data-layout=portrait] .updated-overlay__panel{background:rgb(16 23 27/var(--overlay-background-alpha,1));grid-row:3}.updated-overlay[data-layout=portrait] .updated-overlay__summary{flex-direction:column-reverse;align-items:stretch;gap:.65em}.updated-overlay[data-layout=portrait] .updated-overlay__progress{flex-wrap:wrap;justify-content:space-between;gap:.3em}.updated-overlay[data-layout=portrait] .updated-overlay__progress>div{flex:0 0 100%;order:1}.updated-overlay[data-layout=portrait] .updated-overlay__readings{flex-direction:column}.updated-overlay[data-layout=portrait] .updated-overlay__temperatures:not(:first-child){border-top:1px solid #ffffff35;padding-top:.8em}@media (prefers-reduced-motion:reduce){.updated-overlay__progress>div>div{transition:none}}
|
