.user-info-wrapper[data-v-447e40e2]{display:flex;flex-flow:column;gap:1rem;width:240px}.u-picture-wrapper[data-v-447e40e2]{position:relative;height:200px;width:100%;border-radius:8px}.u-picture-wrapper img[data-v-447e40e2]{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;border-radius:inherit}.u-picture[data-v-447e40e2]{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-447e40e2]{position:absolute;width:40%;height:100%;transform:skew(-20deg);border-radius:2px;background:var(--white1);z-index:0}.u-picture .circle[data-v-447e40e2]:before{position:absolute;width:80px;height:80px;border-radius:2px;background:var(--white1);z-index:0}.u-picture p[data-v-447e40e2]{position:relative;font-size:120px;color:var(--primary);z-index:1}.u-info[data-v-447e40e2]{display:flex;flex-direction:column;align-items:flex-start;width:100%}.aditional-info1[data-v-447e40e2],.aditional-info2[data-v-447e40e2]{display:flex;justify-content:space-between;align-items:flex-end;width:100%;padding-top:5px}.c-btn[data-v-447e40e2]{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-447e40e2]: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-447e40e2]{text-align:left}i[data-v-447e40e2]{width:16px;height:16px;margin-right:.5em;transform:scale(1)}@media screen and (max-width:1024px){.user-info-wrapper[data-v-447e40e2]{width:340px}.u-info[data-v-447e40e2]{width:100%;justify-content:space-evenly}}@media screen and (max-width:470px){.u-picture[data-v-447e40e2]{min-width:170px}}.projects-group[data-v-d2805b4c]{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-d2805b4c]{cursor:default;min-height:40px;max-height:40px}.btn-primary-l[data-v-d2805b4c]:hover{transform:none}ul[data-v-d2805b4c]{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-d2805b4c]{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-d2805b4c]{filter:grayscale(0)}.empty-ul[data-v-d2805b4c]{overflow:hidden}.empty-li[data-v-d2805b4c]{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-d2805b4c]{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-d2805b4c]{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;animation:slide-in-d2805b4c .2s}.secondary-menu-item[data-v-d2805b4c]{padding-inline:8px;padding-block:4px;background:rgba(0,0,0,.8);margin-bottom:1px;text-align:center}.secondary-menu-item[data-v-d2805b4c]:last-child{margin-bottom:0;color:var(--gray4)}.secondary-menu-item[data-v-d2805b4c]:hover{color:var(--secondary)}.delete-p[data-v-d2805b4c]:hover{color:salmon}li[data-v-d2805b4c]: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-d2805b4c]{height:var(--project-banner-height)}.empty-li[data-v-d2805b4c]:hover{transform:none;box-shadow:none;outline:none}.reference[data-v-d2805b4c]{display:flex;justify-content:space-evenly;align-items:flex-start;width:100%}.project-controls[data-v-d2805b4c]{display:flex;width:100%;justify-content:space-between;align-items:flex-end;padding-inline:16px;height:40px;animation:fade-in .8s ease-out}.project-controls div[data-v-d2805b4c]:first-child{height:100%;display:flex;align-items:center;background:var(--secondary);padding-inline:8px;padding-block:4px;border-radius:4px;font-variant:small-caps;transition:.2s ease-out}.project-controls div[data-v-d2805b4c]:first-child:hover{cursor:pointer;background:none;letter-spacing:2px;color:var(--secondary)}.project-controls div[data-v-d2805b4c]:last-child{transition:.1s ease-out;align-self:center}.project-controls div[data-v-d2805b4c]:last-child:hover{cursor:pointer;letter-spacing:2px;color:var(--secondary)}.project-controls div[data-v-d2805b4c]:last-child:active{scale:.9}.project-img[data-v-d2805b4c]{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-d2805b4c]{scale:1.1}.slide-out[data-v-d2805b4c]{animation:slide-out-d2805b4c .2s forwards}@media screen and (max-width:719px){ul[data-v-d2805b4c]{scroll-snap-type:x mandatory}li[data-v-d2805b4c]{min-width:280px;scroll-snap-align:center}}@keyframes slide-in-d2805b4c{0%{transform:translateX(120%)}to{transform:translateX(0)}}@keyframes slide-out-d2805b4c{0%{transform:translateX(0)}to{transform:translateX(120%)}}svg#freepik_stories-construction-costs:not(.animated) .animable[data-v-67389b44]{opacity:0}svg#freepik_stories-construction-costs.animated #freepik--Floor--inject-42[data-v-67389b44]{animation:slideRight-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-construction-costs.animated #freepik--Symbols--inject-42[data-v-67389b44]{animation:lightSpeedRight-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-construction-costs.animated #freepik--Plants--inject-42[data-v-67389b44]{animation:slideUp-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-construction-costs.animated #freepik--Shadows--inject-42[data-v-67389b44]{animation:lightSpeedRight-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-construction-costs.animated #freepik--Wall--inject-42[data-v-67389b44]{animation:slideLeft-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-construction-costs.animated #freepik--Crane--inject-42[data-v-67389b44]{animation:zoomOut-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-construction-costs.animated #freepik--Device--inject-42[data-v-67389b44]{animation:lightSpeedLeft-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-construction-costs.animated #freepik--Character--inject-42[data-v-67389b44]{animation:slideUp-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-construction-costs.animated #freepik--Coins--inject-42[data-v-67389b44]{animation:slideRight-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-construction-costs.animated #freepik--speech-bubble--inject-42[data-v-67389b44]{animation:lightSpeedRight-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-construction-costs.animated #freepik--Equipment--inject-42[data-v-67389b44],svg#freepik_stories-construction-costs.animated #freepik--Overhead--inject-42[data-v-67389b44]{animation:slideUp-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-construction-costs.animated #freepik--Material--inject-42[data-v-67389b44]{animation:zoomIn-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-construction-costs.animated #freepik--Labor--inject-42[data-v-67389b44]{animation:lightSpeedRight-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}svg#freepik_stories-construction-costs.animated #freepik--Clipboard--inject-42[data-v-67389b44]{animation:zoomIn-67389b44 1s cubic-bezier(.36,-.01,.5,1.38) 1 forwards;animation-delay:0s}@keyframes slideRight-67389b44{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes lightSpeedRight-67389b44{0%{transform:translate3d(50%,0,0) skewX(-20deg);opacity:0}60%{transform:skewX(10deg);opacity:1}80%{transform:skewX(-2deg)}to{opacity:1;transform:translateZ(0)}}@keyframes slideUp-67389b44{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:inherit}}@keyframes slideLeft-67389b44{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes zoomOut-67389b44{0%{opacity:0;transform:scale(1.5)}to{opacity:1;transform:scale(1)}}@keyframes lightSpeedLeft-67389b44{0%{transform:translate3d(-50%,0,0) skewX(20deg);opacity:0}60%{transform:skewX(-10deg);opacity:1}80%{transform:skewX(2deg)}to{opacity:1;transform:translateZ(0)}}@keyframes zoomIn-67389b44{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}.svg-wrapper[data-v-67389b44]{width:100%;height:100%;overflow:hidden}.svg-wrapper svg[data-v-67389b44]{width:100%;height:100%}.projects-list-container[data-v-24605a06]{width:100%;height:100%;overflow:auto;display:flex;flex-flow:column;gap:2rem;padding-inline:1rem}.thumbnail-wrapper[data-v-24605a06]{position:relative;width:100%;height:100%;padding:1rem;-webkit-user-select:none;-moz-user-select:none;user-select:none;overflow:hidden}@media screen and (max-width:719px){.projects-list-container[data-v-24605a06]{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}}