1<!-- <!DOCTYPE html> --><html data-beasties-container=""><!-- ******************** DOCEBO LIBRARIES ******************** --> 2<!-- ** ** --> 3<!-- ** Docebo UI: v1.150.2 ** --> 4<!-- ** Docebo Format: v2.0.0 ** --> 5<!-- ** Docebo Training Elements: v2.0.0 ** --> 6<!-- ** Elemental Icons: v2.2.3 ** --> 7<!-- ** Elemental Illustrations: v2.2.3 ** --> 8<!-- ** Elemental Common: v2.2.3 ** --> 9<!-- ** Elemental UI: v2.2.3 ** --> 10<!-- ** Docebo Course Player: v2.7.5 ** --> 11<!-- ** Docebo Shared: v2.4.0 ** --> 12<!-- ** Docebo Common Elements: v2.0.0 ** --> 13<!-- ** Docebo MFE DI Tokens: v2.3.0 ** --> 14<!-- ** Translation: 2026.39.4 ** --> 15<!-- ** ** --> 16<!-- ********************************************************** --> 17<head> 18 <title>Loading</title> 19 <meta charset="UTF-8"> 20 <meta name="viewport" content="width=device-width, initial-scale=1"> 21 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 22 <base href="/"> 23
23<script id="init-script" src="https://cdn2.dcbstatic.com/public/static-content/init.js" integrity="sha384-rGk7tUdEl89x7PdqBzwGix93oroiypSKEEkPdACR6qtlWrgr6jG++ubhVDCN6Btz" crossorigin="anonymous"></script>
23 24 <style id="loading-learning-experience-style"> 25 body { 26 background-color: var(--ui-color-dialog-background-neutral); 27 } 28 29 .doc-layout-loading-learning-experience { 30 position: fixed; 31 height: 100vh; 32 width: 100vw; 33 top: 0; 34 left: 0; 35 display: flex; 36 flex-direction: column; 37 align-items: center; 38 justify-content: center; 39 font-family: 'Open Sans', sans-serif; 40 opacity: 0; 41 transition: opacity 0.5s linear; 42 animation: loading-learning-experience-fade-in 0.5s linear 0.5s forwards; 43 } 44 45 .doc-layout-loading-learning-experience.doc-layout-loading-learning-experience-invisible { 46 animation: loading-learning-experience-fade-out 0.5s linear forwards; 47 } 48 49 .loading-learning-experience-spinner { 50 margin-bottom: 8px; 51 } 52 53 .hyd-spinner-container { 54 display: inline-block; 55 } 56 57 .hyd-spinner-container, 58 .hyd-spinner-container .hyd-spinner { 59 width: 2rem; 60 height: 2rem; 61 } 62 63 .hyd-spinner-container .hyd-spinner-circle { 64 border-width: 0.13rem; 65 } 66 67 .hyd-spinner-container .hyd-spinner-layer { 68 border-color: rgba(4, 101, 172, 1); 69 } 70 71 .hyd-spinner-container .hyd-spinner { 72 display: inline-block; 73 position: relative; 74 animation: hyd-spinner-container-rotate 1.5s linear infinite; 75 } 76 77 .hyd-spinner-container .hyd-spinner-layer { 78 position: absolute; 79 width: 100%; 80 height: 100%; 81 opacity: 0; 82 } 83 84 .hyd-spinner-container .hyd-spinner-layer:nth-child(1) { 85 animation: 86 hyd-spinner-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, 87 hyd-spinner-layer-1-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; 88 } 89 90 .hyd-spinner-container .hyd-spinner-layer:nth-child(2) { 91 animation: 92 hyd-spinner-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, 93 hyd-spinner-layer-2-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; 94 } 95 96 .hyd-spinner-container .hyd-spinner-layer:nth-child(3) { 97 animation: 98 hyd-spinner-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, 99 hyd-spinner-layer-3-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; 100 } 101 102 .hyd-spinner-container .hyd-spinner-layer:nth-child(4) { 103 animation: 104 hyd-spinner-fill-unfill-rotate 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both, 105 hyd-spinner-layer-4-fade-in-out 5332ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; 106 } 107 108 .hyd-spinner-container .hyd-spinner-gap-patch { 109 position: absolute; 110 box-sizing: border-box; 111 top: 0; 112 left: 45%; 113 width: 10%; 114 height: 100%; 115 overflow: hidden; 116 border-color: inherit; 117 } 118 119 .hyd-spinner-container .hyd-spinner-gap-patch .hyd-spinner-circle { 120 width: 1000%; 121 left: -450%; 122 } 123 124 .hyd-spinner-container .hyd-spinner-circle-clipper { 125 display: inline-block; 126 position: relative; 127 width: 50%; 128 height: 100%; 129 overflow: hidden; 130 border-color: inherit; 131 } 132 133 .hyd-spinner-container .hyd-spinner-circle-clipper.hyd-spinner-left { 134 float: left; 135 } 136 137 .hyd-spinner-container .hyd-spinner-circle-clipper.hyd-spinner-left .hyd-spinner-circle { 138 border-right-color: transparent !important; 139 transform: rotate(129deg); 140 animation: hyd-spinner-left-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; 141 } 142 143 .hyd-spinner-container .hyd-spinner-circle-clipper.hyd-spinner-right { 144 float: right; 145 } 146 147 .hyd-spinner-container .hyd-spinner-circle-clipper.hyd-spinner-right .hyd-spinner-circle { 148 left: -100%; 149 border-left-color: transparent !important; 150 transform: rotate(-129deg); 151 animation: hyd-spinner-right-spin 1333ms cubic-bezier(0.4, 0, 0.2, 1) infinite both; 152 } 153 154 .hyd-spinner-container .hyd-spinner-circle-clipper .hyd-spinner-circle { 155 width: 200%; 156 } 157 158 .hyd-spinner-container .hyd-spinner-circle { 159 box-sizing: border-box; 160 height: 100%; 161 border-style: solid; 162 border-color: inherit; 163 border-bottom-color: transparent !important; 164 border-radius: 50%; 165 animation: none; 166 position: absolute; 167 top: 0; 168 right: 0; 169 bottom: 0; 170 left: 0; 171 } 172 173 @keyframes loading-learning-experience-fade-in { 174 0% { 175 opacity: 0; 176 } 177 100% { 178 opacity: 1; 179 } 180 } 181 182 @keyframes loading-learning-experience-fade-out { 183 0% { 184 opacity: 1; 185 } 186 100% { 187 opacity: 0; 188 } 189 } 190 191 @keyframes hyd-spinner-left-spin { 192 from { 193 transform: rotate(130deg); 194 } 195 50% { 196 transform: rotate(-5deg); 197 } 198 to { 199 transform: rotate(130deg); 200 } 201 } 202 203 @keyframes hyd-spinner-right-spin { 204 from { 205 transform: rotate(-130deg); 206 } 207 50% { 208 transform: rotate(5deg); 209 } 210 to { 211 transform: rotate(-130deg); 212 } 213 } 214 215 @keyframes hyd-spinner-container-rotate { 216 to { 217 transform: rotate(360deg); 218 } 219 } 220 221 @keyframes hyd-spinner-fill-unfill-rotate { 222 12.5% { 223 transform: rotate(135deg); 224 } 225 25% { 226 transform: rotate(270deg); 227 } 228 37.5% { 229 transform: rotate(405deg); 230 } 231 50% { 232 transform: rotate(540deg); 233 } 234 62.5% { 235 transform: rotate(675deg); 236 } 237 75% { 238 transform: rotate(810deg); 239 } 240 87.5% { 241 transform: rotate(945deg); 242 } 243 to { 244 transform: rotate(1080deg); 245 } 246 } 247 248 @keyframes hyd-spinner-layer-1-fade-in-out { 249 from { 250 opacity: 0.99; 251 } 252 25% { 253 opacity: 0.99; 254 } 255 26% { 256 opacity: 0; 257 } 258 89% { 259 opacity: 0; 260 } 261 90% { 262 opacity: 0.99; 263 } 264 100% { 265 opacity: 0.99; 266 } 267 } 268 269 @keyframes hyd-spinner-layer-2-fade-in-out { 270 from { 271 opacity: 0; 272 } 273 15% { 274 opacity: 0; 275 } 276 25% { 277 opacity: 0.99; 278 } 279 50% { 280 opacity: 0.99; 281 } 282 51% { 283 opacity: 0; 284 } 285 } 286 287 @keyframes hyd-spinner-layer-3-fade-in-out { 288 from { 289 opacity: 0; 290 } 291 40% { 292 opacity: 0; 293 } 294 50% { 295 opacity: 0.99; 296 } 297 75% { 298 opacity: 0.99; 299 } 300 76% { 301 opacity: 0; 302 } 303 } 304 305 @keyframes hyd-spinner-layer-4-fade-in-out { 306 from { 307 opacity: 0; 308 } 309 65% { 310 opacity: 0; 311 } 312 75% { 313 opacity: 0.99; 314 } 315 90% { 316 opacity: 0.99; 317 } 318 100% { 319 opacity: 0; 320 } 321 } 322 </style> 323 <link rel="stylesheet" href="https://cdn2.dcbstatic.com/styles.cf432ad5b4a5a253.css" crossorigin="anonymous" integrity="sha384-No4kjCPZTeXXH2AG8dh68Ac43YwREQIEQkgeWiFrBqfWDS/yLhkfddafLxBBBgSx"></head> 324 <body class="quirks-mode" tabindex="-1"> 325 <div id="doc-layout-loading-learning-experience" class="doc-layout-loading-learning-experience"> 326 <div class="loading-learning-experience-spinner hyd-spinner-container"> 327 <div class="hyd-spinner" dir="ltr"> 328 <div class="hyd-spinner-layer"> 329 <div class="hyd-spinner-circle-clipper hyd-spinner-left"> 330 <div class="hyd-spinner-circle"></div> 331 </div> 332 <div class="hyd-spinner-gap-patch"><div class="hyd-spinner-circle"></div></div> 333 <div class="hyd-spinner-circle-clipper hyd-spinner-right"> 334 <div class="hyd-spinner-circle"></div> 335 </div> 336 </div> 337 <div class="hyd-spinner-layer"> 338 <div class="hyd-spinner-circle-clipper hyd-spinner-left"> 339 <div class="hyd-spinner-circle"></div> 340 </div> 341 <div class="hyd-spinner-gap-patch"><div class="hyd-spinner-circle"></div></div> 342 <div class="hyd-spinner-circle-clipper hyd-spinner-right"> 343 <div class="hyd-spinner-circle"></div> 344 </div> 345 </div> 346 <div class="hyd-spinner-layer"> 347 <div class="hyd-spinner-circle-clipper hyd-spinner-left"> 348 <div class="hyd-spinner-circle"></div> 349 </div> 350 <div class="hyd-spinner-gap-patch"><div class="hyd-spinner-circle"></div></div> 351 <div class="hyd-spinner-circle-clipper hyd-spinner-right"> 352 <div class="hyd-spinner-circle"></div> 353 </div> 354 </div> 355 <div class="hyd-spinner-layer"> 356 <div class="hyd-spinner-circle-clipper hyd-spinner-left"> 357 <div class="hyd-spinner-circle"></div> 358 </div> 359 <div class="hyd-spinner-gap-patch"><div class="hyd-spinner-circle"></div></div> 360 <div class="hyd-spinner-circle-clipper hyd-spinner-right"> 361 <div class="hyd-spinner-circle"></div> 362 </div> 363 </div> 364 </div> 365 </div> 366 </div> 367 368 <div her-root=""></div> 369
369<script src="https://cdn2.dcbstatic.com/runtime.89fc71ff218f9173.js" type="module" crossorigin="anonymous" integrity="sha384-BHFLU1wmrlCGVmyknRs4/uwOOrpTV1FCQjWn0CdsOpo6e55LC17JrERc5YHEc7nV"></script>
369<script src="https://cdn2.dcbstatic.com/polyfills.cc884c77a5762660.js" type="module" crossorigin="anonymous" integrity="sha384-PDF8j1A6lWA8mBKxHA5YBUmhaqbz0JzytJh8TC47eSFWi6f6vvPhiBL8Dq68Vnwj"></script>
369<script src="https://cdn2.dcbstatic.com/scripts.f4d75a8287dca065.js" defer="" crossorigin="anonymous" integrity="sha384-Hxynhnb9fUFRP3YAdgeNNkQQjuj9bV9gSm9dsrZ/pF9KJCbISILypvyedBuMcn8C"></script>
369<script src="https://cdn2.dcbstatic.com/main.31c6dbeb6c025360.js" type="module" crossorigin="anonymous" integrity="sha384-RHO6FUubXPAluLm6R+fInVPtuXVSYREKiM+1dDy9/fCbDBQX7bUCA4cDov6p8Ow7"></script>
369 370 371</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.