@keyframes loading-rotate { from { transform: rotate(0deg); } to { transform: rotate(360deg); }}@keyframes circular { 0% { stroke-dasharray: 1, 200; stroke-dashoffset: 0; } 50% { stroke-dasharray: 90, 150; stroke-dashoffset: -40; } 100% { stroke-dasharray: 90, 150; stroke-dashoffset: -120; }}.m-loading { display: inline-flex; position: relative;}.m-loading__circle { position: relative; z-index: 11; display: inline-block;}.m-loading__circle svg { display: block; width: 36px; height: 36px; color: #5e72e4;}.m-loading__circle svg circle { animation: circular 1.5s ease-in-out infinite; stroke: currentColor; stroke-width: 3; stroke-linecap: round;}.m-loading__mask-container { flex-direction: column; display: flex; justify-content: center; align-items: center;}.m-loading__mask { position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 10; transition: opacity 0.25s cubic-bezier(0.4, 0, 0.2, 1); background: #fff;}.m-loading__description-container { position: relative; z-index: 11; color: #5e72e4; font-size: 14px;}.m-loading__description { margin-top: 10px;}.m-loading--opacity-hidden { opacity: 0;}.m-loading--opacity-visible { opacity: 0.5;}.m-loading--allow-touch { user-select: none; pointer-events: none;}.m-loading--overlay { position: absolute; top: 0; left: 0; right: 0; bottom: 0;}.m-loading--rotate { animation: loading-rotate 1.8s linear infinite;}