.snippet{position:relative;border-radius:.25rem;width:50%;margin-left:50%;margin-top:5%}.loading-animation{display:flex;justify-content:center;position:fixed;width:100%;height:100%;background-color:#000;top:0;left:0;opacity:.75;z-index:10}#div-loading-message{position:absolute;top:58%;width:100%;text-align:center;color:#cecece;font-size:.85rem;font-weight:500;z-index:100}.loading{margin:auto!important;width:2.5rem!important;height:2.5rem!important}.dot-flashing,.dot-flashing::after,.dot-flashing::before{width:10px;height:10px;border-radius:5px;background-color:#9880ff;color:#9880ff}.examples .snippet:before{display:inline-block;position:absolute;top:0;left:0;padding:0 5px;content:attr(data-title);font-size:.75rem;font-family:SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;color:#fff;background-color:#ff1964;border-radius:.25rem 0}.dot-flashing{position:relative;animation:1s linear .5s infinite alternate dotFlashing}.dot-flashing::after,.dot-flashing::before{content:'';display:inline-block;position:absolute;top:0}.dot-flashing::before{left:-15px;animation:1s infinite alternate dotFlashing}.dot-flashing::after{left:15px;animation:1s 1s infinite alternate dotFlashing}@keyframes dotFlashing{0%{background-color:#9880ff}100%,50%{background-color:#ebe6ff}}