.logout-button:hover{cursor:pointer}.select-container[data-v-31068460]{position:relative;margin:20px}.select-container label[data-v-31068460]{font-size:18px;font-weight:700;margin-right:10px}.select[data-v-31068460]{padding:12px;border:1px solid #ccc;border-radius:5px;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}.select[data-v-31068460]:focus{outline:none;border-color:#888}.select option[data-v-31068460]{background-color:#fff}.checkbox-container[data-v-11c99d15]{display:flex;flex-direction:column;gap:10px;margin:20px}.checkbox-label[data-v-11c99d15]{display:flex;align-items:center}.checkbox-input[data-v-11c99d15]{opacity:0;position:absolute;left:-9999px}.checkbox-custom[data-v-11c99d15]{display:inline-block;width:20px;height:20px;border:1px solid #ccc;border-radius:3px;margin-right:10px}.checkbox-input:checked~.checkbox-custom[data-v-11c99d15]{background-color:#333;border-color:#333}.checkbox-input:checked~.checkbox-custom[data-v-11c99d15]:after{content:"✓";display:block;color:#fff;text-align:center;line-height:20px}.slider-container[data-v-c26ab971]{position:relative;margin:20px}.slider-label[data-v-c26ab971]{font-size:18px;font-weight:700;margin-right:10px}.slider[data-v-c26ab971]{height:8px;border-radius:5px;background-color:#ccc;outline:none;opacity:.7;transition:opacity .2s}.slider[data-v-c26ab971]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background-color:#888;cursor:pointer}.slider[data-v-c26ab971]::-webkit-slider-thumb:hover{opacity:1}.slider_value[data-v-c26ab971]{margin-left:5px}.select-container[data-v-19f07f28]{position:relative;margin:20px}.select-container label[data-v-19f07f28]{font-size:18px;font-weight:700;margin-right:10px}.select[data-v-19f07f28]{width:200px;padding:12px;border:1px solid #ccc;border-radius:5px;appearance:none;background-color:transparent;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23888' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 8px center;cursor:pointer}.select[data-v-19f07f28]:focus{outline:none;border-color:#888}.select option[data-v-19f07f28]{background-color:#fff}.add-button[data-v-cd8c5271]{margin:20px 0 20px 20px;display:inline-block;padding:12px 30px;font-size:16px;color:#fff;background-color:#333;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:fit-content}.add-button[data-v-cd8c5271]:hover{background-color:#555}.add-button[data-v-cd8c5271]:focus{outline:none}.add-button[data-v-cd8c5271]:active{background-color:#777}.button-container[data-v-cd8c5271]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.border-box[data-v-cd8c5271]{margin:auto;border-radius:10px;position:relative;border:2px solid #ccc;padding:20px;width:90%}.box-label[data-v-cd8c5271]{font-size:18px;font-weight:700;position:absolute;top:-10px;left:10px;background:#f7f7f7;padding:0 5px}.text-input[data-v-40124d26]{position:relative;margin:20px}.text-input label[data-v-40124d26]{font-size:18px;font-weight:700;margin-right:10px}.text-input input[type=text][data-v-40124d26]{padding:15px;border:1px solid #ccc;border-radius:5px}.text-input input[type=text][data-v-40124d26]:focus{outline:none;border-color:#888}.text-input input[type=text][data-v-40124d26]::placeholder{color:#888}.text-input .border[data-v-40124d26]{position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#888;transform:scaleX(0);transition:transform .3s ease}.add-remove-button[data-v-40124d26]{padding:0 5px}.add-button[data-v-c9046b81]{margin:20px 0 20px 20px;display:inline-block;padding:12px 30px;font-size:16px;color:#fff;background-color:#333;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:fit-content}.add-button[data-v-c9046b81]:hover{background-color:#555}.add-button[data-v-c9046b81]:focus{outline:none}.add-button[data-v-c9046b81]:active{background-color:#777}.button-container[data-v-c9046b81]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.border-box[data-v-c9046b81]{margin:auto;border-radius:10px;position:relative;border:2px solid #ccc;padding:20px;width:90%}.box-label[data-v-c9046b81]{font-size:18px;font-weight:700;position:absolute;top:-10px;left:10px;background:#f7f7f7;padding:0 5px}.text-input[data-v-c9046b81]{position:relative;margin:20px}.text-input label[data-v-c9046b81]{font-size:18px;font-weight:700;margin-right:10px}.text-input input[type=text][data-v-c9046b81]{padding:15px;border:1px solid #ccc;border-radius:5px}.text-input input[type=text][data-v-c9046b81]:focus{outline:none;border-color:#888}.text-input input[type=text][data-v-c9046b81]::placeholder{color:#888}.text-input .border[data-v-c9046b81]{position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#888;transform:scaleX(0);transition:transform .3s ease}.text-input[data-v-ec6f2f75]{position:relative;margin:20px}.text-input label[data-v-ec6f2f75]{font-size:18px;font-weight:700;margin-right:10px}.text-input input[type=text][data-v-ec6f2f75]{padding:15px;border:1px solid #ccc;border-radius:5px}.text-input input[type=text][data-v-ec6f2f75]:focus{outline:none;border-color:#888}.text-input input[type=text][data-v-ec6f2f75]::placeholder{color:#888}.text-input .border[data-v-ec6f2f75]{position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#888;transform:scaleX(0);transition:transform .3s ease}.text-input[data-v-4f850c0c]{position:relative;margin:20px}.text-input label[data-v-4f850c0c]{font-size:18px;font-weight:700;margin-right:10px}.text-input input[type=text][data-v-4f850c0c]{padding:15px;border:1px solid #ccc;border-radius:5px}.text-input input[type=text][data-v-4f850c0c]:focus{outline:none;border-color:#888}.text-input input[type=text][data-v-4f850c0c]::placeholder{color:#888}.text-input .border[data-v-4f850c0c]{position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#888;transform:scaleX(0);transition:transform .3s ease}.add-button[data-v-92a5076e]{margin:20px 0 20px 20px;display:inline-block;padding:12px 30px;font-size:16px;color:#fff;background-color:#333;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:fit-content}.add-button[data-v-92a5076e]:hover{background-color:#555}.add-button[data-v-92a5076e]:focus{outline:none}.add-button[data-v-92a5076e]:active{background-color:#777}.button-container[data-v-92a5076e]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.border-box[data-v-92a5076e]{margin:auto;border-radius:10px;position:relative;border:2px solid #ccc;padding:20px;width:90%}.box-label[data-v-92a5076e]{font-size:18px;font-weight:700;position:absolute;top:-10px;left:10px;background:#f7f7f7;padding:0 5px}.add-button{margin:20px 0 20px 20px;display:inline-block;padding:12px 30px;font-size:16px;color:#fff;background-color:#333;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:150px}.add-button:hover{background-color:#555}.add-button:focus{outline:none}.add-button:active{background-color:#777}.button-container{margin-top:120px;display:flex;align-items:center}.mirror-link{text-decoration:none;color:#333;padding:10px}.my-list{list-style:none;padding:0;margin-right:20px;margin-left:20px}.my-list li{font-size:18px;line-height:1.5;border-bottom:1px solid #eee;padding:10px 0}.register-container{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100%;max-width:500px;border:1px solid black;padding:20px;border-radius:10px;margin:120px auto 0;display:block}.register-container *{margin:auto;display:flex;flex-direction:column;align-items:center}.register-form{display:flex;flex-direction:column;align-items:center;width:300px;padding:20px}.form-group{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:20px}label{font-weight:700}input{padding:5px;border-radius:5px;border:1px solid gray}button[type=submit]{padding:5px;border-radius:5px;border:none;background-color:#000;color:#fff;font-weight:700;cursor:pointer}.signup-with-google button{padding:5px;border-radius:5px;border:1px solid gray;background-color:#fff;color:#000;font-weight:700;cursor:pointer}form h2{color:#000}.text-input[data-v-98b58860]{position:relative;margin:20px}.text-input label[data-v-98b58860]{font-size:18px;font-weight:700;margin-right:10px}.text-input input[type=text][data-v-98b58860]{padding:15px;border:1px solid #ccc;border-radius:5px}.text-input input[type=text][data-v-98b58860]:focus{outline:none;border-color:#888}.text-input input[type=text][data-v-98b58860]::placeholder{color:#888}.text-input .border[data-v-98b58860]{position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#888;transform:scaleX(0);transition:transform .3s ease}.add-remove-button[data-v-98b58860]{padding:0 5px}.add-button[data-v-4a670dd9]{margin:20px 0 20px 20px;display:inline-block;padding:12px 30px;font-size:16px;color:#fff;background-color:#333;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:fit-content}.add-button[data-v-4a670dd9]:hover{background-color:#555}.add-button[data-v-4a670dd9]:focus{outline:none}.add-button[data-v-4a670dd9]:active{background-color:#777}.button-container[data-v-4a670dd9]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.border-box[data-v-4a670dd9]{margin:auto;border-radius:10px;position:relative;border:2px solid #ccc;padding:20px;width:90%}.box-label[data-v-4a670dd9]{font-size:18px;font-weight:700;position:absolute;top:-10px;left:10px;background:#f7f7f7;padding:0 5px}.add-button[data-v-309f5c49]{margin:20px 0 20px 20px;display:inline-block;padding:12px 30px;font-size:16px;color:#fff;background-color:#333;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:fit-content}.add-button[data-v-309f5c49]:hover{background-color:#555}.add-button[data-v-309f5c49]:focus{outline:none}.add-button[data-v-309f5c49]:active{background-color:#777}.button-container[data-v-309f5c49]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.border-box[data-v-309f5c49]{margin:auto;border-radius:10px;position:relative;border:2px solid #ccc;padding:20px;width:90%}.box-label[data-v-309f5c49]{font-size:18px;font-weight:700;position:absolute;top:-10px;left:10px;background:#f7f7f7;padding:0 5px}.text-input[data-v-309f5c49]{position:relative;margin:20px}.text-input label[data-v-309f5c49]{font-size:18px;font-weight:700;margin-right:10px}.text-input input[type=text][data-v-309f5c49]{padding:15px;border:1px solid #ccc;border-radius:5px}.text-input input[type=text][data-v-309f5c49]:focus{outline:none;border-color:#888}.text-input input[type=text][data-v-309f5c49]::placeholder{color:#888}.text-input .border[data-v-309f5c49]{position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#888;transform:scaleX(0);transition:transform .3s ease}.demo{font-family:sans-serif;border:1px solid #eee;border-radius:2px;padding:20px 30px;margin-top:1em;margin-bottom:40px;user-select:none;overflow-x:auto}.module-button{padding:10px 20px;font-size:18px;color:#333;background-color:#f5f5f5;border:none;border-radius:5px 5px 0 0;cursor:pointer;transition:background-color .3s ease}.module-button.active{background-color:#fff;font-weight:700;border-bottom:2px solid #333}.mirror-name[data-v-ba275418]{padding-top:20px;text-align:center;font-size:40px}.add-button[data-v-ba275418]{margin:20px 0 20px 20px;display:inline-block;padding:12px 30px;font-size:16px;color:#fff;background-color:#333;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:fit-content}.add-button[data-v-ba275418]:hover{background-color:#555}.add-button[data-v-ba275418]:focus{outline:none}.add-button[data-v-ba275418]:active{background-color:#777}.button-container[data-v-ba275418]{display:flex;justify-content:center;align-items:center;flex-wrap:wrap}.border-box[data-v-ba275418]{margin:auto;border-radius:10px;position:relative;border:2px solid #ccc;padding:20px;width:90%}.box-label[data-v-ba275418]{font-size:18px;font-weight:700;position:absolute;top:-10px;left:10px;background:#f7f7f7;padding:0 5px}.text-input[data-v-ba275418]{position:relative;margin:20px}.text-input label[data-v-ba275418]{font-size:18px;font-weight:700;margin-right:10px}.text-input input[type=text][data-v-ba275418]{padding:15px;border:1px solid #ccc;border-radius:5px}.text-input input[type=text][data-v-ba275418]:focus{outline:none;border-color:#888}.text-input input[type=text][data-v-ba275418]::placeholder{color:#888}.text-input .border[data-v-ba275418]{position:absolute;left:0;bottom:0;width:100%;height:2px;background-color:#888;transform:scaleX(0);transition:transform .3s ease}.add-button[data-v-5030e607]{margin:20px 0 20px 20px;display:inline-block;padding:12px 30px;font-size:16px;color:#fff;background-color:#333;border:none;border-radius:5px;cursor:pointer;transition:background-color .3s ease;width:fit-content}.mirror-name[data-v-5030e607]{padding-top:20px;text-align:center;font-size:40px}.modules-title[data-v-5030e607]{margin-right:20px}.horizontal-line[data-v-5030e607]{border:none;border-top:2px solid #ccc;margin:20px;box-shadow:0 2px 4px #0003}.add-button[data-v-5030e607]:hover{background-color:#555}.add-button[data-v-5030e607]:focus{outline:none}.add-button[data-v-5030e607]:active{background-color:#777}.button-container[data-v-5030e607]{margin-top:10px;display:flex;align-items:center;flex-wrap:wrap}.module-button[data-v-5030e607]{padding:10px 20px;font-size:18px;color:#333;background-color:#f5f5f5;border:none;border-radius:5px 5px 0 0;cursor:pointer;transition:background-color .3s ease;border:solid #eee 1px}.module-button.active[data-v-5030e607]{background-color:#fff;border-top:none;border-right:none;border-left:none;border-bottom:2px solid #333}.add-module[data-v-5030e607]{background-color:#333;color:#f5f5f5}.tutorial-container{margin-left:20px;display:block}.tutorial{margin-left:20px}*{margin:0;padding:0;box-sizing:border-box;font-size:18px;font-family:Helvetica Neue,sans-serif}body{font-family:Helvetica Neue,sans-serif;font-size:16px;line-height:1.5;color:#333;background-color:#f7f7f7}h1{font-size:28px;margin-bottom:20px;text-decoration:none}h2{margin-left:18px;font-size:25px}header{background-color:#000;color:#fff;padding:20px;display:flex;justify-content:space-between;align-items:center;position:fixed;top:0;left:0;width:100%;z-index:999;box-shadow:0 2px 10px #0000004d}header+*{margin-top:120px}.container{max-width:1200px;margin:0 auto;padding:40px}table{width:100%;border-collapse:collapse;background-color:#fff;border-radius:5px;box-shadow:0 2px 10px #0000004d}table th,table td{border:none;padding:10px}table th{background-color:#000;color:#fff;text-align:left;text-transform:uppercase;font-size:14px;font-weight:700;padding-top:15px;padding-bottom:15px}table tbody tr:hover{background-color:#f5f5f5}.logo{font-size:24px;font-weight:700}.nav-container{display:grid;justify-content:space-between;align-items:center}nav{display:grid;align-items:center}.nav-links{display:flex;align-items:center;justify-content:center;list-style:none;margin:0;padding:0}.nav-links li{margin:10px}nav a:hover{color:#ccc}.nav-links li a{color:#fff;text-decoration:none;font-weight:700;padding:10px}.hamburger{display:none;cursor:pointer}.line{width:25px;height:3px;background-color:#fff;margin:5px}@media (max-width: 768px){.nav-links{display:none;flex-direction:column;align-items:center;position:absolute;top:100%;left:0;width:100%;background-color:#000;padding:20px}.nav-links li{margin:10px 0}.hamburger{display:block}.show-nav .nav-links{display:flex}}@media (max-width: 768px){.nav-links{display:none;flex-direction:column;align-items:center;position:absolute;top:100%;left:0;width:100%;background-color:#000;padding:20px}.nav-links li{margin:10px 0}.nav-links a{margin:0}.hamburger{display:block}}.about_paragraf{margin:20px}.logout-button{border-color:#eee;color:#eee;padding:10px;border-width:2px;border-style:solid;border-radius:5px;background-color:#000;font-size:18px;font-weight:700}.router-link-active.router-link-active.router-link-active{color:#bbb;margin-top:10px}#nprogress{pointer-events:none}#nprogress .bar{background:#29d;position:fixed;z-index:1031;top:0;left:0;width:100%;height:2px}#nprogress .peg{display:block;position:absolute;right:0px;width:100px;height:100%;box-shadow:0 0 10px #29d,0 0 5px #29d;opacity:1;-webkit-transform:rotate(3deg) translate(0px,-4px);-ms-transform:rotate(3deg) translate(0px,-4px);transform:rotate(3deg) translateY(-4px)}#nprogress .spinner{display:block;position:fixed;z-index:1031;top:15px;right:15px}#nprogress .spinner-icon{width:18px;height:18px;box-sizing:border-box;border:solid 2px transparent;border-top-color:#29d;border-left-color:#29d;border-radius:50%;-webkit-animation:nprogress-spinner .4s linear infinite;animation:nprogress-spinner .4s linear infinite}.nprogress-custom-parent{overflow:hidden;position:relative}.nprogress-custom-parent #nprogress .spinner,.nprogress-custom-parent #nprogress .bar{position:absolute}@-webkit-keyframes nprogress-spinner{0%{-webkit-transform:rotate(0deg)}to{-webkit-transform:rotate(360deg)}}@keyframes nprogress-spinner{0%{transform:rotate(0)}to{transform:rotate(360deg)}}