@import url(https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@400;600;700&display=swap);*{margin:0;padding:0;box-sizing:border-box;font-family:Josefin Sans,sans-serif}body{font-family:Arial,sans-serif;color:#a67e66;background-color:#f9f5ef;overflow-x:hidden}.section{width:100%;height:100vh;justify-content:space-between;position:relative}#home,.section{display:flex;flex-direction:column;align-items:center}#home{text-align:center;justify-content:center}.title{font-size:12vw;line-height:1.2;color:#a67e66;position:relative;width:82.5%;height:51%}#pattern{position:absolute;top:0;left:0}#pursuit{bottom:0;right:0}#pursuit,.arrow{position:absolute}.arrow{font-size:3vw;cursor:pointer;bottom:4rem}.gallery-header{display:flex;justify-content:space-between;align-items:center;font-size:1.5rem;width:95%;margin-top:2rem}.gallery-title{font-weight:700;color:#a67e66}.search-bar{border:none;border-bottom:1px solid #000;padding-bottom:.2rem;font-size:.7rem;width:250px;outline:none;background:none}h1{font-size:2em}.gallery-grid-container{width:95%;height:71vh;overflow-y:auto;display:flex;justify-content:center}.gallery-grid-container::-webkit-scrollbar{width:8px}.gallery-grid-container::-webkit-scrollbar-thumb{background-color:#a67e66;border-radius:4px}.gallery-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18%,1fr));gap:.5rem;width:100%;padding-right:.5rem;height:100%}.gallery-item{background-color:#fff;border:1px solid #f0eae2;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gallery-item img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.gallery-item .keywords,.gallery-item:hover .myCheckbox{display:none}.gallery-item.horizontal{grid-column:span 2}.gallery-item-gallery{background-color:#fff;border:1px solid #f0eae2;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gallery-item-gallery img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.gallery-item-gallery .keywords,.gallery-item-gallery:hover .myCheckbox,.myCheckbox{display:none}.gallery-item-gallery.horizontal{grid-column:span 2}.footer{align-items:center;margin-bottom:1.5rem}.footer,.progress{justify-content:space-between;display:flex;width:95%}.progress{align-items:start;flex-direction:column}.navigation{width:30%}.navigation,.navigation-namesGeneral{display:flex;align-items:center;justify-content:space-between}.navigation-namesGeneral{margin-top:.3rem;width:46%;font-size:.8rem}.nav-circle{width:10px;height:10px;border-radius:50%;background-color:#a67e66;opacity:.6}.nav-circle.active{opacity:1}.nav-line{width:30%;height:2px;background-color:#a67e66;opacity:.6}.div-arrow{width:52%;justify-content:flex-end}.div-arrow,.navigationGeneral{display:flex;align-items:center}.navigationGeneral{justify-content:space-between;width:46%}.nav-arrow{font-size:2.3rem;color:#a67e66;cursor:pointer}.nav{opacity:.6;font-size:9px}.nav.active{opacity:1}#submit{font-size:.8rem;color:#a67e66;margin-right:3rem;font-weight:lighter}.search-container{position:relative;width:20%;font-size:15px;display:grid;height:100%;grid-template-rows:repeat(2,1fr)}.searchTermContainer{justify-content:end;display:flex}.searchTerm{margin-left:5%}.searchTermTitle{margin-top:0}.relatedWords{position:absolute;font-weight:medium;top:105%;width:160%;display:none;background:hsla(0,0%,100%,.9);padding:7%;z-index:2}.relatedWordsTitle:hover+.relatedWords{display:block;cursor:pointer}.relatedWordsContainer{display:flex;justify-content:end}.bold{font-weight:700}.gallery-grid-container-selected{width:95%;height:71vh;overflow-y:auto;display:flex;justify-content:center;-webkit-overflow-scrolling:touch;overscroll-behavior:contain}.gallery-grid-container-selected::-webkit-scrollbar{width:8px}.gallery-grid-container-selected::-webkit-scrollbar-thumb{background-color:#a67e66;border-radius:4px}.selected{border:2px solid #000;border-radius:5px;box-shadow:2px 2px 2px rgba(50,50,50,.5)}.div_wordsPathGallery{font-weight:700;position:relative;margin-top:7px;cursor:pointer}.container-unit{display:grid;grid-template-columns:2.4fr 5fr 2.4fr;grid-template-rows:auto 1fr auto;width:95%;margin-top:2rem;height:79%}.left-menu{grid-row:2;border-right:2px solid #a67e66;height:95%}.dropdown{border-bottom:2px solid #a67e66;padding-top:7%;padding-bottom:7%}.dropdown-button{font-size:1.2rem;color:#333;background:none;border:none;cursor:pointer}.images-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));gap:1rem;padding-top:1rem;overflow-y:auto;margin-bottom:1rem}.images-container,.images-container-left{max-height:24rem;height:24rem;width:100%}.object{width:100%}.object:hover{cursor:pointer}.object object{transform:scale(.5);transform-origin:center;width:100%}.graph-container{display:flex;justify-content:center;align-items:center;transition:transform .2s}.graph-container svg text{font-family:Josefin Sans,sans-serif;font-weight:600}.draggable{cursor:pointer}.display-area{grid-column:2;grid-row:2;height:100%;flex-direction:column}.canvas,.display-area{width:100%;display:flex;justify-content:center;align-items:center}.canvas{height:110%}.individual{width:100%}.phenotype{background-color:#fff;width:95%;height:auto;box-shadow:0 4px 8px rgba(0,0,0,.1);display:flex;justify-content:center;margin:auto;align-items:center}.phenotype img{width:100%}.icon{font-size:1.5rem;color:#333;cursor:pointer}.right-menu{grid-row:2;border-left:2px solid #a67e66;display:flex;flex-direction:column;height:95%}.menu-item{font-size:1.2rem;color:#333;cursor:pointer;border-top:2px solid #a67e66;padding-top:7%;padding-bottom:7%;padding-left:7%}.modal{display:none;position:fixed;z-index:10;left:0;top:0;width:100%;height:100%;overflow:auto;background-color:rgba(0,0,0,.8);align-items:center;justify-content:center}.modal-content{position:relative;padding:20px;background-color:#fff;border-radius:10px;max-width:90%;max-height:90%;display:flex;flex-wrap:wrap}.close{position:absolute;top:10px;right:10px;font-size:24px;cursor:pointer}@media (max-width:1024px){.container-unit{grid-template-columns:1fr 1fr;grid-template-rows:auto auto;height:auto}.right-menu{grid-column:1/-1;border-left:none;border-top:2px solid #a67e66;flex-direction:row;overflow-x:auto}}@media (max-width:768px){.title{font-size:18vw;width:90%}.arrow{bottom:2rem}.gallery-grid-container,.gallery-grid-container-selected{height:auto;max-height:60vh}.gallery-grid{grid-template-columns:repeat(auto-fill,minmax(140px,1fr))}.gallery-header{flex-direction:column;align-items:flex-start;gap:10px}.search-bar{width:100%}.container-unit{display:flex;flex-direction:column;height:auto;margin-top:1rem}.display-area{width:100%;order:1;height:400px;margin-bottom:1rem}.canvas{height:100%}.left-menu{width:100%;order:2;border-right:none;border-top:2px solid #a67e66;height:auto}.images-container{display:flex;flex-wrap:wrap;justify-content:center;height:auto;max-height:200px}.right-menu{width:100%;order:3;border-left:none;border-top:2px solid #a67e66;height:auto;padding-bottom:20px}.buttons-container{display:flex;flex-wrap:wrap;justify-content:center}.footer{flex-direction:column;gap:15px}.navigation,.navigationGeneral,.progress{width:100%;justify-content:center}.navigation-namesGeneral{display:none}.div-arrow{width:100%;justify-content:center;text-align:center;flex-direction:column;gap:10px}#submit{margin-right:0;font-size:.7rem}.search-container{width:100%;position:static;display:flex;flex-direction:column;align-items:center;margin-bottom:10px}.searchTerm{margin-left:0}.relatedWords{width:90%;left:5%;top:auto}}.container[data-v-1b5c4316]{height:100vh;overflow-y:auto;scroll-snap-type:y mandatory}.section[data-v-1b5c4316]{scroll-snap-align:start;min-height:100vh}.gallery-item-gallery[data-v-1b5c4316]{border-radius:6px;box-shadow:0 1px 4px rgba(0,0,0,.08);cursor:pointer;display:flex;flex-direction:column;align-items:center}.waiting-overlay[data-v-1b5c4316]{position:fixed!important;top:0;left:0;right:0;bottom:0;z-index:9999;background:#f9f5ef;overflow:auto;display:flex;flex-direction:column;justify-content:center;align-items:center}.upload-btn[data-v-1b5c4316]{margin-left:10px;padding:6px 16px;background:#333;color:#fff;border:none;border-radius:6px;cursor:pointer}.upload-btn[data-v-1b5c4316]:hover{background:#555}.uploaded-label[data-v-1b5c4316]{position:absolute;top:8px;right:8px;background:#e0e0e0;color:#333;font-size:.7em;padding:2px 6px;border-radius:4px;pointer-events:none}.gallery-tabs[data-v-1b5c4316]{display:flex;width:95%;gap:1rem;display:none}.tabs[data-v-1b5c4316]{display:flex;gap:18px;margin-top:.2em;margin-bottom:1.2em;justify-content:flex-start}.gallery-tab[data-v-1b5c4316]{background:none;border:none;font-size:.97em;font-family:inherit;color:#a67e6675;padding:0 0 2px 0;margin:0;cursor:pointer;transition:color .2s,border-bottom .2s;font-weight:600;outline:none}.gallery-tab.active[data-v-1b5c4316]{color:#a67e66;font-weight:700}.gallery-tab[data-v-1b5c4316]:not(.active):hover{color:#a67e66a7}.gallery-grid-container.drag-over[data-v-1b5c4316]{border:2px dashed #a67e6675;background:#a67e6675}.drag-drop-hint[data-v-1b5c4316]{margin-top:15rem}.my-gallery-dropzone[data-v-1b5c4316]{width:95%;height:71vh;overflow-y:auto;display:flex;justify-content:center}.my-gallery-dropzone.drag-over[data-v-1b5c4316]{border-color:#a67e66;background:#f3ede5}.dropzone-content-centered[data-v-1b5c4316]{display:flex;flex-direction:column;align-items:center;justify-content:center;cursor:pointer;width:100%;height:220px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.dropzone-icon[data-v-1b5c4316]{margin-bottom:16px}.dropzone-text-centered[data-v-1b5c4316]{color:#a67e66;font-size:1.15em;font-weight:500}.upload-link[data-v-1b5c4316]{color:#a67e66;text-decoration:underline;cursor:pointer;font-weight:600}.my-gallery-dropzone .gallery-grid[data-v-1b5c4316]{display:grid;grid-template-columns:repeat(auto-fill,minmax(20%,1fr));gap:.5rem;width:100%;padding-right:.5rem}.modal-overlay[data-v-1b5c4316]{position:fixed;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content[data-v-1b5c4316]{background:#fff;padding:2.5rem 2rem 2rem 2rem;border-radius:12px;max-width:800px;min-width:400px;width:60vw;box-shadow:0 2px 20px rgba(0,0,0,.2);text-align:center;position:relative}.close-x[data-v-1b5c4316]{position:absolute;top:18px;right:22px;background:none;border:none;font-size:2rem;color:#333;cursor:pointer;z-index:2}.close-x[data-v-1b5c4316]:hover{color:#e74c3c}@media (max-width:1024px){.gallery-grid[data-v-1b5c4316]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}}@media (max-width:768px){.slide[data-v-1b5c4316]{height:300px}.next[data-v-1b5c4316],.prev[data-v-1b5c4316]{font-size:1.2rem;padding:8px 12px}.title[data-v-1b5c4316]{font-size:3rem}.gallery-header[data-v-1b5c4316]{flex-direction:column;align-items:flex-start}.search-bar[data-v-1b5c4316]{width:100%}.gallery-grid[data-v-1b5c4316]{grid-template-columns:repeat(2,1fr);gap:10px}.footer[data-v-1b5c4316]{padding:15px}.navigation-namesGeneral[data-v-1b5c4316]{font-size:.6rem;flex-wrap:wrap;gap:5px}.div-arrow[data-v-1b5c4316]{flex-direction:column;gap:10px;text-align:center}.slideshow-container[data-v-1b5c4316]{max-width:90%}.next[data-v-1b5c4316],.prev[data-v-1b5c4316]{font-size:1.5rem;padding:5px 10px}.galleryText[data-v-1b5c4316]{font-size:1.2rem}}@media (max-width:480px){.title[data-v-1b5c4316]{font-size:2.5rem}.navigation-namesGeneral[data-v-1b5c4316]{display:none}.navigationGeneral[data-v-1b5c4316]{margin-bottom:10px}}.slideshow-container[data-v-1b5c4316]{position:relative;width:100%;max-width:600px;margin:20px auto;overflow:hidden}.slide[data-v-1b5c4316]{display:none;width:100%;height:450px;position:relative;justify-content:center;align-items:center}.slide.active[data-v-1b5c4316]{display:flex;animation:fade-1b5c4316 .5s}.slide-image[data-v-1b5c4316]{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;padding:20px}.next[data-v-1b5c4316],.prev[data-v-1b5c4316]{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.5rem;color:#a67e66;padding:10px 15px;background:none;border:none;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .3s;z-index:2}.next[data-v-1b5c4316]:hover,.prev[data-v-1b5c4316]:hover{background:none;font-weight:700}.prev[data-v-1b5c4316]{left:20%}.next[data-v-1b5c4316]{right:20%}.dots[data-v-1b5c4316]{text-align:center;margin-top:15px}.dot[data-v-1b5c4316]{height:10px;width:10px;margin:0 5px;background-color:#ccc;border-radius:50%;display:inline-block;cursor:pointer;transition:background-color .3s ease}.dot.active[data-v-1b5c4316]{background-color:#a67e66}#waitingGallery[data-v-1b5c4316]{background:#f9f5ef;padding:30px 20px}.galleryText[data-v-1b5c4316]{font-size:25px;margin-top:3%}@keyframes fade-1b5c4316{0%{opacity:.4}to{opacity:1}}.slideshow-container[data-v-46a880d9]{position:relative;width:100%;max-width:600px;margin:20px auto;overflow:hidden}.slide[data-v-46a880d9]{display:none;width:100%;height:450px;position:relative;justify-content:center;align-items:center}.slide.active[data-v-46a880d9]{display:flex;animation:fade-46a880d9 .5s}.slide-image[data-v-46a880d9]{max-width:100%;max-height:100%;width:auto;height:auto;-o-object-fit:contain;object-fit:contain;padding:20px}.next[data-v-46a880d9],.prev[data-v-46a880d9]{position:absolute;top:50%;transform:translateY(-50%);cursor:pointer;font-size:1.5rem;color:#a67e66;padding:10px 15px;background:none;border:none;border-radius:50%;-webkit-user-select:none;-moz-user-select:none;user-select:none;transition:background .3s;z-index:2}.next[data-v-46a880d9]:hover,.prev[data-v-46a880d9]:hover{background:none;font-weight:700}.prev[data-v-46a880d9]{left:20%}.next[data-v-46a880d9]{right:20%}.dots[data-v-46a880d9]{text-align:center;margin-top:15px}.dot[data-v-46a880d9]{height:10px;width:10px;margin:0 5px;background-color:#ccc;border-radius:50%;display:inline-block;cursor:pointer;transition:background-color .3s ease}.dot.active[data-v-46a880d9]{background-color:#a67e66}@keyframes fade-46a880d9{0%{opacity:.4}to{opacity:1}}#waitingGallery[data-v-46a880d9]{background:#f9f5ef;padding:30px 20px}.galleryText[data-v-46a880d9]{font-size:25px;margin-top:3%}@media (max-width:768px){.slideshow-container[data-v-46a880d9]{max-width:90%}.slide[data-v-46a880d9]{height:300px}.next[data-v-46a880d9],.prev[data-v-46a880d9]{font-size:1.2rem;padding:8px 12px}}.gallery-item[data-v-46a880d9]{position:relative;background-color:#fff;display:flex;align-items:center;justify-content:center;width:100%;height:100%}.gallery-item.horizontal[data-v-46a880d9]{grid-column:span 2}.gallery-item img[data-v-46a880d9]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.caption[data-v-46a880d9]{position:absolute;bottom:0;left:0;width:100%;height:100%;padding:.5rem;background-color:rgba(0,0,0,.342);color:#fff;font-size:.9rem;text-align:center;opacity:0;transition:opacity .3s ease;align-content:center}.gallery-item:hover .caption[data-v-46a880d9]{opacity:1}.modal-overlay[data-v-46a880d9]{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.4);display:flex;align-items:center;justify-content:center;z-index:9999}.modal-content[data-v-46a880d9]{background:#fff;padding:2.5rem 2rem 2rem 2rem;border-radius:12px;max-width:800px;min-width:400px;width:60vw;box-shadow:0 2px 20px rgba(0,0,0,.2);text-align:center;position:relative}.close-x[data-v-46a880d9]{position:absolute;top:18px;right:22px;background:none;border:none;font-size:2rem;color:#333;cursor:pointer;z-index:2}.close-x[data-v-46a880d9]:hover{color:#e74c3c}.defition[data-v-46a880d9]{margin-bottom:1rem;font-weight:700;font-size:24px}.loading-modal-content[data-v-46a880d9]{background:#fff;padding:2rem 2.5rem;border-radius:12px;min-width:300px;max-width:400px;width:30vw;box-shadow:0 2px 20px rgba(0,0,0,.2);text-align:center;display:flex;flex-direction:column;align-items:center}.spinner[data-v-46a880d9]{border:6px solid #f3f3f3;border-top:6px solid #333;border-radius:50%;width:48px;height:48px;animation:spin-46a880d9 1s linear infinite;margin-bottom:1rem}@keyframes spin-46a880d9{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.popup-overlay[data-v-16a65bcf]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content[data-v-16a65bcf]{background:#f8f2e6;padding:20px;border-radius:8px;text-align:center}.popup-content img[data-v-16a65bcf]{max-width:50%;height:auto;margin-bottom:20px}.popup-content button[data-v-16a65bcf]{background:none;color:#000;border:none;border-radius:5px;cursor:pointer;font-size:44px;position:absolute;top:1.5rem;right:5rem}.unit-development[data-v-16a65bcf]{font-family:Arial,sans-serif;color:#4a2e2e;background-color:#f8f2e6;padding:20px}.title[data-v-16a65bcf]{text-align:left;font-size:2rem;margin-bottom:20px}.layout[data-v-16a65bcf]{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:auto auto;gap:20px}.library[data-v-16a65bcf],.principles[data-v-16a65bcf]{padding:0 5%}.sketches[data-v-16a65bcf]{padding:1rem 0;border-top:2px solid #a67e66}.suggestions[data-v-16a65bcf]{padding:1rem 5%;border-top:2px solid #a67e66}.library-item[data-v-16a65bcf]{width:98%;margin-right:22%;padding:2%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;gap:10px}.library-item img[data-v-16a65bcf]{width:50px;margin-right:10px}.library-item[data-v-16a65bcf]:hover{background-color:#f2e8d6;border-radius:5px}.info-button[data-v-16a65bcf]{background:none;border:none;color:#000;padding:5px 10px;font-size:.8rem;cursor:pointer}.library-item.selected[data-v-16a65bcf]{border:1px solid #000;border-radius:5px;box-shadow:0 0 10px rgba(229,229,234,.5)}.info-popup[data-v-16a65bcf]{position:absolute;top:7rem;left:25rem;width:20%;background-color:#efe3d1;font-size:13px;border-radius:2px;display:flex;flex-direction:column}.info-popup img[data-v-16a65bcf]{width:100%;margin:auto;padding:1rem}.description[data-v-16a65bcf]{margin:auto;width:100%;padding:0 1rem 1rem 1rem}.opacity-slider[data-v-16a65bcf]{position:absolute;top:6%;left:44%;padding:10px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:flex;flex-direction:column;font-size:11px}.color-slider[data-v-16a65bcf]{width:100%}.slider-container[data-v-16a65bcf]{position:absolute;top:10%;left:28%;background-color:#efe3d1;width:10%;height:2%;border-radius:7px}.first-displayarea[data-v-16a65bcf]{display:grid;grid-template-columns:2fr 6fr;grid-template-rows:auto auto;width:95%}.bottom-icons[data-v-16a65bcf]{display:flex;flex-direction:column;width:92%;align-items:end;height:auto;gap:2%}.bottom-icons>button[data-v-16a65bcf]{background:none;border:none}.bottom-icons>button>img[data-v-16a65bcf]{width:100%}.canvas[data-v-16a65bcf]{display:flex;justify-content:center;align-items:center;background-color:#fff;height:width;width:345px;height:345px}.main-sketch[data-v-16a65bcf]{width:auto;max-height:90%}.placeholder[data-v-16a65bcf]{color:#a49c8e;font-size:1.2rem;text-align:center}.graph-container[data-v-16a65bcf]{display:flex;justify-content:center;align-items:center;margin:20px}.draggable[data-v-16a65bcf]{cursor:pointer}.sketch-grid[data-v-16a65bcf]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-height:9rem;overflow-y:auto;padding-right:1rem;margin-top:1.5rem}.sketch-grid[data-v-3e1ff366][data-v-16a65bcf]::-webkit-scrollbar-thumb{background-color:#a67e66;border-radius:20px;border:none}.sketch-grid[data-v-16a65bcf]::-webkit-scrollbar{width:.5rem}.sketch-grid[data-v-16a65bcf]::-webkit-scrollbar-track{background:#efe3d1}.suggestion-grid[data-v-16a65bcf]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.sketch-thumbnail[data-v-16a65bcf],.suggestion-thumbnail[data-v-16a65bcf]{width:100%;height:auto}.expand[data-v-16a65bcf]{width:13%}.clean[data-v-16a65bcf],.redo[data-v-16a65bcf],.undo[data-v-16a65bcf]{width:11%}.export[data-v-16a65bcf]{width:12%}.color[data-v-16a65bcf]{width:21%;display:flex}.color-circle[data-v-16a65bcf]{width:20px;height:20px;border-radius:50%;border:1px solid #ccc;display:inline-block;vertical-align:middle}.dropdown-arrow[data-v-16a65bcf]{font-size:11px;margin-right:3px;margin-top:3px;color:#000}.buttons-container[data-v-16a65bcf]{display:grid;grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));gap:1rem;width:100%;margin-bottom:.7rem}.principle-button[data-v-16a65bcf]{background:none;border:2px solid #a67e66;height:2rem;width:6.7rem;font-size:11px}.principles-caption[data-v-16a65bcf]{font-size:10px;margin:.7rem 0}.explainable-container[data-v-16a65bcf]{height:1em}.justification-message[data-v-16a65bcf]{height:10rem;font-size:13px;max-height:10rem;overflow-y:auto}.justification-message[data-v-16a65bcf]::-webkit-scrollbar{width:.5rem}.justification-message[data-v-16a65bcf]::-webkit-scrollbar-track{background:#efe3d1}.justification-message[data-v-16a65bcf]::-webkit-scrollbar-thumb{background-color:#a67e66;border-radius:20px;border:none}.message-item[data-v-16a65bcf]{margin-bottom:.7rem}.change-section[data-v-16a65bcf]{display:flex;width:103%;justify-content:end}.check-mark[data-v-16a65bcf]{background:none;border:none;cursor:pointer;color:#000}.change-section .check-mark.disabled[data-v-16a65bcf]{opacity:.5;cursor:not-allowed}.changeImage[data-v-16a65bcf]{width:10%}.develop-button[data-v-16a65bcf]{margin-top:10px;background-color:#d3a38f;border:none;color:#fff;padding:10px;width:100%;font-size:.9rem;cursor:pointer}.images-container[data-v-16a65bcf]{max-height:95%;overflow-y:auto;overflow-x:hidden}.images-container-left[data-v-16a65bcf]{padding-right:1rem;max-height:100%;overflow-y:auto;overflow-x:hidden}.images-container[data-v-16a65bcf]::-webkit-scrollbar{width:.5rem;border-radius:20px}.images-container[data-v-16a65bcf]::-webkit-scrollbar-thumb{background-color:#a67e66;border-radius:20px}.images-container[data-v-16a65bcf]::-webkit-scrollbar-track{background:#efe3d1;border-radius:20px}.popup-overlay[data-v-09b0d3f9]{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;z-index:1000}.popup-content[data-v-09b0d3f9]{background:#f8f2e6;padding:20px;border-radius:8px;text-align:center}.popup-content img[data-v-09b0d3f9]{max-width:50%;height:auto;margin-bottom:20px}.footerpattern[data-v-09b0d3f9]{align-items:start;justify-content:space-between;display:flex;width:95%;margin-bottom:1.5rem;flex-direction:column}.nav[data-v-09b0d3f9]{opacity:.6;font-size:9px}.nav.active[data-v-09b0d3f9]{opacity:1}.navigation-names[data-v-09b0d3f9]{margin-top:.3rem;display:flex;align-items:center;justify-content:space-between;width:30%}.popup-content button[data-v-09b0d3f9]{background:none;color:#000;border:none;border-radius:5px;cursor:pointer;font-size:44px;position:absolute;top:1.5rem;right:5rem}.unit-development[data-v-09b0d3f9]{font-family:Arial,sans-serif;color:#4a2e2e;background-color:#f8f2e6;padding:20px}.title[data-v-09b0d3f9]{text-align:left;font-size:2rem;margin-bottom:20px}.layout[data-v-09b0d3f9]{display:grid;grid-template-columns:1fr 2fr 1fr;grid-template-rows:auto auto;gap:20px}.library[data-v-09b0d3f9],.principles[data-v-09b0d3f9]{padding:0 5%}.sketches[data-v-09b0d3f9]{padding:1rem 0;border-top:2px solid #a67e66}.suggestions[data-v-09b0d3f9]{padding:1rem 5%;border-top:2px solid #a67e66}.library-item[data-v-09b0d3f9]{width:40%;margin-right:22%;padding:2%;display:flex;align-items:center;justify-content:space-between;background:none;border:none;cursor:pointer;gap:10px}.library-item img[data-v-09b0d3f9]{width:50px;margin-right:10px}.library-item[data-v-09b0d3f9]:hover{background-color:#f2e8d6;border-radius:5px}.info-button[data-v-09b0d3f9]{background:none;border:none;color:#000;padding:5px 10px;font-size:.8rem;cursor:pointer}.library-item.selected[data-v-09b0d3f9]{border:1px solid #000;border-radius:5px;box-shadow:0 0 10px rgba(229,229,234,.5)}.info-popup[data-v-09b0d3f9]{position:absolute;top:7rem;left:25rem;width:20%;background-color:#efe3d1;font-size:13px;border-radius:2px;display:flex;flex-direction:column}.info-popup img[data-v-09b0d3f9]{width:100%;margin:auto;padding:1rem}.description[data-v-09b0d3f9]{margin:auto;width:100%;padding:0 1rem 1rem 1rem}.opacity-slider[data-v-09b0d3f9]{position:absolute;top:6%;left:44%;padding:10px;border:1px solid #ccc;border-radius:5px;box-shadow:0 2px 5px rgba(0,0,0,.2);display:flex;flex-direction:column;font-size:11px}.color-slider[data-v-09b0d3f9]{width:100%}.slider-container[data-v-09b0d3f9]{position:absolute;top:10%;left:28%;background-color:#efe3d1;width:10%;height:2%;border-radius:7px}.first-displayarea[data-v-09b0d3f9]{display:grid;grid-template-columns:2fr 6fr;grid-template-rows:auto auto;width:95%}.bottom-icons[data-v-09b0d3f9]{display:flex;flex-direction:column;width:92%;align-items:end;height:auto;gap:2%}.bottom-icons>button[data-v-09b0d3f9]{background:none;border:none}.bottom-icons>button>img[data-v-09b0d3f9]{width:100%}.canvas[data-v-09b0d3f9]{display:flex;justify-content:center;align-items:center;background-color:#fff;height:width;width:345px;height:345px}.main-sketch[data-v-09b0d3f9]{width:auto;max-height:90%}.placeholder[data-v-09b0d3f9]{color:#a49c8e;font-size:1.2rem;text-align:center}.graph-container[data-v-09b0d3f9]{display:flex;justify-content:center;align-items:center;margin:20px}.draggable[data-v-09b0d3f9]{cursor:pointer}.sketch-grid[data-v-09b0d3f9]{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-height:9rem;overflow-y:auto;padding-right:1rem;margin-top:1.5rem}.sketch-grid[data-v-3e1ff366][data-v-09b0d3f9]::-webkit-scrollbar-thumb{background-color:#a67e66;border-radius:20px;border:none}.sketch-grid[data-v-09b0d3f9]::-webkit-scrollbar{width:.5rem}.sketch-grid[data-v-09b0d3f9]::-webkit-scrollbar-track{background:#efe3d1}.suggestion-grid[data-v-09b0d3f9]{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.sketch-thumbnail[data-v-09b0d3f9],.suggestion-thumbnail[data-v-09b0d3f9]{width:100%;height:auto}.expand[data-v-09b0d3f9]{width:13%}.clean[data-v-09b0d3f9],.redo[data-v-09b0d3f9],.undo[data-v-09b0d3f9]{width:11%}.export[data-v-09b0d3f9]{width:12%}.color[data-v-09b0d3f9]{width:21%;display:flex}.color-circle[data-v-09b0d3f9]{width:20px;height:20px;border-radius:50%;border:1px solid #ccc;display:inline-block;vertical-align:middle}.dropdown-arrow[data-v-09b0d3f9]{font-size:11px;margin-right:3px;margin-top:3px;color:#000}.buttons-container[data-v-09b0d3f9]{display:grid;grid-template-columns:repeat(auto-fit,minmax(4rem,1fr));gap:1rem;width:100%;margin-bottom:.7rem}.principle-button[data-v-09b0d3f9]{background:none;border:2px solid #a67e66;height:2rem;width:6.7rem;font-size:11px}.principles-caption[data-v-09b0d3f9]{font-size:10px;margin:.7rem 0}.explainable-container[data-v-09b0d3f9]{height:1em}.justification-message[data-v-09b0d3f9]{height:10rem;font-size:13px;max-height:10rem;overflow-y:auto}.justification-message[data-v-09b0d3f9]::-webkit-scrollbar{width:.5rem}.justification-message[data-v-09b0d3f9]::-webkit-scrollbar-track{background:#efe3d1}.justification-message[data-v-09b0d3f9]::-webkit-scrollbar-thumb{background-color:#a67e66;border-radius:20px;border:none}.message-item[data-v-09b0d3f9]{margin-bottom:.7rem}.change-section[data-v-09b0d3f9]{display:flex;width:103%;justify-content:end}.check-mark[data-v-09b0d3f9]{background:none;border:none;cursor:pointer;color:#000}.changeImage[data-v-09b0d3f9]{width:10%}.change-section .check-mark.disabled[data-v-09b0d3f9]{opacity:.5;cursor:not-allowed}.develop-button[data-v-09b0d3f9]{margin-top:10px;background-color:#d3a38f;border:none;color:#fff;padding:10px;width:100%;font-size:.9rem;cursor:pointer}