h2.svelte-6vtlfu.svelte-6vtlfu,h3.svelte-6vtlfu.svelte-6vtlfu,p.svelte-6vtlfu.svelte-6vtlfu,button.svelte-6vtlfu.svelte-6vtlfu{font-family:Inter,sans-serif}.wrapper.svelte-6vtlfu.svelte-6vtlfu{width:90%;min-height:100px;height:auto;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.comments.svelte-6vtlfu.svelte-6vtlfu{width:30%;min-height:50px;height:auto;padding:20px;background-color:#fff;border-bottom-left-radius:12px;border-bottom-right-radius:12px;border:solid 1px #e6e6e6;box-shadow:0 0 10px #0000001a;display:flex;flex-direction:column;align-items:center;gap:30px;margin-left:-20px;transition:all .3s ease-in-out}.comments.svelte-6vtlfu button.svelte-6vtlfu{background-color:var(--button);border-radius:4px;font-size:.8rem;color:#fff;padding:10px 20px;font-weight:600;box-shadow:0 0 10px #0000001a;transition:all .1s ease-in-out;cursor:pointer;border:none}.comments.svelte-6vtlfu button.svelte-6vtlfu:hover{background-color:var(--button-hover);box-shadow:0 0 10px #0003}.comments.svelte-6vtlfu .comment-input-container.svelte-6vtlfu{display:flex;gap:10px;justify-content:center;align-items:center}.comments.svelte-6vtlfu .comment-input-container .send-button.svelte-6vtlfu{padding:.8rem;background-color:#007bff;border:none;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .3s;box-shadow:0 4px 6px #0000001a}.comments.svelte-6vtlfu .comment-input-container .send-button i.svelte-6vtlfu{color:#fff;font-size:1.2rem}.comments.svelte-6vtlfu .comment-input-container .send-button.svelte-6vtlfu:hover{background-color:#0056b3}.comments.svelte-6vtlfu .comment-input.svelte-6vtlfu{width:100%;height:1px;max-width:600px;padding:1rem;border:2px solid #e2e8f0;border-radius:25px;font-size:1rem;color:#4a5568;background-color:#edf2f7;transition:border-color .3s}.comments.svelte-6vtlfu .comment-input.svelte-6vtlfu::placeholder{color:#a0aec0}.comments.svelte-6vtlfu .comment-input.svelte-6vtlfu:focus{outline:none;border-color:#2b6cb0}.comments.svelte-6vtlfu .comment.svelte-6vtlfu{display:flex;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:10px;width:100%}.comments.svelte-6vtlfu .comment h3.svelte-6vtlfu{font-size:1rem;font-weight:600}.comments.svelte-6vtlfu .comment h3 span.svelte-6vtlfu{font-size:.9rem;font-weight:400;color:#a9a9a9}.comments.svelte-6vtlfu .comment p.svelte-6vtlfu{font-size:.9rem;font-weight:400}.content.svelte-6vtlfu.svelte-6vtlfu{position:relative;width:100%;min-height:80px;height:auto;background-color:#fff;border-top-left-radius:12px;border-top-right-radius:12px;border:solid 1px #e6e6e6;align-self:center;padding:20px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:30px}.content.svelte-6vtlfu .metadata-item.svelte-6vtlfu{width:100px;display:flex;justify-content:center;align-items:center;gap:10px}.content.svelte-6vtlfu button.svelte-6vtlfu{background-color:var(--button);border-radius:4px;font-size:.8rem;color:#fff;padding:10px 20px;font-weight:600;box-shadow:0 0 10px #0000001a;transition:all .1s ease-in-out;cursor:pointer;border:none}.content.svelte-6vtlfu button.svelte-6vtlfu:hover{background-color:var(--button-hover);box-shadow:0 0 10px #0003}.content.svelte-6vtlfu .difficulty-bar.svelte-6vtlfu{position:relative;width:100%;height:20px;background-color:#e6e6e6;border-radius:5px;overflow:hidden;display:flex;flex-direction:row;justify-content:flex-start;align-items:center}.content.svelte-6vtlfu .difficulty-bar p.svelte-6vtlfu{position:absolute;width:100%;text-align:center;font-size:.8rem;font-weight:600}.content.svelte-6vtlfu .difficulty-bar .difficulty-bar-inner.svelte-6vtlfu{height:100%;border-radius:5px}.content.svelte-6vtlfu h2.svelte-6vtlfu{font-size:1.2rem;font-weight:600;color:#000}.content.svelte-6vtlfu i.svelte-6vtlfu{font-size:1rem;font-weight:600;color:#000}.content.svelte-6vtlfu p.svelte-6vtlfu{font-size:1rem;font-weight:400;color:#424242;width:auto;text-align:center}.content.svelte-6vtlfu .badge-green.svelte-6vtlfu{background-color:#0cb43f;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8rem;font-weight:600;line-height:1.2}.content.svelte-6vtlfu .badge-purplish.svelte-6vtlfu{background-color:#721c7a;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8rem;font-weight:600;line-height:1.2}.content.svelte-6vtlfu .badge-pink.svelte-6vtlfu{background-color:#eb4c79;color:#fff;padding:5px 10px;border-radius:5px;font-size:.8rem;font-weight:600;line-height:1.2}.content.svelte-6vtlfu h3.svelte-6vtlfu{font-size:1rem;font-weight:400;color:#424242}@media (max-width: 1150px){.content.svelte-6vtlfu.svelte-6vtlfu{flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:20px 0}.wrapper.svelte-6vtlfu .comments.svelte-6vtlfu{width:60%;margin-left:0}}.container.svelte-142jg9z.svelte-142jg9z{display:flex;justify-content:center;align-items:center;flex-direction:column;min-height:100vh;width:100%;box-sizing:border-box;gap:40px;padding-top:5rem;padding-bottom:2rem}.container.svelte-142jg9z h3.svelte-142jg9z,.container.svelte-142jg9z h4.svelte-142jg9z{font-size:1em;text-align:center;font-family:Inter,sans-serif;font-weight:400;width:80%;line-height:1.5}.container.svelte-142jg9z .menu.svelte-142jg9z{display:flex;justify-content:center;align-items:center;padding-top:8rem;width:auto;flex-wrap:wrap}.container.svelte-142jg9z .menu p.svelte-142jg9z{width:100%;font-size:1rem;font-weight:400;margin-bottom:10px}.container.svelte-142jg9z .menu p span.svelte-142jg9z{font-weight:600}.container.svelte-142jg9z .menu button.svelte-142jg9z{width:250px;background-color:var(--button);border-radius:4px;font-size:.8rem;color:#fff;padding:10px 20px;font-weight:600;box-shadow:0 0 10px #0000001a;transition:all .1s ease-in-out;cursor:pointer;border:none}.container.svelte-142jg9z .menu button.svelte-142jg9z:hover{background-color:var(--button-hover);box-shadow:0 0 10px #0003}.container.svelte-142jg9z .content.svelte-142jg9z{display:flex;justify-content:center;align-items:center;flex-direction:column}.container.svelte-142jg9z .headerWrapper.svelte-142jg9z{width:90%;display:flex;justify-content:flex-start;align-items:flex-start;padding-left:20px;padding-right:20px;position:sticky;top:0;z-index:2;background-color:#fff}.container.svelte-142jg9z .headerWrapper .materialsHeader.svelte-142jg9z{display:flex;justify-content:space-between;align-items:center;flex-direction:row;width:89%;height:auto;min-height:80px;top:0;position:relative}.container.svelte-142jg9z .headerWrapper .materialsHeader .sortIcon.svelte-142jg9z{position:absolute;left:-10px}.container.svelte-142jg9z .headerWrapper .materialsHeader .metadata-sort.svelte-142jg9z{display:flex;width:100px;justify-content:center;align-items:center;gap:5px}.container.svelte-142jg9z .headerWrapper .materialsHeader p.svelte-142jg9z{width:auto;font-size:1rem;font-weight:600;color:var(--theme-color);text-align:center;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;user-select:none}.container.svelte-142jg9z .materials.svelte-142jg9z{display:flex;justify-content:center;align-items:center;flex-direction:column;gap:20px;width:100%;min-height:100px}.container.svelte-142jg9z .materials a.svelte-142jg9z{width:300px;padding:15px 25px;border-radius:5px;color:#fff;font-weight:600;font-size:1.2rem;text-decoration:none;transition:all .1s ease-in-out;display:flex;justify-content:center;align-items:center;text-align:center;vertical-align:middle;cursor:pointer;font-family:Inter,sans-serif}.container.svelte-142jg9z .materials a.svelte-142jg9z:hover{box-shadow:0 0 0 2px #fff,0 0 0 4px var(--theme-color)}.container.svelte-142jg9z h1.svelte-142jg9z{font-size:3em;text-align:center;font-family:Inter,sans-serif;font-weight:700;width:80%}.container.svelte-142jg9z p.svelte-142jg9z{font-size:1.5em;text-align:center;font-family:Inter,sans-serif;font-weight:400;width:80%;line-height:1.5}.container.svelte-142jg9z form.svelte-142jg9z{display:flex;flex-direction:column;align-items:center;justify-content:center;width:400px;border-radius:8px;gap:30px}.container.svelte-142jg9z form .input.svelte-142jg9z{display:flex;flex-direction:column;align-items:center;width:80%;justify-content:flex-start;gap:10px}.container.svelte-142jg9z form .input span.svelte-142jg9z{color:red}.container.svelte-142jg9z form .input input[type=text].svelte-142jg9z,.container.svelte-142jg9z form .input input[type=password].svelte-142jg9z{width:80%;padding:1rem;margin-bottom:1.5rem;border:1px solid #ccc;border-radius:8px;font-size:1.2em}.container.svelte-142jg9z form .input p.svelte-142jg9z{text-align:left;font-size:1rem;font-weight:400;width:90%;padding-left:.4rem}.container.svelte-142jg9z form input[type=submit].svelte-142jg9z{padding:1rem 1.5rem;background-color:var(--theme-color);color:#fff;border-radius:8px;border:none;cursor:pointer;font-size:1.2em;width:80%;transition:background-color .2s ease-in-out}.container.svelte-142jg9z form input[type=submit].svelte-142jg9z:hover{background-color:#2367da}@media (max-width: 1150px){.container.svelte-142jg9z .content.svelte-142jg9z{width:90%;display:flex}.container.svelte-142jg9z .content .headerWrapper.svelte-142jg9z{position:sticky;top:0;background-color:#fff;justify-content:center;align-items:center}.container.svelte-142jg9z .content .headerWrapper .materialsHeader.svelte-142jg9z{display:grid;grid-template-columns:1fr 1fr;width:100%;height:auto;min-height:80px;top:0;gap:10px;align-items:center;justify-content:center;place-items:center;padding-bottom:20px;padding-top:20px}.container.svelte-142jg9z .content .headerWrapper .materialsHeader p.svelte-142jg9z{width:auto;font-size:.8rem;font-weight:600;color:var(--theme-color);text-align:center;vertical-align:middle;font-family:Inter,sans-serif;cursor:pointer;user-select:none}}@media (max-width: 900px){.container.svelte-142jg9z form.svelte-142jg9z{width:360px}.container.svelte-142jg9z h1.svelte-142jg9z{font-size:2.2rem}.container.svelte-142jg9z p.svelte-142jg9z{font-size:1.3rem}}@media (max-width: 500px){.container.svelte-142jg9z form.svelte-142jg9z{width:360px}.container.svelte-142jg9z h1.svelte-142jg9z{font-size:2rem}.container.svelte-142jg9z p.svelte-142jg9z{font-size:1.1rem}}