/* BIS Advance screen (the 'advance' skin). Every size is in virtual pixels of the real 1246 x 779 screen times --u, so the screen
   scales as a unit (container query units). Built from the manufacturer's manual figures; see NOTES.md, "Medtronic BIS Advance". */
@font-face{font-family:"Selawik";font-style:normal;font-weight:300;font-display:swap;src:url(fonts/Selawik-Light-latin.woff2) format("woff2")}
@font-face{font-family:"Selawik";font-style:normal;font-weight:400;font-display:swap;src:url(fonts/Selawik-Regular-latin.woff2) format("woff2")}
@font-face{font-family:"Selawik";font-style:normal;font-weight:600 700;font-display:swap;src:url(fonts/Selawik-Semibold-latin.woff2) format("woff2")}
.advwrap{display:block;min-width:0}
.advwrap[hidden]{display:none}
.advcase{background:#e8e7e3;border-radius:3.2% / 4.6%;padding:2.2% 2.2% 1.6%;box-shadow:inset 0 0 0 1px #c9c8c3,0 10px 30px -18px rgba(0,0,0,.7)}
.advband{background:#0049a5;border-radius:2.2% / 3.4%;padding:2.4% 2.4% 0;position:relative}
.advbrand{height:0;padding-bottom:5.6%;position:relative;font:600 0/1 Selawik,"Segoe UI",sans-serif}
.advbrand b{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:#bbcde1;font:600 clamp(11px,3.1cqw,30px)/1 Selawik,"Segoe UI",system-ui,sans-serif;letter-spacing:.01em}
.advband{container-type:inline-size}
@media (max-width:640px){.advcase{padding:6px;border-radius:12px}.advband{padding:1.2% 1.2% 0;border-radius:6px}.advbrand{padding-bottom:3.6%}}
.advs{--u:calc(100cqw / 1246);--sw:calc(1246 * 1px);container-type:inline-size;position:relative;aspect-ratio:16/10;background:#000;overflow:hidden;border-radius:calc(4*var(--cu,1px));color:#fff;font-family:Selawik,"Segoe UI","Open Sans",system-ui,sans-serif;user-select:none;-webkit-user-select:none;line-height:1}
.advs *{box-sizing:border-box}
.advs button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
.advs [hidden]{display:none!important}
.advs .a{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));width:calc(var(--w,0)*var(--u));height:calc(var(--h,0)*var(--u))}
.advs canvas.a{display:block}
/* text boxes: --x,--y is the anchor; l = left, c = centre, r = right (the vertical anchor is the middle of the line) */
.advs .t{position:absolute;left:calc(var(--x)*var(--u));top:calc(var(--y)*var(--u));font-size:calc(var(--fs,16)*var(--u));color:var(--c,#fff);white-space:nowrap;font-weight:var(--fw,400);transform:translateY(-50%)}
.advs .t.c{transform:translate(-50%,-50%)}.advs .t.r{transform:translate(-100%,-50%)}
.advs .cap{letter-spacing:.04em;text-transform:uppercase}
.advs .u{font-size:.34em;font-weight:400;margin-left:.12em;color:#d7dce4}
.advs :focus-visible{outline:calc(2*var(--u)) solid #178fd7;outline-offset:calc(1*var(--u));z-index:30}
/* bars */
.advs .xbar{position:absolute;left:0;top:0;width:calc(1246*var(--u));height:calc(61*var(--u));background:#1c242c}
.advs .tdiv{position:absolute;width:calc(1*var(--u));background:#2a3138}
.advs .hline{position:absolute;height:calc(1*var(--u));background:#2a3138}
.advs .left{position:absolute;left:0;top:calc(61*var(--u));width:calc(115*var(--u));height:calc(718*var(--u));background:#000;border-right:calc(1*var(--u)) solid #2a2f36}
.advs .rb{position:absolute;display:flex;flex-direction:column;align-items:center;width:calc(115*var(--u));left:0;color:#9c9ca4}
.advs .rb .ci{width:calc(36*var(--u));height:calc(36*var(--u));border-radius:50%;background:#44546c;display:flex;align-items:center;justify-content:center;margin-bottom:calc(15*var(--u));color:#e4e4e4}
.advs .rb .ci svg{width:calc(22*var(--u));height:calc(22*var(--u));display:block}
.advs .rb span.l{font-size:calc(13*var(--u));letter-spacing:.02em;line-height:calc(19*var(--u));text-align:center;text-transform:uppercase;white-space:nowrap}
.advs .rb:active .ci{background:#5a6c88}
.advs .pill{position:absolute;left:calc(22*var(--u));width:calc(70*var(--u));height:calc(34*var(--u));border-radius:calc(17*var(--u));background:#44546c;display:flex;padding:calc(2*var(--u))}
.advs .pill i{flex:1;display:flex;align-items:center;justify-content:center;border-radius:calc(15*var(--u));font-style:normal;font-size:calc(17*var(--u));font-weight:600;color:#fff}
.advs .pill i svg{width:calc(21*var(--u));height:calc(21*var(--u));display:block}
.advs .pill i.on{background:#8c94a4}
.advs .pill.lr i.on.L{background:#ec4c9c}.advs .pill.lr i.on.R{background:#04acec}
.advs .pill.lr i:not(.on){color:#e4e4e4}
/* top bar */
.advs .hb{z-index:21;position:absolute;left:0;top:0;width:calc(115*var(--u));height:calc(61*var(--u));display:flex;align-items:center;justify-content:center;border-right:calc(1*var(--u)) solid #2a3138}
.advs .hb i{display:block;width:calc(24*var(--u));height:calc(2.4*var(--u));background:#9ca3ab;margin:calc(4.3*var(--u)) 0}
.advs .hb.on{background:#262e38}
.advs .abar{position:absolute;left:calc(115*var(--u));top:0;width:calc(817*var(--u));height:calc(61*var(--u));display:flex;align-items:center;color:#fff}
.advs .abar.hi{background:#ed2024}.advs .abar.lo{background:#ecd40c;color:#000}
.advs .abar.hi.flash{animation:advflash 1s linear infinite}
@keyframes advflash{0%,70%{background:#ed2024}71%,100%{background:#c0141c}}
.advs .abar .cnt{position:absolute;left:calc(20*var(--u));top:calc(18*var(--u));display:flex;align-items:center;gap:calc(5*var(--u));font-size:calc(17*var(--u));height:calc(26*var(--u))}
.advs .abar .cnt .tri{width:0;height:0;border-left:calc(5*var(--u)) solid transparent;border-right:calc(5*var(--u)) solid transparent;border-top:calc(8*var(--u)) solid #6cc04a}
.advs .abar .cnt.xbtn{cursor:pointer}
.advs .abar .sep{position:absolute;left:calc(76*var(--u));top:calc(12*var(--u));width:calc(1*var(--u));height:calc(38*var(--u));background:rgba(255,255,255,.28)}
.advs .abar.lo .sep{background:rgba(0,0,0,.3)}
.advs .abar .ico{position:absolute;left:calc(98*var(--u));top:calc(17*var(--u));width:calc(34*var(--u));height:calc(28*var(--u))}
.advs .abar .l1{position:absolute;left:calc(147*var(--u));top:calc(18*var(--u));font-size:calc(17*var(--u));font-weight:600;transform:translateY(-50%);white-space:nowrap}
.advs .abar .l2{position:absolute;left:calc(147*var(--u));top:calc(42*var(--u));font-size:calc(17*var(--u));transform:translateY(-50%);white-space:nowrap}
.advs .apill{position:absolute;left:calc(739*var(--u));top:calc(10*var(--u));width:calc(172*var(--u));height:calc(42*var(--u));border-radius:calc(21*var(--u));background:#3c4c5c;display:flex;overflow:hidden;color:#dce4ec}
.advs .abar.hi~.apill{background:#642c34}.advs .abar.lo~.apill{background:#6a6a30}
.advs .apill button{height:100%;display:flex;align-items:center;justify-content:center}
.advs .apill .m{flex:1;gap:calc(8*var(--u));font-size:calc(17*var(--u));letter-spacing:.03em}
.advs .apill .m svg{width:calc(24*var(--u));height:calc(24*var(--u))}
.advs .apill .d{width:calc(54*var(--u));border-left:calc(1*var(--u)) solid rgba(255,255,255,.18)}
.advs .apill .d b{display:block;width:0;height:0;border-left:calc(6*var(--u)) solid transparent;border-right:calc(6*var(--u)) solid transparent;border-top:calc(11*var(--u)) solid #fff}
.advs .xctl{position:absolute;left:calc(651*var(--u));top:calc(56*var(--u));width:calc(262*var(--u));height:calc(72*var(--u));background:#2a323c;border-radius:calc(10*var(--u));display:flex;align-items:center;justify-content:space-around;padding:0 calc(8*var(--u));z-index:20}
.advs .xctl button{width:calc(52*var(--u));height:calc(52*var(--u));border-radius:50%;background:#e8ecf2;display:flex;align-items:center;justify-content:center}
.advs .xctl button.on{background:#f4dc16}
.advs .xctl button svg{width:calc(34*var(--u));height:calc(34*var(--u))}
.advs .xvol{position:absolute;left:calc(651*var(--u));top:calc(132*var(--u));width:calc(262*var(--u));background:#2a323c;border-radius:calc(10*var(--u));padding:calc(12*var(--u));z-index:20;display:flex;gap:calc(5*var(--u));align-items:flex-end;height:calc(64*var(--u))}
.advs .xvol button{flex:1;background:#4b5a70;border-radius:calc(3*var(--u));min-height:calc(10*var(--u))}
.advs .xvol button.on{background:#7cc02e}
.advs .alist{position:absolute;left:calc(115*var(--u));top:calc(61*var(--u));width:calc(817*var(--u));background:#343c44;z-index:19;padding:calc(10*var(--u)) calc(13*var(--u)) calc(14*var(--u));font-size:calc(16*var(--u))}
.advs .alist .r{display:flex;height:calc(27*var(--u));align-items:center}.advs .alist .r b{font-weight:400;width:calc(119*var(--u))}
.advs .alist .h{color:#9aa0a8}
.advs .dt{position:absolute;left:calc(947*var(--u));top:calc(20*var(--u));font-size:calc(15.5*var(--u));transform:translateY(-50%);white-space:nowrap}
.advs .tm{position:absolute;left:calc(947*var(--u));top:calc(42*var(--u));font-size:calc(15.5*var(--u));transform:translateY(-50%);white-space:nowrap}
.advs .idl{position:absolute;left:calc(1006*var(--u));top:calc(41*var(--u));height:calc(22*var(--u));display:flex;align-items:center;gap:calc(4*var(--u));font-size:calc(15*var(--u));transform:translateY(-50%)}
.advs .idl u{text-decoration-thickness:calc(1*var(--u));text-underline-offset:calc(2*var(--u))}
.advs .idl s{display:block;width:0;height:0;border-top:calc(4.5*var(--u)) solid transparent;border-bottom:calc(4.5*var(--u)) solid transparent;border-left:calc(7*var(--u)) solid #8c94a4;margin-left:calc(3*var(--u))}
.advs .ti{position:absolute;top:calc(30*var(--u));transform:translate(-50%,-50%);height:calc(18*var(--u))}
.advs .ti svg{display:block;height:100%;width:auto}
/* trend area headers and selectors */
.advs .hd{position:absolute;display:flex;align-items:center;white-space:nowrap}
.advs .sel{display:inline-flex;align-items:center;gap:calc(3*var(--u));font-size:calc(17*var(--u))}.advs .sel.sec{font-size:calc(19*var(--u))}
.advs .sel s,.advs .lnk s{display:inline-block;width:0;height:0;border-left:calc(5*var(--u)) solid transparent;border-right:calc(5*var(--u)) solid transparent;border-top:calc(8*var(--u)) solid #fff;margin:0 calc(2*var(--u))}
.advs .lnk{font-size:calc(11*var(--u));letter-spacing:.07em;text-transform:uppercase;display:inline-flex;align-items:center;gap:calc(5*var(--u))}
.advs .lnk u,.advs .ax u{text-underline-offset:calc(2*var(--u));text-decoration-thickness:calc(1*var(--u))}
.advs .lnk i{display:block;width:0;height:0;border-top:calc(4.5*var(--u)) solid transparent;border-bottom:calc(4.5*var(--u)) solid transparent;border-left:calc(9*var(--u)) solid #fff;margin-left:calc(2*var(--u))}
.advs .ttl{font-size:calc(19*var(--u));letter-spacing:.02em}
.advs .sq{display:inline-block;width:calc(11*var(--u));height:calc(11*var(--u));margin:0 calc(5*var(--u)) 0 calc(18*var(--u))}
.advs .cap2{font-size:calc(14*var(--u))}
.advs .legend{display:inline-flex;align-items:center;gap:calc(6*var(--u));margin-left:calc(26*var(--u));font-size:calc(14*var(--u))}
.advs .legend i{display:block;width:calc(112*var(--u));height:calc(9*var(--u));border-radius:calc(5*var(--u));background:linear-gradient(90deg,#1c3f9c 0,#2a8fd8 20%,#55c4a8 40%,#a7d44f 55%,#f6d51a 70%,#f58a1f 85%,#d9141c 100%)}
.advs .ax{position:absolute;display:flex;align-items:center;font-size:calc(13.5*var(--u));white-space:nowrap}
.advs .xpop{position:absolute;background:#2a323c;border:calc(1*var(--u)) solid #44546c;border-radius:calc(6*var(--u));z-index:21;padding:calc(4*var(--u));min-width:calc(110*var(--u));box-shadow:0 calc(6*var(--u)) calc(18*var(--u)) rgba(0,0,0,.6)}
.advs .xpop button{display:block;width:100%;padding:calc(7*var(--u)) calc(12*var(--u));font-size:calc(16*var(--u));border-radius:calc(4*var(--u));white-space:nowrap}
.advs .xpop button.on{background:#44546c}
.advs .xpop button:hover{background:#3a4658}
.advs .wm{position:absolute;color:rgba(130,130,70,.55);font-size:calc(22*var(--u));letter-spacing:.03em;white-space:nowrap;pointer-events:none;z-index:4}
/* numeric panels */
.advs .num{position:absolute}
.advs .bis{font-weight:400;line-height:1;position:absolute;transform:translate(-50%,-50%);letter-spacing:-.01em;white-space:nowrap;z-index:0}
.advs .bis.box{color:#fff!important}.advs .bis.box::before{content:"";position:absolute;z-index:-1;background:#ec2424;left:calc(-5*var(--u));right:calc(-5*var(--u));top:calc(.2em - 8.3*var(--u));bottom:calc(.085em)}
.advs .ybox{background:#ecd40c;color:#000!important;padding:calc(3*var(--u)) calc(6*var(--u));display:inline-block}.advs .ybox .u{color:#000}
.advs .sqi{position:absolute;display:flex;gap:calc(6*var(--u));align-items:flex-end}
.advs .sqi i{display:block;width:calc(8*var(--u));background:#1d2a20;border-radius:calc(1*var(--u))}
.advs .sqi i.on{background:var(--sc,#40b449)}
.advs .emgbar{position:absolute;background:#6c7584;overflow:hidden}
.advs .emgbar b{position:absolute;left:0;right:0;bottom:0;background:#e8792c}
.advs .badge{position:absolute;width:calc(23*var(--u));height:calc(23*var(--u));border-radius:50%;background:#44546c;color:var(--c,#ec4c9c);font-size:calc(14*var(--u));display:flex;align-items:center;justify-content:center;transform:translate(-50%,-50%)}
/* message bar */
.advs .mbar{position:absolute;left:calc(115*var(--u));top:calc(750*var(--u));width:calc(817*var(--u));height:calc(29*var(--u));background:#1c242c;font-size:calc(17*var(--u))}
.advs .mbar .mi{position:absolute;left:calc(9*var(--u));top:calc(6*var(--u));width:calc(26*var(--u));height:calc(22*var(--u))}
.advs .mbar .xmt{position:absolute;left:calc(48*var(--u));top:calc(15*var(--u));transform:translateY(-50%);white-space:nowrap}
.advs .mbar .mn{position:absolute;right:calc(87*var(--u));top:calc(15*var(--u));transform:translateY(-50%);font-size:calc(16*var(--u));display:flex;gap:calc(10*var(--u));align-items:center}
.advs .mbar .mn u{text-underline-offset:calc(2*var(--u));text-decoration-thickness:calc(1*var(--u))}
.advs .mbar .mn i{display:block;width:0;height:0;border-top:calc(4.5*var(--u)) solid transparent;border-bottom:calc(4.5*var(--u)) solid transparent;border-left:calc(8*var(--u)) solid #fff}
.advs .mbar .ck{position:absolute;right:0;top:0;width:calc(54*var(--u));height:100%;border-left:calc(1*var(--u)) solid #2a3138;display:flex;align-items:center;justify-content:center}
.advs .mbar .ck svg{width:calc(20*var(--u));height:calc(16*var(--u))}
.advs .mbar .bd{position:absolute;left:calc(21*var(--u));top:calc(4*var(--u));min-width:calc(14*var(--u));height:calc(14*var(--u));border-radius:calc(7*var(--u));background:#e8792c;font-size:calc(11*var(--u));display:flex;align-items:center;justify-content:center;color:#000;font-weight:600;padding:0 calc(3*var(--u))}
/* main menu and dialogs */
.advs .shade{position:absolute;inset:0;background:rgba(0,0,0,.35);z-index:18}
.advs .mm{position:absolute;left:0;top:calc(61*var(--u));width:calc(331*var(--u));height:calc(660*var(--u));background:#232a35;z-index:23;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,1fr);gap:calc(8*var(--u));padding:calc(5*var(--u))}
.advs .mm button{background:#353d4a;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(26*var(--u));font-size:calc(17.5*var(--u));letter-spacing:.07em;text-transform:uppercase;text-align:center;line-height:1.35;padding:0 calc(8*var(--u))}
.advs .mm button svg{width:calc(36*var(--u));height:calc(36*var(--u))}
.advs .mm button:hover{background:#3d4658}
.advs .mm button[aria-disabled="true"]{color:#68707e}.advs .mm button[aria-disabled="true"] svg{opacity:.45}
.advs .dlg{position:absolute;background:#fcfcfc;color:#1a1f28;z-index:24;border:calc(1*var(--u)) solid #444c64;box-shadow:0 calc(10*var(--u)) calc(30*var(--u)) rgba(0,0,0,.6);display:flex;flex-direction:column;font-size:calc(17*var(--u))}
.advs .dlg .th{height:calc(28*var(--u));background:#444c64;color:#fff;display:flex;align-items:center;padding:0 calc(10*var(--u));font-size:calc(14*var(--u));letter-spacing:.02em;flex:none;text-transform:uppercase}
.advs .dlg .th .x{margin-left:auto;width:calc(30*var(--u));height:calc(28*var(--u));display:flex;align-items:center;justify-content:center}
.advs .dlg .th .x svg{width:calc(14*var(--u));height:calc(14*var(--u))}
.advs .dlg .th span.g{color:#b4bccc}
.advs .dlg .bd{flex:1;display:flex;min-height:0;position:relative}
.advs .dlg .rail{width:calc(200*var(--u));background:#e4e4ec;overflow:auto;flex:none}
.advs .dlg.alm .rail{width:calc(195*var(--u))}
.advs .dlg .rail .sh{font-size:calc(12*var(--u));color:#4a5470;padding:calc(10*var(--u)) calc(9*var(--u)) calc(3*var(--u));letter-spacing:.03em;text-transform:uppercase}
.advs .dlg .rail button{display:flex;align-items:center;gap:calc(8*var(--u));width:100%;padding:0 calc(9*var(--u));min-height:calc(31*var(--u));font-size:calc(16*var(--u));color:#1a1f28}
.advs .dlg .rail button em{font-style:normal;margin-left:auto;color:#767c8a;font-size:calc(14*var(--u))}
.advs .dlg .rail button em.on{color:#43b061}
.advs .dlg .rail button.on{background:#fff;color:#1f4f8f}
.advs .dlg .rail button img,.advs .dlg .rail button svg.ri{width:calc(20*var(--u));height:calc(16*var(--u));flex:none}
.advs .dlg .rail.lay button{min-height:calc(66*var(--u));gap:calc(14*var(--u));padding:calc(4*var(--u)) calc(9*var(--u))}
.advs .dlg .rail.lay button svg{width:calc(51*var(--u));height:calc(38*var(--u));flex:none}
.advs .dlg .pane{flex:1;padding:calc(14*var(--u)) calc(22*var(--u));overflow:auto;position:relative;min-width:0}
.advs .dlg .ft{height:calc(40*var(--u));background:#f0f0f0;display:flex;align-items:center;justify-content:flex-end;gap:calc(14*var(--u));padding:0 calc(12*var(--u));flex:none;font-size:calc(13*var(--u));color:#303846}
.advs .dlg .ft .hint{margin-right:auto;display:flex;align-items:center;gap:calc(7*var(--u))}
.advs .dlg .ft .hint svg{width:calc(14*var(--u));height:calc(18*var(--u))}
.advs .xbtn{height:calc(28*var(--u));min-width:calc(100*var(--u));padding:0 calc(14*var(--u));border-radius:calc(14*var(--u));font-size:calc(13.5*var(--u));letter-spacing:.02em;text-transform:uppercase;text-align:center!important;display:inline-flex;align-items:center;justify-content:center}
.advs .xbtn.dk{background:#3c4c54;color:#fff}
.advs .xbtn.pr{background:#3f8fd6;color:#fff}
.advs .xbtn.pr[disabled]{background:none;border:calc(1*var(--u)) solid #c5ccd6;color:#b0b8c4;cursor:default}
.advs .xbtn.dis{opacity:.45}
.advs .h1{font-size:calc(17*var(--u));margin-bottom:calc(8*var(--u));display:flex;align-items:center;gap:calc(10*var(--u));color:#1a1f28}
.advs .h2{font-size:calc(21*var(--u));color:#1a1f28}
.advs .xrow{display:flex;align-items:center;gap:calc(14*var(--u));min-height:calc(40*var(--u))}
.advs .xrow .sp{margin-left:auto}
.advs .hr{height:calc(1*var(--u));background:#dde2ea;margin:calc(8*var(--u)) 0}
.advs .tog{width:calc(44*var(--u));height:calc(26*var(--u));border-radius:calc(13*var(--u));background:#b6bdc9;position:relative;flex:none;display:inline-block}
.advs .tog::after{content:"";position:absolute;left:calc(3*var(--u));top:calc(3*var(--u));width:calc(20*var(--u));height:calc(20*var(--u));border-radius:50%;background:#fff;transition:left .12s}
.advs .tog.on{background:#54bc74}.advs .tog.on::after{left:calc(21*var(--u))}
.advs .drum{display:flex;flex-direction:column;align-items:center;width:calc(80*var(--u));background:linear-gradient(#f4f6fa,#fff 50%,#f4f6fa);border-radius:calc(8*var(--u));box-shadow:0 0 0 calc(1*var(--u)) #e0e5ee;padding:calc(3*var(--u)) 0}
.advs .drum button{width:100%;text-align:center!important;color:#9aa3b4;font-size:calc(28*var(--u));line-height:calc(34*var(--u));height:calc(34*var(--u))}
.advs .drum button.cu{color:#000;font-size:calc(36*var(--u));border-top:calc(1*var(--u)) solid #e3e7ee;border-bottom:calc(1*var(--u)) solid #e3e7ee}
.advs .drum .ch{width:0;height:0;border-left:calc(5*var(--u)) solid transparent;border-right:calc(5*var(--u)) solid transparent;margin:calc(2*var(--u)) 0;opacity:.7}
.advs .drum .ch.u{border-bottom:calc(6*var(--u)) solid #444}.advs .drum .ch.d{border-top:calc(6*var(--u)) solid #444}
.advs .dim{color:#8a93a2}
.advs .fld{height:calc(38*var(--u));border:calc(1*var(--u)) solid #cfd5df;background:#fff;padding:0 calc(14*var(--u));font:inherit;font-size:calc(21*var(--u));color:#111;width:100%}
.advs select.sl{height:calc(38*var(--u));min-width:calc(194*var(--u));border:calc(1*var(--u)) solid #cfd5df;background:#fff;font:inherit;font-size:calc(19*var(--u));padding:0 calc(10*var(--u));color:#111;border-radius:0}
.advs .opt{display:inline-flex;gap:0;border:calc(1*var(--u)) solid #c5ccd6;border-radius:calc(4*var(--u));overflow:hidden}
.advs .opt button{padding:calc(6*var(--u)) calc(16*var(--u));font-size:calc(15*var(--u));text-align:center;background:#fff;color:#1a1f28;border-right:calc(1*var(--u)) solid #c5ccd6}
.advs .opt button:last-child{border-right:0}.advs .opt button.on{background:#3f8fd6;color:#fff}
.advs .opt.tx button{padding:calc(6*var(--u)) calc(12*var(--u))}
.advs .lst{width:100%;border-collapse:collapse;font-size:calc(15*var(--u))}
.advs .lst td,.advs .lst th{padding:calc(7*var(--u)) calc(8*var(--u));text-align:left;border-bottom:calc(1*var(--u)) solid #e0e4ec;font-weight:400}
.advs .lst th{color:#3f8fd6;font-size:calc(14*var(--u))}
.advs .lst tr.sel td{background:#e8f0fb}
.advs .help{font-size:calc(14.5*var(--u));line-height:1.45;color:#2a303c}
.advs .lay-prev{position:relative;margin-top:calc(14*var(--u))}
.advs .lay-prev svg{width:100%;height:auto;display:block}
.advs .ex{text-align:center;color:#7d8696;font-size:calc(16*var(--u));margin-top:calc(8*var(--u));letter-spacing:.03em}
.advs .sm{left:calc(319*var(--u))!important}
/* sensor check */
.advs .xsc{background:#ecf0f8}
.advs .xsc .th .ty{color:#b4bccc}.advs .xsc .th .ty b{color:#fff;font-weight:400}
.advs .xsc svg.sk{position:absolute;left:0;top:0;width:100%;height:100%}
.advs .xsc .cp{position:absolute;left:0;right:0;bottom:calc(14*var(--u));text-align:center;font-style:italic;font-size:calc(22*var(--u));color:#6b7280;display:flex;align-items:center;justify-content:center;gap:calc(12*var(--u))}
.advs .xsc .cp.ok{color:#111}
.advs .xsc .cp svg{width:calc(38*var(--u));height:calc(38*var(--u))}
.advs .xsc .acts{position:absolute;right:calc(10*var(--u));bottom:calc(10*var(--u));display:flex;gap:calc(8*var(--u))}
@keyframes advspin{to{transform:rotate(360deg)}}
.advs .spin{transform-origin:center;transform-box:fill-box;animation:advspin 1s linear infinite}
/* chart view */
.advs .chart{position:absolute;left:calc(115*var(--u));top:calc(61*var(--u));width:calc(817*var(--u));height:calc(689*var(--u));background:#000;z-index:5;overflow:hidden}
.advs .chart .hdr{position:absolute;left:calc(14*var(--u));top:calc(8*var(--u));height:calc(26*var(--u));display:flex;align-items:center;gap:calc(14*var(--u));font-size:calc(15*var(--u))}
.advs .chart .hdr .vl{width:calc(1*var(--u));height:calc(16*var(--u));background:#4a5260}
.advs .chart .scroll{position:absolute;left:0;top:calc(81*var(--u));right:0;bottom:calc(0*var(--u));overflow-y:auto}
.advs .chart table{width:100%;border-collapse:collapse;font-size:calc(18*var(--u));table-layout:fixed}.advs .chart table.w4{font-size:calc(16*var(--u))}.advs .chart table.w4 th{font-size:calc(14.5*var(--u))}.advs .chart table.w4 th:first-child,.advs .chart table.w4 td:first-child{width:calc(118*var(--u));padding-left:calc(8*var(--u))}
.advs .chart th{height:calc(37*var(--u));font-weight:400;font-size:calc(17*var(--u));text-align:center;border-bottom:calc(1*var(--u)) solid #3a4250;position:sticky;top:0;background:#000;z-index:1}
.advs .chart th small{font-size:.72em}
.advs .chart th:first-child,.advs .chart td:first-child{text-align:left;padding-left:calc(14*var(--u));width:calc(160*var(--u))}
.advs .chart td{height:calc(41*var(--u));text-align:center;border-bottom:calc(1*var(--u)) solid #1a2028}
.advs .chart tr:nth-child(even) td{background:#0a0d14}
.advs .chart tr.st td{background:#142c54}
.advs .chart tr.dl td{text-align:center;font-size:calc(14.5*var(--u));height:calc(40*var(--u));padding:0}
.advs .watch{position:absolute;pointer-events:none;z-index:6}
.advs .tip{position:absolute;background:#3ab4ee;color:#000;font-size:calc(21*var(--u));padding:calc(5*var(--u)) calc(10*var(--u));z-index:6;border:calc(1*var(--u)) solid #fff;white-space:nowrap;transform:translateX(-50%)}
@media (prefers-reduced-motion:reduce){.advs .abar.hi.flash{animation:none}.advs .spin{animation-duration:3s}}

.advs .dlg.dsp .rail.lay{width:calc(160*var(--u))}.advs .dlg .rail.lay button svg{width:calc(44*var(--u))!important;height:calc(33*var(--u))!important}
.advs .dlg.dsp .rail.lay button{font-size:calc(14.5*var(--u));gap:calc(9*var(--u))}
.advs .dlg.alm .rail button{font-size:calc(14.5*var(--u));gap:calc(6*var(--u));white-space:nowrap}
.advs .dlg.alm .rail button em{font-size:calc(13.5*var(--u))}
.advs select.sl{min-width:calc(120*var(--u));font-size:calc(17*var(--u))}
.advs .dsph{display:flex;align-items:center;justify-content:space-between;gap:calc(10*var(--u));white-space:nowrap}
.advs .ttl.sp{margin:0 .28em}

/* ---- fidelity pass 2 ---- */
/* a thin blue scroll bar, as the real lists and the chart have */
.advs .rail::-webkit-scrollbar,.advs .pane::-webkit-scrollbar,.advs .chart .scroll::-webkit-scrollbar{width:4px}
.advs .rail::-webkit-scrollbar-thumb,.advs .pane::-webkit-scrollbar-thumb,.advs .chart .scroll::-webkit-scrollbar-thumb{background:#3f8fd6;border-radius:2px}
.advs .rail::-webkit-scrollbar-track,.advs .pane::-webkit-scrollbar-track,.advs .chart .scroll::-webkit-scrollbar-track{background:transparent}
@supports not selector(::-webkit-scrollbar){.advs .rail,.advs .pane,.advs .chart .scroll{scrollbar-width:thin;scrollbar-color:#3f8fd6 transparent}}
/* start-up: the screen stays blank under the modal messages */
.advs.idle #advNum,.advs.idle #advHdr,.advs.idle #advCv,.advs.idle #advChart{visibility:hidden}
.advs .boot{position:absolute;left:calc(115*var(--u));top:calc(61*var(--u));right:0;bottom:0;background:#000;z-index:15;display:flex;align-items:center;justify-content:center}
.advs .boot .bm{min-width:calc(430*var(--u));padding:calc(30*var(--u)) calc(40*var(--u));background:#2a323c;border:calc(1*var(--u)) solid #44546c;border-radius:calc(6*var(--u));text-align:center;display:flex;flex-direction:column;align-items:center;gap:calc(22*var(--u));box-shadow:0 calc(10*var(--u)) calc(30*var(--u)) rgba(0,0,0,.6)}
.advs .boot .tt{font-size:calc(25*var(--u));color:#fff}
.advs .boot .xbtn{height:calc(34*var(--u));font-size:calc(15*var(--u));min-width:calc(190*var(--u))}
.advs .spin2{display:block;width:calc(30*var(--u));height:calc(30*var(--u));border-radius:50%;border:calc(3*var(--u)) solid #55637a;border-top-color:#3f8fd6;animation:advspin 1s linear infinite}
/* the controls under the screen, outside the monitor */
.advsim{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin:10px 0 0;font:14px/1.3 var(--f-body);color:var(--muted)}
.advsim .sl{margin-left:6px}
.advsim button{font:inherit;color:var(--fg);background:var(--bg);border:1px solid var(--control);border-radius:0;padding:8px 14px;min-height:44px;cursor:pointer}
.advsim button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.advsim button[hidden]{display:none}
.advsim button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.advsim .nt{margin-left:auto;opacity:.75}
/* case review: the title sits where the alarm bar goes */
.advs .abar.rv{background:transparent;color:#fff}
.advs .abar.rv .cnt,.advs .abar.rv .sep,.advs .abar.rv .ico,.advs .abar.rv .l2{display:none}
.advs .abar.rv .l1{left:calc(24*var(--u));top:calc(31*var(--u));font-size:calc(20*var(--u));letter-spacing:.06em;font-weight:400}
/* dialogs: wider rail, 19 px class of text, select that holds its chevron */
.advs .dlg.alm .rail{width:calc(250*var(--u))}
.advs .dlg.alm .rail button{font-size:calc(17.5*var(--u));gap:calc(7*var(--u));min-height:calc(38*var(--u))}
.advs .dlg.alm .rail button em{font-size:calc(17*var(--u))}
.advs .dlg.alm .rail .sh{font-size:calc(13*var(--u))}
.advs .dlg .rail button svg.ri{width:calc(24*var(--u));height:calc(19*var(--u))}
.advs select.sl{min-width:calc(200*var(--u));padding:0 calc(34*var(--u)) 0 calc(10*var(--u));font-size:calc(18*var(--u));appearance:none;-webkit-appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' fill='none' stroke='%23333' stroke-width='1.8'/%3E%3C/svg%3E") no-repeat right calc(11*var(--u)) center / calc(12*var(--u)) calc(8*var(--u))}
.advs .dlg.set .xrow{min-height:calc(34*var(--u))}
.advs .dlg.set .hr{margin:calc(5*var(--u)) 0}
/* chart view: 17 px headers, 19 px cells */
.advs .chart .hdr{font-size:calc(16*var(--u))}
.advs .chart table{font-size:calc(19*var(--u))}
.advs .chart table.w4{font-size:calc(16.5*var(--u))}
.advs .chart th{font-size:calc(17*var(--u))}
.advs .chart table.w4 th{font-size:calc(14.5*var(--u))}
.advs .chart th:first-child,.advs .chart td:first-child{white-space:nowrap}

.advs .abar .cnt.xbtn{min-width:0;padding:0;justify-content:flex-start;height:calc(26*var(--u));border-radius:0;text-transform:none;font-size:calc(17*var(--u))}

/* ---- fidelity pass 3 ---- */
.advs .hb{background:#202830}
.advs .dt,.advs .tm{font-size:calc(15*var(--u))}
.advs .apill .d b{border-left:calc(7*var(--u)) solid transparent;border-right:calc(7*var(--u)) solid transparent;border-top:calc(11*var(--u)) solid #fff}
.advs .abar.hi~.apill .d{border-left-color:rgba(0,0,0,.4)}.advs .abar.lo~.apill .d{border-left-color:rgba(0,0,0,.35)}
/* the BIS alarm box: the digits sit inside it with an even margin */
.advs .bis.box{transform:translate(-50%,-50%) scale(.92)}
.advs .bis.box::before{left:calc(-12*var(--u));right:calc(-12*var(--u));top:calc(.2em - 14*var(--u));bottom:calc(.085em - 6*var(--u))}
/* message bar: one continuous background, no divider */
.advs .mbar{background:#0e1218}
.advs .mbar .ck{border-left:0;background:none}
/* case review: rounded-square buttons */
.advs .rb.sq .ci{width:calc(52*var(--u));height:calc(52*var(--u));border-radius:calc(6*var(--u));background:#3b4a66;margin-bottom:calc(13*var(--u))}
.advs .rb.sq .ci svg{width:calc(30*var(--u));height:calc(30*var(--u))}
/* hard keys on the case: function, home, power */
.advbrand .hk{position:absolute;right:2.6%;top:50%;transform:translateY(-50%);display:flex;gap:max(5px,1.1cqw)}
.advbrand .hk button{width:clamp(15px,2.5cqw,30px);height:clamp(15px,2.5cqw,30px);border-radius:50%;background:#0a3f8c;border:1px solid #5f86bd;color:#bbcde1;display:flex;align-items:center;justify-content:center;padding:0;cursor:pointer}
.advbrand .hk button svg{width:62%;height:62%}
.advbrand .hk button:hover{background:#12509f}
.advbrand .hk button:focus-visible{outline:2px solid #fff;outline-offset:2px}
/* main menu: a tile that is not available is dimmed to 40 percent and does nothing */
.advs .mm button[aria-disabled="true"]{color:#fff;opacity:.4;cursor:default}.advs .mm button[aria-disabled="true"] svg{opacity:1}.advs .mm button[aria-disabled="true"]:hover{background:#353d4a}
/* dialogs: option buttons keep their text on one line */
.advs .opt button{white-space:nowrap}.advs .opt.tx.wd button{min-width:calc(120*var(--u))}
.advs .dlg .rail button em.on{color:#3fb56a}
.advs .dlg .rail button em{color:#9aa0a8}
.advs .dlg .rail button svg.ri{width:calc(26*var(--u));height:calc(19*var(--u))}
/* chart view */
.advs .chart .scroll{top:calc(44*var(--u));overflow-y:scroll}
.advs .chart th{font-size:calc(15*var(--u))}.advs .chart table.w4 th{font-size:calc(14*var(--u))}
.advs .chart td{height:calc(43*var(--u));font-size:calc(20*var(--u));background:#05070b;border-bottom:0}
.advs .chart table.w4 td{font-size:calc(17*var(--u))}
.advs .chart tr:nth-child(even) td{background:#0c1220}
.advs .chart tr.st td{background:#16335f}
.advs .chart tr.dl td{background:#000;border-top:calc(1*var(--u)) solid #2a3140;height:calc(42*var(--u));font-size:calc(15*var(--u))}
.advs .chart .scroll::-webkit-scrollbar{width:5px}
.advs .chart .scroll::-webkit-scrollbar-thumb{background:#2f6fb5}
.advs .chart .scroll::-webkit-scrollbar-track{background:#07090d}
/* sensor check: the pending ring is grey with a blue quarter that turns */
.advs .xsc .cp.ok svg{width:calc(34*var(--u));height:calc(34*var(--u))}
.advs .xsc .cp{font-size:calc(20*var(--u));font-weight:600;color:#7a8090}
.advs .xsc .cp.ok{color:#2a2f3a;font-weight:400}
.advs .spin{transform-box:view-box}
.advs .dlg.alm .rail button{white-space:nowrap}
.advs .h1 svg.ri{width:calc(24*var(--u));height:calc(19*var(--u));flex:none}
.advs .xsc{background:#e9eef7}.advs .xsc .th{background:#3f4a63}
.advs .xsc .cp{font-style:italic}
.advs .dlg .rail button em.v{margin-left:0;flex:1;text-align:left}
.advs .dlg.set .xrow>span:first-child{white-space:nowrap}.advs .opt.tx.wd button{min-width:calc(112*var(--u))}