/* ==========================================================================
   DHB Mogelijkheden

   Zes dienstensecties uit de ontwerpen in dhb-diensten: alarm, camera,
   toegangscontrole, elektra, kassasystemen en intercom. Welke er getoond
   wordt kiest u in de widget.

   De zes ontwerpen zijn voor 309 van de ruim 340 blokken letterlijk gelijk.
   Die staan hier een keer. Wat per dienst verschilt gaat over de tekening van
   de plattegrond; die blokken staan onderaan per dienst en zijn afgebakend
   met [data-variant="..."], zodat twee widgets met verschillende diensten op
   een pagina elkaar niet in de weg zitten.

   Geen enkele waarde is met de hand overgetypt. De namen zijn machinaal
   gelijkgetrokken naar dhb-mog, zodat er ook maar een script nodig is.
   ========================================================================== */


.dhb-mog{--o:#FF4400;--o-hi:#FF6A33;--o-deep:#D93A00; --ink:#161616;--ink-2:#1D1D1C;--ink-3:#262625; --tx:#161616;--tx-2:#161616B3;--tx-3:#1616168C; --hair:#16161614;--hair-2:#16161626;--bg:#F5F4F1; --paper:#F7F6F1;--ok:#2FA36B;--ok-lt:#6FD9A2;--no-lt:#FF8A5C; --head:Montserrat,"Segoe UI",system-ui,sans-serif; --font:Poppins,system-ui,-apple-system,"Segoe UI",sans-serif; --ease:cubic-bezier(.2,.7,.2,1);--spring:cubic-bezier(.34,1.4,.64,1);--cycle:6.5s; position:relative;isolation:isolate;overflow:hidden;overflow:clip; padding:clamp(72px,9vw,136px) 0 clamp(64px,8vw,112px); background:var(--bg);color:var(--tx);font:400 16px/1.6 var(--font);-webkit-font-smoothing:antialiased}
.dhb-mog::before{content:"";position:absolute;z-index:-2;inset:0;pointer-events:none; background:radial-gradient(55% 50% at 80% 6%,#FF44001f,transparent 70%),radial-gradient(40% 40% at 5% 100%,#FF44000f,transparent 70%)}
.dhb-mog::after{content:"";position:absolute;z-index:-1;inset:0;pointer-events:none;opacity:.55; background:linear-gradient(#16161609 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,#16161609 1px,transparent 1px) 0 0/56px 56px; -webkit-mask:radial-gradient(70% 60% at 60% 20%,#000,transparent 75%);mask:radial-gradient(70% 60% at 60% 20%,#000,transparent 75%)}
.dhb-mog *,.dhb-mog *::before,.dhb-mog *::after{box-sizing:border-box}
:where(.dhb-mog) :is(h2,h3,p,ul,li){margin:0;padding:0}
:where(.dhb-mog) li{list-style:none}
:where(.dhb-mog) button{font:inherit;color:inherit;background:none;border:0;margin:0;padding:0;cursor:pointer;text-align:left;text-transform:none;letter-spacing:normal;box-shadow:none}
:where(.dhb-mog) a{color:inherit;text-decoration:none}
.dhb-mog-wrap{width:min(100% - clamp(32px,6vw,64px),1320px);margin-inline:auto}
.dhb-mog-head{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.5fr);gap:56px;align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.dhb-mog-eyebrow{display:inline-flex;align-items:center;gap:10px;padding:7px 14px 7px 10px;border-radius:999px;background:#FF440012;border:1px solid #FF440033;font-size:14px;font-weight:500;color:var(--o-deep)}
.dhb-mog-eyebrow i{position:relative;width:8px;height:8px;border-radius:50%;background:var(--o)}
.dhb-mog-eyebrow i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--o);animation:dhb-mog-ping 2.4s var(--ease) infinite}
@keyframes dhb-mog-ping{
0%{transform:scale(.5);opacity:.9}
100%{transform:scale(1.8);opacity:0}
}
.dhb-mog h2{margin-top:22px;font-family:var(--head);font-size:clamp(42px,6.4vw,96px);font-weight:900;line-height:.98;letter-spacing:-.045em}
.dhb-mog h2 em{display:block;font-style:normal;color:var(--o)}
.dhb-mog-lead{font-size:17px;line-height:1.7;color:var(--tx-2);max-width:36ch}
.dhb-mog-lead b{display:block;margin-top:18px;padding-top:18px;border-top:1px solid var(--hair-2);font-weight:500;font-size:14.5px;color:var(--tx-3)}
.dhb-mog-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:28px;align-items:start}
.dhb-mog-stage{--tx:#FFFFFF;--tx-2:#FFFFFFB3;--tx-3:#FFFFFF80;--hair:#FFFFFF14;--hair-2:#FFFFFF24;color:var(--tx);position:sticky;top:24px;border-radius:26px;padding:1px; background:linear-gradient(160deg,#FF440099,#ffffff1f 28%,#ffffff0d 60%,#FF440040); box-shadow:0 60px 110px -50px #161616b3,0 0 0 1px #16161614,0 0 120px -40px #FF440033}
.dhb-mog-stage-in{overflow:hidden;border-radius:25px;background:var(--ink)}
.dhb-mog-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px}
.dhb-mog-bar small{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--tx-3)}
.dhb-mog-bar small svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}
.dhb-mog-bar b{display:block;margin-top:3px;font-family:var(--head);font-size:20px;font-weight:800;letter-spacing:-.025em;line-height:1.25}
.dhb-mog-live{display:inline-flex;align-items:center;gap:8px;flex:none;padding:7px 12px;border-radius:999px;background:#ffffff0f;border:1px solid var(--hair-2);font-size:12.5px;font-weight:500;color:#ffffffd9;white-space:nowrap}
.dhb-mog-live i{position:relative;width:7px;height:7px;border-radius:50%;background:var(--o)}
.dhb-mog-live i::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:1.5px solid var(--o);animation:dhb-mog-ping 2.4s var(--ease) infinite}
.dhb-mog-plan{position:relative;margin:0 10px;border-radius:18px;overflow:hidden;padding:10px 14px 0;isolation:isolate; background:radial-gradient(ellipse at 50% 42%,#f7f6f100 30%,var(--paper) 80%),radial-gradient(#a3a08c38 .7px,transparent .9px) 0 0/12px 12px,var(--paper)}
.dhb-mog-svgbox{position:relative}
.dhb-mog-plan svg{display:block;width:100%;height:auto;overflow:visible}
.dhb-mog-plan .wall{fill:none;stroke:#fffefa;stroke-width:9;stroke-linejoin:round;stroke-linecap:butt;filter:var(--dhb-wall-shadow,url(#dhb-wall-shadow))}
.dhb-mog-plan .win{fill:none;stroke:#8C9A9A;stroke-width:1.5}
.dhb-mog-plan .door{fill:none;stroke:#A9A294;stroke-width:1}
.dhb-mog-plan .room{font:600 10.5px var(--font);fill:#54554C}
.dhb-mog-plan .outside{font:500 10px var(--font);fill:#8E8B7E}
.dhb-mog-plan .dimension{stroke:#B4B1A4;stroke-width:.65;fill:none}
.dhb-mog-plan .dim-text{font:500 9px var(--font);fill:#9A978A}
.dhb-mog-plan .furniture{stroke:#C1BAA9;stroke-width:1;fill:#F5F1E8}
.dhb-mog-legend .muted i{background:#B5B5A8;box-shadow:none}
.dhb-mog-legend .fan i{width:14px;height:9px;border-radius:2px 9px 9px 2px;background:linear-gradient(90deg,#ff601f66,#ff601f0d);box-shadow:none}
.dhb-mog-legend .route i{width:16px;height:0;border-radius:0;background:none;border-top:2px dashed var(--o);box-shadow:none}
.dhb-mog-legend .light i{background:#FFD66B;box-shadow:0 0 0 3px #FFD66B55}
.dhb-mog-beam{position:absolute;inset:0;pointer-events:none;opacity:0; background:linear-gradient(90deg,transparent 0,#FF440000 40%,#FF440038 49%,#FF6A33aa 50%,#FF440038 51%,#FF440000 60%,transparent 100%) no-repeat; background-size:40% 100%;mix-blend-mode:multiply}
.dhb-mog-beam.go{animation:dhb-mog-beam 1.1s var(--ease)}
@keyframes dhb-mog-beam{
0%{opacity:1;background-position:-60% 0}
85%{opacity:1}
100%{opacity:0;background-position:160% 0}
}
.dhb-mog-pins{position:absolute;inset:0;pointer-events:none}
.dhb-mog-pin{position:absolute;left:var(--x);top:var(--y);width:0;height:0}
.dhb-mog-pin span{position:absolute;left:0;bottom:22px;transform:translate(-50%,6px) scale(.9);transform-origin:50% 100%; display:flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:999px;background:var(--ink);color:#fff; font-size:11.5px;font-weight:500;white-space:nowrap;box-shadow:0 8px 18px -8px #000000aa;opacity:0; transition:opacity .3s,transform .45s var(--spring)}
.dhb-mog-pin span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--o)}
.dhb-mog-pin span::after{content:"";position:absolute;left:50%;bottom:-4px;width:8px;height:8px;margin-left:-4px;background:var(--ink);transform:rotate(45deg);border-radius:1px}
.dhb-mog-pin[data-side="left"] span{transform:translate(calc(-100% + 18px),6px) scale(.9);transform-origin:100% 100%}
.dhb-mog-pin[data-side="left"] span::after{left:auto;right:14px}
.dhb-mog-pin[data-side="right"] span{transform:translate(-18px,6px) scale(.9);transform-origin:0 100%}
.dhb-mog-pin[data-side="right"] span::after{left:18px}
.dhb-mog-pin.show span{opacity:1;transform:translate(-50%,0) scale(1)}
.dhb-mog-pin[data-side="left"].show span{transform:translate(calc(-100% + 18px),0) scale(1)}
.dhb-mog-pin[data-side="right"].show span{transform:translate(-18px,0) scale(1)}
.dhb-mog-legend{display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:center;padding:4px 16px 14px;font-size:12px;color:#7F7C71}
.dhb-mog-legend span{display:flex;align-items:center;gap:7px}
.dhb-mog-legend i{width:8px;height:8px;border-radius:50%;background:var(--o);box-shadow:0 0 0 3px #FF44001a}
.dhb-mog-legend .ok i{width:12px;height:8px;border-radius:2px;background:#2FA36B22;border:1px dashed var(--ok);box-shadow:none}
.dhb-mog-legend .no i{width:12px;height:8px;border-radius:2px;background:#FF44001c;border:1px dashed var(--o);box-shadow:none}
.dhb-mog-card,.dhb-mog-phone{position:absolute;right:18px;bottom:48px;z-index:3;width:236px;padding:16px;border-radius:18px; opacity:0;transform:translateY(14px) scale(.96);transition:opacity .4s,transform .6s var(--spring);pointer-events:none}
.dhb-mog-card{background:#FFFFFFF7;color:var(--ink);border:1px solid #16161612;box-shadow:0 26px 50px -18px #16161666}
.dhb-mog-card.show,.dhb-mog-phone.show{opacity:1;transform:none}
.dhb-mog-card[data-pos="top"],.dhb-mog-phone[data-pos="top"]{top:18px;bottom:auto}
.dhb-mog-card.dark{background:var(--ink);color:#fff;border-color:#ffffff24;box-shadow:0 30px 60px -18px #000000b3}
.dhb-mog-card.dark .dhb-mog-card-top{color:#ffffff8c}
.dhb-mog-card.dark .dhb-mog-tag{background:#ffffff14;color:#ffffffa6}
.dhb-mog-card>p{margin-top:8px;font-size:12.5px;line-height:1.5;color:#67655F}
.dhb-mog-card.dark>p{color:#ffffffa6}
.dhb-mog-screen{position:relative;margin-top:12px;height:92px;border-radius:12px;overflow:hidden;background:linear-gradient(160deg,#2A3328,#161616)}
.dhb-mog-screen svg{position:absolute;inset:auto 0 0;width:100%;height:78%;fill:none;stroke:#ffffff40;stroke-width:1.4}
.dhb-mog-screen span{position:absolute;left:10px;top:8px;font-size:11px;font-weight:600;color:#fff}
.dhb-mog-screen em{position:absolute;right:10px;top:8px;display:flex;align-items:center;gap:5px;font-style:normal;font-size:10.5px;font-weight:600;color:#fff}
.dhb-mog-screen em::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--o);animation:dhb-mog-blink 1.4s infinite}
.dhb-mog-screen i{position:absolute;left:50%;bottom:12%;width:34px;height:46px;margin-left:-17px;border-radius:17px 17px 6px 6px;background:#ffffff26;border:1px solid #ffffff38}
@keyframes dhb-mog-blink{
50%{opacity:.25}
}
.dhb-mog-timeline{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:11px;color:#8A877D;font-variant-numeric:tabular-nums}
.dhb-mog-timeline i{position:relative;flex:1;height:5px;border-radius:3px;background:#EAE7DF}
.dhb-mog-timeline i::after{content:"";position:absolute;left:var(--at,70%);top:50%;width:12px;height:12px;margin:-6px 0 0 -6px;border-radius:50%;background:var(--o);box-shadow:0 0 0 4px #FF440029}
.dhb-mog-card .dhb-mog-timeline b{margin:0;font:600 11px var(--font);color:var(--o)}
.dhb-mog-receipt{display:grid;gap:7px;margin-top:12px;padding:10px 0;border-top:1px dashed #16161626;border-bottom:1px dashed #16161626;font-size:12.5px;color:#67655F}
.dhb-mog-receipt span,.dhb-mog-receipt strong{display:flex;justify-content:space-between;gap:8px}
.dhb-mog-receipt strong{margin-top:3px;font-size:14px;color:var(--ink)}
.dhb-mog-card .dhb-mog-receipt b{margin:0;font:600 12.5px var(--font);color:inherit;font-variant-numeric:tabular-nums}
.dhb-mog-card .dhb-mog-receipt strong b{font-size:14px}
.dhb-mog-amount{display:block;margin-top:8px;font:900 30px/1.1 var(--head);letter-spacing:-.04em}
.dhb-mog-status{display:flex;align-items:center;gap:8px;margin-top:10px;padding:9px 11px;border-radius:10px;background:#2FA36B17;color:#1F7A4F;font-size:12.5px;font-weight:600}
.dhb-mog-status.warn{background:#FF440014;color:var(--o-deep)}
.dhb-mog-status::before{content:"";width:7px;height:7px;flex:none;border-radius:50%;background:currentColor}
.dhb-mog-card.dark .dhb-mog-status{background:#2FA36B2e;color:var(--ok-lt)}
.dhb-mog-card.dark .dhb-mog-status.warn{background:#FF44002e;color:var(--no-lt)}
.dhb-mog-barcode{height:44px;margin:12px 2px 4px;background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 5px,var(--ink) 5px 6px,transparent 6px 8px,var(--ink) 8px 12px,transparent 12px 15px);position:relative}
.dhb-mog-barcode::after{content:"";position:absolute;left:-4px;right:-4px;top:50%;height:2px;background:var(--o);box-shadow:0 0 10px var(--o);animation:dhb-mog-scan 1.8s var(--ease) infinite alternate}
@keyframes dhb-mog-scan{
from{top:10%}
to{top:90%}
}
.dhb-mog-chart{display:flex;align-items:flex-end;gap:8px;height:86px;margin-top:12px;padding-bottom:18px;border-bottom:1px solid #16161614}
.dhb-mog-chart span{position:relative;flex:1;height:var(--h);border-radius:5px 5px 2px 2px;background:#E4E1D8}
.dhb-mog-chart span:last-child{background:var(--o)}
.dhb-mog-chart small{position:absolute;left:0;right:0;bottom:-17px;text-align:center;font-size:10.5px;color:#8A877D}
.dhb-mog-breakers{display:flex;gap:4px;margin-top:12px}
.dhb-mog-breakers span{flex:1;padding:6px 0 5px;border-radius:6px;background:#F1EFEA;text-align:center;font-size:10.5px;color:#8A877D}
.dhb-mog-breakers span i{display:block;height:20px;margin:0 5px 5px;border-radius:3px;background:var(--ink);border-bottom:6px solid #3a3a38}
.dhb-mog-breakers span.on i{background:var(--o);border-bottom-color:#b53200}
.dhb-mog-dest{display:grid;gap:5px;margin-top:12px}
.dhb-mog-dest span{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:10px;background:#F4F2ED;font-size:12.5px;color:#67655F}
.dhb-mog-card .dhb-mog-dest span b{margin:0;font:600 12.5px var(--font);color:var(--ink)}
.dhb-mog-dest span.on{background:var(--ink);color:#ffffffa6}
.dhb-mog-card .dhb-mog-dest span.on b{color:#fff}
.dhb-mog-dest span.on::after{content:"";margin-left:auto;width:7px;height:7px;border-radius:50%;background:var(--o)}
.dhb-mog-actions{display:flex;gap:6px;margin-top:10px}
.dhb-mog-actions span{flex:1;padding:8px 0;border-radius:999px;background:#ffffff14;text-align:center;font-size:12px;font-weight:600}
.dhb-mog-actions span.go{background:var(--o)}
.dhb-mog-card-top{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px;color:#67655F}
.dhb-mog-tag{padding:2px 8px;border-radius:999px;background:#16161609;font-size:11px;color:#8A877D}
.dhb-mog-card b{display:block;margin-top:10px;font-family:var(--head);font-size:16px;font-weight:800;letter-spacing:-.02em;line-height:1.25}
.dhb-mog-row{display:flex;align-items:center;gap:12px;margin-top:12px}
.dhb-mog-glyph{position:relative;flex:none;width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:var(--o);color:#fff;box-shadow:0 8px 16px -8px #FF4400aa}
.dhb-mog-glyph svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dhb-mog-glyph.person{background:#EDEBE5;color:#9C998D;box-shadow:none}
.dhb-mog-glyph.person svg{fill:currentColor;stroke:none;width:28px;height:28px}
.dhb-mog-glyph.person::after{content:"";position:absolute;inset:-3px;border-radius:15px;border:2px solid var(--o);animation:dhb-mog-ring 1.6s var(--ease) infinite}
@keyframes dhb-mog-ring{
0%{opacity:.9;transform:scale(.92)}
100%{opacity:0;transform:scale(1.2)}
}
.dhb-mog-row>span:last-child{font-size:13.5px;font-weight:600;line-height:1.35}
.dhb-mog-row small{display:block;font-size:12px;font-weight:400;color:#67655F}
.dhb-mog-ok{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:10px;border-top:1px solid #16161612;font-size:12.5px;font-weight:600;color:#1F7A4F}
.dhb-mog-ok svg{width:16px;height:16px;flex:none;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dhb-mog-days{display:flex;gap:5px;margin:12px 0 10px}
.dhb-mog-days span{flex:1;height:28px;display:grid;place-items:center;border-radius:8px;background:var(--ink);color:#fff;font-size:11px;font-weight:600}
.dhb-mog-days span.now{background:var(--o)}
.dhb-mog-days .off{background:#EFEDE8;color:#A7A398}
.dhb-mog-hours{display:flex;justify-content:space-between;padding-top:10px;border-top:1px solid #16161612;font-size:12.5px;color:#67655F}
.dhb-mog-hours b{margin:0;font-family:var(--font);font-size:12.5px;font-weight:600;color:var(--ink);font-variant-numeric:tabular-nums}
.dhb-mog-phone{width:250px;background:var(--ink);color:#fff;border:1px solid var(--hair-2);box-shadow:0 30px 60px -18px #000000b3,0 0 0 6px #16161612}
.dhb-mog-phone-top{display:flex;justify-content:space-between;font-size:11.5px;color:var(--tx-3)}
.dhb-mog-phone-top span:first-child{color:#fff;font-weight:600}
.dhb-mog-phone b{display:block;margin-top:10px;font-family:var(--head);font-size:17px;font-weight:800;letter-spacing:-.02em}
.dhb-mog-phone ul{margin-top:12px;display:grid;gap:3px}
.dhb-mog-phone li{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;border-radius:10px;background:#ffffff0d;font-size:12px;color:#ffffffcc}
.dhb-mog-phone li em{white-space:nowrap;font-style:normal;font-size:11px;font-weight:600;padding:2px 8px;border-radius:999px;background:#2FA36B33;color:var(--ok-lt)}
.dhb-mog-phone li em.warn{background:#FF440033;color:var(--no-lt)}
.dhb-mog-caption{display:flex;align-items:flex-start;gap:14px;padding:20px 22px 14px;min-height:108px}
.dhb-mog-caption .ic{width:44px;height:44px;flex:none;border-radius:13px;display:grid;place-items:center;background:var(--o);color:#fff;box-shadow:0 10px 24px -10px #FF4400}
.dhb-mog-caption .ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dhb-mog-caption-copy{flex:1;min-width:0}
.dhb-mog-caption p{font-size:14px;line-height:1.6;color:var(--tx-2)}
.dhb-mog-caption p b{display:block;margin-bottom:2px;font-family:var(--head);font-size:17px;font-weight:800;letter-spacing:-.02em;color:#fff}
.dhb-mog-count{display:inline-flex;align-items:center;gap:7px;margin-top:8px;font-size:12.5px;font-weight:500;color:var(--no-lt)}
.dhb-mog-count i{width:5px;height:5px;border-radius:50%;background:var(--o)}
.dhb-mog-caption.swap .dhb-mog-caption-copy{animation:dhb-mog-fade .5s var(--ease)}
@keyframes dhb-mog-fade{
from{opacity:0;transform:translateY(6px)}
to{opacity:1;transform:none}
}
.dhb-mog-log{margin:0 22px;border-radius:14px;background:#0000002e;border:1px solid var(--hair);overflow:hidden}
.dhb-mog-log-head{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid var(--hair);font-size:12.5px;font-weight:500;color:var(--tx-2)}
.dhb-mog-log-head span:last-child{display:flex;align-items:center;gap:6px;color:var(--tx-3)}
.dhb-mog-log-head span:last-child::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 3px #2FA36B33}
.dhb-mog-feed{display:grid;height:calc(3 * 42px)}
.dhb-mog-feed li{display:grid;grid-template-columns:44px minmax(0,1fr) auto;align-items:center;gap:12px;height:42px;padding:0 14px;font-size:13px;border-top:1px solid #ffffff0a}
.dhb-mog-feed li:first-child{border-top:0}
.dhb-mog-feed li:nth-child(2){opacity:.7}
.dhb-mog-feed li:nth-child(3){opacity:.42}
.dhb-mog-feed li:nth-child(n+4){display:none}
.dhb-mog-feed li.new{animation:dhb-mog-in .6s var(--spring)}
@keyframes dhb-mog-in{
from{opacity:0;transform:translateY(-14px);background:#FF44001f}
to{opacity:1;transform:none;background:transparent}
}
.dhb-mog-feed time{font-weight:600;color:#fff;font-variant-numeric:tabular-nums}
.dhb-mog-feed span{min-width:0;color:var(--tx-2);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dhb-mog-feed em{font-style:normal;font-size:11.5px;font-weight:600;padding:3px 10px;border-radius:999px;white-space:nowrap}
.dhb-mog-feed em[data-state="ok"]{background:#2FA36B2e;color:var(--ok-lt)}
.dhb-mog-feed em[data-state="no"]{background:#FF44002e;color:var(--no-lt)}
.dhb-mog-tour{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px 18px}
.dhb-mog-tour-text{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--tx-3)}
.dhb-mog-step{font-size:13px;color:var(--tx-3);font-variant-numeric:tabular-nums}
.dhb-mog-step b{color:#fff;font-weight:600}
.dhb-mog-nav{display:flex;align-items:center;gap:6px}
.dhb-mog-tour .dhb-mog-arrow{width:34px;height:34px;padding:0;justify-content:center;border-radius:50%}
.dhb-mog-tour .dhb-mog-arrow svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dhb-mog-tour .dhb-mog-arrow.prev svg{transform:rotate(180deg)}
.dhb-mog-tour-text svg{width:14px;height:14px;flex:none;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.dhb-mog-tour button{display:flex;align-items:center;gap:7px;padding:7px 12px;border:1px solid var(--hair-2);border-radius:999px;font-size:12.5px;font-weight:500;color:#fff;white-space:nowrap;transition:background .25s,border-color .25s}
.dhb-mog-tour button:hover{background:#ffffff14;border-color:#ffffff4d}
.dhb-mog-tour button svg{width:11px;height:11px;fill:currentColor}
.dhb-mog-list{display:grid;gap:10px}
.dhb-mog-item{position:relative;overflow:hidden;width:100%;display:grid;grid-template-columns:48px 1fr auto;gap:16px;align-items:center; padding:16px 16px 16px 14px;border-radius:18px;background:#fff;border:1px solid var(--hair);box-shadow:0 1px 2px #1616160a; transition:background .45s var(--ease),border-color .3s,box-shadow .5s var(--ease),transform .5s var(--spring)}
.dhb-mog-item:hover{border-color:var(--hair-2);box-shadow:0 14px 30px -20px #16161659}
.dhb-mog-item:focus-visible,.dhb-mog-tour button:focus-visible{outline:2px solid var(--o);outline-offset:3px}
.dhb-mog-item .ic{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;background:#F1EFEA;border:1px solid transparent;color:var(--ink);transition:background .35s,color .35s,transform .6s var(--spring),box-shadow .35s}
.dhb-mog-item .ic svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.dhb-mog-item h3{font-family:var(--head);font-size:17.5px;font-weight:800;letter-spacing:-.02em;line-height:1.3;transition:color .35s}
.dhb-mog-item p{margin-top:3px;font-size:14px;line-height:1.5;color:var(--tx-3);transition:color .35s}
.dhb-mog-item .more{display:grid;grid-template-rows:0fr;transition:grid-template-rows .5s var(--ease)}
.dhb-mog-item .more>span{overflow:hidden;min-height:0}
.dhb-mog-item .more small{display:flex;gap:9px;margin-top:12px;padding-top:12px;border-top:1px solid #ffffff1f;font-size:13.5px;line-height:1.5;color:#ffffffd9}
.dhb-mog-item .more small svg{width:16px;height:16px;flex:none;margin-top:2px;fill:none;stroke:var(--o);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dhb-mog-item .go{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:var(--tx-3);border:1px solid var(--hair);transition:transform .5s var(--spring),background .35s,color .35s,border-color .35s}
.dhb-mog-item .go svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dhb-mog-item .bar{position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--o-deep),var(--o-hi));transform:scaleX(0);transform-origin:left}
.dhb-mog-item.is-active{background:var(--ink);border-color:var(--ink);box-shadow:0 30px 60px -28px #161616b3}
.dhb-mog-item.is-active .ic{background:var(--o);border-color:var(--o);color:#fff;box-shadow:0 10px 20px -8px #FF4400}
.dhb-mog-item.is-active h3{color:#fff}
.dhb-mog-item.is-active p{color:#ffffffb3}
.dhb-mog-item.is-active .more{grid-template-rows:1fr}
.dhb-mog-item.is-active .go{background:var(--o);border-color:var(--o);color:#fff;transform:rotate(90deg)}
.dhb-mog-root.is-cycling .dhb-mog-item.is-active .bar{animation:dhb-mog-bar var(--cycle) linear forwards}
@keyframes dhb-mog-bar{
to{transform:scaleX(1)}
}
.dhb-mog-ask{position:relative;overflow:hidden;margin-top:14px;padding:24px;border-radius:22px;background:var(--ink);color:#fff; background-image:radial-gradient(80% 90% at 100% 0,#FF44002e,transparent 60%),radial-gradient(60% 70% at 0 100%,#ffffff0a,transparent 70%);box-shadow:0 30px 60px -34px #161616b3}
.dhb-mog-ask-person{display:flex;align-items:center;gap:14px}
.dhb-mog-ask .dhb-mog-photo{width:58px;height:58px;box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--o)}
.dhb-mog-ask .dhb-mog-photo b{font-size:22px;background:#2a2a28}
.dhb-mog-ask .dhb-mog-photo i{position:absolute;right:-1px;bottom:-1px;width:16px;height:16px;border-radius:50%;background:#8a8880;border:3px solid var(--ink)}
.dhb-mog-ask.is-open .dhb-mog-photo i{background:#3DDC84}
.dhb-mog-ask-person strong{display:block;font:800 18px/1.25 var(--head);letter-spacing:-.02em}
.dhb-mog-ask-person small{display:block;margin-top:3px;font-size:13px;color:#ffffff99}
.dhb-mog-ask>p{margin-top:16px;font-size:15px;line-height:1.65;color:#ffffffd1}
.dhb-mog-ask-btn{display:flex;align-items:center;justify-content:center;gap:14px;width:100%;height:60px;margin-top:20px;padding:0 8px 0 24px;border-radius:999px;background:linear-gradient(90deg,#FF4400,#FF6A33);color:#fff;font:700 17px var(--font);box-shadow:0 16px 32px -14px #FF4400cc;transition:transform .35s var(--spring),box-shadow .35s}
.dhb-mog-ask-btn span{flex:1;text-align:center;padding-left:44px}
.dhb-mog-ask-btn i{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:#fff;color:var(--ink);transition:transform .35s var(--spring)}
.dhb-mog-ask-btn i svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;transform:rotate(-45deg)}
.dhb-mog-ask-btn:hover{transform:translateY(-2px);box-shadow:0 22px 40px -14px #FF4400}
.dhb-mog-ask-btn:hover i{transform:rotate(45deg)}
.dhb-mog-ask-btn:focus-visible{outline:2px solid #fff;outline-offset:3px}
.dhb-mog-ask-alt{display:flex;justify-content:center;gap:6px;margin-top:12px;font-size:13.5px;color:#ffffff99}
.dhb-mog-ask-alt a{color:#fff;font-weight:600;border-bottom:1px solid #ffffff40}
.dhb-mog-ask-alt a:hover{border-color:var(--o)}
.dhb-mog-photo{position:relative;flex:none;border-radius:50%;background:#2a2a28}
.dhb-mog-photo img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}
.dhb-mog-photo b{display:none;width:100%;height:100%;border-radius:50%;place-items:center;color:#fff;font:800 22px var(--head)}
.dhb-mog-photo.no-photo img{display:none}
.dhb-mog-photo.no-photo b{display:grid}
.dhb-mog-askform{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}
.dhb-mog-askform>div{overflow:hidden;min-height:0}
.dhb-mog-ask.is-asking .dhb-mog-askform{grid-template-rows:1fr}
.dhb-mog-ask.is-asking .dhb-mog-ask-btn{display:none}
.dhb-mog-askform form{display:grid;gap:10px;padding-top:18px}
.dhb-mog-askform label{display:grid;gap:5px;font-size:12.5px;font-weight:500;color:#ffffffb3}
.dhb-mog-askform input,.dhb-mog-askform textarea{width:100%;min-width:0;padding:0 14px;border:1px solid #ffffff2e;border-radius:12px;background:#ffffff0f;color:#fff;font:400 15px var(--font);transition:border-color .2s,background .2s}
.dhb-mog-askform input{height:48px}
.dhb-mog-askform textarea{min-height:84px;padding:12px 14px;resize:vertical;line-height:1.5}
.dhb-mog-askform input:focus,.dhb-mog-askform textarea:focus{outline:none;border-color:var(--o);background:#ffffff17}
.dhb-mog-askform .row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}
.dhb-mog-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.dhb-mog-send{display:flex;align-items:center;justify-content:center;gap:10px;height:54px;margin-top:4px;border-radius:999px;background:linear-gradient(90deg,#FF4400,#FF6A33);color:#fff;font:700 16px var(--font);box-shadow:0 16px 32px -14px #FF4400cc;transition:transform .3s var(--spring)}
.dhb-mog-send:hover{transform:translateY(-1px)}
.dhb-mog-send[disabled]{opacity:.6;cursor:wait}
.dhb-mog-send:focus-visible{outline:2px solid #fff;outline-offset:3px}
.dhb-mog-send svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.dhb-mog-err{font-size:13px;color:#FF8A5C}
.dhb-mog-err:empty{display:none}
.dhb-mog-note{font-size:12px;color:#ffffff80}
.dhb-mog-done{display:none;padding-top:18px}
.dhb-mog-done svg{width:40px;height:40px;fill:none;stroke:#3DDC84;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.dhb-mog-done b{display:block;margin-top:10px;font:800 18px/1.25 var(--head);letter-spacing:-.02em}
.dhb-mog-done p{margin-top:4px;font-size:14px;color:#ffffffc2}
.dhb-mog-ask.is-sent .dhb-mog-askform{display:none}
.dhb-mog-ask.is-sent .dhb-mog-done{display:block;animation:dhb-mog-fade .5s var(--ease)}
.dhb-mog.is-js .dhb-mog-rv{opacity:0;transform:translateY(24px);transition:opacity .9s var(--ease),transform .9s var(--ease)}
.dhb-mog.is-js .dhb-mog-rv.in{opacity:1;transform:none}
.dhb-mog.is-js .dhb-mog-item.dhb-mog-rv.in{transition:opacity .9s var(--ease),background .45s var(--ease),border-color .3s,box-shadow .5s var(--ease),transform .5s var(--spring)}
@media (max-width:1100px){
.dhb-mog-grid{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);gap:20px}
.dhb-mog-item{grid-template-columns:42px 1fr;gap:12px;padding:14px 12px}
.dhb-mog-item .ic{width:42px;height:42px}
.dhb-mog-item .go{display:none}
}
@media (max-width:860px){
.dhb-mog-head,.dhb-mog-grid{grid-template-columns:minmax(0,1fr)}
.dhb-mog-head{gap:18px}
.dhb-mog-lead{max-width:52ch}
.dhb-mog-stage{position:relative;top:auto}
.dhb-mog-stage.is-inline{scroll-margin-top:12px}
.dhb-mog-item{grid-template-columns:46px 1fr auto;padding:15px 14px}
.dhb-mog-item .ic{width:46px;height:46px}
.dhb-mog-item .go{display:grid}
}
@media (max-width:600px){
.dhb-mog h2{font-size:clamp(36px,11vw,48px)}
.dhb-mog-lead{font-size:15.5px}
.dhb-mog-bar{padding:16px 16px;align-items:flex-start}
.dhb-mog-bar b{font-size:17px}
.dhb-mog-live span{display:none}
.dhb-mog-live{padding:9px}
.dhb-mog-plan{margin:0 6px;padding:6px 6px 0;border-radius:14px}
.dhb-mog-pin span{font-size:10px;padding:3px 7px 3px 6px;bottom:16px}
.dhb-mog-pin span::before{width:5px;height:5px}
.dhb-mog-card,.dhb-mog-phone{right:8px;bottom:38px;width:min(190px,56%);padding:11px;border-radius:14px}
.dhb-mog-card b,.dhb-mog-phone b{font-size:14px;margin-top:6px}
.dhb-mog-glyph,.dhb-mog-phone ul,.dhb-mog-days,.dhb-mog-card [data-sm],.dhb-mog-phone [data-sm],[data-sm-hide]{display:none}
.dhb-mog-card[data-pos="top"],.dhb-mog-phone[data-pos="top"]{top:10px}
.dhb-mog-row{margin-top:6px}
.dhb-mog-ok,.dhb-mog-hours{margin-top:8px;padding-top:8px;font-size:11.5px}
.dhb-mog-legend{font-size:11px;gap:6px 12px}
.dhb-mog-caption{padding:18px 16px 12px;min-height:0}
.dhb-mog-caption .ic{width:40px;height:40px}
.dhb-mog-log{margin:0 16px}
.dhb-mog-feed{height:calc(3 * 40px)}
.dhb-mog-feed li{grid-template-columns:40px minmax(0,1fr);height:40px;gap:10px}
.dhb-mog-feed em{display:none}
.dhb-mog-feed li:first-child em{display:none}
.dhb-mog-tour{padding:12px 16px 16px}
.dhb-mog-tour-text{display:none}
.dhb-mog-item{grid-template-columns:40px 1fr;padding:14px 12px}
.dhb-mog-item .ic{width:40px;height:40px}
.dhb-mog-item .go{display:none}
.dhb-mog-item h3{font-size:16px}
}
@media (prefers-reduced-motion:reduce){
.dhb-mog *,.dhb-mog *::before,.dhb-mog *::after{animation:none!important;transition:none!important}
.dhb-mog.is-js .dhb-mog-rv{opacity:1;transform:none}
.dhb-mog .pulse,.dhb-mog-beam{display:none}
.dhb-mog-tour [data-mog-tour]{display:none}
}

/* ---- eigen tekening: alarm ---- */
.dhb-mog[data-variant="alarm"] .lyr .dev{fill:#FDFCF9;stroke:currentColor;stroke-width:1.5;transition:fill .4s,stroke .4s}
.dhb-mog[data-variant="alarm"] .lyr .core{fill:currentColor}
.dhb-mog[data-variant="alarm"] .lyr .fan{fill:var(--dhb-detection,url(#dhb-detection));opacity:0;transition:opacity .5s}
.dhb-mog[data-variant="alarm"] .lyr .pulse{fill:none;stroke:currentColor;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}
.dhb-mog[data-variant="alarm"] .lyr.on .dev,.dhb-mog[data-variant="alarm"] .lyr.dim .dev{fill:var(--o);stroke:#fff;stroke-width:2.5}
.dhb-mog[data-variant="alarm"] .lyr.on .dev{filter:drop-shadow(0 3px 6px #ff440077)}
.dhb-mog[data-variant="alarm"] .lyr.on .core,.dhb-mog[data-variant="alarm"] .lyr.dim .core{fill:#fff}
.dhb-mog[data-variant="alarm"] .lyr.on .fan{opacity:1}
.dhb-mog[data-variant="alarm"] .lyr.on .pulse{animation:dhb-mog-pulse 2.6s var(--ease) infinite}
.dhb-mog[data-variant="alarm"] .lyr.on .pulse.p2{animation-delay:.9s}
@keyframes dhb-mog-pulse{
.dhb-mog[data-variant="alarm"] 0%{opacity:.85;transform:scale(.6)}
.dhb-mog[data-variant="alarm"] 100%{opacity:0;transform:scale(2.6)}
}
.dhb-mog[data-variant="alarm"] .dhb-mog-plan .lyr{opacity:.5;color:#9E9C92;transition:opacity .5s var(--ease),color .5s var(--ease)}
.dhb-mog[data-variant="alarm"] .dhb-mog-plan .lyr.on,.dhb-mog[data-variant="alarm"] .dhb-mog-plan .lyr.dim{opacity:1;color:var(--o)}
.dhb-mog[data-variant="alarm"] .dhb-mog-plan .location-tag{display:none}
.dhb-mog[data-variant="alarm"] .dhb-mog-plan .coverage-line{fill:none;stroke:var(--o);stroke-width:1;stroke-dasharray:3 4;opacity:0;transition:opacity .4s}
.dhb-mog-root[data-variant="alarm"][data-active="beweging"] .coverage-line{opacity:.5}

/* ---- eigen tekening: camera ---- */
.dhb-mog[data-variant="camera"] .lyr .dev{fill:#FDFCF9;stroke:currentColor;stroke-width:1.5;transition:fill .4s,stroke .4s}
.dhb-mog[data-variant="camera"] .lyr .core{fill:currentColor}
.dhb-mog[data-variant="camera"] .lyr .fan{fill:var(--dhb-detection,url(#dhb-detection));opacity:0;transition:opacity .5s}
.dhb-mog[data-variant="camera"] .lyr .pulse{fill:none;stroke:currentColor;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}
.dhb-mog[data-variant="camera"] .lyr.on .dev,.dhb-mog[data-variant="camera"] .lyr.dim .dev{fill:var(--o);stroke:#fff;stroke-width:2.5}
.dhb-mog[data-variant="camera"] .lyr.on .dev{filter:drop-shadow(0 3px 6px #ff440077)}
.dhb-mog[data-variant="camera"] .lyr.on .core,.dhb-mog[data-variant="camera"] .lyr.dim .core{fill:#fff}
.dhb-mog[data-variant="camera"] .lyr.on .fan{opacity:1}
.dhb-mog[data-variant="camera"] .lyr.on .pulse{animation:dhb-mog-pulse 2.6s var(--ease) infinite}
.dhb-mog[data-variant="camera"] .lyr.on .pulse.p2{animation-delay:.9s}
@keyframes dhb-mog-pulse{
.dhb-mog[data-variant="camera"] 0%{opacity:.85;transform:scale(.6)}
.dhb-mog[data-variant="camera"] 100%{opacity:0;transform:scale(2.6)}
}
.dhb-mog[data-variant="camera"] .dhb-mog-plan .lyr{opacity:0;pointer-events:none;color:#9E9C92;transition:opacity .5s var(--ease),color .5s var(--ease)}
.dhb-mog[data-variant="camera"] .dhb-mog-plan .lyr.on{opacity:1;color:var(--o)}
.dhb-mog[data-variant="camera"] .dhb-mog-plan .base-devices{opacity:.5;color:#9A9F90}
.dhb-mog[data-variant="camera"] .dhb-mog-plan .base-devices .dev{fill:#FAF8F1;stroke:#AFB3A3;stroke-width:1.5}
.dhb-mog[data-variant="camera"] .dhb-mog-plan svg.device-glyph{display:inline;width:14px;height:14px;overflow:visible}
.dhb-mog[data-variant="camera"] .device-glyph{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#6E7563}
.dhb-mog[data-variant="camera"] .lyr.on .device-glyph{color:#fff}
.dhb-mog[data-variant="camera"] .lyr.on .dev{stroke-width:2}
.dhb-mog[data-variant="camera"] .service-route{fill:none;stroke:var(--o);stroke-width:2;stroke-linecap:round;stroke-dasharray:5 6;animation:dhb-mog-flow 1.6s linear infinite}
.dhb-mog[data-variant="camera"] .service-route.subtle{opacity:.45}
@keyframes dhb-mog-flow{
.dhb-mog[data-variant="camera"] to{stroke-dashoffset:-22}
}
.dhb-mog[data-variant="camera"] .service-zone{fill:var(--o);fill-opacity:.11;stroke:var(--o);stroke-opacity:.6;stroke-width:1.5;stroke-dasharray:5 4;animation:dhb-mog-march 1.2s linear infinite}
.dhb-mog[data-variant="camera"] .service-zone.green{fill:var(--ok);fill-opacity:.13;stroke:var(--ok)}
@keyframes dhb-mog-march{
.dhb-mog[data-variant="camera"] to{stroke-dashoffset:-9}
}
.dhb-mog[data-variant="camera"] .scene-label{font:600 9.5px var(--font);fill:#A23A10}
.dhb-mog[data-variant="camera"] .night-shade{fill:#1B2230;opacity:.55}
.dhb-mog[data-variant="camera"] .night-beam{fill:#FFF1B0;opacity:.6}
.dhb-mog[data-variant="camera"] .light-pool{fill:#FFD66B;opacity:.38}
.dhb-mog[data-variant="camera"] .door-open{fill:none;stroke:var(--ok);stroke-width:3;stroke-linecap:round}
.dhb-mog-root[data-variant="camera"][data-active="openen"] .door{opacity:.15}

/* ---- eigen tekening: toegang ---- */
.dhb-mog[data-variant="toegang"] .lyr .dev{fill:#FDFCF9;stroke:currentColor;stroke-width:1.5;transition:fill .4s,stroke .4s}
.dhb-mog[data-variant="toegang"] .lyr .core{fill:currentColor}
.dhb-mog[data-variant="toegang"] .lyr .fan{fill:var(--dhb-detection,url(#dhb-detection));opacity:0;transition:opacity .5s}
.dhb-mog[data-variant="toegang"] .lyr .pulse{fill:none;stroke:currentColor;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}
.dhb-mog[data-variant="toegang"] .lyr.on .dev,.dhb-mog[data-variant="toegang"] .lyr.dim .dev{fill:var(--o);stroke:#fff;stroke-width:2.5}
.dhb-mog[data-variant="toegang"] .lyr.on .dev{filter:drop-shadow(0 3px 6px #ff440077)}
.dhb-mog[data-variant="toegang"] .lyr.on .core,.dhb-mog[data-variant="toegang"] .lyr.dim .core{fill:#fff}
.dhb-mog[data-variant="toegang"] .lyr.on .fan{opacity:1}
.dhb-mog[data-variant="toegang"] .lyr.on .pulse{animation:dhb-mog-pulse 2.6s var(--ease) infinite}
.dhb-mog[data-variant="toegang"] .lyr.on .pulse.p2{animation-delay:.9s}
@keyframes dhb-mog-pulse{
.dhb-mog[data-variant="toegang"] 0%{opacity:.85;transform:scale(.6)}
.dhb-mog[data-variant="toegang"] 100%{opacity:0;transform:scale(2.6)}
}
.dhb-mog[data-variant="toegang"] .dhb-mog-plan .lyr{opacity:0;pointer-events:none;color:#9E9C92;transition:opacity .5s var(--ease),color .5s var(--ease)}
.dhb-mog[data-variant="toegang"] .dhb-mog-plan .lyr[data-layer="pas"],.dhb-mog[data-variant="toegang"] .dhb-mog-plan .lyr[data-layer="intercom"]{opacity:.55}
.dhb-mog[data-variant="toegang"] .dhb-mog-plan .lyr.on{opacity:1;color:var(--o)}
.dhb-mog-root[data-variant="toegang"][data-active="mobiel"] .lyr[data-layer="pas"],.dhb-mog-root[data-variant="toegang"][data-active="tijden"] .lyr[data-layer="pas"]{opacity:0}
.dhb-mog[data-variant="toegang"] .dhb-mog-plan .lyr.dim{opacity:0}
.dhb-mog[data-variant="toegang"] .dhb-mog-plan .lyr[data-layer="pas"].dim,.dhb-mog[data-variant="toegang"] .dhb-mog-plan .lyr[data-layer="intercom"].dim,.dhb-mog[data-variant="toegang"] .dhb-mog-plan .lyr[data-layer="zones"].dim{opacity:1;color:var(--o)}
.dhb-mog[data-variant="toegang"] .lyr .dev{fill:#FDFCF9;stroke:currentColor;stroke-width:1.5;transition:fill .4s,stroke .4s}
.dhb-mog[data-variant="toegang"] .lyr .core{fill:currentColor}
.dhb-mog[data-variant="toegang"] .lyr .fan{fill:var(--dhb-detection,url(#dhb-detection));opacity:0;transition:opacity .5s}
.dhb-mog[data-variant="toegang"] .lyr .pulse{fill:none;stroke:currentColor;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}
.dhb-mog[data-variant="toegang"] .lyr.on .dev,.dhb-mog[data-variant="toegang"] .lyr.dim .dev{fill:var(--o);stroke:#fff;stroke-width:2.5}
.dhb-mog[data-variant="toegang"] .lyr.on .dev{filter:drop-shadow(0 3px 6px #ff440077)}
.dhb-mog[data-variant="toegang"] .lyr.on .core,.dhb-mog[data-variant="toegang"] .lyr.dim .core{fill:#fff}
.dhb-mog[data-variant="toegang"] .lyr.on .fan{opacity:1}
.dhb-mog[data-variant="toegang"] .lyr.on .pulse{animation:dhb-mog-pulse 2.6s var(--ease) infinite}
.dhb-mog[data-variant="toegang"] .lyr.on .pulse.p2{animation-delay:.9s}
@keyframes dhb-mog-pulse{
.dhb-mog[data-variant="toegang"] 0%{opacity:.85;transform:scale(.6)}
.dhb-mog[data-variant="toegang"] 100%{opacity:0;transform:scale(2.6)}
}
.dhb-mog[data-variant="toegang"] .zone-fill{fill:var(--ok);fill-opacity:.14;stroke:var(--ok);stroke-opacity:.6;stroke-width:1.5;stroke-dasharray:5 4}
.dhb-mog[data-variant="toegang"] .zone-fill.restricted{fill:var(--o);fill-opacity:.12;stroke:var(--o);stroke-opacity:.6}
.dhb-mog[data-variant="toegang"] .lyr.on .zone-fill{animation:dhb-mog-march 1.2s linear infinite}
@keyframes dhb-mog-march{
.dhb-mog[data-variant="toegang"] to{stroke-dashoffset:-9}
}
.dhb-mog[data-variant="toegang"] .access-zone-label rect{fill:#fff;stroke:#16161622;stroke-width:.6}
.dhb-mog[data-variant="toegang"] .access-zone-label text{fill:var(--ink);font:600 8.5px var(--font)}
.dhb-mog-root[data-variant="toegang"][data-active="beheer"] .access-zone-label{opacity:0}

/* ---- eigen tekening: elektra ---- */
.dhb-mog[data-variant="elektra"] .lyr .dev{fill:#FDFCF9;stroke:currentColor;stroke-width:1.5;transition:fill .4s,stroke .4s}
.dhb-mog[data-variant="elektra"] .lyr .core{fill:currentColor}
.dhb-mog[data-variant="elektra"] .lyr .fan{fill:var(--dhb-detection,url(#dhb-detection));opacity:0;transition:opacity .5s}
.dhb-mog[data-variant="elektra"] .lyr .pulse{fill:none;stroke:currentColor;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}
.dhb-mog[data-variant="elektra"] .lyr.on .dev,.dhb-mog[data-variant="elektra"] .lyr.dim .dev{fill:var(--o);stroke:#fff;stroke-width:2.5}
.dhb-mog[data-variant="elektra"] .lyr.on .dev{filter:drop-shadow(0 3px 6px #ff440077)}
.dhb-mog[data-variant="elektra"] .lyr.on .core,.dhb-mog[data-variant="elektra"] .lyr.dim .core{fill:#fff}
.dhb-mog[data-variant="elektra"] .lyr.on .fan{opacity:1}
.dhb-mog[data-variant="elektra"] .lyr.on .pulse{animation:dhb-mog-pulse 2.6s var(--ease) infinite}
.dhb-mog[data-variant="elektra"] .lyr.on .pulse.p2{animation-delay:.9s}
@keyframes dhb-mog-pulse{
.dhb-mog[data-variant="elektra"] 0%{opacity:.85;transform:scale(.6)}
.dhb-mog[data-variant="elektra"] 100%{opacity:0;transform:scale(2.6)}
}
.dhb-mog[data-variant="elektra"] .dhb-mog-plan .lyr{opacity:0;pointer-events:none;color:#9E9C92;transition:opacity .5s var(--ease),color .5s var(--ease)}
.dhb-mog[data-variant="elektra"] .dhb-mog-plan .lyr.on{opacity:1;color:var(--o)}
.dhb-mog[data-variant="elektra"] .dhb-mog-plan .base-devices{opacity:.5;color:#9A9F90}
.dhb-mog[data-variant="elektra"] .dhb-mog-plan .base-devices .dev{fill:#FAF8F1;stroke:#AFB3A3;stroke-width:1.5}
.dhb-mog[data-variant="elektra"] .dhb-mog-plan svg.device-glyph{display:inline;width:14px;height:14px;overflow:visible}
.dhb-mog[data-variant="elektra"] .device-glyph{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#6E7563}
.dhb-mog[data-variant="elektra"] .lyr.on .device-glyph{color:#fff}
.dhb-mog[data-variant="elektra"] .lyr.on .dev{stroke-width:2}
.dhb-mog[data-variant="elektra"] .service-route{fill:none;stroke:var(--o);stroke-width:2;stroke-linecap:round;stroke-dasharray:5 6;animation:dhb-mog-flow 1.6s linear infinite}
.dhb-mog[data-variant="elektra"] .service-route.subtle{opacity:.45}
@keyframes dhb-mog-flow{
.dhb-mog[data-variant="elektra"] to{stroke-dashoffset:-22}
}
.dhb-mog[data-variant="elektra"] .service-zone{fill:var(--o);fill-opacity:.11;stroke:var(--o);stroke-opacity:.6;stroke-width:1.5;stroke-dasharray:5 4;animation:dhb-mog-march 1.2s linear infinite}
.dhb-mog[data-variant="elektra"] .service-zone.green{fill:var(--ok);fill-opacity:.13;stroke:var(--ok)}
@keyframes dhb-mog-march{
.dhb-mog[data-variant="elektra"] to{stroke-dashoffset:-9}
}
.dhb-mog[data-variant="elektra"] .scene-label{font:600 9.5px var(--font);fill:#A23A10}
.dhb-mog[data-variant="elektra"] .night-shade{fill:#1B2230;opacity:.55}
.dhb-mog[data-variant="elektra"] .night-beam{fill:#FFF1B0;opacity:.6}
.dhb-mog[data-variant="elektra"] .light-pool{fill:#FFD66B;opacity:.38}
.dhb-mog[data-variant="elektra"] .door-open{fill:none;stroke:var(--ok);stroke-width:3;stroke-linecap:round}
.dhb-mog-root[data-variant="elektra"][data-active="openen"] .door{opacity:.15}

/* ---- eigen tekening: kassa ---- */
.dhb-mog[data-variant="kassa"] .lyr .dev{fill:#FDFCF9;stroke:currentColor;stroke-width:1.5;transition:fill .4s,stroke .4s}
.dhb-mog[data-variant="kassa"] .lyr .core{fill:currentColor}
.dhb-mog[data-variant="kassa"] .lyr .fan{fill:var(--dhb-detection,url(#dhb-detection));opacity:0;transition:opacity .5s}
.dhb-mog[data-variant="kassa"] .lyr .pulse{fill:none;stroke:currentColor;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}
.dhb-mog[data-variant="kassa"] .lyr.on .dev,.dhb-mog[data-variant="kassa"] .lyr.dim .dev{fill:var(--o);stroke:#fff;stroke-width:2.5}
.dhb-mog[data-variant="kassa"] .lyr.on .dev{filter:drop-shadow(0 3px 6px #ff440077)}
.dhb-mog[data-variant="kassa"] .lyr.on .core,.dhb-mog[data-variant="kassa"] .lyr.dim .core{fill:#fff}
.dhb-mog[data-variant="kassa"] .lyr.on .fan{opacity:1}
.dhb-mog[data-variant="kassa"] .lyr.on .pulse{animation:dhb-mog-pulse 2.6s var(--ease) infinite}
.dhb-mog[data-variant="kassa"] .lyr.on .pulse.p2{animation-delay:.9s}
@keyframes dhb-mog-pulse{
.dhb-mog[data-variant="kassa"] 0%{opacity:.85;transform:scale(.6)}
.dhb-mog[data-variant="kassa"] 100%{opacity:0;transform:scale(2.6)}
}
.dhb-mog[data-variant="kassa"] .dhb-mog-plan .lyr{opacity:0;pointer-events:none;color:#9E9C92;transition:opacity .5s var(--ease),color .5s var(--ease)}
.dhb-mog[data-variant="kassa"] .dhb-mog-plan .lyr.on{opacity:1;color:var(--o)}
.dhb-mog[data-variant="kassa"] .dhb-mog-plan .base-devices{opacity:.5;color:#9A9F90}
.dhb-mog[data-variant="kassa"] .dhb-mog-plan .base-devices .dev{fill:#FAF8F1;stroke:#AFB3A3;stroke-width:1.5}
.dhb-mog[data-variant="kassa"] .dhb-mog-plan svg.device-glyph{display:inline;width:14px;height:14px;overflow:visible}
.dhb-mog[data-variant="kassa"] .device-glyph{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#6E7563}
.dhb-mog[data-variant="kassa"] .lyr.on .device-glyph{color:#fff}
.dhb-mog[data-variant="kassa"] .lyr.on .dev{stroke-width:2}
.dhb-mog[data-variant="kassa"] .service-route{fill:none;stroke:var(--o);stroke-width:2;stroke-linecap:round;stroke-dasharray:5 6;animation:dhb-mog-flow 1.6s linear infinite}
.dhb-mog[data-variant="kassa"] .service-route.subtle{opacity:.45}
@keyframes dhb-mog-flow{
.dhb-mog[data-variant="kassa"] to{stroke-dashoffset:-22}
}
.dhb-mog[data-variant="kassa"] .service-zone{fill:var(--o);fill-opacity:.11;stroke:var(--o);stroke-opacity:.6;stroke-width:1.5;stroke-dasharray:5 4;animation:dhb-mog-march 1.2s linear infinite}
.dhb-mog[data-variant="kassa"] .service-zone.green{fill:var(--ok);fill-opacity:.13;stroke:var(--ok)}
@keyframes dhb-mog-march{
.dhb-mog[data-variant="kassa"] to{stroke-dashoffset:-9}
}
.dhb-mog[data-variant="kassa"] .scene-label{font:600 9.5px var(--font);fill:#A23A10}
.dhb-mog[data-variant="kassa"] .night-shade{fill:#1B2230;opacity:.55}
.dhb-mog[data-variant="kassa"] .night-beam{fill:#FFF1B0;opacity:.6}
.dhb-mog[data-variant="kassa"] .light-pool{fill:#FFD66B;opacity:.38}
.dhb-mog[data-variant="kassa"] .door-open{fill:none;stroke:var(--ok);stroke-width:3;stroke-linecap:round}
.dhb-mog-root[data-variant="kassa"][data-active="openen"] .door{opacity:.15}

/* ---- eigen tekening: intercom ---- */
.dhb-mog[data-variant="intercom"] .lyr .dev{fill:#FDFCF9;stroke:currentColor;stroke-width:1.5;transition:fill .4s,stroke .4s}
.dhb-mog[data-variant="intercom"] .lyr .core{fill:currentColor}
.dhb-mog[data-variant="intercom"] .lyr .fan{fill:var(--dhb-detection,url(#dhb-detection));opacity:0;transition:opacity .5s}
.dhb-mog[data-variant="intercom"] .lyr .pulse{fill:none;stroke:currentColor;stroke-width:1;opacity:0;transform-box:fill-box;transform-origin:center}
.dhb-mog[data-variant="intercom"] .lyr.on .dev,.dhb-mog[data-variant="intercom"] .lyr.dim .dev{fill:var(--o);stroke:#fff;stroke-width:2.5}
.dhb-mog[data-variant="intercom"] .lyr.on .dev{filter:drop-shadow(0 3px 6px #ff440077)}
.dhb-mog[data-variant="intercom"] .lyr.on .core,.dhb-mog[data-variant="intercom"] .lyr.dim .core{fill:#fff}
.dhb-mog[data-variant="intercom"] .lyr.on .fan{opacity:1}
.dhb-mog[data-variant="intercom"] .lyr.on .pulse{animation:dhb-mog-pulse 2.6s var(--ease) infinite}
.dhb-mog[data-variant="intercom"] .lyr.on .pulse.p2{animation-delay:.9s}
@keyframes dhb-mog-pulse{
.dhb-mog[data-variant="intercom"] 0%{opacity:.85;transform:scale(.6)}
.dhb-mog[data-variant="intercom"] 100%{opacity:0;transform:scale(2.6)}
}
.dhb-mog[data-variant="intercom"] .dhb-mog-plan .lyr{opacity:0;pointer-events:none;color:#9E9C92;transition:opacity .5s var(--ease),color .5s var(--ease)}
.dhb-mog[data-variant="intercom"] .dhb-mog-plan .lyr.on{opacity:1;color:var(--o)}
.dhb-mog[data-variant="intercom"] .dhb-mog-plan .base-devices{opacity:.5;color:#9A9F90}
.dhb-mog[data-variant="intercom"] .dhb-mog-plan .base-devices .dev{fill:#FAF8F1;stroke:#AFB3A3;stroke-width:1.5}
.dhb-mog[data-variant="intercom"] .dhb-mog-plan svg.device-glyph{display:inline;width:14px;height:14px;overflow:visible}
.dhb-mog[data-variant="intercom"] .device-glyph{fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;color:#6E7563}
.dhb-mog[data-variant="intercom"] .lyr.on .device-glyph{color:#fff}
.dhb-mog[data-variant="intercom"] .lyr.on .dev{stroke-width:2}
.dhb-mog[data-variant="intercom"] .service-route{fill:none;stroke:var(--o);stroke-width:2;stroke-linecap:round;stroke-dasharray:5 6;animation:dhb-mog-flow 1.6s linear infinite}
.dhb-mog[data-variant="intercom"] .service-route.subtle{opacity:.45}
@keyframes dhb-mog-flow{
.dhb-mog[data-variant="intercom"] to{stroke-dashoffset:-22}
}
.dhb-mog[data-variant="intercom"] .service-zone{fill:var(--o);fill-opacity:.11;stroke:var(--o);stroke-opacity:.6;stroke-width:1.5;stroke-dasharray:5 4;animation:dhb-mog-march 1.2s linear infinite}
.dhb-mog[data-variant="intercom"] .service-zone.green{fill:var(--ok);fill-opacity:.13;stroke:var(--ok)}
@keyframes dhb-mog-march{
.dhb-mog[data-variant="intercom"] to{stroke-dashoffset:-9}
}
.dhb-mog[data-variant="intercom"] .scene-label{font:600 9.5px var(--font);fill:#A23A10}
.dhb-mog[data-variant="intercom"] .night-shade{fill:#1B2230;opacity:.55}
.dhb-mog[data-variant="intercom"] .night-beam{fill:#FFF1B0;opacity:.6}
.dhb-mog[data-variant="intercom"] .light-pool{fill:#FFD66B;opacity:.38}
.dhb-mog[data-variant="intercom"] .door-open{fill:none;stroke:var(--ok);stroke-width:3;stroke-linecap:round}
.dhb-mog-root[data-variant="intercom"][data-active="openen"] .door{opacity:.15}

/* De kop en de losse tekstelementen krijgen hun kleur en letter van de sectie
   zelf, want het ontwerp zet die daar niet apart op. Een kit noemt h2, p en
   span wel rechtstreeks, en dan is overerven niet genoeg. Het schild hieronder
   is zwaarder en houdt dus de plekken waar het ontwerp wel iets eigens kiest. */
.dhb-mog.dhb-mog :is(h1,h2,h3,h4,p,ul,ol,li,span,small,b,strong,em,i,time,a,label,div){color:inherit;font-family:inherit}


/* ------------------------------------------------- Schild tegen kits ----
   Een Elementor-kit stijlt kale koppen, alinea's, knoppen, spans en lijsten,
   en zo'n regel weegt zwaarder dan een enkele klasse. Hieronder staat elke
   regel uit de ontwerpen die over kleur, vlak, rand, schaduw of letterstijl
   gaat nog een keer, met de wrapper er extra voor.

   Bewust niet meegenomen: marges, witruimte, lettergrootte en regelafstand.
   Die zijn geprobeerd en gaven twintig afwijkende maten, omdat het extra
   gewicht daar de onderlinge volgorde wel verstoort.
   ------------------------------------------------------------------------ */
.dhb-mog.dhb-mog{background:var(--bg)}
.dhb-mog.dhb-mog{color:var(--tx)}
.dhb-mog.dhb-mog{font:400 16px/1.6 var(--font)}
.dhb-mog.dhb-mog::before{background:radial-gradient(55% 50% at 80% 6%,#ff44001f,transparent 70%),radial-gradient(40% 40% at 5% 100%,#ff44000f,transparent 70%)}
.dhb-mog.dhb-mog::after{background:linear-gradient(#16161609 1px,transparent 1px) 0 0/56px 56px,linear-gradient(90deg,#16161609 1px,transparent 1px) 0 0/56px 56px}
.dhb-mog.dhb-mog li{list-style:none}
.dhb-mog.dhb-mog button{font:inherit}
.dhb-mog.dhb-mog button{color:inherit}
.dhb-mog.dhb-mog button{background:none}
.dhb-mog.dhb-mog button{border:0}
.dhb-mog.dhb-mog button{text-transform:none}
.dhb-mog.dhb-mog button{letter-spacing:normal}
.dhb-mog.dhb-mog button{box-shadow:none}
.dhb-mog.dhb-mog a{color:inherit}
.dhb-mog.dhb-mog a{text-decoration:none}
.dhb-mog.dhb-mog .dhb-mog-eyebrow{border-radius:999px}
.dhb-mog.dhb-mog .dhb-mog-eyebrow{background:#ff440012}
.dhb-mog.dhb-mog .dhb-mog-eyebrow{border:1px solid #ff440033}
.dhb-mog.dhb-mog .dhb-mog-eyebrow{font-size:14px}
.dhb-mog.dhb-mog .dhb-mog-eyebrow{font-weight:500}
.dhb-mog.dhb-mog .dhb-mog-eyebrow{color:var(--o-deep)}
.dhb-mog.dhb-mog .dhb-mog-eyebrow i{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-eyebrow i{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-eyebrow i::after{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-eyebrow i::after{border:1.5px solid var(--o)}
.dhb-mog.dhb-mog h2{font-family:var(--head)}
.dhb-mog.dhb-mog h2{font-size:clamp(42px,6.4vw,96px)}
.dhb-mog.dhb-mog h2{font-weight:900}
.dhb-mog.dhb-mog h2{line-height:.98}
.dhb-mog.dhb-mog h2{letter-spacing:-.045em}
.dhb-mog.dhb-mog h2 em{font-style:normal}
.dhb-mog.dhb-mog h2 em{color:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-lead{font-size:17px}
.dhb-mog.dhb-mog .dhb-mog-lead{line-height:1.7}
.dhb-mog.dhb-mog .dhb-mog-lead{color:var(--tx-2)}
.dhb-mog.dhb-mog .dhb-mog-lead b{font-weight:500}
.dhb-mog.dhb-mog .dhb-mog-lead b{font-size:14.5px}
.dhb-mog.dhb-mog .dhb-mog-lead b{color:var(--tx-3)}
.dhb-mog.dhb-mog .dhb-mog-stage{color:var(--tx)}
.dhb-mog.dhb-mog .dhb-mog-stage{border-radius:26px}
.dhb-mog.dhb-mog .dhb-mog-stage{background:linear-gradient(160deg,#ff440099,#ffffff1f 28%,#ffffff0d 60%,#ff440040)}
.dhb-mog.dhb-mog .dhb-mog-stage{box-shadow:0 60px 110px -50px #161616b3,0 0 0 1px #16161614,0 0 120px -40px #ff440033}
.dhb-mog.dhb-mog .dhb-mog-stage-in{border-radius:25px}
.dhb-mog.dhb-mog .dhb-mog-stage-in{background:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-bar small{font-size:13px}
.dhb-mog.dhb-mog .dhb-mog-bar small{color:var(--tx-3)}
.dhb-mog.dhb-mog .dhb-mog-bar b{font-family:var(--head)}
.dhb-mog.dhb-mog .dhb-mog-bar b{font-size:20px}
.dhb-mog.dhb-mog .dhb-mog-bar b{font-weight:800}
.dhb-mog.dhb-mog .dhb-mog-bar b{letter-spacing:-.025em}
.dhb-mog.dhb-mog .dhb-mog-bar b{line-height:1.25}
.dhb-mog.dhb-mog .dhb-mog-live{border-radius:999px}
.dhb-mog.dhb-mog .dhb-mog-live{background:#ffffff0f}
.dhb-mog.dhb-mog .dhb-mog-live{border:1px solid var(--hair-2)}
.dhb-mog.dhb-mog .dhb-mog-live{font-size:12.5px}
.dhb-mog.dhb-mog .dhb-mog-live{font-weight:500}
.dhb-mog.dhb-mog .dhb-mog-live{color:#ffffffd9}
.dhb-mog.dhb-mog .dhb-mog-live i{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-live i{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-live i::after{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-live i::after{border:1.5px solid var(--o)}
.dhb-mog.dhb-mog .dhb-mog-plan{border-radius:18px}
.dhb-mog.dhb-mog .dhb-mog-plan{background:radial-gradient(ellipse at 50% 42%,#f7f6f100 30%,var(--paper) 80%),radial-gradient(#a3a08c38 .7px,transparent .9px) 0 0/12px 12px,var(--paper)}
.dhb-mog.dhb-mog .dhb-mog-plan .room{font:600 10.5px var(--font)}
.dhb-mog.dhb-mog .dhb-mog-plan .outside{font:500 10px var(--font)}
.dhb-mog.dhb-mog .dhb-mog-plan .dim-text{font:500 9px var(--font)}
.dhb-mog.dhb-mog .dhb-mog-legend .muted i{background:#b5b5a8}
.dhb-mog.dhb-mog .dhb-mog-legend .muted i{box-shadow:none}
.dhb-mog.dhb-mog .dhb-mog-legend .fan i{border-radius:2px 9px 9px 2px}
.dhb-mog.dhb-mog .dhb-mog-legend .fan i{background:linear-gradient(90deg,#ff601f66,#ff601f0d)}
.dhb-mog.dhb-mog .dhb-mog-legend .fan i{box-shadow:none}
.dhb-mog.dhb-mog .dhb-mog-legend .route i{border-radius:0}
.dhb-mog.dhb-mog .dhb-mog-legend .route i{background:none}
.dhb-mog.dhb-mog .dhb-mog-legend .route i{box-shadow:none}
.dhb-mog.dhb-mog .dhb-mog-legend .light i{background:#ffd66b}
.dhb-mog.dhb-mog .dhb-mog-legend .light i{box-shadow:0 0 0 3px #ffd66b55}
.dhb-mog.dhb-mog .dhb-mog-beam{background:linear-gradient(90deg,transparent 0,#ff440000 40%,#ff440038 49%,#ff6a33aa 50%,#ff440038 51%,#ff440000 60%,transparent 100%) no-repeat}
.dhb-mog.dhb-mog .dhb-mog-pin span{border-radius:999px}
.dhb-mog.dhb-mog .dhb-mog-pin span{background:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-pin span{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-pin span{font-size:11.5px}
.dhb-mog.dhb-mog .dhb-mog-pin span{font-weight:500}
.dhb-mog.dhb-mog .dhb-mog-pin span{box-shadow:0 8px 18px -8px #000000aa}
.dhb-mog.dhb-mog .dhb-mog-pin span::before{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-pin span::before{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-pin span::after{background:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-pin span::after{border-radius:1px}
.dhb-mog.dhb-mog .dhb-mog-legend{font-size:12px}
.dhb-mog.dhb-mog .dhb-mog-legend{color:#7f7c71}
.dhb-mog.dhb-mog .dhb-mog-legend i{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-legend i{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-legend i{box-shadow:0 0 0 3px #ff44001a}
.dhb-mog.dhb-mog .dhb-mog-legend .ok i{border-radius:2px}
.dhb-mog.dhb-mog .dhb-mog-legend .ok i{background:#2fa36b22}
.dhb-mog.dhb-mog .dhb-mog-legend .ok i{border:1px dashed var(--ok)}
.dhb-mog.dhb-mog .dhb-mog-legend .ok i{box-shadow:none}
.dhb-mog.dhb-mog .dhb-mog-legend .no i{border-radius:2px}
.dhb-mog.dhb-mog .dhb-mog-legend .no i{background:#ff44001c}
.dhb-mog.dhb-mog .dhb-mog-legend .no i{border:1px dashed var(--o)}
.dhb-mog.dhb-mog .dhb-mog-legend .no i{box-shadow:none}
.dhb-mog.dhb-mog .dhb-mog-card,.dhb-mog.dhb-mog .dhb-mog-phone{border-radius:18px}
.dhb-mog.dhb-mog .dhb-mog-card{background:#fffffff7}
.dhb-mog.dhb-mog .dhb-mog-card{color:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-card{border:1px solid #16161612}
.dhb-mog.dhb-mog .dhb-mog-card{box-shadow:0 26px 50px -18px #16161666}
.dhb-mog.dhb-mog .dhb-mog-card.dark{background:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-card.dark{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-card.dark{border-color:#ffffff24}
.dhb-mog.dhb-mog .dhb-mog-card.dark{box-shadow:0 30px 60px -18px #000000b3}
.dhb-mog.dhb-mog .dhb-mog-card.dark .dhb-mog-card-top{color:#ffffff8c}
.dhb-mog.dhb-mog .dhb-mog-card.dark .dhb-mog-tag{background:#ffffff14}
.dhb-mog.dhb-mog .dhb-mog-card.dark .dhb-mog-tag{color:#ffffffa6}
.dhb-mog.dhb-mog .dhb-mog-card>p{font-size:12.5px}
.dhb-mog.dhb-mog .dhb-mog-card>p{line-height:1.5}
.dhb-mog.dhb-mog .dhb-mog-card>p{color:#67655f}
.dhb-mog.dhb-mog .dhb-mog-card.dark>p{color:#ffffffa6}
.dhb-mog.dhb-mog .dhb-mog-screen{border-radius:12px}
.dhb-mog.dhb-mog .dhb-mog-screen{background:linear-gradient(160deg,#2a3328,#161616)}
.dhb-mog.dhb-mog .dhb-mog-screen span{font-size:11px}
.dhb-mog.dhb-mog .dhb-mog-screen span{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-screen span{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-screen em{font-style:normal}
.dhb-mog.dhb-mog .dhb-mog-screen em{font-size:10.5px}
.dhb-mog.dhb-mog .dhb-mog-screen em{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-screen em{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-screen em::before{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-screen em::before{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-screen i{border-radius:17px 17px 6px 6px}
.dhb-mog.dhb-mog .dhb-mog-screen i{background:#ffffff26}
.dhb-mog.dhb-mog .dhb-mog-screen i{border:1px solid #ffffff38}
.dhb-mog.dhb-mog .dhb-mog-timeline{font-size:11px}
.dhb-mog.dhb-mog .dhb-mog-timeline{color:#8a877d}
.dhb-mog.dhb-mog .dhb-mog-timeline{font-variant-numeric:tabular-nums}
.dhb-mog.dhb-mog .dhb-mog-timeline i{border-radius:3px}
.dhb-mog.dhb-mog .dhb-mog-timeline i{background:#eae7df}
.dhb-mog.dhb-mog .dhb-mog-timeline i::after{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-timeline i::after{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-timeline i::after{box-shadow:0 0 0 4px #ff440029}
.dhb-mog.dhb-mog .dhb-mog-card .dhb-mog-timeline b{font:600 11px var(--font)}
.dhb-mog.dhb-mog .dhb-mog-card .dhb-mog-timeline b{color:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-receipt{font-size:12.5px}
.dhb-mog.dhb-mog .dhb-mog-receipt{color:#67655f}
.dhb-mog.dhb-mog .dhb-mog-receipt strong{font-size:14px}
.dhb-mog.dhb-mog .dhb-mog-receipt strong{color:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-card .dhb-mog-receipt b{font:600 12.5px var(--font)}
.dhb-mog.dhb-mog .dhb-mog-card .dhb-mog-receipt b{color:inherit}
.dhb-mog.dhb-mog .dhb-mog-card .dhb-mog-receipt b{font-variant-numeric:tabular-nums}
.dhb-mog.dhb-mog .dhb-mog-card .dhb-mog-receipt strong b{font-size:14px}
.dhb-mog.dhb-mog .dhb-mog-amount{font:900 30px/1.1 var(--head)}
.dhb-mog.dhb-mog .dhb-mog-amount{letter-spacing:-.04em}
.dhb-mog.dhb-mog .dhb-mog-status{border-radius:10px}
.dhb-mog.dhb-mog .dhb-mog-status{background:#2fa36b17}
.dhb-mog.dhb-mog .dhb-mog-status{color:#1f7a4f}
.dhb-mog.dhb-mog .dhb-mog-status{font-size:12.5px}
.dhb-mog.dhb-mog .dhb-mog-status{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-status.warn{background:#ff440014}
.dhb-mog.dhb-mog .dhb-mog-status.warn{color:var(--o-deep)}
.dhb-mog.dhb-mog .dhb-mog-status::before{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-status::before{background:currentcolor}
.dhb-mog.dhb-mog .dhb-mog-card.dark .dhb-mog-status{background:#2fa36b2e}
.dhb-mog.dhb-mog .dhb-mog-card.dark .dhb-mog-status{color:var(--ok-lt)}
.dhb-mog.dhb-mog .dhb-mog-card.dark .dhb-mog-status.warn{background:#ff44002e}
.dhb-mog.dhb-mog .dhb-mog-card.dark .dhb-mog-status.warn{color:var(--no-lt)}
.dhb-mog.dhb-mog .dhb-mog-barcode{background:repeating-linear-gradient(90deg,var(--ink) 0 2px,transparent 2px 5px,var(--ink) 5px 6px,transparent 6px 8px,var(--ink) 8px 12px,transparent 12px 15px)}
.dhb-mog.dhb-mog .dhb-mog-barcode::after{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-barcode::after{box-shadow:0 0 10px var(--o)}
.dhb-mog.dhb-mog .dhb-mog-chart span{border-radius:5px 5px 2px 2px}
.dhb-mog.dhb-mog .dhb-mog-chart span{background:#e4e1d8}
.dhb-mog.dhb-mog .dhb-mog-chart span:last-child{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-chart small{font-size:10.5px}
.dhb-mog.dhb-mog .dhb-mog-chart small{color:#8a877d}
.dhb-mog.dhb-mog .dhb-mog-breakers span{border-radius:6px}
.dhb-mog.dhb-mog .dhb-mog-breakers span{background:#f1efea}
.dhb-mog.dhb-mog .dhb-mog-breakers span{font-size:10.5px}
.dhb-mog.dhb-mog .dhb-mog-breakers span{color:#8a877d}
.dhb-mog.dhb-mog .dhb-mog-breakers span i{border-radius:3px}
.dhb-mog.dhb-mog .dhb-mog-breakers span i{background:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-breakers span.on i{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-dest span{border-radius:10px}
.dhb-mog.dhb-mog .dhb-mog-dest span{background:#f4f2ed}
.dhb-mog.dhb-mog .dhb-mog-dest span{font-size:12.5px}
.dhb-mog.dhb-mog .dhb-mog-dest span{color:#67655f}
.dhb-mog.dhb-mog .dhb-mog-card .dhb-mog-dest span b{font:600 12.5px var(--font)}
.dhb-mog.dhb-mog .dhb-mog-card .dhb-mog-dest span b{color:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-dest span.on{background:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-dest span.on{color:#ffffffa6}
.dhb-mog.dhb-mog .dhb-mog-card .dhb-mog-dest span.on b{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-dest span.on::after{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-dest span.on::after{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-actions span{border-radius:999px}
.dhb-mog.dhb-mog .dhb-mog-actions span{background:#ffffff14}
.dhb-mog.dhb-mog .dhb-mog-actions span{font-size:12px}
.dhb-mog.dhb-mog .dhb-mog-actions span{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-actions span.go{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-card-top{font-size:12px}
.dhb-mog.dhb-mog .dhb-mog-card-top{color:#67655f}
.dhb-mog.dhb-mog .dhb-mog-tag{border-radius:999px}
.dhb-mog.dhb-mog .dhb-mog-tag{background:#16161609}
.dhb-mog.dhb-mog .dhb-mog-tag{font-size:11px}
.dhb-mog.dhb-mog .dhb-mog-tag{color:#8a877d}
.dhb-mog.dhb-mog .dhb-mog-card b{font-family:var(--head)}
.dhb-mog.dhb-mog .dhb-mog-card b{font-size:16px}
.dhb-mog.dhb-mog .dhb-mog-card b{font-weight:800}
.dhb-mog.dhb-mog .dhb-mog-card b{letter-spacing:-.02em}
.dhb-mog.dhb-mog .dhb-mog-card b{line-height:1.25}
.dhb-mog.dhb-mog .dhb-mog-glyph{border-radius:13px}
.dhb-mog.dhb-mog .dhb-mog-glyph{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-glyph{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-glyph{box-shadow:0 8px 16px -8px #ff4400aa}
.dhb-mog.dhb-mog .dhb-mog-glyph.person{background:#edebe5}
.dhb-mog.dhb-mog .dhb-mog-glyph.person{color:#9c998d}
.dhb-mog.dhb-mog .dhb-mog-glyph.person{box-shadow:none}
.dhb-mog.dhb-mog .dhb-mog-glyph.person::after{border-radius:15px}
.dhb-mog.dhb-mog .dhb-mog-glyph.person::after{border:2px solid var(--o)}
.dhb-mog.dhb-mog .dhb-mog-row>span:last-child{font-size:13.5px}
.dhb-mog.dhb-mog .dhb-mog-row>span:last-child{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-row>span:last-child{line-height:1.35}
.dhb-mog.dhb-mog .dhb-mog-row small{font-size:12px}
.dhb-mog.dhb-mog .dhb-mog-row small{font-weight:400}
.dhb-mog.dhb-mog .dhb-mog-row small{color:#67655f}
.dhb-mog.dhb-mog .dhb-mog-ok{font-size:12.5px}
.dhb-mog.dhb-mog .dhb-mog-ok{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-ok{color:#1f7a4f}
.dhb-mog.dhb-mog .dhb-mog-days span{border-radius:8px}
.dhb-mog.dhb-mog .dhb-mog-days span{background:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-days span{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-days span{font-size:11px}
.dhb-mog.dhb-mog .dhb-mog-days span{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-days span.now{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-days .off{background:#efede8}
.dhb-mog.dhb-mog .dhb-mog-days .off{color:#a7a398}
.dhb-mog.dhb-mog .dhb-mog-hours{font-size:12.5px}
.dhb-mog.dhb-mog .dhb-mog-hours{color:#67655f}
.dhb-mog.dhb-mog .dhb-mog-hours b{font-family:var(--font)}
.dhb-mog.dhb-mog .dhb-mog-hours b{font-size:12.5px}
.dhb-mog.dhb-mog .dhb-mog-hours b{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-hours b{color:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-hours b{font-variant-numeric:tabular-nums}
.dhb-mog.dhb-mog .dhb-mog-phone{background:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-phone{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-phone{border:1px solid var(--hair-2)}
.dhb-mog.dhb-mog .dhb-mog-phone{box-shadow:0 30px 60px -18px #000000b3,0 0 0 6px #16161612}
.dhb-mog.dhb-mog .dhb-mog-phone-top{font-size:11.5px}
.dhb-mog.dhb-mog .dhb-mog-phone-top{color:var(--tx-3)}
.dhb-mog.dhb-mog .dhb-mog-phone-top span:first-child{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-phone-top span:first-child{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-phone b{font-family:var(--head)}
.dhb-mog.dhb-mog .dhb-mog-phone b{font-size:17px}
.dhb-mog.dhb-mog .dhb-mog-phone b{font-weight:800}
.dhb-mog.dhb-mog .dhb-mog-phone b{letter-spacing:-.02em}
.dhb-mog.dhb-mog .dhb-mog-phone li{border-radius:10px}
.dhb-mog.dhb-mog .dhb-mog-phone li{background:#ffffff0d}
.dhb-mog.dhb-mog .dhb-mog-phone li{font-size:12px}
.dhb-mog.dhb-mog .dhb-mog-phone li{color:#ffffffcc}
.dhb-mog.dhb-mog .dhb-mog-phone li em{font-style:normal}
.dhb-mog.dhb-mog .dhb-mog-phone li em{font-size:11px}
.dhb-mog.dhb-mog .dhb-mog-phone li em{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-phone li em{border-radius:999px}
.dhb-mog.dhb-mog .dhb-mog-phone li em{background:#2fa36b33}
.dhb-mog.dhb-mog .dhb-mog-phone li em{color:var(--ok-lt)}
.dhb-mog.dhb-mog .dhb-mog-phone li em.warn{background:#ff440033}
.dhb-mog.dhb-mog .dhb-mog-phone li em.warn{color:var(--no-lt)}
.dhb-mog.dhb-mog .dhb-mog-caption .ic{border-radius:13px}
.dhb-mog.dhb-mog .dhb-mog-caption .ic{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-caption .ic{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-caption .ic{box-shadow:0 10px 24px -10px #ff4400}
.dhb-mog.dhb-mog .dhb-mog-caption p{font-size:14px}
.dhb-mog.dhb-mog .dhb-mog-caption p{line-height:1.6}
.dhb-mog.dhb-mog .dhb-mog-caption p{color:var(--tx-2)}
.dhb-mog.dhb-mog .dhb-mog-caption p b{font-family:var(--head)}
.dhb-mog.dhb-mog .dhb-mog-caption p b{font-size:17px}
.dhb-mog.dhb-mog .dhb-mog-caption p b{font-weight:800}
.dhb-mog.dhb-mog .dhb-mog-caption p b{letter-spacing:-.02em}
.dhb-mog.dhb-mog .dhb-mog-caption p b{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-count{font-size:12.5px}
.dhb-mog.dhb-mog .dhb-mog-count{font-weight:500}
.dhb-mog.dhb-mog .dhb-mog-count{color:var(--no-lt)}
.dhb-mog.dhb-mog .dhb-mog-count i{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-count i{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-log{border-radius:14px}
.dhb-mog.dhb-mog .dhb-mog-log{background:#0000002e}
.dhb-mog.dhb-mog .dhb-mog-log{border:1px solid var(--hair)}
.dhb-mog.dhb-mog .dhb-mog-log-head{font-size:12.5px}
.dhb-mog.dhb-mog .dhb-mog-log-head{font-weight:500}
.dhb-mog.dhb-mog .dhb-mog-log-head{color:var(--tx-2)}
.dhb-mog.dhb-mog .dhb-mog-log-head span:last-child{color:var(--tx-3)}
.dhb-mog.dhb-mog .dhb-mog-log-head span:last-child::before{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-log-head span:last-child::before{background:var(--ok)}
.dhb-mog.dhb-mog .dhb-mog-log-head span:last-child::before{box-shadow:0 0 0 3px #2fa36b33}
.dhb-mog.dhb-mog .dhb-mog-feed li{font-size:13px}
.dhb-mog.dhb-mog .dhb-mog-feed time{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-feed time{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-feed time{font-variant-numeric:tabular-nums}
.dhb-mog.dhb-mog .dhb-mog-feed span{color:var(--tx-2)}
.dhb-mog.dhb-mog .dhb-mog-feed em{font-style:normal}
.dhb-mog.dhb-mog .dhb-mog-feed em{font-size:11.5px}
.dhb-mog.dhb-mog .dhb-mog-feed em{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-feed em{border-radius:999px}
.dhb-mog.dhb-mog .dhb-mog-feed em[data-state='ok']{background:#2fa36b2e}
.dhb-mog.dhb-mog .dhb-mog-feed em[data-state='ok']{color:var(--ok-lt)}
.dhb-mog.dhb-mog .dhb-mog-feed em[data-state='no']{background:#ff44002e}
.dhb-mog.dhb-mog .dhb-mog-feed em[data-state='no']{color:var(--no-lt)}
.dhb-mog.dhb-mog .dhb-mog-tour-text{font-size:12.5px}
.dhb-mog.dhb-mog .dhb-mog-tour-text{color:var(--tx-3)}
.dhb-mog.dhb-mog .dhb-mog-step{font-size:13px}
.dhb-mog.dhb-mog .dhb-mog-step{color:var(--tx-3)}
.dhb-mog.dhb-mog .dhb-mog-step{font-variant-numeric:tabular-nums}
.dhb-mog.dhb-mog .dhb-mog-step b{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-step b{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-tour .dhb-mog-arrow{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-tour button{border:1px solid var(--hair-2)}
.dhb-mog.dhb-mog .dhb-mog-tour button{border-radius:999px}
.dhb-mog.dhb-mog .dhb-mog-tour button{font-size:12.5px}
.dhb-mog.dhb-mog .dhb-mog-tour button{font-weight:500}
.dhb-mog.dhb-mog .dhb-mog-tour button{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-tour button:hover{background:#ffffff14}
.dhb-mog.dhb-mog .dhb-mog-tour button:hover{border-color:#ffffff4d}
.dhb-mog.dhb-mog .dhb-mog-item{border-radius:18px}
.dhb-mog.dhb-mog .dhb-mog-item{background:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-item{border:1px solid var(--hair)}
.dhb-mog.dhb-mog .dhb-mog-item{box-shadow:0 1px 2px #1616160a}
.dhb-mog.dhb-mog .dhb-mog-item:hover{border-color:var(--hair-2)}
.dhb-mog.dhb-mog .dhb-mog-item:hover{box-shadow:0 14px 30px -20px #16161659}
.dhb-mog.dhb-mog .dhb-mog-item .ic{border-radius:14px}
.dhb-mog.dhb-mog .dhb-mog-item .ic{background:#f1efea}
.dhb-mog.dhb-mog .dhb-mog-item .ic{border:1px solid transparent}
.dhb-mog.dhb-mog .dhb-mog-item .ic{color:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-item h3{font-family:var(--head)}
.dhb-mog.dhb-mog .dhb-mog-item h3{font-size:17.5px}
.dhb-mog.dhb-mog .dhb-mog-item h3{font-weight:800}
.dhb-mog.dhb-mog .dhb-mog-item h3{letter-spacing:-.02em}
.dhb-mog.dhb-mog .dhb-mog-item h3{line-height:1.3}
.dhb-mog.dhb-mog .dhb-mog-item p{font-size:14px}
.dhb-mog.dhb-mog .dhb-mog-item p{line-height:1.5}
.dhb-mog.dhb-mog .dhb-mog-item p{color:var(--tx-3)}
.dhb-mog.dhb-mog .dhb-mog-item .more small{font-size:13.5px}
.dhb-mog.dhb-mog .dhb-mog-item .more small{line-height:1.5}
.dhb-mog.dhb-mog .dhb-mog-item .more small{color:#ffffffd9}
.dhb-mog.dhb-mog .dhb-mog-item .go{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-item .go{color:var(--tx-3)}
.dhb-mog.dhb-mog .dhb-mog-item .go{border:1px solid var(--hair)}
.dhb-mog.dhb-mog .dhb-mog-item .bar{background:linear-gradient(90deg,var(--o-deep),var(--o-hi))}
.dhb-mog.dhb-mog .dhb-mog-item.is-active{background:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-item.is-active{border-color:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-item.is-active{box-shadow:0 30px 60px -28px #161616b3}
.dhb-mog.dhb-mog .dhb-mog-item.is-active .ic{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-item.is-active .ic{border-color:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-item.is-active .ic{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-item.is-active .ic{box-shadow:0 10px 20px -8px #ff4400}
.dhb-mog.dhb-mog .dhb-mog-item.is-active h3{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-item.is-active p{color:#ffffffb3}
.dhb-mog.dhb-mog .dhb-mog-item.is-active .go{background:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-item.is-active .go{border-color:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-item.is-active .go{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-ask{border-radius:22px}
.dhb-mog.dhb-mog .dhb-mog-ask{background:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-ask{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-ask{background-image:radial-gradient(80% 90% at 100% 0,#ff44002e,transparent 60%),radial-gradient(60% 70% at 0 100%,#ffffff0a,transparent 70%)}
.dhb-mog.dhb-mog .dhb-mog-ask{box-shadow:0 30px 60px -34px #161616b3}
.dhb-mog.dhb-mog .dhb-mog-ask .dhb-mog-photo{box-shadow:0 0 0 3px var(--ink),0 0 0 5px var(--o)}
.dhb-mog.dhb-mog .dhb-mog-ask .dhb-mog-photo b{font-size:22px}
.dhb-mog.dhb-mog .dhb-mog-ask .dhb-mog-photo b{background:#2a2a28}
.dhb-mog.dhb-mog .dhb-mog-ask .dhb-mog-photo i{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-ask .dhb-mog-photo i{background:#8a8880}
.dhb-mog.dhb-mog .dhb-mog-ask .dhb-mog-photo i{border:3px solid var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-ask.is-open .dhb-mog-photo i{background:#3ddc84}
.dhb-mog.dhb-mog .dhb-mog-ask-person strong{font:800 18px/1.25 var(--head)}
.dhb-mog.dhb-mog .dhb-mog-ask-person strong{letter-spacing:-.02em}
.dhb-mog.dhb-mog .dhb-mog-ask-person small{font-size:13px}
.dhb-mog.dhb-mog .dhb-mog-ask-person small{color:#ffffff99}
.dhb-mog.dhb-mog .dhb-mog-ask>p{font-size:15px}
.dhb-mog.dhb-mog .dhb-mog-ask>p{line-height:1.65}
.dhb-mog.dhb-mog .dhb-mog-ask>p{color:#ffffffd1}
.dhb-mog.dhb-mog .dhb-mog-ask-btn{border-radius:999px}
.dhb-mog.dhb-mog .dhb-mog-ask-btn{background:linear-gradient(90deg,#ff4400,#ff6a33)}
.dhb-mog.dhb-mog .dhb-mog-ask-btn{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-ask-btn{font:700 17px var(--font)}
.dhb-mog.dhb-mog .dhb-mog-ask-btn{box-shadow:0 16px 32px -14px #ff4400cc}
.dhb-mog.dhb-mog .dhb-mog-ask-btn i{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-ask-btn i{background:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-ask-btn i{color:var(--ink)}
.dhb-mog.dhb-mog .dhb-mog-ask-btn:hover{box-shadow:0 22px 40px -14px #ff4400}
.dhb-mog.dhb-mog .dhb-mog-ask-alt{font-size:13.5px}
.dhb-mog.dhb-mog .dhb-mog-ask-alt{color:#ffffff99}
.dhb-mog.dhb-mog .dhb-mog-ask-alt a{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-ask-alt a{font-weight:600}
.dhb-mog.dhb-mog .dhb-mog-ask-alt a:hover{border-color:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-photo{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-photo{background:#2a2a28}
.dhb-mog.dhb-mog .dhb-mog-photo img{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-photo b{border-radius:50%}
.dhb-mog.dhb-mog .dhb-mog-photo b{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-photo b{font:800 22px var(--head)}
.dhb-mog.dhb-mog .dhb-mog-askform label{font-size:12.5px}
.dhb-mog.dhb-mog .dhb-mog-askform label{font-weight:500}
.dhb-mog.dhb-mog .dhb-mog-askform label{color:#ffffffb3}
.dhb-mog.dhb-mog .dhb-mog-askform input,.dhb-mog.dhb-mog .dhb-mog-askform textarea{border:1px solid #ffffff2e}
.dhb-mog.dhb-mog .dhb-mog-askform input,.dhb-mog.dhb-mog .dhb-mog-askform textarea{border-radius:12px}
.dhb-mog.dhb-mog .dhb-mog-askform input,.dhb-mog.dhb-mog .dhb-mog-askform textarea{background:#ffffff0f}
.dhb-mog.dhb-mog .dhb-mog-askform input,.dhb-mog.dhb-mog .dhb-mog-askform textarea{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-askform input,.dhb-mog.dhb-mog .dhb-mog-askform textarea{font:400 15px var(--font)}
.dhb-mog.dhb-mog .dhb-mog-askform textarea{line-height:1.5}
.dhb-mog.dhb-mog .dhb-mog-askform input:focus,.dhb-mog.dhb-mog .dhb-mog-askform textarea:focus{border-color:var(--o)}
.dhb-mog.dhb-mog .dhb-mog-askform input:focus,.dhb-mog.dhb-mog .dhb-mog-askform textarea:focus{background:#ffffff17}
.dhb-mog.dhb-mog .dhb-mog-send{border-radius:999px}
.dhb-mog.dhb-mog .dhb-mog-send{background:linear-gradient(90deg,#ff4400,#ff6a33)}
.dhb-mog.dhb-mog .dhb-mog-send{color:#ffffff}
.dhb-mog.dhb-mog .dhb-mog-send{font:700 16px var(--font)}
.dhb-mog.dhb-mog .dhb-mog-send{box-shadow:0 16px 32px -14px #ff4400cc}
.dhb-mog.dhb-mog .dhb-mog-err{font-size:13px}
.dhb-mog.dhb-mog .dhb-mog-err{color:#ff8a5c}
.dhb-mog.dhb-mog .dhb-mog-note{font-size:12px}
.dhb-mog.dhb-mog .dhb-mog-note{color:#ffffff80}
.dhb-mog.dhb-mog .dhb-mog-done b{font:800 18px/1.25 var(--head)}
.dhb-mog.dhb-mog .dhb-mog-done b{letter-spacing:-.02em}
.dhb-mog.dhb-mog .dhb-mog-done p{font-size:14px}
.dhb-mog.dhb-mog .dhb-mog-done p{color:#ffffffc2}
@media (max-width:600px){
.dhb-mog.dhb-mog h2{font-size:clamp(36px,11vw,48px)}
.dhb-mog.dhb-mog .dhb-mog-lead{font-size:15.5px}
.dhb-mog.dhb-mog .dhb-mog-bar b{font-size:17px}
.dhb-mog.dhb-mog .dhb-mog-plan{border-radius:14px}
.dhb-mog.dhb-mog .dhb-mog-pin span{font-size:10px}
.dhb-mog.dhb-mog .dhb-mog-card,.dhb-mog.dhb-mog .dhb-mog-phone{border-radius:14px}
.dhb-mog.dhb-mog .dhb-mog-card b,.dhb-mog.dhb-mog .dhb-mog-phone b{font-size:14px}
.dhb-mog.dhb-mog .dhb-mog-ok,.dhb-mog.dhb-mog .dhb-mog-hours{font-size:11.5px}
.dhb-mog.dhb-mog .dhb-mog-legend{font-size:11px}
.dhb-mog.dhb-mog .dhb-mog-item h3{font-size:16px}
}
.dhb-mog.dhb-mog[data-variant='alarm'] .dhb-mog-plan .lyr{color:#9e9c92}
.dhb-mog.dhb-mog[data-variant='alarm'] .dhb-mog-plan .lyr.on,.dhb-mog.dhb-mog[data-variant='alarm'] .dhb-mog-plan .lyr.dim{color:var(--o)}
.dhb-mog.dhb-mog[data-variant='camera'] .dhb-mog-plan .lyr{color:#9e9c92}
.dhb-mog.dhb-mog[data-variant='camera'] .dhb-mog-plan .lyr.on{color:var(--o)}
.dhb-mog.dhb-mog[data-variant='camera'] .dhb-mog-plan .base-devices{color:#9a9f90}
.dhb-mog.dhb-mog[data-variant='camera'] .device-glyph{color:#6e7563}
.dhb-mog.dhb-mog[data-variant='camera'] .lyr.on .device-glyph{color:#ffffff}
.dhb-mog.dhb-mog[data-variant='camera'] .scene-label{font:600 9.5px var(--font)}
.dhb-mog.dhb-mog[data-variant='toegang'] .dhb-mog-plan .lyr{color:#9e9c92}
.dhb-mog.dhb-mog[data-variant='toegang'] .dhb-mog-plan .lyr.on{color:var(--o)}
.dhb-mog.dhb-mog[data-variant='toegang'] .dhb-mog-plan .lyr[data-layer='pas'].dim,.dhb-mog.dhb-mog[data-variant='toegang'] .dhb-mog-plan .lyr[data-layer='intercom'].dim,.dhb-mog.dhb-mog[data-variant='toegang'] .dhb-mog-plan .lyr[data-layer='zones'].dim{color:var(--o)}
.dhb-mog.dhb-mog[data-variant='toegang'] .access-zone-label text{font:600 8.5px var(--font)}
.dhb-mog.dhb-mog[data-variant='elektra'] .dhb-mog-plan .lyr{color:#9e9c92}
.dhb-mog.dhb-mog[data-variant='elektra'] .dhb-mog-plan .lyr.on{color:var(--o)}
.dhb-mog.dhb-mog[data-variant='elektra'] .dhb-mog-plan .base-devices{color:#9a9f90}
.dhb-mog.dhb-mog[data-variant='elektra'] .device-glyph{color:#6e7563}
.dhb-mog.dhb-mog[data-variant='elektra'] .lyr.on .device-glyph{color:#ffffff}
.dhb-mog.dhb-mog[data-variant='elektra'] .scene-label{font:600 9.5px var(--font)}
.dhb-mog.dhb-mog[data-variant='kassa'] .dhb-mog-plan .lyr{color:#9e9c92}
.dhb-mog.dhb-mog[data-variant='kassa'] .dhb-mog-plan .lyr.on{color:var(--o)}
.dhb-mog.dhb-mog[data-variant='kassa'] .dhb-mog-plan .base-devices{color:#9a9f90}
.dhb-mog.dhb-mog[data-variant='kassa'] .device-glyph{color:#6e7563}
.dhb-mog.dhb-mog[data-variant='kassa'] .lyr.on .device-glyph{color:#ffffff}
.dhb-mog.dhb-mog[data-variant='kassa'] .scene-label{font:600 9.5px var(--font)}
.dhb-mog.dhb-mog[data-variant='intercom'] .dhb-mog-plan .lyr{color:#9e9c92}
.dhb-mog.dhb-mog[data-variant='intercom'] .dhb-mog-plan .lyr.on{color:var(--o)}
.dhb-mog.dhb-mog[data-variant='intercom'] .dhb-mog-plan .base-devices{color:#9a9f90}
.dhb-mog.dhb-mog[data-variant='intercom'] .device-glyph{color:#6e7563}
.dhb-mog.dhb-mog[data-variant='intercom'] .lyr.on .device-glyph{color:#ffffff}
.dhb-mog.dhb-mog[data-variant='intercom'] .scene-label{font:600 9.5px var(--font)}

/* Twee dingen die de ontwerpen zelf niet regelen, omdat een losse pagina geen
   kit heeft: een kit geeft plaatjes een schaduw en een rand mee. */
.dhb-mog.dhb-mog img{box-shadow:none;border:0}