/* Masimo SedLine screen (the 'sedline' skin). Every size is in design pixels of the real 800 x 1280 Root screen times --u, so the screen
   scales as a unit. Built from Masimo's manuals and screen figures; see NOTES.md, "Masimo SedLine". */
@font-face{font-family:"Hind";font-style:normal;font-weight:300 400;font-display:swap;src:url(fonts/Hind-400.woff2) format("woff2")}
@font-face{font-family:"Hind";font-style:normal;font-weight:500;font-display:swap;src:url(fonts/Hind-500.woff2) format("woff2")}
@font-face{font-family:"Hind";font-style:normal;font-weight:600 700;font-display:swap;src:url(fonts/Hind-600.woff2) format("woff2")}
.sedwrap{display:block;min-width:0}
.sedwrap[hidden]{display:none}
.sedcase{max-width:min(100%,540px);margin:0 auto}
.sedbezel{container-type:inline-size;position:relative;background:linear-gradient(#17171a,#08080a);border-radius:14px;padding:26px 14px 30px;border:3px solid #d4d4d1;box-shadow:inset 0 0 0 1px #2c2c30,0 0 0 1px #9c9c98,0 10px 30px -18px rgba(0,0,0,.8)}
.sedlogo{position:absolute;right:16px;top:8px;color:#ececec;display:flex;align-items:center;gap:4px}
.sedlogo b{font:600 12px/1 "Archivo Narrow",Hind,system-ui,sans-serif;letter-spacing:.01em;font-style:normal}
.sedlogo svg{display:block;width:16px;height:10px}
.sedroot{position:absolute;right:18px;bottom:8px;font:400 14px/1 Hind,system-ui,sans-serif;color:#8a8a90}
.seds{--u:calc(100cqw / 800);position:relative;aspect-ratio:5/8;background:#100f0d;overflow:hidden;border-radius:calc(4*var(--u));color:#fff;font-family:Hind,"Frutiger","Segoe UI",system-ui,sans-serif;user-select:none;-webkit-user-select:none}
@media (max-width:640px){.sedbezel{padding:14px 6px 18px;border-radius:10px}.sedlogo{top:4px}.sedlogo b{font-size:10px}.sedroot{font-size:11px;bottom:3px}}
.seds *{box-sizing:border-box}
.seds button{font:inherit;color:inherit;background:none;border:0;padding:0;margin:0;cursor:pointer;text-align:inherit}
.seds [hidden]{display:none!important}
.seds .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));display:block}
.seds .hit{position:absolute;background:transparent}
.seds .hit:focus-visible,.seds :focus-visible{outline:calc(3*var(--u)) solid #178fd7;outline-offset:calc(-3*var(--u));z-index:40}
/* a real Root shows no focus box on its dialogs; the ring returns only after a Tab key press inside the glass (the .kb class, set in sedKey) */
.seds #sedDlg :focus-visible{outline:none}.seds.kb #sedDlg :focus-visible{outline:calc(3*var(--u)) solid #178fd7;outline-offset:calc(-3*var(--u))}
/* the view options and number menus (dark rounded panels like the action menu) */
.seds .spop{position:absolute;z-index:12;background:linear-gradient(#4f4f52,#2b2b2b);border:1px solid #1a1a1a;border-radius:calc(8*var(--u));box-shadow:0 calc(4*var(--u)) calc(14*var(--u)) rgba(0,0,0,.7)}
.seds .spop.act{display:flex;gap:calc(5*var(--u));padding:calc(5*var(--u))}
.seds .spop.act button{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(2*var(--u));background:linear-gradient(#2a2a2a,#1a1a1a);border-radius:calc(5*var(--u));color:#bfbebc;font-size:calc(11*var(--u));letter-spacing:.03em}
.seds .spop.act button svg{width:calc(36*var(--u));height:calc(29*var(--u));display:block}
.seds .spop.act button.cur{background:linear-gradient(#3f95d8,#3486ca);color:#fff}
.seds .spopclose{position:absolute;z-index:13;background:linear-gradient(#3f95d8,#2a76b4);border-radius:calc(4*var(--u));box-shadow:0 1px 0 rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center}.seds .spopclose svg{width:calc(40*var(--u));height:calc(16*var(--u));display:block}
.seds .spop.num{display:flex;flex-direction:column;gap:calc(4*var(--u));padding:calc(8*var(--u));min-width:calc(190*var(--u))}
.seds .spop.num b{font-size:calc(18*var(--u));color:#f4c609;padding:0 calc(6*var(--u)) calc(3*var(--u));font-weight:600}
.seds .spop.num button{background:#2b2b2b;border-radius:calc(5*var(--u));padding:calc(11*var(--u)) calc(14*var(--u));font-size:calc(22*var(--u));color:#f0f0f0}
.seds .spop.num button.x{background:transparent;color:#9a9a9a;font-size:calc(17*var(--u))}
.sstandby{position:absolute;inset:0;background:#000;z-index:60;display:flex;align-items:center;justify-content:center}
.sstandby button{width:100%;height:100%;color:#9a9a9a;font-size:calc(28*var(--u))!important;text-align:center!important}
/* Root's dialog style: a black page, a thin lowercase title, a round back arrow, Cancel (silver) and OK (white) */
.seds #sedDlg{position:absolute;inset:0;z-index:30;background:radial-gradient(120% 80% at 50% 0,#1a1917,#0d0c0b 60%);}
.seds .sdp{position:absolute;inset:0;display:flex;flex-direction:column}
.seds .sdback{position:absolute;left:calc(20*var(--u));top:calc(12*var(--u));width:calc(48*var(--u));height:calc(48*var(--u));z-index:2}
.seds .sdback svg{display:block;width:100%;height:100%}
.seds .sdp h2{margin:0;text-align:center;font:300 calc(46*var(--u))/calc(60*var(--u)) Hind,"Segoe UI",system-ui,sans-serif;padding-top:calc(62*var(--u));height:calc(150*var(--u));color:#fff;letter-spacing:.01em}
.seds .sdbody{flex:1;overflow:auto;padding:0 calc(22*var(--u)) calc(20*var(--u));position:relative}
.seds .sdrow{position:relative;display:flex;align-items:center;min-height:calc(98*var(--u))}
.seds .sdrow label{flex:none;width:calc(298*var(--u));padding-right:0;text-align:right;font-size:calc(27*var(--u));line-height:1.15;color:#e8e8e8;font-weight:300}
.seds .sdrow .sdbar,.seds .sdrow .sdinfo{flex:none;width:calc(430*var(--u));margin-left:calc(25*var(--u));height:calc(44*var(--u));display:flex;align-items:center;justify-content:center;color:#fff;font-size:calc(25*var(--u));font-weight:500;background:linear-gradient(#1a1a1a,#0d0d0d);border:1px solid #2e2e2e;border-radius:calc(2*var(--u));box-shadow:inset 0 1px 0 #333}
.seds .sdrow .sdinfo{background:none;border:0;box-shadow:none;justify-content:flex-start;color:#cfcfcf}
.seds .sdrow.nav{justify-content:center}.seds .sdrow.nav .sdbar{width:calc(620*var(--u));margin-left:0;height:calc(54*var(--u));font-size:calc(28*var(--u))}
.seds .sdlay~.sdrow.nav{min-height:calc(60*var(--u));margin-top:calc(8*var(--u))}.seds .sdlay~.sdrow.nav .sdbar{width:calc(300*var(--u));height:calc(38*var(--u));font-size:calc(21*var(--u));color:#bdbdbd}
.seds .sdbar[aria-expanded="true"]{border-color:#3486ca!important}
.seds .sdsave{width:calc(180*var(--u));height:calc(42*var(--u));background:linear-gradient(#2c2c2c,#161616);border:1px solid #2a2a2a;border-radius:calc(2*var(--u));color:#bcbcbc;font-size:calc(24*var(--u))!important;text-align:center!important}
.seds .sdtog{flex:none;width:calc(118*var(--u));height:calc(44*var(--u));margin-left:calc(25*var(--u));border-radius:calc(22*var(--u));position:relative;background:#0e1014;border:calc(1.5*var(--u)) solid #05080c;display:flex;align-items:center;box-shadow:inset 0 0 0 1px #23262c}
.seds .sdtog b{font-size:calc(20*var(--u));font-weight:500;color:#e8e8e8;position:absolute;right:calc(14*var(--u))}
.seds .sdtog i{position:absolute;left:calc(3*var(--u));top:calc(2.5*var(--u));width:calc(38*var(--u));height:calc(38*var(--u));border-radius:50%;background:radial-gradient(circle at 42% 36%,#f4f4f4,#a8a8a8);border:1px solid #3a3a3a;box-sizing:border-box}
.seds .sdtog.on{background:linear-gradient(#3a9ae0,#1a5fa8 60%,#123f78);box-shadow:inset 0 0 calc(6*var(--u)) rgba(120,200,255,.6)}
.seds .sdtog.on b{right:auto;left:calc(14*var(--u));color:#bfe4ff}.seds .sdtog.on i{left:auto;right:calc(3*var(--u))}
.seds .sdlist{position:absolute;left:calc(323*var(--u));top:calc(70*var(--u));width:calc(430*var(--u));max-height:calc(440*var(--u));overflow:auto;z-index:5;background:#171717;border:1px solid #3486ca;box-shadow:0 calc(8*var(--u)) calc(20*var(--u)) rgba(0,0,0,.8)}
.seds .sdlist button{display:block;width:100%;padding:calc(10*var(--u)) calc(14*var(--u));font-size:calc(24*var(--u));color:#f0f0f0;border-bottom:1px solid #262626}
.seds .sdlist button.on{background:#2a6fb0}
.seds .sdtxt{margin:calc(14*var(--u)) calc(36*var(--u));font-size:calc(26*var(--u));line-height:1.35;color:#e6e6e6;font-weight:300}
.seds .sderr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.seds .sdbar.bad{border-color:#e4002b!important;box-shadow:inset 0 0 0 1px #e4002b}.seds .sdmsg{margin:calc(10*var(--u)) calc(36*var(--u));font-size:calc(23*var(--u));color:#9ad07a}
.seds .sdfoot{height:calc(70*var(--u));border-top:1px solid #1d1d1d;display:flex;justify-content:center;align-items:center;gap:calc(56*var(--u));background:#0d0c0b}
.seds .sdfoot button{width:calc(150*var(--u));height:calc(46*var(--u));border-radius:calc(3*var(--u));font-size:calc(27*var(--u));color:#111;text-align:center}
.seds .sdcancel{background:linear-gradient(#e0e0e0,#a8a8a8)}.seds .sdok{background:linear-gradient(#fff,#e2e2e2)}
.seds .sdtiles{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(34*var(--u)) calc(18*var(--u));padding:calc(40*var(--u)) calc(40*var(--u))}
.seds .sdtile{display:flex;flex-direction:column;align-items:center;gap:calc(14*var(--u));color:#fff;font-size:calc(25*var(--u));font-weight:300;text-align:center!important;line-height:1.1;text-transform:lowercase}
.seds .sdtile i{width:calc(150*var(--u));height:calc(150*var(--u));border-radius:calc(18*var(--u));background:linear-gradient(rgba(255,255,255,.14),rgba(255,255,255,0) 45%),var(--c);display:grid;place-items:center;box-shadow:inset 0 0 0 1px rgba(255,255,255,.12)}
.seds .sdtile svg{width:calc(100*var(--u));height:calc(100*var(--u));display:block}
.seds .sdlay{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(30*var(--u)) calc(16*var(--u));padding:calc(10*var(--u)) calc(30*var(--u)) calc(20*var(--u))}
.seds .sdlt{position:relative;display:block;width:100%;border-radius:calc(14*var(--u))}.seds .sdlt svg{display:block;width:100%;height:auto;overflow:visible}
.sedsim{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)}
.sedsim .sl{margin-left:6px}
.sedsim 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}
.sedsim button[aria-pressed="true"]{background:var(--accent);border-color:var(--accent);color:var(--accent-ink)}
.sedsim button:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.sedwrap .bilkeys{max-width:min(100%,540px);margin:8px auto 0}
.sedwrap .sedsim{max-width:min(100%,540px);margin:10px auto 0}
.sedctl{max-width:min(100%,540px);margin:6px auto 0;font:14px/1.5 var(--f-body);color:var(--muted)}
.sedctl>summary{cursor:pointer;display:inline-block;padding:3px 6px;border-radius:0;color:var(--muted);list-style:none}
.sedctl>summary::-webkit-details-marker{display:none}
.sedctl>summary::before{content:"\25B8";margin-right:5px}.sedctl[open]>summary::before{content:"\25BE"}
.sedctl>summary:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.sedctl .sednote{margin:6px 0 0;color:var(--muted)}
.sedctl .bilkeys,.sedctl .sedsim{max-width:none}