.dih-hub{--dih-blue:#3066c8;--dih-ink:#183653;--dih-muted:#657c91;--dih-border:#dde7f0;position:relative;padding:28px;border:1px solid var(--dih-border);border-radius:24px;background:#fff;color:var(--dih-ink);scroll-margin-top:24px}.dih-hub *{box-sizing:border-box}.dih-hub [hidden]{display:none!important}.dih-anchor{position:absolute;top:0}.dih-heading{margin-bottom:23px}.dih-kicker{color:var(--dih-blue);font-size:10px;font-weight:800;letter-spacing:.16em}.dih-hub h2{font:750 25px/1.3 system-ui,-apple-system,sans-serif!important;letter-spacing:-.6px;margin:6px 0 8px!important}.dih-hub h3{font:700 21px/1.35 system-ui,-apple-system,sans-serif;letter-spacing:-.35px;margin:4px 0 9px}.dih-hub p{font:14px/1.7 system-ui,-apple-system,sans-serif;margin:7px 0;color:var(--dih-muted)}.dih-devices{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;padding:5px;background:#f0f4f8;border-radius:15px;margin-bottom:24px}.dih-devices a{display:flex;justify-content:center;align-items:center;gap:9px;min-height:48px;border-radius:11px;color:#536c82;text-decoration:none;font:700 14px/1.3 system-ui,-apple-system,sans-serif;border:1px solid transparent}.dih-devices a:hover{background:#e6edf5}.dih-devices [aria-selected=true]{background:#fff;color:var(--dih-blue);box-shadow:0 2px 7px #1735500c;border-color:#d7e3f2}.dih-device-mark{font-size:21px;line-height:1}.dih-panel{scroll-margin-top:22px}.dih-panel+.dih-panel{margin-top:28px;padding-top:25px;border-top:1px solid var(--dih-border)}.dih-enhanced .dih-panel{margin-top:0;padding-top:0;border-top:0}.dih-panel-heading{margin-bottom:20px}.dih-tag{display:inline-block;color:#47778e;font:700 11px/1.5 system-ui,-apple-system,sans-serif;letter-spacing:.02em}.dih-windows-layout{display:flex;gap:23px;align-items:flex-start;padding:15px 5px}.dih-desktop-logo{flex:0 0 76px;display:grid;place-items:center;width:76px;height:76px;border-radius:22px;background:var(--dih-blue);color:white;font:800 40px/1 system-ui;box-shadow:0 9px 20px #3066c820}.dih-primary,.dih-prompt button{display:inline-flex;gap:15px;align-items:center;justify-content:center;min-height:46px;border:1px solid var(--dih-blue);padding:11px 20px;background:var(--dih-blue);color:#fff!important;border-radius:11px;font:700 14px/1.4 system-ui;text-decoration:none;cursor:pointer;margin:12px 0 4px}.dih-primary:hover,.dih-prompt button:hover{background:#2353aa}.dih-inline-steps{font-size:12px!important;color:#58748b!important}.dih-preview{font:12px/1.7 system-ui;color:var(--dih-muted);margin-top:12px;max-width:640px}.dih-preview summary{cursor:pointer;min-height:28px}.dih-preview p{font-size:12px}.dih-note{font-size:12px!important;color:#678096!important;max-width:900px}.dih-example{font-size:11px!important;color:#8797a5!important}.dih-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;list-style:none;padding:0!important;margin:15px 0 18px!important}.dih-steps>li{min-width:0}.dih-figure{display:flex;align-items:center;justify-content:center;height:208px;overflow:hidden;border-radius:16px;background:linear-gradient(135deg,#f0f5fb,#f5f9f8);border:1px solid #e4ebf2;position:relative;color:#526d82}.dih-phone{width:142px;height:184px;border:3px solid #8094a6;border-bottom:0;border-radius:17px 17px 0 0;background:#fff;position:relative;align-self:flex-end;overflow:hidden}.dih-phone-top{height:17px;display:flex;justify-content:center;align-items:center;background:#f3f6f8}.dih-phone-top>span{width:33px;height:4px;background:#aebcc6;border-radius:4px}.dih-address{display:flex;align-items:center;justify-content:space-between;gap:3px;margin:7px 5px;padding:5px 4px;background:#edf2f5;border-radius:5px;font:5.5px/1.2 system-ui;color:#768a99;white-space:nowrap}.dih-address b{font:700 12px/1 system-ui}.dih-highlight{display:flex;padding:3px;border:2px solid #f1ae3f;background:#fff5dc;border-radius:6px;color:#285d9e}.dih-highlight svg{width:15px;height:15px}.dih-mini-page{display:grid;justify-items:center;gap:7px;padding-top:6px}.dih-mini-logo{display:grid;place-items:center;flex-shrink:0;width:30px;height:30px;border-radius:9px;background:#3066c8;color:#fff;font:800 20px/1 system-ui}.dih-mini-page b{font:750 9px/1.2 system-ui;color:#28516d}.dih-mini-page i{width:67%;height:5px;background:#e6edf3;border-radius:4px}.dih-mini-page i:last-child{width:50%}.dih-point{position:absolute;right:3px;top:54px;color:#e3a12c;font:700 41px/1 system-ui;transform:rotate(8deg)}.dih-share-sheet{position:absolute;bottom:0;left:0;right:0;border-radius:12px 12px 0 0;box-shadow:0 -8px 24px #244c6522;background:#f3f6f9;padding:9px 6px 20px}.dih-share-sheet>span{display:block;text-align:center;font:700 10px/1 system-ui;letter-spacing:7px;color:#8b9dad;margin-bottom:10px}.dih-share-sheet strong{display:flex;justify-content:space-between;gap:4px;background:#fff5dc;border:2px solid #e8b152;border-radius:5px;padding:8px 5px;font:700 8px/1.3 system-ui;color:#355878;overflow-wrap:anywhere}.dih-share-sheet strong>span:last-child{font-size:12px}.dih-add-sheet{position:absolute;left:0;right:0;top:29px;bottom:0;background:#f3f6f9;text-align:center;display:flex;align-items:center;flex-direction:column;gap:8px}.dih-add-sheet>div{display:flex;align-items:center;justify-content:space-between;gap:3px;width:100%;padding:8px 5px;background:white;font:650 8px/1.4 system-ui}.dih-add-sheet strong{background:#fff5dc;border:2px solid #e8b152;border-radius:5px;padding:5px 6px;color:#285d9e;white-space:nowrap}.dih-add-sheet>b{font:700 9px/1 system-ui;color:#355878}.dih-step-caption{display:flex;align-items:flex-start;gap:9px;padding-top:12px}.dih-step-number{flex:0 0 25px;display:inline-grid;place-items:center;width:25px;height:25px;border-radius:8px;color:#3066c8;background:#eaf1fb;font:750 12px/1 system-ui}.dih-step-caption p{margin:1px 0!important;font-size:13px}.dih-mac-layout{display:grid;grid-template-columns:minmax(230px,1fr) minmax(250px,1fr);gap:32px;align-items:center;max-width:830px;margin:14px 0 20px}.dih-figure-mac{height:230px;padding:18px}.dih-computer{width:100%;height:170px;border:2px solid #8ca2b4;border-radius:10px;background:#fff;position:relative;overflow:hidden;box-shadow:0 8px 20px #254b6020}.dih-mac-bar{height:25px;background:#e6edf4;display:flex;align-items:center;gap:4px;padding:6px 9px}.dih-dot{height:5px;width:5px;background:#b1c3d1;border-radius:50%}.dih-menu-word{font:650 8px/1 system-ui;margin-left:7px;color:#3e5970}.dih-computer .dih-mini-page{padding-top:18px}.dih-menu-pop{position:absolute;top:22px;left:39px;width:68%;padding:8px;background:#fff;border:1px solid #dbe4ed;box-shadow:0 8px 14px #35587820;border-radius:0 0 8px 8px}.dih-menu-pop>span{font:9px/1.4 system-ui;color:#8396a5;display:block;margin-bottom:8px}.dih-menu-pop strong{display:flex;justify-content:space-between;align-items:center;gap:5px;border:2px solid #e8b152;background:#fff5dc;border-radius:5px;padding:8px;font:700 10px/1.3 system-ui;color:#285d9e}.dih-mac-steps{display:grid;gap:17px;list-style:none;padding:0!important;margin:0!important}.dih-mac-steps li{display:flex;align-items:flex-start;gap:11px}.dih-mac-steps p{margin:0!important}.dih-prompt{margin:-7px 0 15px}.dih-prompt p:empty{display:none}.dih-prompt p{font-size:12px}.dih-hub :focus-visible{outline:3px solid #dfa440;outline-offset:3px}
@media(max-width:700px){.dih-hub{padding:21px 17px;border-radius:19px}.dih-devices{gap:4px;padding:4px}.dih-devices a{font-size:12px;gap:5px;min-height:45px}.dih-device-mark{font-size:17px}.dih-hub h2{font-size:23px!important}.dih-hub h3{font-size:20px}.dih-windows-layout{gap:14px;padding:8px 0}.dih-desktop-logo{width:57px;height:57px;flex-basis:57px;border-radius:17px;font-size:31px}.dih-steps{gap:9px}.dih-figure{height:173px;border-radius:12px}.dih-phone{width:120px;height:155px;transform:scale(.9);transform-origin:bottom center;flex-shrink:0}.dih-step-caption{gap:6px;flex-direction:column}.dih-step-caption p{font-size:12px}.dih-mac-layout{grid-template-columns:1fr;gap:20px}.dih-figure-mac{height:210px;max-width:430px;width:100%;justify-self:center}}
@media(max-width:420px){.dih-hub{padding:19px 13px}.dih-devices{grid-template-columns:repeat(2,1fr)}.dih-devices a{font-size:13px;min-height:42px}.dih-steps{grid-template-columns:1fr;gap:16px}.dih-steps>li{display:grid;grid-template-columns:112px 1fr;gap:14px;align-items:center}.dih-figure{height:141px}.dih-phone{width:127px;height:165px;transform:scale(.76)}.dih-step-caption{padding-top:0;gap:8px}.dih-step-caption p{font-size:13px}.dih-primary{width:100%}.dih-windows-layout{display:block}.dih-desktop-logo{display:none}.dih-figure-mac{height:204px}.dih-example{margin-top:14px!important}}
@media(prefers-reduced-motion:reduce){.dih-hub *{scroll-behavior:auto!important}}

/* Required preparation step 1. */
.dih-heading-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.dih-heading-row h2{margin:0!important}.dih-stage-number{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:11px;background:#e8f0fc;color:#2c62be;font:800 18px/1 system-ui}.dih-required{display:inline-flex;align-items:center;min-height:34px;padding:5px 12px;border:1px solid #8dbfa5;border-radius:999px;background:#def1e6;color:#16583c;font:800 15px/1.4 system-ui}.dih-heading>p{margin-top:10px}