:root{--background:#081212;--overlay:#101e1f;--light:#eee;--action:#00adb5;--gray:#abb9c2;--borderColor:#fff3;--error:#f33}*{margin:0;padding:0;user-select:none;-webkit-user-select:none}#root{height:100vh}#root,.App,body,html{background-color:#081212;background-color:var(--background);width:100%}body,html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#eee;color:var(--light);font-family:-apple-system,BlinkMacSystemFont,Roboto,sans-serif;font-weight:500;margin:0;min-height:calc(100% + env(safe-area-inset-top));padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.underline{column-gap:5px;position:relative;width:fit-content}.underline:after{background-color:#eee;background-color:var(--light);border-radius:4px;bottom:-5px;content:"";left:0;position:absolute;width:50%}.underline.height-5:after{height:5px}.underline.height-3:after{height:3px}.page-wrapper{margin:0 auto;width:40%}.unitech-button{background-color:#00adb5;background-color:var(--action);border-radius:4px;padding:5px 10px}.unitech-button a{color:#eee;color:var(--light);font-size:14px;font-weight:500;text-decoration:none}.text-container{background-color:#101e1f;background-color:var(--overlay);border:1px solid #fff3;border:1px solid var(--borderColor);border-radius:4px;color:#eee;color:var(--light);font-size:clamp(12px,.75vw,1.5rem);margin:0 auto;padding:max(1rem,10px)}.overlay-container .text{font-size:16px}.overlay-container{background-color:#101e1f;background-color:var(--overlay);border:1px solid #fff3;border:1px solid var(--borderColor);border-radius:4px;color:#eee;color:var(--light);font-size:clamp(12px,.75vw,1.5rem);margin:0 auto;padding:max(1rem,10px)}.overlay-container .subtitle{font-size:20px;margin-bottom:1rem}ul{list-style:none}.inner-padding-container{margin:0 auto;padding-inline:25px}.vertical-line{border-left:1px solid #eee;border-left:1px solid var(--light);height:50px}.pt-4{margin-top:40px}.mt-10{margin-top:10px}.selection-list-wrapper{display:flex;flex-direction:column;row-gap:1rem}a.selection-link{font-size:16px}.selection,a.selection-link{color:#eee;color:var(--light);text-decoration:none}.selection{background-color:#101e1f;background-color:var(--overlay);border:1.5px solid #00adb5;border:1.5px solid var(--action);border-radius:4px;margin:0 auto;padding:15px;width:max(270px,50%)}@media screen and (max-width:1350px){.page-wrapper{width:70%}}@media screen and (max-width:750px){.page-wrapper{width:100%}}.unitech-header{align-items:center;display:flex;flex-direction:row;justify-content:space-between;padding-inline:25px;padding-top:1.5rem}.unitech-header .header-col{align-items:baseline;display:flex;flex-direction:row}.unitech-header h1{font-size:clamp(1.6rem,1.7vw,3rem);font-weight:700}.title-hat{width:42px}.unitech-button a{font-weight:700}.unitech-banner{align-items:center;background-image:url(/static/media/ntua_library2.d3c52b54bdb019f6c9eb.webp);background-position:50% 70%;background-repeat:no-repeat;background-size:cover;display:flex;flex-direction:column;height:400px;justify-content:center;margin-top:2rem;overflow:hidden;position:relative;width:100%}.unitech-banner:before{background-color:#101e1f4d;content:"";height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.unitech-banner *{position:relative;z-index:2}.banner-title{align-items:center;background-color:var(--overlay);bottom:0;display:flex;justify-content:space-between;left:0;position:absolute;width:100%}.banner-title *{padding-inline:20px}.banner-title{padding-bottom:10px;padding-top:10px}.banner-title .welcome-column{width:70%}.banner-title .welcome-column:first-child{font-size:12px}.banner-title .welcome-column:last-child{font-size:18px}.banner-title .quote-container .quote{font-size:8px;font-style:italic;font-weight:400;width:90%}.about-unitech-wrapper{background-color:var(--overlay);border:1px solid var(--action);border-radius:4px;margin:30px auto 0;padding:10;text-decoration:none;width:60%}.about-unitech-wrapper a{align-items:center;color:var(--light);column-gap:20px;display:flex;flex-direction:row;font-weight:700;justify-content:center;text-decoration:none}.about-unitech-wrapper a h3{color:var(--action)}.about-unitech-wrapper img{width:100px}.unitech-menu{column-gap:20px;flex-direction:row;flex-wrap:wrap;margin:2rem auto 0;padding:20px,;row-gap:15px;width:60%}.unitech-menu,.unitech-menu .menu-item{align-items:center;display:flex;justify-content:center}.unitech-menu .menu-item{background-color:var(--overlay);border:1.5px solid var(--action);border-radius:4px;color:var(--light);flex-direction:column;font-size:14px;font-weight:700;height:100px;text-decoration:none;width:110px}.unitech-menu .menu-item svg{height:50px;margin-bottom:5px;width:50px}.contribution{color:var(--gray);font-size:10px;margin-top:15px;text-align:center}@media screen and (max-width:1050px){.about-unitech-wrapper{width:80%}.unitech-menu{width:60%}}@media screen and (max-width:750px){.unitech-banner{background-position:50% 80%;height:220px;width:100%}.banner-title:first-child{font-size:10px}.banner-title:last-child{font-size:12px}}@media screen and (max-width:440px){.about-unitech-wrapper{width:90%}.unitech-menu{width:80%}}img.unitech-logo{display:flex;margin:0 auto;width:max(300px,60%)}.about-unitech p{font-weight:700}.about-unitech ul{font-weight:700;margin-block:1rem}.about-unitech li{margin-block:10px}.back-navigator-container{align-items:center;background-color:var(--overlay);column-gap:10px;display:flex;flex-direction:row;font-size:19px;font-weight:500;margin-bottom:1rem;padding:20px}.back-navigator-container a{cursor:pointer;display:flex}.back-navigator-container svg{margin-right:20px;width:20px}.back-navigator-container h4{-webkit-line-clamp:1;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden;text-overflow:ellipsis;white-space:normal}.teams-container{display:flex;flex-direction:column;margin-top:1rem;row-gap:1rem}a.team-link{color:var(--light);text-decoration:none}.team-container{background-blend-mode:multiply;background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid var(--borderColor);border-radius:4px;display:flex;flex-direction:column;height:110px;justify-content:flex-end;margin:0 auto;overflow:hidden;position:relative;width:max(350px,70%)}.team-container .logo-title-container{align-items:flex-end;column-gap:20px;display:flex;flex-direction:row;padding:10px;width:80%}.logo-container{align-items:center;background-color:#fff;border-radius:4px;display:flex;justify-content:center;width:50px}.team-container .logo{border-radius:4px;width:100%}.team-container .team-title{font-size:22px;font-weight:800}@media screen and (max-width:700px){.team-container .team-title{font-size:20px}}.skeleton{animation:skeleton-loading 1.5s linear infinite;background:linear-gradient(90deg,#ddda 40%,#efefefaa,#ddda 60%) 100% /300% 100%;border-radius:4px;content:" ";cursor:progress;margin-bottom:1rem}@keyframes skeleton-loading{to{background-position:0}}.team-page-container{width:100%}.team-background-image{background-position:50%;background-repeat:no-repeat;background-size:cover;border:2px solid var(--borderColor);border-bottom-left-radius:25%;border-bottom-right-radius:25%;height:220px;position:relative}.team-logo{border-radius:4px;bottom:-90px;left:50%;position:absolute;transform:translate(-50%,-50%);width:80px}.team-title{margin-top:5rem}.team-metrics{display:flex;flex-direction:row;justify-content:space-around;margin-top:3rem}.team-metric{display:flex;flex-direction:column;row-gap:.25rem;text-align:center}.subteams-carousel{display:flex;flex-direction:row;gap:20px;margin-top:1rem;overflow-x:auto;scroll-behavior:smooth}.subteams-carousel::-webkit-scrollbar{display:none}.team-social-list{display:flex;flex-direction:column;margin-top:20px;row-gap:10px}.team-social{align-items:center;column-gap:5px;display:flex;font-size:16px}.team-social svg{width:20px}@media (min-width:531px){.subteams-carousel{padding-bottom:10px}.subteams-carousel::-webkit-scrollbar{display:block;height:8px}.subteams-carousel::-webkit-scrollbar-thumb{background-color:#888;border-radius:10px}.subteams-carousel::-webkit-scrollbar-track{background:#f1f1f1;border-radius:10px}}.subteam-container{background-blend-mode:multiply;background-position:50%;background-repeat:no-repeat;background-size:cover;border-radius:4px;flex:0 0 auto;font-size:16px;height:120px;overflow:hidden;padding:15px;width:120px}.subteam-link{color:var(--light);text-decoration:none}.transparent-navigator-container{background-color:initial;padding:20px;position:absolute;top:0;z-index:9999}.transparent-navigator-container svg{width:20px}.course-category{margin-top:2rem}.course-category h3{margin-bottom:20px}.bottom-tabs{align-items:center;background-color:var(--overlay);border-top:1px solid gray;bottom:0;height:60px;padding-bottom:env(safe-area-inset-bottom,0);position:fixed;z-index:1000}.bottom-tabs,.tabs-wrapper{display:flex;justify-content:space-around}.tabs-wrapper{flex-direction:row;width:100%}.tabs-wrapper .tab-choice-wrapper{align-items:center;background-color:inherit;border:0;cursor:pointer;display:flex;flex-direction:column;row-gap:3px}.tab-choice-wrapper svg{width:25px}.tab-choice-wrapper.inactive{color:gray}.tab-choice-wrapper.active{color:var(--action)}.tab-title{font-size:10px}.accordion-item{background-color:var(--overlay);border:1.5px solid var(--action);border-radius:4px;color:var(--light);font-size:16px;margin:1rem auto}.accordion-title{cursor:pointer;display:flex;flex-direction:row;justify-content:space-between}.accordion-content,.accordion-title{padding:1rem}.accordion-content{background-color:var(--overlay);width:inherit}@media screen and (max-width:700px){.accordion{width:90%}}.bar-chart-container{height:300px;margin-block:30px}@media (max-width:768px){.bar-chart-container{height:200px}}.pie-chart-container{height:300px;margin-block:30px}@media (max-width:768px){.pie-chart-container{height:200px}}.days-of-week{display:flex;flex-direction:row;justify-content:space-between;margin-block:1.5rem;width:100%}.days-of-week button{border:1.5px solid var(--action);border-radius:4px;color:var(--light);cursor:pointer;font-size:18px;height:53px;width:63px}.days-of-week button.active{background-color:var(--action)}.days-of-week button.inactive{background-color:var(--overlay)}.courses-schedule-container{display:flex;flex-direction:column;margin-top:2rem;row-gap:1rem}.course-schedule-container{background-color:var(--overlay);border:2px solid var(--action);border-radius:4px;padding:10px;position:relative}.course-schedule-title{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;font-size:clamp(.4rem,1rem);overflow:hidden;text-overflow:ellipsis;white-space:normal}.course-schedule-details{color:var(--gray);display:flex;flex-direction:column;font-size:14px;margin-top:1px;row-gap:1px}.remove-course-button{align-items:center;background-color:var(--overlay);border:1.5px solid var(--error);border-radius:50%;bottom:10px;cursor:pointer;display:flex;height:37px;justify-content:center;opacity:.7;position:absolute;right:10px;width:37px}.remove-course-button svg{height:18px;width:18px}.remove-course-button:hover{opacity:1;transition:all .1s ease-in}.input-search{background-color:var(--background);border:2px solid var(--action);border-radius:4px;box-sizing:border-box;color:var(--light);margin-bottom:2rem;outline:none;padding:10px;transition:border-color .3s ease;width:100%}.input-search::placeholder{color:var(--gray)}.input-search:focus{border-color:var(--action)}.search-results{display:flex;flex-direction:column;row-gap:1rem}.course-addition{border-radius:4px;color:var(--light);cursor:pointer;font-weight:500;padding:10px;text-align:left}.course-addition,.popup-container{background-color:var(--overlay);border:2px solid var(--action)}.popup-container{border-radius:4px;bottom:110px;position:absolute;right:20px;width:320px}.small-image-container{align-items:center;background-color:var(--background);border-bottom:1px solid var(--action);column-gap:10px;display:flex;flex-direction:row;width:100%}.popup-container .small-image{width:40px}.popup-content h5{padding:7px}.school-container{display:flex;flex-direction:column;row-gap:1rem}.school-button{border:2px solid var(--action);border-radius:4px;color:var(--light);cursor:pointer;font-size:16px;padding:10px;text-align:left}.school-button.inactive{background-color:var(--overlay)}.school-button.active{background-color:var(--action)}.container404{align-items:center;display:flex;flex-direction:column;left:50%;margin:0 auto;position:absolute;text-align:left;top:50%;transform:translate(-50%,-50%);width:50%}.image404{width:50%}@media screen and (max-width:930px){.container404{width:80%}}@media screen and (max-width:547px){.image404{width:80%}}