/* SIGNAL 2002, LAB B, the disc spindle. SILVER's live palette only (silver.py LIVE). */
.lb{--hole:#1a3a9e;--lcd:#ffffff;--lcd-ghost:rgba(255,255,255,.12);--lcd-dim:#9fb6ff;--amber:#ff8a1e;background:var(--dskin) 0 0/var(--sw) var(--sh) no-repeat}
.lb .dh{background:linear-gradient(180deg,#2448b8 0,#173193 100%)}
.lb .dh::after{background:radial-gradient(circle,rgba(0,8,50,.45) 0 .7px,transparent 1px) 0 0/3px 3px}
.lb .seg__lit{text-shadow:0 0 4px rgba(200,220,255,.6)}
.lb .seg--title{font-family:"DSEG14",var(--dot);font-size:30px;position:absolute;left:14px;top:10px}
.lb .seg--title .seg__lit{left:0;right:auto;white-space:pre}
.lb .lcd__sub{position:absolute;left:14px;right:14px;bottom:5px;display:flex;gap:14px;font:400 9px var(--px);color:var(--lcd-dim)}
.lb .tbc{color:var(--amber)}

.lb .lb__disc{border-radius:50%}
.lb .lb__disc:focus-visible{outline-offset:-4px}
.lb .lb__dl[aria-disabled="true"]:hover,.lb .lb__dl[aria-disabled="true"]:active{background-image:none;cursor:default}
.lb .lb__dl.is-lit{background-image:var(--dlit)}
.lb .lb__dl.is-lit:active,.lb .lb__dl.is-down{background-image:var(--ddown)}

.lb__read{display:flex;align-items:center;justify-content:space-between;padding:0 20px}
.lb__now{position:relative;z-index:1;font:400 16px var(--px);color:#fff;letter-spacing:1px}
.lb__keyrow{position:relative;z-index:1;display:flex;gap:8px;align-items:center}
.lb__keyrow i{width:12px;height:12px;box-shadow:inset 0 0 0 1px var(--lcd-dim)}
.lb__keyrow i.on{background:#fff;box-shadow:none}
.lb .lb__title .lcd__sub .lb__keyrow i{width:7px;height:7px}

.lb__info{padding:16px 20px}
.lb__empty{position:relative;z-index:1;font:400 14px var(--px);color:var(--lcd-dim);letter-spacing:1px}
.lb__panel{position:relative;z-index:1}
.lb__bar{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:6px;border-bottom:2px solid #fff}
.lb__bar b{font:400 16px var(--px);color:#fff;letter-spacing:1px}
.lb__bar span{font:400 10px var(--px);color:var(--lcd-dim)}
.lb__panel dl{margin-top:8px}
.lb__panel dl div{display:flex;justify-content:space-between;gap:12px;padding:5px 0;border-bottom:1px solid #3b55a8;font-size:22px;line-height:1}
.lb__panel dt{font:400 9px var(--px);color:var(--lcd-dim);align-self:center}
.lb__panel dd{color:#fff}
.lb__panel dd.tbc{color:var(--amber)}
.lb__say{margin-top:8px;font:400 11px var(--px);color:var(--amber);letter-spacing:1px;min-height:12px}
.lb__pv img{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);object-fit:cover;z-index:1;box-shadow:0 0 0 1px rgba(0,8,50,.6)}

.lb.is-phone .seg--title{font-size:22px;left:10px;top:7px}
.lb.is-phone .lcd__sub{left:10px;right:10px;font-size:8px;bottom:4px}
.lb.is-phone .lb__info{padding:10px 12px}
.lb.is-phone .lb__panel img{float:right;width:96px;height:72px;object-fit:cover;margin:0 0 6px 10px;box-shadow:0 0 0 1px rgba(0,8,50,.6)}
.lb.is-phone .lb__bar{display:block}
.lb.is-phone .lb__bar b{display:block;font-size:12px}
.lb.is-phone .lb__bar span{font-size:8px}
.lb.is-phone .lb__panel dl{clear:both;margin-top:4px}
.lb.is-phone .lb__panel dl div{font-size:17px;padding:2px 0}
.lb.is-phone .lb__say{font-size:9px;margin-top:5px}