/* Native lecture objects preserve the positions and typography of v8. */
section.native-slide{position:relative;width:1280px;height:720px;padding:0!important;font-family:Arial,sans-serif;text-align:left;user-select:text;overflow:hidden;color:#17283d;line-height:1.18}
.native-slide .native-object{position:absolute;box-sizing:border-box;margin:0;border:0;border-radius:0;max-width:none;max-height:none;letter-spacing:normal;text-transform:none;text-shadow:none;box-shadow:none;text-align:left;overflow-wrap:normal;word-break:normal}
.native-slide .native-text{white-space:normal}.native-slide .native-text span{white-space:normal}.native-slide .native-text a{color:inherit}.native-slide .native-list{list-style:none;margin:0;padding:0;position:absolute;inset:0}
.native-slide .native-code{white-space:pre;overflow:visible;text-align:left}.native-slide .native-code code{display:block;font:inherit;line-height:inherit;white-space:pre;color:inherit;background:none;padding:0;margin:0;max-height:none;overflow:visible;tab-size:2}.native-slide .native-code span{white-space:pre}.native-slide .native-page{user-select:none}.native-slide .native-screenshot{object-fit:fill;display:block}
.native-slide .native-diagram{display:flex;align-items:center;justify-content:center;font-family:Arial,sans-serif;color:#17283d;font-size:28px;font-weight:650;line-height:1.15}
.diagram-flow{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;height:100%;padding:18px 35px}.diagram-node{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;width:225px;flex-shrink:0;text-align:center}.diagram-node>span{white-space:nowrap}.diagram-icon{position:relative;width:195px;height:155px;flex-shrink:0}.browser-icon{border:5px solid #244867;border-radius:10px;background:#f5f9fd;box-shadow:inset 0 27px #245fa7}.browser-icon:before{content:"● ● ●";position:absolute;top:4px;left:10px;color:#a8cdf2;font-size:14px;letter-spacing:3px;line-height:16px}.browser-icon i{position:absolute;left:16px;right:16px;top:42px;height:12px;background:#8fb7d5}.browser-icon i:nth-child(2){top:67px;width:58px;height:62px;background:#c2d7e8}.browser-icon i:nth-child(3){left:88px;right:15px;top:69px;height:9px;box-shadow:0 22px #8fb7d5,0 44px #8fb7d5}.server-icon{display:flex;flex-direction:column;justify-content:center;gap:8px}.server-icon i{display:block;position:relative;height:43px;background:#2c5375;border:4px solid #172f48;border-radius:8px}.server-icon i:before{content:"";position:absolute;left:12px;top:11px;width:10px;height:10px;background:#48b9b3;border-radius:100%}.server-icon i:after{content:"";position:absolute;right:15px;top:9px;width:90px;height:5px;background:#122e48;box-shadow:0 10px #122e48}.phone-icon{width:85px;border:5px solid #244867;border-radius:12px;background:#cce4f3;box-shadow:inset 0 16px #f5f9fd,inset 0 -16px #f5f9fd}.database-icon{width:150px;height:150px;background:#87c1df;border:4px solid #244867;border-radius:50% / 15%;box-shadow:inset 0 25px #acd5eb}.database-icon:before,.database-icon:after{content:"";position:absolute;left:-4px;right:-4px;height:40px;border:4px solid #244867;border-top:0;border-radius:0 0 50% 50%;top:32px}.database-icon:after{top:77px}.diagram-exchange{flex:1;min-width:80px;display:flex;flex-direction:column;gap:8px;padding-bottom:30px;font-size:25px}.diagram-request,.diagram-response{display:flex;flex-direction:column;text-align:center;color:#245fa7;gap:0}.diagram-response{color:#087a89}.diagram-exchange b{font-size:100px;line-height:.55;font-weight:400;margin:12px 0 18px}.diagram-response b{margin:12px 0 22px}.diagram-three{gap:10px;padding:15px}.diagram-three .diagram-node{width:210px;font-size:25px}.diagram-three .diagram-icon{transform:scale(.85)}.diagram-three .diagram-exchange{padding-bottom:45px}.diagram-clients{display:flex;align-items:center;justify-content:center;width:100%;height:100%;gap:35px}.diagram-client-list{display:flex;flex-direction:column;gap:16px}.diagram-client-list .small-node{width:450px;height:85px;flex-direction:row;justify-content:flex-start;gap:26px;font-size:24px}.small-node .diagram-icon{width:90px;height:72px;zoom:.75;margin:0 25px}.small-node .phone-icon{width:50px;margin:0 45px}.small-node .browser-icon i{display:none}.small-node .server-icon i:after{width:24px}.small-node .server-icon{gap:5px}.small-node .server-icon i{min-height:24px}.small-node .server-icon i:before{top:4px;left:5px}.small-node .server-icon i:after{top:4px;right:5px;box-shadow:none}.diagram-many-arrows{display:flex;flex-direction:column;font-size:85px;line-height:1.14;color:#4e8ec0;margin-right:20px}.box-model{width:100%;height:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-size:25px}.box-margin{width:90%;height:88%;border:2px dashed #7394b0;background:#d5eafb;padding:8px 25px 25px;text-align:center}.box-border{height:calc(100% - 30px);margin-top:4px;background:#2169a2;color:#fff;padding:8px 25px 25px}.box-padding{height:calc(100% - 30px);margin-top:4px;background:#aed8df;color:#17283d;padding:8px 25px 25px}.box-content{height:calc(100% - 30px);margin-top:4px;background:#fff;display:flex;align-items:center;justify-content:center}.dom-tree{width:100%;display:flex;justify-content:center;font-size:23px;font-weight:400}.dom-tree ul{display:flex;justify-content:center;padding:32px 0 0;margin:0;list-style:none;position:relative}.dom-tree>ul{padding:0}.dom-tree li{position:relative;text-align:center;padding:32px 15px 0;list-style:none}.dom-tree>ul>li{padding-top:0}.dom-tree li>span{display:inline-block;min-width:120px;padding:12px 16px;border:2px solid #497aa0;border-radius:6px;background:#dceefd}.dom-tree li:before,.dom-tree li:after{content:"";position:absolute;top:0;right:50%;width:50%;height:32px;border-top:2px solid #84a9c7}.dom-tree li:after{right:auto;left:50%;border-left:2px solid #84a9c7}.dom-tree li:only-child:before,.dom-tree li:only-child:after{display:none}.dom-tree li:first-child:before,.dom-tree li:last-child:after{border:0}.dom-tree li:last-child:before{border-right:2px solid #84a9c7}.dom-tree ul ul:before{content:"";position:absolute;top:0;left:50%;height:32px;border-left:2px solid #84a9c7}.dom-tree li:only-child{padding-top:0}.dom-tree ul ul:has(>li:only-child):before{height:32px}
.audience-preview{position:relative}.audience-preview .native-slide{position:absolute;inset:0;transform:scale(var(--preview-scale, .25));transform-origin:top left;pointer-events:none}
.diagram-exchange b{font-size:0;height:0;line-height:0;border-top:4px solid currentColor;position:relative;width:100%;margin:20px 0}.diagram-exchange b:after{content:"";position:absolute;right:-1px;top:-9px;border-left:14px solid currentColor;border-top:7px solid transparent;border-bottom:7px solid transparent}.diagram-response b:after{right:auto;left:-1px;border-left:0;border-right:14px solid currentColor}