.user-info-wrapper[data-v-8fad777a]{display:flex;flex-flow:column;gap:1rem;width:240px}.u-picture-wrapper[data-v-8fad777a]{position:relative;height:200px;width:100%;border-radius:8px;box-shadow:0 2px 4px rgba(0,0,0,.1);background:#ebf8ff;background:linear-gradient(0deg,#ebf8ff,#fff 68%)}.u-picture-wrapper img[data-v-8fad777a]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:inherit}.u-picture[data-v-8fad777a]{position:relative;width:100%;height:100%;border-radius:inherit;display:flex;justify-content:center;align-items:center;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--secondary-highlight)}.u-picture .circle[data-v-8fad777a]{position:absolute;width:40%;height:100%;transform:skew(-20deg);border-radius:2px;background:var(--white1);z-index:0}.u-picture .circle[data-v-8fad777a]:before{position:absolute;width:80px;height:80px;border-radius:2px;background:var(--white1);z-index:0}.u-picture p[data-v-8fad777a]{position:relative;font-size:120px;color:var(--primary);z-index:1}.u-info[data-v-8fad777a]{display:flex;flex-direction:column;align-items:flex-start;width:100%}.aditional-info1[data-v-8fad777a],.aditional-info2[data-v-8fad777a]{display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding-top:5px}.c-btn[data-v-8fad777a]{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;color:var(--primary);background-position:right -100% bottom 0;background-size:200% 1px;background-repeat:no-repeat}.c-btn[data-v-8fad777a]:hover{color:var(--info);background-image:linear-gradient(var(--info),var(--info));background-position:left -110% bottom 0;transition:background-position .8s ease}p[data-v-8fad777a]{text-align:left}i[data-v-8fad777a]{width:16px;height:16px;margin-right:.5em;transform:scale(1)}@media screen and (max-width:1024px){.user-info-wrapper[data-v-8fad777a]{width:340px}.u-info[data-v-8fad777a]{width:100%;justify-content:space-evenly}}@media screen and (max-width:470px){.u-picture[data-v-8fad777a]{min-width:170px}}.projects-group[data-v-3a700d13]{grid-column:span 6;display:flex;flex-flow:column;align-items:flex-start;gap:16px;justify-content:left;--project-banner-height:120px}.btn-primary-l[data-v-3a700d13]{cursor:default;min-height:40px;max-height:40px}.btn-primary-l[data-v-3a700d13]:hover{transform:none}ul[data-v-3a700d13]{height:100%;width:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none;padding-inline:16px;padding-block:8px;display:flex;gap:2rem;overflow:auto}li[data-v-3a700d13]{position:relative;filter:grayscale(20%);grid-column:auto;grid-row:span 1;align-self:center;max-height:280px;min-height:280px;min-width:340px;max-width:340px;border-radius:8px;background-position:50%;background-repeat:no-repeat;background-size:cover;display:flex;align-items:flex-end;outline:0 solid var(--secondary);transition:all .2s ease;overflow:hidden}.isSelected[data-v-3a700d13]{filter:grayscale(0)}.empty-ul[data-v-3a700d13]{overflow:hidden}.empty-li[data-v-3a700d13]{cursor:default;grid-column:auto;grid-row:span 1;align-self:center;height:280px;width:231px;border-radius:8px;background-image:none;border:2px dashed var(--gray4);background:transparent}.project-banner[data-v-3a700d13]{height:72px;width:100%;border-bottom-left-radius:8px;border-bottom-right-radius:8px;background:rgba(0,0,0,.55);color:var(--white1);display:flex;flex-flow:column;align-items:center;justify-content:center;padding-block:8px;transition:all .2s ease-out;gap:16px;z-index:1}.secondary-menu[data-v-3a700d13]{position:absolute;top:8px;right:8px;padding:1px;background:#58b8ff;background:linear-gradient(29deg,#58b8ff 10%,#58f8ff 50%,#58ffd6 90%);border-radius:2px;cursor:pointer;-webkit-animation:slide-in-3a700d13 .2s;animation:slide-in-3a700d13 .2s}.secondary-menu-item[data-v-3a700d13]{padding-inline:8px;padding-block:4px;background:rgba(0,0,0,.8);margin-bottom:1px;text-align:center}.secondary-menu-item[data-v-3a700d13]:last-child{margin-bottom:0;color:var(--gray4)}.secondary-menu-item[data-v-3a700d13]:hover{color:var(--secondary)}.delete-p[data-v-3a700d13]:hover{color:salmon}li[data-v-3a700d13]:hover{box-shadow:0 2px 5px -1px #32325d,0 1px 3px -1px rgba(0,0,0,.3);outline:8px solid var(--secondary)}li:hover .project-banner[data-v-3a700d13]{height:var(--project-banner-height)}.empty-li[data-v-3a700d13]:hover{transform:none;box-shadow:none;outline:none}.reference[data-v-3a700d13]{display:flex;justify-content:space-evenly;align-items:flex-start;width:100%}.project-controls[data-v-3a700d13]{display:flex;width:100%;justify-content:space-between;align-items:flex-end;padding-inline:16px;height:40px;-webkit-animation:fade-in .8s ease-out;animation:fade-in .8s ease-out}.project-controls div[data-v-3a700d13]:first-child{height:100%;display:flex;align-items:center;background:var(--secondary);padding-inline:8px;padding-block:4px;border-radius:4px;text-transform:uppercase;transition:.2s ease-out}.project-controls div[data-v-3a700d13]:first-child:hover{cursor:pointer;background:none;letter-spacing:2px;color:var(--secondary)}.project-controls div[data-v-3a700d13]:last-child{transition:.1s ease-out;align-self:center}.project-controls div[data-v-3a700d13]:last-child:hover{cursor:pointer;letter-spacing:2px;color:var(--secondary)}.project-controls div[data-v-3a700d13]:last-child:active{scale:.9}.project-img[data-v-3a700d13]{position:absolute;z-index:-1;top:0;left:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;border-radius:8px;transition:scale .4s ease}li:hover .project-img[data-v-3a700d13]{scale:1.1}.slide-out[data-v-3a700d13]{-webkit-animation:slide-out-3a700d13 .2s forwards;animation:slide-out-3a700d13 .2s forwards}@media screen and (max-width:719px){ul[data-v-3a700d13]{scroll-snap-type:x mandatory}li[data-v-3a700d13]{min-width:280px;scroll-snap-align:center}}@-webkit-keyframes slide-in-3a700d13{0%{transform:translateX(120%)}to{transform:translateX(0)}}@keyframes slide-in-3a700d13{0%{transform:translateX(120%)}to{transform:translateX(0)}}@-webkit-keyframes slide-out-3a700d13{0%{transform:translateX(0)}to{transform:translateX(120%)}}@keyframes slide-out-3a700d13{0%{transform:translateX(0)}to{transform:translateX(120%)}}.projects-list-container[data-v-b341b23e]{width:100%;height:100%;overflow:auto;display:flex;flex-flow:column;gap:2rem;padding-inline:1rem}.projects-list-container img[data-v-b341b23e]{width:100%;height:100%;-o-object-fit:contain;object-fit:contain;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}@media screen and (max-width:719px){.projects-list-container[data-v-b341b23e]{padding:0}}.btn-container[data-v-68ee89b5]{position:relative;width:240px;height:60px;display:flex;flex-wrap:nowrap;align-items:center;justify-content:center;gap:8px;border-radius:4px;cursor:pointer;transition:all .2s ease-in-out;-webkit-user-select:none;-moz-user-select:none;user-select:none;box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);background-image:linear-gradient(90deg,var(--secondary) 0,var(--secondary-highlight) 51%,var(--secondary));transition:.5s;background-size:200% auto;color:var(--primary)}.btn-container>p[data-v-68ee89b5]{font-family:Montserrat-Bold;color:#344054}.i-plus[data-v-68ee89b5]{transform:scale(.7)}.btn-container[data-v-68ee89b5]:hover{transform:translateX(16px);box-shadow:0 2px 5px -1px rgba(50,50,93,.5),0 1px 3px -1px rgba(0,0,0,.6);background-position:100%}@media screen and (max-width:1024px){.btn-container[data-v-68ee89b5]:hover{transform:scale(1.05)}}ul[data-v-6dd4657f]{box-shadow:0 2px 5px -1px rgba(50,50,93,.25),0 1px 3px -1px rgba(0,0,0,.3);width:240px;border-radius:4px;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:#fff}li[data-v-6dd4657f]{width:100%;padding:.5rem;display:flex;flex-wrap:nowrap;flex-direction:column;justify-content:center;align-items:flex-start;width:240px}hr[data-v-6dd4657f]{border:none;border-top:1px solid var(--gray5)}.projects-view[data-v-4a042866]{display:flex;height:100%;width:100%;gap:1rem;padding-inline:4px;padding-top:4px;--projects-side-width:240px}.projects-side[data-v-4a042866]{width:var(--projects-side-width);display:flex;flex-flow:column;gap:1rem}.projects-list[data-v-4a042866]{width:calc(100% - var(--projects-side-width));display:flex;flex-flow:column;gap:1rem}.user-info[data-v-4a042866]{width:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:16px;align-self:start;padding-top:4px}.searchbar-container[data-v-4a042866]{width:240px;height:40px}.welcome[data-v-4a042866]{display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;padding-inline:1rem}.welcome p[data-v-4a042866]{padding-block:.5rem}@media screen and (max-width:1024px){.projects-view[data-v-4a042866]{display:flex;flex-direction:column;padding:32px;overflow-x:hidden;gap:32px}.projects-side[data-v-4a042866]{width:100%;display:flex;flex-flow:column;gap:1rem}.projects-list[data-v-4a042866]{width:100%}.user-info[data-v-4a042866]{flex-direction:row;grid-column:span 6;order:2;justify-content:space-evenly;gap:16px}.searchbar-container[data-v-4a042866]{order:6;align-self:center}.projects-summary[data-v-4a042866]{order:5;align-self:center}.projects-list[data-v-4a042866]{order:7;align-self:center}.new-project[data-v-4a042866]{order:8;align-self:center}}