*{padding:0;margin:0;box-sizing:border-box}.cm-lineNumbers{font-size:1em!important}.embed-code-generator{padding:16px;display:flex;flex-direction:column;gap:8px}.embed-code-generator label{padding:.25em;display:flex;gap:10px;align-items:center}.embed-code-generator label input,.embed-code-generator button{width:500px;padding:8px}.embed-code-generator textarea{min-width:500px;min-height:250px}:root{--toastify-color-light: #fff;--toastify-color-dark: #121212;--toastify-color-info: #3498db;--toastify-color-success: #A7F3D0;--toastify-color-warning: #dcb20e;--toastify-color-error: #FECDD3;--toastify-color-transparent: rgba(255, 255, 255, .7);--toastify-icon-color-info: var(--toastify-color-info);--toastify-icon-color-success: #059669;--toastify-icon-color-warning: var(--toastify-color-warning);--toastify-icon-color-error: #E11D48;--toastify-container-width: 100%;--toastify-toast-width: fit-content;--toastify-toast-offset: 16px;--toastify-toast-top: max(var(--toastify-toast-offset), env(safe-area-inset-top));--toastify-toast-right: max(var(--toastify-toast-offset), env(safe-area-inset-right));--toastify-toast-left: max(var(--toastify-toast-offset), env(safe-area-inset-left));--toastify-toast-bottom: max(var(--toastify-toast-offset), env(safe-area-inset-bottom));--toastify-toast-background: #fff;--toastify-toast-padding: 14px;--toastify-toast-min-height: 64px;--toastify-toast-max-height: 800px;--toastify-toast-bd-radius: 6px;--toastify-toast-shadow: 0px 4px 12px rgba(0, 0, 0, .1);--toastify-font-family: "Open Sans", sans-serif;--toastify-z-index: 9999;--toastify-text-color-light: #757575;--toastify-text-color-dark: #fff;--toastify-text-color-info: #fff;--toastify-text-color-success: #059669;--toastify-text-color-warning: #fff;--toastify-text-color-error: #E11D48;--toastify-spinner-color: #616161;--toastify-spinner-color-empty-area: #e0e0e0;--toastify-color-progress-light: linear-gradient(to right, #4cd964, #5ac8fa, #007aff, #34aadc, #5856d6, #ff2d55);--toastify-color-progress-dark: #bb86fc;--toastify-color-progress-info: var(--toastify-color-info);--toastify-color-progress-success: var(--toastify-color-success);--toastify-color-progress-warning: var(--toastify-color-warning);--toastify-color-progress-error: var(--toastify-color-error);--toastify-color-progress-bgo: .2}.Toastify__toast{min-height:0}.Toastify__close-button{display:none}.activities__instructions{margin-block:20px;font-size:1rem;font-weight:400;color:var(--text-color)}.flashcards{display:grid;justify-content:center;grid-auto-rows:350px;gap:15px}.flashcards-item{cursor:pointer;perspective:1000px;position:relative;font-size:1rem}.flashcards-item.flipped .flashcards-item__inner{transform:rotateY(180deg)}.flashcards-item__inner{border:1px solid var(--card-border-color);position:relative;width:100%;height:100%;transition:transform .5s;transform-style:preserve-3d}.flashcards-item__inner,.flashcards-item__inner__front,.flashcards-item__inner__back{border-radius:6px}.flashcards-item__inner__front,.flashcards-item__inner__back{box-sizing:border-box;position:absolute;width:100%;height:100%;padding:16px 10px;backface-visibility:hidden;text-align:center;overflow:auto;scrollbar-color:white grey;scrollbar-width:thin}.flashcards-item__inner__front{background-color:var(--card-bg);color:var(--text-color);display:flex;align-items:center;justify-content:center}.flashcards-item__inner__back{background-color:var(--flipped-card-bg);display:flex;align-items:center;justify-content:center;color:#fff;transform:rotateY(180deg)}.flashcards-item__inner__front div,.flashcards-item__inner__back div{max-height:100%}.flashcards-item__inner__front img,.flashcards-item__inner__back img{width:100%;height:auto;object-fit:cover;aspect-ratio:1 /1;border-radius:50%}.rsw-ce img{max-height:100%;max-width:100%}:root,:root[data-theme=light]{--primary-color: #2D3E50;--primary-hover: #333333;--text-primary-color: #FFFFFF;--secondary-color: #F4F4F5;--secondary-hover-color: #E4E4E5;--text-secondary-color: #18181B;--success-bg: #064e3b;--success-text: #6ee7b7;--error-bg: #7f1d1d;--error-text: #fca5a5;--hint-bg: #EFF6FF;--hint-border-color: #3B82F6;--hint-text: #3F3F46;--bg-color: #FAFAFA;--border-color: #E4E4E7;--text-color: #52525B;--text-muted: #6b7280;--divider-primary: #E7E7E7;--card-bg: #FFFFFF;--card-border-color: #E4E4E7;--drag-and-drop-bg: #FFFFFF;--draggable-item-valid-bg-color: #ECFDF5;--draggable-item-valid-border-color: #34D399;--draggable-item-invalid-bg-color: #FFF1F2;--draggable-item-invalid-border-color: #FB7185}:root[data-theme=dark]{--primary-color: #11C5C6;--primary-hover: #0b8f90;--text-primary-color: #FFFFFF;--secondary-color: #27272A;--secondary-hover-color: #37374A;--text-secondary-color: #FFFFFF;--hint-bg: #3B82F680;--hint-border-color: #3B82F6;--hint-text: #FFFFFF;--bg-color: #3F3F46;--border-color: #52525B;--text-color: #E4E4E7;--text-muted: #9ca3af;--divider-primary: #52525B;--card-bg: #27272A;--card-border-color: #52525B;--flipped-card-bg: #0C9BAB;--drag-and-drop-bg: #18181B;--draggable-item-valid-bg-color: #10B98180;--draggable-item-valid-border-color: #10B981;--draggable-item-invalid-bg-color: #F43F5E80;--draggable-item-invalid-border-color: #F43F5E}.btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:transparent;padding:10px 12px;border:none;border-radius:2px;font-size:1rem;transition:all .2s ease;cursor:pointer}.btn-primary{background-color:var(--primary-color);color:var(--text-primary-color)}.btn-primary:hover{background-color:var(--primary-hover)}.btn-secondary{background-color:var(--secondary-color);color:var(--text-secondary-color)}.btn-secondary:hover{background-color:var(--secondary-hover-color)}.feedback{margin-top:1rem;padding:1rem;border-radius:.25rem}.feedback.success{background-color:var(--success-bg);color:var(--success-text)}.feedback.error{background-color:var(--error-bg);color:var(--error-text)}.hint{display:flex;gap:10px;padding:16px;border:1px solid var(--hint-border-color);border-radius:2px;margin-block-start:20px;background-color:var(--hint-bg);font-size:1rem;color:var(--hint-text)}.activities-container{min-height:100vh;box-sizing:border-box;border:1px solid var(--border-color);border-radius:8px;padding:16px 24px;font-family:Open Sans,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--bg-color);color:var(--text-color)}.activities__header{display:flex;justify-content:space-between;align-items:center;flex-direction:column;gap:15px}.activities__title{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:600;line-height:22px}.activities__buttons{display:flex;align-items:center;justify-content:center;gap:10px}.activities__buttons-item{padding:8px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-color);color:var(--text-color);cursor:pointer;display:flex;align-items:center}.activities__divider{border:1px solid var(--divider-primary);margin-block:20px}.activities__error{margin-block:20px;padding:16px;border:1px solid var(--border-color);border-radius:8px;background-color:var(--bg-color);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px}@media all and (width > 400px){.activities__header{flex-direction:row}}.drag-drop{padding:24px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--drag-and-drop-bg)}.draggable-items{display:flex;flex-direction:column;gap:20px}.draggable-item{display:flex;align-items:center;gap:10px}.draggable-item__button{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;border-radius:0;background-color:transparent;cursor:move}.draggable-item__text{flex-grow:1;display:flex;justify-content:space-between;padding:14px 12px;border:1px solid var(--border-color);border-radius:4px;background-color:var(--bg-color);color:var(--text-color);transition:all .2s ease;cursor:move}.draggable-item.draggable-item__dragging{opacity:.5}.draggable-item.draggable-item__valid .draggable-item__text{border-color:var(--draggable-item-valid-border-color);background-color:var(--draggable-item-valid-bg-color)}.draggable-item.draggable-item__invalid .draggable-item__text{border-color:var(--draggable-item-invalid-border-color);background-color:var(--draggable-item-invalid-bg-color)}.drop-placeholder{display:flex;align-items:center;gap:10px;margin:-10px 0;padding:8px 0}.drop-placeholder__line{flex-grow:1;height:2px;background-color:var(--primary-color);border-radius:1px;opacity:.8}.drop-placeholder__text{font-size:12px;color:var(--primary-color);font-weight:500;white-space:nowrap;padding:4px 8px;background-color:var(--bg-color);border:1px solid var(--primary-color);border-radius:12px}.buttons{display:flex;justify-content:end;gap:15px;margin-top:20px}.fill-blank{background-color:var(--card-bg);padding:1.5rem;border-radius:.5rem;border:1px solid var(--border-color)}.fill-blank-text{font-size:1.25rem;color:var(--text-color);line-height:2}.input-container{display:inline-block;position:relative}.fill-blank input{padding:.5rem;border-radius:.5rem;border:1px solid var(--border-color);background-color:var(--bg-color);margin:0 .5rem;font-size:1rem;outline:none;color:var(--text-color);transition:all .2s ease;text-align:center;min-width:3em}.fill-blank input:focus{border-color:#3f3f46}.fill-blank .input-container.correct input{border-color:#34d399;background-color:#ecfdf5;color:#000}.fill-blank .input-container.incorrect input{border-color:#fb7185;background-color:#fecdd3;color:#000}.fill-blank code,.fill-blank pre{white-space:pre-wrap;word-break:break-word}.fill-blank code .input-container,.fill-blank pre .input-container{display:inline-block}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}/*!
  Theme: GitHub
  Description: Light theme as seen on github.com
  Author: github.com
  Maintainer: @Hirse
  Updated: 2021-05-15

  Outdated base version: https://github.com/primer/github-syntax-light
  Current colors taken from GitHub's CSS
*/.hljs{color:#24292e;background:#fff}.hljs-doctag,.hljs-keyword,.hljs-meta .hljs-keyword,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-variable.language_{color:#d73a49}.hljs-title,.hljs-title.class_,.hljs-title.class_.inherited__,.hljs-title.function_{color:#6f42c1}.hljs-attr,.hljs-attribute,.hljs-literal,.hljs-meta,.hljs-number,.hljs-operator,.hljs-variable,.hljs-selector-attr,.hljs-selector-class,.hljs-selector-id{color:#005cc5}.hljs-regexp,.hljs-string,.hljs-meta .hljs-string{color:#032f62}.hljs-built_in,.hljs-symbol{color:#e36209}.hljs-comment,.hljs-code,.hljs-formula{color:#6a737d}.hljs-name,.hljs-quote,.hljs-selector-tag,.hljs-selector-pseudo{color:#22863a}.hljs-subst{color:#24292e}.hljs-section{color:#005cc5;font-weight:700}.hljs-bullet{color:#735c0f}.hljs-emphasis{color:#24292e;font-style:italic}.hljs-strong{color:#24292e;font-weight:700}.hljs-addition{color:#22863a;background-color:#f0fff4}.hljs-deletion{color:#b31d28;background-color:#ffeef0}.resizable-layout{display:grid;grid-template-columns:var(--left-width, 40%) 4px 1fr;height:calc(100vh - 2rem);overflow:hidden}.resizable-panel{overflow:hidden;min-width:0}.resizable-panel--left{padding:1.5rem;border-right:1px solid #e5e7eb;background-color:#fff;overflow-y:auto;height:100%}.resizable-panel--right{padding:0;background-color:#fff;overflow-y:auto;height:100%}.resizable-panel--right .creation-preview{position:sticky;top:0;padding:1.5rem;margin:0}.resizable-splitter{position:relative;background-color:#f3f4f6;cursor:col-resize;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease;border:none;outline:none}.resizable-splitter:hover,.resizable-splitter:focus{background-color:#e5e7eb}.resizable-splitter:focus{box-shadow:inset 0 0 0 2px #3b82f6}.resizable-splitter--dragging{background-color:#3b82f6}.resizable-splitter__handle{width:2px;height:40px;background-color:#9ca3af;border-radius:1px;transition:background-color .2s ease}.resizable-splitter:hover .resizable-splitter__handle,.resizable-splitter:focus .resizable-splitter__handle{background-color:#6b7280}.resizable-splitter--dragging .resizable-splitter__handle{background-color:#fff}@media (max-width: 768px){.resizable-layout{grid-template-columns:1fr;grid-template-rows:auto auto auto;height:auto}.resizable-splitter{grid-column:1;height:4px;cursor:row-resize;flex-direction:column}.resizable-splitter__handle{width:40px;height:2px}.resizable-panel--left{border-right:none;border-bottom:1px solid #e5e7eb;overflow-y:visible;height:auto}.resizable-panel--right{padding:1.5rem;overflow-y:visible;height:auto}.resizable-panel--right .creation-preview{position:static;padding:0}}.markdown-toolbar{display:flex;justify-content:space-between;align-items:center;padding:.5rem;background-color:#f8f9fa;border:1px solid #e9ecef;border-bottom:none;border-radius:.375rem .375rem 0 0}.markdown-toolbar__buttons{display:flex;gap:.25rem}.markdown-toolbar__btn{padding:.375rem .5rem;border:1px solid #d1d5db;border-radius:.25rem;background-color:#fff;color:#374151;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .2s ease;min-width:28px;height:28px;display:flex;align-items:center;justify-content:center}.markdown-toolbar__btn:hover{background-color:#f3f4f6;border-color:#9ca3af}.markdown-toolbar__btn:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 1px #3b82f6}.markdown-toolbar__btn:active{background-color:#e5e7eb}.markdown-toolbar__info{display:flex;align-items:center;gap:.5rem;font-size:.75rem;color:#6b7280}.markdown-toolbar__link{color:#3b82f6;text-decoration:none;font-weight:500}.markdown-toolbar__link:hover{text-decoration:underline}.markdown-toolbar__link:focus{outline:2px solid #3b82f6;outline-offset:2px;border-radius:.25rem}@media (max-width: 640px){.markdown-toolbar{flex-direction:column;gap:.5rem;align-items:flex-start}.markdown-toolbar__info{width:100%;justify-content:space-between}}.form-field{margin-bottom:1.5rem}.form-field__label{display:block;margin-bottom:.5rem;color:#111827;font-weight:500;font-size:.875rem;line-height:1.25rem}.form-field__required{color:#ef4444;margin-left:.25rem}.form-field__help{margin-bottom:.5rem;font-size:.75rem;color:#6b7280;line-height:1.25rem}.form-field__input-wrapper,.form-field__textarea-wrapper{position:relative}.form-field__input{width:100%;padding:.75rem;border:1px solid #d1d5db;border-radius:.375rem;background-color:#f9fafb;font-family:inherit;color:#111827;font-size:.875rem;line-height:1.5;transition:all .2s ease;resize:vertical}.form-field__input--with-toolbar{border-radius:0 0 .375rem .375rem;border-top:none}.form-field__input:focus{outline:none;border-color:#3b82f6;background-color:#fff;box-shadow:0 0 0 2px #3b82f633}.form-field__input--error{border-color:#ef4444;background-color:#fef2f2}.form-field__input--error:focus{border-color:#ef4444;box-shadow:0 0 0 2px #ef444433}.form-field__error{margin-top:.5rem;font-size:.75rem;color:#ef4444;line-height:1.25rem}.form-field__input-with-button{display:flex;gap:.5rem}.form-field__input-with-button .form-field__input{flex:1;min-width:0}.form-field__button{padding:.75rem 1rem;border:1px solid transparent;border-radius:.375rem;font-family:inherit;font-size:.875rem;font-weight:500;line-height:1.25rem;cursor:pointer;transition:all .2s ease;white-space:nowrap}.form-field__button:focus{outline:none;box-shadow:0 0 0 2px #3b82f680}.form-field__button:disabled{opacity:.5;cursor:not-allowed}.form-field__button--primary{background-color:#3b82f6;color:#fff}.form-field__button--primary:hover:not(:disabled){background-color:#2563eb}.form-field__button--secondary{background-color:#ef4444;color:#fff}.form-field__button--secondary:hover:not(:disabled){background-color:#dc2626}.form-field__card{padding:1rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#f9fafb;margin-bottom:1rem}.form-field__card h3{margin:0 0 1rem;color:#374151;font-size:1rem;font-weight:600}.form-actions{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.form-actions .form-field__button{align-self:flex-start}.editor-wrapper{border:1px solid #d1d5db;border-radius:.375rem;background-color:#fff;overflow:hidden;transition:border-color .2s ease}.editor-wrapper:focus-within{border-color:#3b82f6;box-shadow:0 0 0 2px #3b82f633}fieldset{border:1px solid #e5e7eb;border-radius:.5rem;padding:1rem;margin-bottom:1.5rem}legend{padding:0 .5rem;font-weight:600;color:#111827}header{margin-bottom:2rem}header h1{margin:0 0 .5rem;color:#111827;font-size:1.5rem;font-weight:700}header p{margin:0;color:#6b7280;font-size:.875rem}.creation-form{height:fit-content}.creation-preview{border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;box-shadow:0 1px 3px #0000001a;height:fit-content;max-height:calc(100vh - 4rem);overflow:auto}.creation-preview header{margin-bottom:1.5rem;padding-top:.5rem}.creation-preview .activities-container{min-height:auto}@media (max-width: 640px){.form-field__input-with-button{flex-direction:column}.form-field__button{width:100%}.form-actions .form-field__button{align-self:stretch}.creation-preview{max-height:none}}.homepage{max-width:1200px;margin:0 auto;padding:2rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.homepage__header{text-align:center;margin-bottom:3rem}.homepage__header h1{font-size:2.5rem;font-weight:700;color:#111827;margin:0 0 1rem}.homepage__header p{font-size:1.125rem;color:#6b7280;margin:0}.homepage__main{display:flex;flex-direction:column;gap:3rem}.homepage__section h2{font-size:1.875rem;font-weight:600;color:#111827;margin:0 0 .5rem}.homepage__section p{font-size:1rem;color:#6b7280;margin:0 0 2rem}.homepage__cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.5rem}.homepage__card{display:block;padding:1.5rem;border:1px solid #e5e7eb;border-radius:.5rem;background-color:#fff;text-decoration:none;color:inherit;transition:all .2s ease;box-shadow:0 1px 3px #0000001a}.homepage__card:hover{border-color:#3b82f6;box-shadow:0 4px 12px #3b82f626;transform:translateY(-2px)}.homepage__card h3{font-size:1.25rem;font-weight:600;color:#111827;margin:0 0 .5rem}.homepage__card p{font-size:.875rem;color:#6b7280;margin:0;line-height:1.5}@media (max-width: 768px){.homepage{padding:1rem}.homepage__header h1{font-size:2rem}.homepage__header p{font-size:1rem}.homepage__cards{grid-template-columns:1fr}}