:root {
 --border-1: 1px solid #ddd;
 --height-2: auto;
 --border-3: 5px solid #f3f3f3;
 --border-radius-4: 50%;
 --width-5: 40px;
 --height-6: 40px;
 --transform-7: rotate(360deg);
 --background-color-8: #fff3cd;
 --padding-9: 10px;
}

        .CodeMirror  {
            border: var(--border-1);
            height: var(--height-2);
            max-height: 244px
        }
        .loader  {
            display: none;
            border: var(--border-3);
            border-top: 5px solid #3498db;
            border-radius: var(--border-radius-4);
            width: var(--width-5);
            height: var(--height-6);
            animation: spin 1s linear infinite;
            margin: 20px auto
        }
        @keyframes spin  {
            0% { transform: rotate(0deg); }
            100%  { transform: var(--transform-7); }
        }
		        .note  {
            background-color: var(--background-color-8);
            padding: var(--padding-9);
            border-left: 5px solid #ffeeba;
            margin-bottom: 20px
        }