@import url(https://fonts.googleapis.com/css2?family=DM+Sans:ital,wght@0,400;0,500;0,700;1,400;1,500;1,700&display=swap);body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Sora,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.landing-container{align-items:center;justify-content:center;margin-left:30px;margin-right:30px;margin-top:110px}.landing-bottom{margin-top:30px}.button-container{bottom:20px;left:20px;position:absolute}.landing-button{background-color:#22577a;border:none;border-radius:5px;box-shadow:0 3px 5px rgba(0,0,0,.2);color:#fff;cursor:pointer;font-size:18px;overflow:hidden;padding:12px 20px;position:relative;transition:.3s;z-index:1}.landing-button:hover{box-shadow:0 7px 14px rgba(0,0,0,.4);-webkit-transform:translateY(-4px);transform:translateY(-4px)}.landing-button:before{background:hsla(0,0%,100%,.1);border-radius:100%;content:"";height:100%;left:-100%;opacity:0;position:absolute;top:-100%;transition:all .4s;width:100%;z-index:-1}.landing-button:hover:before{left:50%;opacity:1;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.carousel .control-arrow,.carousel.carousel-slider .control-arrow{background:none;border:0;cursor:pointer;filter:alpha(opacity=40);font-size:32px;opacity:.4;position:absolute;top:20px;transition:all .25s ease-in;z-index:2}.carousel .control-arrow:focus,.carousel .control-arrow:hover{filter:alpha(opacity=100);opacity:1}.carousel .control-arrow:before,.carousel.carousel-slider .control-arrow:before{border-bottom:8px solid transparent;border-top:8px solid transparent;content:"";display:inline-block;margin:0 5px}.carousel .control-disabled.control-arrow{cursor:inherit;display:none;filter:alpha(opacity=0);opacity:0}.carousel .control-prev.control-arrow{left:0}.carousel .control-prev.control-arrow:before{border-right:8px solid #fff}.carousel .control-next.control-arrow{right:0}.carousel .control-next.control-arrow:before{border-left:8px solid #fff}.carousel-root{outline:none}.carousel{position:relative;width:100%}.carousel *{box-sizing:border-box}.carousel img{display:inline-block;pointer-events:none;width:100%}.carousel .carousel{position:relative}.carousel .control-arrow{background:none;border:0;font-size:18px;margin-top:-13px;outline:0;top:50%}.carousel .thumbs-wrapper{margin:20px;overflow:hidden}.carousel .thumbs{list-style:none;position:relative;-webkit-transform:translateZ(0);transform:translateZ(0);transition:all .15s ease-in;white-space:nowrap}.carousel .thumb{border:3px solid #fff;display:inline-block;margin-right:6px;overflow:hidden;padding:2px;transition:border .15s ease-in;white-space:nowrap}.carousel .thumb:focus{border:3px solid #ccc;outline:none}.carousel .thumb.selected,.carousel .thumb:hover{border:3px solid #333}.carousel .thumb img{vertical-align:top}.carousel.carousel-slider{margin:0;overflow:hidden;position:relative}.carousel.carousel-slider .control-arrow{bottom:0;color:#fff;font-size:26px;margin-top:0;padding:5px;top:0}.carousel.carousel-slider .control-arrow:hover{background:rgba(0,0,0,.2)}.carousel .slider-wrapper{margin:auto;overflow:hidden;transition:height .15s ease-in;width:100%}.carousel .slider-wrapper.axis-horizontal .slider{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-horizontal .slider .slide{flex-direction:column;flex-flow:column}.carousel .slider-wrapper.axis-vertical{-ms-box-orient:horizontal;display:-moz-flex;display:flex}.carousel .slider-wrapper.axis-vertical .slider{flex-direction:column}.carousel .slider{list-style:none;margin:0;padding:0;position:relative;width:100%}.carousel .slider.animated{transition:all .35s ease-in-out}.carousel .slide{margin:0;min-width:100%;position:relative;text-align:center}.carousel .slide img{border:0;vertical-align:top;width:100%}.carousel .slide iframe{border:0;display:inline-block;margin:0 40px 40px;width:calc(100% - 80px)}.carousel .slide .legend{background:#000;border-radius:10px;bottom:40px;color:#fff;font-size:12px;left:50%;margin-left:-45%;opacity:.25;padding:10px;position:absolute;text-align:center;transition:all .5s ease-in-out;transition:opacity .35s ease-in-out;width:90%}.carousel .control-dots{bottom:0;margin:10px 0;padding:0;position:absolute;text-align:center;width:100%;z-index:1}@media (min-width:960px){.carousel .control-dots{bottom:0}}.carousel .control-dots .dot{background:#fff;border-radius:50%;box-shadow:1px 1px 2px rgba(0,0,0,.9);cursor:pointer;display:inline-block;filter:alpha(opacity=30);height:8px;margin:0 8px;opacity:.3;transition:opacity .25s ease-in;width:8px}.carousel .control-dots .dot.selected,.carousel .control-dots .dot:hover{filter:alpha(opacity=100);opacity:1}.carousel .carousel-status{color:#fff;font-size:10px;padding:5px;position:absolute;right:0;text-shadow:1px 1px 1px rgba(0,0,0,.9);top:0}.carousel:hover .slide .legend{opacity:1}.dashboard-container{align-items:center;display:flex;height:80vh;justify-content:center;margin:8.5% auto 0;padding:100px;position:relative}.personal-container{box-shadow:0 0 5px rgba(0,0,255,.2);height:850px;position:relative;transition:box-shadow .3s ease-in-out;width:15%}@media screen and (min-width:0px) and (max-width:641px){.dashboard-container{align-items:center;display:flex;height:80vh;justify-content:center;margin:8.5% auto 0;padding:100px;position:relative}}@media screen and (min-width:641px) and (max-width:1324px){.dashboard-container{align-items:center;display:flex;height:80vh;justify-content:center;margin:10.5% auto 0;padding:100px;position:relative}}.step-1:hover,.step-2:hover,.step-3:hover{background-color:#80ed99!important}@media screen and (min-width:1325px){.dashboard-container{align-items:center;display:flex;height:80vh;justify-content:center;margin:8.5% auto 0;padding:100px;position:relative}}@media screen and (min-width:100px){body{overflow-x:hidden}}.item-list,.list-container{position:relative}.item-list{overflow:hidden;width:100%}.item{opacity:0;transition:opacity .5s ease-in-out}.item.visible{opacity:1}.dashboard-left-scn{display:flex;flex-direction:column;width:8vw}.h4Tag{color:#fff;font-family:Phudu;position:relative;text-align:center;z-index:1}.dashboard-profile{background:#edf2f4;border-radius:4px;box-shadow:0 1px 3px rgba(0,0,0,.12),0 1px 2px rgba(0,0,0,.24);height:100px;padding:24px}.dashboard-play{height:50px;margin-left:auto;width:50px}.dashboard-achievments{-webkit-animation:animated-gradient 5s ease-in-out infinite;animation:animated-gradient 5s ease-in-out infinite;background:#edf2f4;height:180px;margin-top:18px}.dashboard-achievments,.survey-section{align-items:center;border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.3);display:flex;flex-direction:column;justify-content:center;margin-bottom:20px;overflow:hidden;padding:10px;position:relative}.survey-section{background-color:#32465c;height:310px;margin-top:0}.dashboard-achievments-see{align-items:center;background-color:#edf2f4;background:-webkit-linear-gradient(-70deg,gold,#ff5400,#ffed66);border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.3);cursor:pointer;display:flex;height:80px;margin-bottom:20px}.dashboard-colleges,.dashboard-courses{border-radius:4px;height:78vh;padding:24px;width:35vw}.dashboard-component-container{border-radius:4px;display:flex;flex-direction:column;height:69vh;padding:4px;width:49.5vw}.dashboard-main-area{align-items:center;background-color:#22577a;height:850px;justify-content:center;margin:0 1.5% 10px}.dashboard-main-area,.dashboard-right{box-shadow:0 0 5px rgba(0,0,255,.2);display:flex;flex-direction:column;position:relative;transition:box-shadow .3s ease-in-out}.dashboard-right{-webkit-animation:breathing 4s ease-in-out infinite;animation:breathing 4s ease-in-out infinite;margin-bottom:0;margin-top:0;width:18vw}.dashboard-miss-container{background-color:#fff;background-position:center center -110px;background-size:cover;position:relative}.dashboard-missions{-webkit-animation:glow 4s infinite;animation:glow 4s infinite;background:url(/static/media/mynext4_map.c1078b4a31e07039f1e5.png) 50%/cover no-repeat;background-color:#fff;background-position:50%;border-radius:3px;height:100%;overflow:hidden;padding:20px;position:relative;text-align:center;width:inherit}.dashboard-missions-see{align-items:center;background:#32465c;box-shadow:0 1px 3px #2b2d42,0 1px 2px #000;cursor:pointer;display:flex;height:80px;margin-top:18px;width:inherit}.profile-section{align-items:center;display:flex;gap:20px}.profile-picture{background-color:#90ee90}.profile-click-in,.profile-picture{height:60px;object-fit:cover;width:60px}.profile-click-in{background-color:aqua}.profile-school{background-color:#f08080;height:60px;object-fit:cover;width:60px}.profile-info{display:flex;flex-direction:column;gap:5px}.profile-info h2{-webkit-text-fill-color:transparent;-webkit-animation:animated-gradient 5s ease-in-out infinite;animation:animated-gradient 5s ease-in-out infinite;background:#000;-webkit-background-clip:text;background-size:200%;font-weight:700;margin:0}.profile-info p{color:#d3d3d3;font-size:15px;font-weight:400;margin:0}.my-mission-header{font-size:36px;font-weight:800;left:0;position:absolute;top:0;-webkit-transform:translateX(35px) translateY(25px);transform:translateX(35px) translateY(25px)}.animated-gradient-text{-webkit-text-fill-color:transparent;-webkit-animation:animated-gradient 5s ease-in-out infinite;animation:animated-gradient 5s ease-in-out infinite;background:-webkit-linear-gradient(-70deg,#000,#2b2d42,#2b2d42,#000);-webkit-background-clip:text;background-size:220%}.image-container{align-items:center;background-color:#f7f7f7;border:3px solid #e0e0e0;border-radius:20px;display:flex;height:65vh;justify-content:center;left:50%;margin-top:15vh;padding:20px 20px 30px;position:absolute;top:100vh;-webkit-transform:translateX(-50%);transform:translateX(-50%);width:35vw}.image-container img{border-radius:4px;max-height:100%;max-width:100%;object-fit:contain}.my-mission-container{align-items:center;background-color:#34a0a4;border:1px solid #000;border-radius:10px;box-shadow:2px 2px 5px rgba(0,0,0,.3);display:flex;flex-direction:column;height:65vh;justify-content:center;margin-bottom:20px;overflow:hidden;padding:10px;position:absolute;width:20vw}.circle-container{height:100%;left:0;position:absolute;top:0;width:100%}.circle{background-color:red;border-radius:50%;height:50px;position:absolute;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);width:50px}.circle1{left:60%;top:60%}.circle2{left:45%;top:58%}.circle3{left:32%;top:45%}.circle4{left:35%;top:33%}.circle5{left:52%;top:43%}.mission-list{align-items:flex-start;display:flex;flex:1 1;flex-direction:column;justify-content:center}.mission-list h2{font-size:24px;font-weight:700;margin:0}.mission-list ul{list-style:none;margin:0;padding:0}.mission-list li{cursor:pointer;font-size:20px;font-weight:700;margin:10px 0}.search-icon-container{margin-top:auto}@media screen and (min-width:641px) and (max-width:1024px){.my-mission-container{height:400px;width:inherit}.dashboard-main-area,.image-container,.personal-container{height:400px}}@media screen and (min-width:1025px) and (max-width:1350px){.my-mission-container{height:400px;width:inherit}.image-container{height:400px}.dashboard-main-area,.dashboard-right,.personal-container{height:550px}.dashboard-miss-container{height:400px}}.dashboard-main-area:hover{box-shadow:0 0 10px rgba(0,0,255,.4)}body{background-attachment:fixed;background-image:linear-gradient(to bottom right,#f2f2f2,#e6e6e6);font-family:DM Sans,Arial,sans-serif;margin:0;padding:0}.career-bottom-container-1{border:.5px solid #000;border-radius:5px}.score-submitted-message{color:#edf2f4;font-size:18px;font-weight:700;margin-top:8px;text-align:center}.component-overall-container{display:flex;height:80vh;justify-content:center;padding:20px}.my-component{-webkit-animation:rotate 4s infinite alternate;animation:rotate 4s infinite alternate;border:2.5px solid #8d99ae;height:280px;-webkit-transform:perspective(1000px) rotateX(20deg);transform:perspective(1000px) rotateX(20deg);width:16vw}.my-component,.my-component:before{background-color:#fff;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.my-component:before{-webkit-animation:rotate-back 4s infinite alternate;animation:rotate-back 4s infinite alternate;content:"";left:10px;position:absolute;top:-20px;-webkit-transform-origin:bottom;transform-origin:bottom}.my-individual-component{-webkit-animation:rotate 4s infinite alternate;animation:rotate 4s infinite alternate;border:2.5px solid #8d99ae;height:360px;-webkit-transform:perspective(1000px) rotateX(20deg);transform:perspective(1000px) rotateX(20deg);width:16vw}.my-individual-component,.my-individual-component:before{background-color:#fff;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.my-individual-component:before{-webkit-animation:rotate-back 4s infinite alternate;animation:rotate-back 4s infinite alternate;content:"";left:10px;position:absolute;top:-20px;-webkit-transform-origin:bottom;transform-origin:bottom}.grade-back{height:100%;left:0;position:absolute;top:0;width:100%;z-index:1}.component-attribute{height:30px;width:30px}.component-attribute,.component-attribute-lg{align-items:center;-webkit-animation:rotateYShake 4s linear infinite;animation:rotateYShake 4s linear infinite;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;justify-content:center;-webkit-perspective:1000px;perspective:1000px;position:relative;text-align:center}.component-attribute-lg:before{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.6),transparent);border-radius:50%;content:"";height:100%;mix-blend-mode:overlay;position:absolute;width:100%}@-webkit-keyframes animated-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.shiny-text{overflow:hidden;position:relative}.shiny-text:after{-webkit-animation:shine 4s infinite;animation:shine 4s infinite}.component-tokens-md{align-items:center;-webkit-animation:rotateYShake 4s linear infinite;animation:rotateYShake 4s linear infinite;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;justify-content:center;margin:0 3px;-webkit-perspective:1000px;perspective:1000px;position:relative;text-align:center}.component-attribute:before{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.6),transparent);border-radius:50%;content:"";height:100%;mix-blend-mode:overlay;position:absolute;width:100%}@keyframes animated-gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.small-component-container{align-items:center;background-color:#f0f0f0;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;height:50px;justify-content:space-between;margin:0 auto;padding:10px;position:relative;-webkit-transform:translateY(0);transform:translateY(0);transition:all .3s ease;width:100%}@media screen and (min-width:0px) and (max-width:641px){.component-overall-container{margin:20% 3% 0}.large-component-top-container{font-size:16px;margin:0}.career-bottom-container-text{font-size:8px}.course-field-tag,.course-industry-tag,.course-skill-list{display:none}.large-component{height:350px}.grade-container{height:30px;-webkit-perspective:1000px;perspective:1000px;position:relative;z-index:2}.my-component{height:180px}.component-medium-name{font-size:13px;height:30px;padding:8px}.career-medium-name{font-size:12px;height:40px}.component-attribute{height:45px;width:45px}.component-attribute-lg{height:30px;margin:5px auto;width:30px}.component-tokens-md{height:15px;width:15px}.course-pre-token{height:25px;width:25px}.career-bottom-container-1-head{font-size:12px}}@media screen and (min-width:641px) and (max-width:1024px){.component-overall-container{margin:12% 3% 0}.career-medium-name{font-size:12px;height:40px}.large-component-top-container{font-size:20px;margin:0}.career-bottom-container-1-head{font-size:8px}.career-bottom-container-text{font-size:10px}.career-bottom-container-1{height:30px;margin-top:4px}.course-field-tag,.course-industry-tag,.course-skill-list{display:none}.large-component{height:420px;margin-top:10px}.grade-container{height:30px;-webkit-perspective:1000px;perspective:1000px;position:relative;z-index:2}.my-component{height:180px;width:100%}.component-medium-name{font-size:16px;height:40px;padding:8px}.component-attribute-lg{height:35px;margin:5px auto;width:35px}.component-tokens-md{height:20px;width:20px}.course-pre-token{height:35px;width:35px}.my-individual-component{height:250px;width:100%}}@media screen and (min-width:1025px){.course-skill-list{font-size:22px}.component-overall-container{margin:8.5% 3% 0}.career-medium-name{font-size:12px;height:40px}.component-attribute-lg{height:35px;width:35px}.career-bottom-container-1-head{font-size:12px}.large-component-top-container{font-size:24px;margin:0}.career-bottom-container-1{height:30px;margin-top:6px}.large-component{height:460px;margin-top:0}.grade-container{height:30px;-webkit-perspective:1000px;perspective:1000px;position:relative;z-index:2}.my-component{height:220px;width:100%}.my-individual-component{height:300px;width:100%}.component-medium-name{font-size:16px;height:35px;padding:12px}.component-tokens-md{height:22.5px;width:22.5px}.course-pre-token{height:45.5px;width:45.5px}.component-attribute-lg{height:40px;margin:3px;width:40px}.grade-card-lg{margin-top:5px}.career-bottom-container-text{font-size:12px}.college-medium-name{font-size:13px;height:30px;padding:5px}}@media screen and (min-height:805px) and (min-width:1025px){.grade-card-lg{margin-top:15px}.career-bottom-container-1{height:40px}.large-component-top-container{font-size:22px;margin:0}.large-component{height:550px}.component-attribute,.component-attribute-lg{height:50px;width:50px}.component-tokens-md{height:25px;width:25px}.grade-container{height:55px;-webkit-perspective:1000px;perspective:1000px;position:relative;z-index:2}.my-component{height:300px;width:100%}.college-medium-name{font-size:18px;height:40px;padding:4px}}.my-component-header{-webkit-animation:breathing 3s infinite;animation:breathing 3s infinite;background-color:#22577a;border:2px solid #38a3a5;border-radius:3px;box-shadow:0 4px 6px #38a3a5;flex-direction:column;justify-content:center;margin-bottom:16px;z-index:2}.my-component-header-text{color:#fff;font-size:24px;font-weight:700;margin-bottom:5px;text-shadow:0 1px 2px #38a3a5}.my-component-list{text-align:center}.my-component-list-item{border-bottom:1px solid #333;padding:10px;text-align:center}.my-component-list-item-selected,.my-component-list-item:hover{background-color:#c7f9cc}.component-computer-header{align-items:center;-webkit-animation:breathing 3s infinite;animation:breathing 3s infinite;background-color:#22577a;border:2px solid #38a3a5;border-radius:3px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;outline:none;z-index:2}.my-component-header{align-items:center;border-bottom:1px solid #333;color:#333;display:flex;font-size:20px;padding:10px}.my-component-header-text{flex-grow:1}.my-component-header-filter{cursor:pointer}.my-component--list{list-style:none;margin:0;padding:0}.my-component-list-item{list-style-type:none;margin:5px;padding:5px;transition:background-color .2s ease-in-out;width:100%}.mycomponent-list-item:hover{background-color:#ddd;border-radius:3px;margin:5px;padding:5px}.component-computer-header{border-bottom:1px solid #333;color:#333;font-size:20px;padding:10px}.medium-component-actions{position:relative}.medium-component-container{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);justify-content:center;margin-top:10px}.componentMiddleHeader{align-items:center;-webkit-animation:breathing 3s infinite;animation:breathing 3s infinite;background-color:#22577a;border:2px solid #57cc99;border-radius:3px;display:flex;flex-direction:column;justify-content:center;padding:25px;z-index:2}.componentMiddleHeaderText{color:#fff;font-size:24px;font-weight:700}.large-component{-webkit-animation:rotate 4s infinite alternate;animation:rotate 4s infinite alternate;background-color:#f08080;background-color:#fff;border:2.5px solid #a4acbc;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1);margin-top:25px;overflow-y:auto;padding:20px;text-align:center;-webkit-transform:perspective(1000px) rotateX(20deg);transform:perspective(1000px) rotateX(20deg);width:100%}.large-component-actions{position:relative}.large-component:before{-webkit-animation:rotate-back 4s infinite alternate;animation:rotate-back 4s infinite alternate;background-color:#fff;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1);content:"";left:10px;position:absolute;top:-20px;-webkit-transform-origin:bottom;transform-origin:bottom}.tab-button-container{align-items:center;background-color:#edf2f4;border-radius:25px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;height:30px;justify-content:center;padding:12px 25px;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.tab-icon-wrapper{cursor:pointer;display:inline-flex}.slash{margin:0 10px}.like-button{cursor:pointer;display:inline-block;transition:-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out;transition:transform .2s ease-in-out,-webkit-transform .2s ease-in-out}.like-button.liked{-webkit-animation:jump .2s ease-in-out,rainbow 1.5s linear;animation:jump .2s ease-in-out,rainbow 1.5s linear}@-webkit-keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes jump{0%{-webkit-transform:translateY(0);transform:translateY(0)}50%{-webkit-transform:translateY(-10px);transform:translateY(-10px)}to{-webkit-transform:translateY(0);transform:translateY(0)}}@-webkit-keyframes rainbow{0%{fill:red}14%{fill:orange}28%{fill:#ff0}42%{fill:green}57%{fill:blue}71%{fill:indigo}85%{fill:violet}to{fill:red}}@keyframes rainbow{0%{fill:red}14%{fill:orange}28%{fill:#ff0}42%{fill:green}57%{fill:blue}71%{fill:indigo}85%{fill:violet}to{fill:red}}.college-icon-wrapper{background-color:#fff;border-radius:50%;box-shadow:0 4px 6px rgba(0,0,0,.1);display:inline-block;font-weight:800;justify-content:center;padding:12px 10px}.college-pre-token-tooltip{background-color:#1f2937;border-radius:4px;color:#fff;display:none;font-size:.775rem;left:50%;padding:4px 8px;position:absolute;text-align:center;top:-50px;-webkit-transform:translateX(-50%);transform:translateX(-50%);z-index:9999;z-index:5}.component-attribute-lg:hover .college-pre-token-tooltip,.grade-card:hover .college-pre-token-tooltip{display:block}.grade-card{position:relative}.college-icon-wrapper{align-items:center;display:flex;height:50px;position:relative;width:50px}.college-icon-wrapper:after{background-color:#fff;border-radius:50%;content:"";height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%;z-index:-1}.college-icon-wrapper:hover:after{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}body{background-size:20px 20px}.career-bottom-container-1{display:flex;flex-direction:column;justify-content:center;text-align:center}.small-career-container:hover .career-tooltip{display:block}.career-tooltip{background-color:#1f2937;border-radius:50%;border-radius:4px;color:#fff;display:none;font-size:8px;font-size:.875rem;font-weight:500;left:50%;padding:4px 8px;position:absolute;top:80%;-webkit-transform:translate(-50%,-4px);transform:translate(-50%,-4px);white-space:nowrap}.attribute-container{display:flex;position:relative}.attribute-container:hover .attribute-tooltip{display:block}.attribute-tooltip{background-color:#1f2937;border-radius:4px;bottom:100%;color:#fff;display:none;font-size:.875rem;left:300%;padding:4px 8px;position:absolute;-webkit-transform:translate(-50%,-4px);transform:translate(-50%,-4px);white-space:nowrap}.small-career-container{align-items:center;display:flex;justify-content:space-between;padding:10px}.search-career-container,.small-career-container{background-color:#f0f0f0;border-radius:10px;box-shadow:0 4px 6px rgba(0,0,0,.1);height:50px;position:relative;-webkit-transform:translateY(0);transform:translateY(0);transition:all .3s ease;width:100%}.small-career-container:hover{box-shadow:0 8px 12px rgba(0,0,0,.15);-webkit-transform:translateY(-5px);transform:translateY(-5px)}.icon-wrapper{align-items:center;box-shadow:0 4px 6px rgba(0,0,0,.1);display:inline-block;justify-content:center;padding:8px 10px;position:relative}.icon-wrapper,.icon-wrapper:after{background-color:#fff;border-radius:50%}.icon-wrapper:after{content:"";height:100%;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:-webkit-transform .3s ease;transition:transform .3s ease;transition:transform .3s ease,-webkit-transform .3s ease;width:100%;z-index:-1}.icon-wrapper:hover:after{-webkit-transform:translate(-50%,-50%) scale(1.2);transform:translate(-50%,-50%) scale(1.2)}.score-bar{align-items:center;display:flex;gap:8px;justify-content:center;margin-top:8px}.score-button{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;cursor:pointer;font-size:14px;height:32px;width:32px}.score-button:hover{background-color:#f0f0f0}.mycolleges{-webkit-animation:rotate 4s infinite alternate;animation:rotate 4s infinite alternate;border:2.5px solid #8d99ae;height:280px;-webkit-transform:perspective(1000px) rotateX(20deg);transform:perspective(1000px) rotateX(20deg);width:16vw}.mycolleges,.mycolleges:before{background-color:#fff;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.mycolleges:before{-webkit-animation:rotate-back 4s infinite alternate;animation:rotate-back 4s infinite alternate;content:"";left:10px;position:absolute;top:-20px;-webkit-transform-origin:bottom;transform-origin:bottom}.grade-card{-webkit-transform-style:preserve-3d;transform-style:preserve-3d;transition:-webkit-transform 1s;transition:transform 1s;transition:transform 1s,-webkit-transform 1s;z-index:1}.grade-card:hover{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.grade-back,.grade-front{align-items:center;-webkit-backface-visibility:hidden;backface-visibility:hidden;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;justify-content:center;text-align:center}.grade-back{-webkit-transform:rotateY(180deg);transform:rotateY(180deg)}.college-attribute{height:30px;width:30px}.college-attribute,.college-attribute-lg{align-items:center;-webkit-animation:rotateYShake 4s linear infinite;animation:rotateYShake 4s linear infinite;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;justify-content:center;-webkit-perspective:1000px;perspective:1000px;position:relative;text-align:center}.college-attribute-lg:before{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.6),transparent);border-radius:50%;content:"";height:100%;mix-blend-mode:overlay;position:absolute;width:100%}.college-tokens-md{align-items:center;-webkit-animation:rotateYShake 4s linear infinite;animation:rotateYShake 4s linear infinite;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;justify-content:center;margin:0 3px;-webkit-perspective:1000px;perspective:1000px;position:relative;text-align:center}.college-attribute:before,.college-tokens-md:before{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.6),transparent);border-radius:50%;content:"";height:100%;mix-blend-mode:overlay;position:absolute;width:100%}.course-pre-tokens-md{display:flex;gap:8px}.course-pre-token{align-items:center;-webkit-animation:rotateYShake 4s linear infinite;animation:rotateYShake 4s linear infinite;border-radius:50%;color:#fff;display:flex;font-size:1rem;font-weight:700;justify-content:center;padding:8px;-webkit-perspective:1000px;perspective:1000px;position:relative;text-align:center}.course-pre-token:before{background-image:radial-gradient(circle at 30% 30%,hsla(0,0%,100%,.6),transparent);border-radius:50%;content:"";height:100%;mix-blend-mode:overlay;position:absolute;width:100%}.course-pre-token-tooltip{background-color:#1f2937;border-radius:50%;border-radius:4px;bottom:100%;color:#fff;font-size:.875rem;left:50%;padding:4px 8px;position:absolute;-webkit-transform:translate(-50%,-4px);transform:translate(-50%,-4px)}@-webkit-keyframes rotateYShake{0%,to{-webkit-transform:rotateY(0deg) rotateX(0deg);transform:rotateY(0deg) rotateX(0deg)}20%{-webkit-transform:rotateY(15deg) rotateX(2deg);transform:rotateY(15deg) rotateX(2deg)}30%{-webkit-transform:rotateY(30deg) rotateX(5deg);transform:rotateY(30deg) rotateX(5deg)}40%{-webkit-transform:rotateY(0deg) rotateX(0deg);transform:rotateY(0deg) rotateX(0deg)}60%{-webkit-transform:rotateY(-20deg) rotateX(-2deg);transform:rotateY(-20deg) rotateX(-2deg)}70%{-webkit-transform:rotateY(-30deg) rotateX(-5deg);transform:rotateY(-30deg) rotateX(-5deg)}}@keyframes rotateYShake{0%,to{-webkit-transform:rotateY(0deg) rotateX(0deg);transform:rotateY(0deg) rotateX(0deg)}20%{-webkit-transform:rotateY(15deg) rotateX(2deg);transform:rotateY(15deg) rotateX(2deg)}30%{-webkit-transform:rotateY(30deg) rotateX(5deg);transform:rotateY(30deg) rotateX(5deg)}40%{-webkit-transform:rotateY(0deg) rotateX(0deg);transform:rotateY(0deg) rotateX(0deg)}60%{-webkit-transform:rotateY(-20deg) rotateX(-2deg);transform:rotateY(-20deg) rotateX(-2deg)}70%{-webkit-transform:rotateY(-30deg) rotateX(-5deg);transform:rotateY(-30deg) rotateX(-5deg)}}@-webkit-keyframes rotate{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}to{-webkit-transform:perspective(1000px) rotateX(10deg);transform:perspective(1000px) rotateX(10deg)}}@keyframes rotate{0%{-webkit-transform:perspective(1000px) rotateX(0deg);transform:perspective(1000px) rotateX(0deg)}to{-webkit-transform:perspective(1000px) rotateX(10deg);transform:perspective(1000px) rotateX(10deg)}}@-webkit-keyframes rotate-back{0%{-webkit-transform:translateY(0) rotateX(0deg);transform:translateY(0) rotateX(0deg)}to{-webkit-transform:translateY(20px) rotateX(-90deg);transform:translateY(20px) rotateX(-90deg)}}@keyframes rotate-back{0%{-webkit-transform:translateY(0) rotateX(0deg);transform:translateY(0) rotateX(0deg)}to{-webkit-transform:translateY(20px) rotateX(-90deg);transform:translateY(20px) rotateX(-90deg)}}.cash-container{border:1px solid #000;height:150px;position:relative;-webkit-transform:rotateX(60deg) rotate(45deg);transform:rotateX(60deg) rotate(45deg);-webkit-transform-style:preserve-3d;transform-style:preserve-3d;width:300px}.cash{background-color:green;box-shadow:0 0 1px 0 rgba(0,0,0,.5);height:18px;position:absolute;-webkit-transform-origin:bottom;transform-origin:bottom;width:18px}.mycolleges-header{-webkit-animation:breathing 3s infinite;animation:breathing 3s infinite;background-color:#2b2d42;border:1px solid rgba(0,0,0,.1);border-radius:3px;box-shadow:0 4px 6px rgba(0,0,0,.1);flex-direction:column;justify-content:center;z-index:2}.mycolleges-header-text{text-shadow:0 1px 2px rgba(0,0,0,.1)}.mycolleges-header-filter{align-items:center;background-color:#fff;border-radius:50%;display:flex;height:30px;justify-content:center;width:30px}.mycolleges-header-filter i{color:#333}.mycolleges-list-item{border-bottom:1px solid #333;padding:10px}.mycolleges-list-item-selected{background-color:#ddd}.collegecomputer-header{align-items:center;-webkit-animation:breathing 3s infinite;animation:breathing 3s infinite;background-color:#2b2d42;border:1px solid rgba(0,0,0,.1);border-radius:3px;box-shadow:0 4px 6px rgba(0,0,0,.1);display:flex;flex-direction:column;justify-content:center;z-index:2}.collegedata-main{background-color:#f000ff;height:100%;overflow-y:auto;width:70%}.collegedata-main-header{border-bottom:1px solid #333;color:#333;font-size:20px;padding:10px}.collegedata-main-placeholder{color:#333;font-size:20px;padding:10px;text-align:center}.heart-liked{fill:red}.delete-modal-content{align-items:center;display:flex;flex-direction:column;justify-content:center}.delete-modal-actions{display:flex;gap:1rem;margin-top:1rem}.cancel-icon,.check-icon{cursor:pointer}.check-icon:hover{fill:green}.cancel-icon:hover{fill:red}.mycolleges-header{align-items:center;border-bottom:1px solid #333;color:#333;display:flex;font-size:20px;padding:10px}.mycolleges-header-text{flex-grow:1}.mycolleges-header-filter{cursor:pointer}.mycolleges-list{list-style:none;margin:0;padding:0}.mycolleges-list-item{list-style-type:none;margin:5px;padding:5px;transition:background-color .2s ease-in-out}.info-icon{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.info-icon:hover{-webkit-transform:scale(1.1) translateY(-10%);transform:scale(1.1) translateY(-10%)}.trash-icon{transition:-webkit-transform .3s ease-in-out;transition:transform .3s ease-in-out;transition:transform .3s ease-in-out,-webkit-transform .3s ease-in-out}.heart-icon{transition:fill .3s ease-in-out}.heart-icon:hover{fill:red}.mycolleges-list-item:hover{background-color:#ddd;border-radius:3px;margin:5px;padding:5px}.icon-container{cursor:pointer;display:inline-block}.icon{transition:-webkit-filter .3s ease-in-out;transition:filter .3s ease-in-out;transition:filter .3s ease-in-out,-webkit-filter .3s ease-in-out}.icon-container:hover .icon{-webkit-filter:invert(100%);filter:invert(100%)}.smallcollege{border:1.2px solid #d3d3d3;border-radius:3px;display:flex;height:60px;margin:5px;position:relative;text-align:center}.smallcollege-name{font-size:13p;font-weight:500;max-height:20px;max-width:350px}.collegecomputer{height:100%;overflow-y:auto;width:30%}.collegecomputer-header{border-bottom:1px solid #333;color:#333;font-size:20px;padding:10px}.mediumcollege{height:330px;width:100%}.medium-college-actions{position:relative}.actions-container{left:-20%}.actions-container,.actions-container-lg{background-color:#fff;border:2px solid #2b2d42;border-bottom-left-radius:50% 15px;border-bottom-right-radius:50% 15px;border-top-left-radius:50% 15px;border-top-right-radius:50% 15px;display:flex;flex-direction:column;gap:10px;position:absolute;top:0;z-index:1}.actions-container-lg{left:0}.action-button{background:none;border:none;cursor:pointer;padding:0}.mediumColleges{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);justify-content:center;margin-top:10px}.mediumcourse-name{color:#333;font-size:13px;max-height:60px;max-width:340px;overflow-x:hidden}.mediumcollege-description{color:#333;font-size:16px;padding:10px}.mediumcollege-delete{cursor:pointer;position:absolute;right:10px;top:10px}.mediumCourses{grid-gap:10px;border:1px solid #000;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,calc(50% - 5px));height:65vh;margin-bottom:0;margin-top:10px;width:100%}.collegeMiddle{background-color:#fff;border:1px solid #000;margin:0 3%}.mycolleges-header-text{color:#fff;font-size:24px;font-weight:700}@-webkit-keyframes breathing{0%{box-shadow:0 4px 6px rgba(0,0,0,.1);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 6px 8px rgba(0,0,0,.2);-webkit-transform:scale(1.02);transform:scale(1.02)}to{box-shadow:0 4px 6px rgba(0,0,0,.1);-webkit-transform:scale(1);transform:scale(1)}}@keyframes breathing{0%{box-shadow:0 4px 6px rgba(0,0,0,.1);-webkit-transform:scale(1);transform:scale(1)}50%{box-shadow:0 6px 8px rgba(0,0,0,.2);-webkit-transform:scale(1.02);transform:scale(1.02)}to{box-shadow:0 4px 6px rgba(0,0,0,.1);-webkit-transform:scale(1);transform:scale(1)}}.courseMiddle{background-color:#fff;height:100px;margin-top:100px;width:45vw}.large-college{-webkit-animation:rotate 4s infinite alternate;animation:rotate 4s infinite alternate;background-color:#f08080;border:2.5px solid #363636;margin-top:10px;overflow-y:auto;padding:20px;text-align:center;-webkit-transform:perspective(1000px) rotateX(20deg);transform:perspective(1000px) rotateX(20deg);width:100%}.large-college,.large-college:before{background-color:#fff;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1)}.large-college:before{-webkit-animation:rotate-back 4s infinite alternate;animation:rotate-back 4s infinite alternate;content:"";left:10px;position:absolute;top:-20px;-webkit-transform-origin:bottom;transform-origin:bottom}.largecollege-name{border-bottom:1px solid #333;color:#333;font-size:20px;padding:10px}.largecollege-description,.largecollege-details{color:#333;font-size:16px;padding:10px}.centered-slide{display:flex;justify-content:center}.slide-container{grid-gap:24px;display:grid;grid-template-columns:repeat(2,1fr);grid-template-rows:repeat(2,1fr);width:80%}.root-login{justify-content:center;text-align:center}.login-container{align-items:center;display:flex;height:100vh;justify-content:center}.error-message{color:red;font-weight:700;margin-top:10px;text-align:center}.course-field-tag{color:#4a4a4a;font-size:36px;font-weight:600;margin-bottom:16px;text-align:center}.login-input-email{margin-top:50px}.login-input-email,.login-input-password{justify-content:space-between;margin-left:500px;padding:10px;width:30%}.auth-btn{background-color:#38a3a5;border-radius:5px;box-shadow:2px 2px 5px rgba(0,0,0,.3);margin:0 auto;padding:20px 40px;transition:all .2s ease-in-out;width:200px}.auth-btn:hover{background-color:#22577a;box-shadow:1px 1px 3px rgba(0,0,0,.3);-webkit-transform:translateY(2px);transform:translateY(2px)}label{align-items:center;cursor:pointer;display:flex;justify-content:center;margin:10px}input[type=radio]{display:none}input[type=radio]+span{background-color:#fff;border:1px solid #ccc;border-radius:50%;display:inline-block;height:30px;margin-right:10px;position:relative;transition:all .2s ease-in-out;width:30px}input[type=radio]:checked+span{background-color:#fff;box-shadow:0 0 5px 2px hsla(0,0%,100%,.5)}input[type=radio]:hover+span{box-shadow:0 0 5px 2px hsla(0,0%,100%,.5);-webkit-transform:translateY(-2px);transform:translateY(-2px)}label span:after{background-color:red;border-radius:50%;content:"";height:12px;left:50%;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%) scale(0);transform:translate(-50%,-50%) scale(0);transition:all .2s ease-in-out;width:12px}input[type=radio]:checked+span:after{-webkit-transform:translate(-50%,-50%) scale(1);transform:translate(-50%,-50%) scale(1)}label span:hover:after{background-color:red}label span:before{background-color:hsla(0,0%,100%,.5);border-radius:50%;content:"";height:20px;left:50%;opacity:0;position:absolute;top:50%;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%);transition:all .2s ease-in-out;width:20px}label:hover span:before{opacity:1}.auth-container{align-items:center;-webkit-animation:glow 2s ease-in-out infinite alternate;animation:glow 2s ease-in-out infinite alternate;background-color:#57cc99;border-radius:10px;box-shadow:0 0 20px hsla(0,0%,100%,.5);padding:25px;width:35vw;z-index:1}@-webkit-keyframes glow{0%{box-shadow:0 0 20px hsla(0,0%,100%,.5)}to{box-shadow:0 0 30px hsla(0,0%,100%,.8)}}@keyframes glow{0%{box-shadow:0 0 20px hsla(0,0%,100%,.5)}to{box-shadow:0 0 30px hsla(0,0%,100%,.8)}}.register-container{align-items:center;display:flex;height:100vh;justify-content:center;margin-top:30px}.auth-container{background-color:#fff;border-radius:5px;max-width:500px;padding:2rem;width:100%}.auth-title{margin-bottom:1.5rem;text-align:center}.auth-form,.form-group{display:flex;flex-direction:column}.form-group{margin-bottom:1rem}.form-group label{margin-bottom:.5rem}.form-group input,.form-group select{border:1px solid #ccc;border-radius:4px;padding:.5rem}.form-group input:focus,.form-group select:focus{border-color:#007bff;outline:none}.auth-btn{background-color:#57cc99;border:none;border-radius:4px;color:#fff;cursor:pointer;display:block;font-weight:700;margin:1rem auto 0;padding:.5rem 1rem;transition:background-color .2s ease}.auth-btn:disabled{background-color:#6c757d;cursor:not-allowed}@media screen and (min-width:641px) and (max-width:1424px){.register-container{margin-top:30px}}.logo-img{margin-left:75px;margin-top:50px}.quick-info{background-color:#d3d3d3;box-shadow:0 3px 10px rgba(0,0,0,.2);height:400px;margin-left:250px;margin-top:100px;width:250px}.quick-info>p{font-size:24px}.description{margin-top:25px}.main-container-Careers{display:flex}.quick-info-tasks{background-color:#d3d3d3;box-shadow:0 3px 10px rgba(0,0,0,.2);height:400px;margin-left:100px;margin-top:100px;width:450px}.quick-info-tasks>p{font-size:24px}.tasks-Careers{margin-top:25px}.skills-container-Careers{display:flex;height:650px;margin-top:20px}.knowledge-container{background-color:#d3d3d3;box-shadow:0 3px 10px rgba(0,0,0,.2);height:500px;margin-left:150px;margin-top:100px;width:300px}.knowledge-container>p{font-size:24px;font-weight:700}.abilities-container,.skills-container{background-color:#d3d3d3;box-shadow:0 3px 10px rgba(0,0,0,.2);height:500px;margin-left:150px;margin-top:100px;width:300px}.abilities-container>p,.skills-container>p{font-size:24px;font-weight:700}.abilities-spoiler,.knowledge-spoiler,.skills-spoiler{margin-top:50px}.tasks_skills{display:flex;flex-direction:row;margin-left:10px;margin-top:100px}.tasks>p,.tasks_skills>p{font-size:24px;font-weight:700}.tasks{padding-top:10px}.modal_btn{margin-top:25px}.tasks_skills_abils{margin-left:550px;margin-top:15px}.tasks_skills_abils>p{font-size:24px;font-weight:700}.chars{margin-top:200px}.chars>p{font-size:24px;font-weight:700}.tech_skills_careers{margin-left:900px;position:relative;top:-125px;width:570px}.tech_skills_careers>p{font-size:24px;font-weight:700}.tech_careers{margin-top:25px}.education_careers{margin-top:50px}.salary_charts_career{margin-top:175px}.industry_chart_career>p{font-size:24px;font-weight:700}.industries_career{display:flex;flex-direction:row;margin-top:100px}.outlook_careers{margin-left:400px}.outlook_careers>p{font-size:24px;font-weight:700}.explore_more{margin-top:125px}.explore_more>p{font-size:24px;font-weight:700}.similar-careers{grid-gap:20px;display:grid;gap:20px;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));padding:10px}@media screen and (min-width:768px){.similar-careers{grid-template-columns:repeat(5,1fr)}}.medium-career{flex-basis:20%;margin-bottom:20px}.Surveys_container__cRFNO{background-color:#fff;border-radius:8px;margin:10% auto 0;padding:30px 40px;text-align:center;width:50%}.Surveys_title__6FJiq{color:#333;font-size:32px;font-weight:700;margin-bottom:20px;margin-top:10px}.Surveys_subtitle__w8rkx{color:gray;font-size:16px;font-style:italic;margin-bottom:25px}.Surveys_form__hVfP\+{margin:0 auto;width:35vw}.Surveys_question__hcOYh{font-size:24px;margin-bottom:25px}.Surveys_label__LT4mo{display:flex;gap:10px;justify-content:center;margin-bottom:20px}.Surveys_button__xMMgK{background-color:#007bff;border:none;border-radius:5px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;outline:none;padding:10px 20px;transition:background-color .3s}.Surveys_button__xMMgK:hover{background-color:#0056b3}.Surveys_button__xMMgK:active{background-color:#004085}input[type=radio]{margin-left:5px;margin-right:5px}.Surveys_radioBtnContainer__QJq5v{align-items:center;display:flex;justify-content:center}.Surveys_radioBtn__sMixQ{height:0;margin-left:5px;margin-right:5px;opacity:0;position:absolute;width:0}.Surveys_radioBtnLabel__m\+YBO{background-color:#eee;border:2px solid #ccc;border-radius:50px;cursor:pointer;display:inline-block;font-weight:700;margin:5px;padding:12px 20px;position:relative}.Surveys_radioBtn__sMixQ:checked+.Surveys_radioBtnLabel__m\+YBO{background-color:#ccc;border-color:#007bff;color:#007bff}.Surveys_radioBtn__sMixQ:focus+.Surveys_radioBtnLabel__m\+YBO{outline:5px auto -webkit-focus-ring-color;outline-offset:-2px}.Surveys_finalSubmit__RjE8k{background-color:#007bff;border:none;border-radius:30px;box-shadow:0 10px 20px rgba(0,123,255,.3);color:#fff;cursor:pointer;display:block;font-size:24px;font-weight:700;height:60px;transition:all .3s ease-in-out;width:250px}.Surveys_finalSubmit__RjE8k:hover{background-color:#0056b3;box-shadow:0 15px 30px rgba(0,123,255,.4);-webkit-transform:translateY(-2px);transform:translateY(-2px)}.Surveys_finalSubmit__RjE8k:focus{outline:none}.Surveys_finalSubmit__RjE8k:active{background-color:#007bff;box-shadow:0 5px 10px rgba(0,123,255,.4);-webkit-transform:translateY(2px);transform:translateY(2px)}@-webkit-keyframes shine{0%,to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{-webkit-transform:translateX(100%);transform:translateX(100%)}}@keyframes shine{0%,to{-webkit-transform:translateX(-100%);transform:translateX(-100%)}50%{-webkit-transform:translateX(100%);transform:translateX(100%)}}shiny-text{overflow:hidden;position:relative}.shiny-text:after{-webkit-animation:shine 8s infinite;animation:shine 8s infinite;background:linear-gradient(90deg,hsla(0,0%,100%,0),hsla(0,0%,100%,.5) 50%,hsla(0,0%,100%,0));content:"";height:100%;left:0;position:absolute;top:0;-webkit-transform:translateX(-100%);transform:translateX(-100%);width:100%}body,html{box-sizing:border-box;font-family:Phudu,cursive;margin:0;padding:0}#survey-page,.survey-background{-webkit-animation:gradient-animation 5s linear infinite;animation:gradient-animation 5s linear infinite;background-image:linear-gradient(135deg,#22577a,#57cc99 50%,#80ed99);background-size:300% 300%;height:100vh;margin:0;overflow:hidden}@-webkit-keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}*{box-sizing:border-box;margin:0;padding:0}.btnGlow{-webkit-animation:gradient-animation 5s linear infinite;animation:gradient-animation 5s linear infinite;background-image:linear-gradient(135deg,#22577a,#57cc99 50%,#80ed99);background-size:300% 300%;border:none;border-radius:25px;color:#fff;cursor:pointer;display:inline-block;font-size:24px;font-weight:700;outline:none;overflow:hidden;padding:50px 72px;position:relative;text-align:center;text-decoration:none;transition:all .3s ease-in-out}.btnGlow:hover{box-shadow:0 0 10px #57cc99,0 0 20px #57cc99,0 0 30px #57cc99,0 0 40px #57cc99}.btnGlow:active{box-shadow:0 0 5px #57cc99,0 0 10px #57cc99,0 0 15px #57cc99,0 0 20px #57cc99;-webkit-transform:scale(.98);transform:scale(.98)}@keyframes gradient-animation{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.btn-glow.warp{-webkit-animation:warp-animation 5s forwards;animation:warp-animation 5s forwards;box-shadow:none}@-webkit-keyframes warp-animation{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@keyframes warp-animation{0%{-webkit-transform:scale(1);transform:scale(1)}50%{-webkit-transform:scale(1.2);transform:scale(1.2)}to{opacity:0;-webkit-transform:scale(0);transform:scale(0)}}@-webkit-keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes gradient{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}.navbar{align-items:center;background-color:#fff;border-bottom:3px solid rgba(0,0,0,.1);display:flex;font-weight:700;justify-content:space-between;left:0;padding:15px 30px;position:fixed;top:0;width:100%;z-index:150}.navbar a{color:#000;margin-left:15px;text-decoration:none;vertical-align:middle;z-index:150}.navbar .brand{color:#000;font-size:20px;margin:0 0 0 5px;z-index:150}.navbar a:hover{color:purple;transition:color .3s ease;z-index:150}.navbar .nav-links{align-items:center;display:flex;gap:16px;z-index:150}.navbar .nav-link{color:#4a5568;text-decoration:none;z-index:150}.navbar .user-dropdown{position:relative;z-index:150}.navbar .user-dropdown button{align-items:center;background:none;border:none;color:#4a5568;cursor:pointer;display:flex;gap:8px;z-index:150}.navbar .user-dropdown .dropdown-menu{background-color:#fff;box-shadow:0 1px 2px 0 rgba(0,0,0,.05);margin-top:8px;padding:8px 0;position:absolute;right:0;width:192px;z-index:150}.navbar .user-dropdown .dropdown-item{color:gray;display:block;padding:8px 16px;text-decoration:none;z-index:150}.navbar .user-dropdown .dropdown-item:hover{background-color:#f7fafc;z-index:150}.navbar .search-bar{align-items:center;display:flex;position:relative}.searchTypeSelect{margin-right:8px}.searchInput,.searchTypeSelect{background-color:#fff;border:1px solid #ccc;border-radius:4px;color:#333;font-size:14px;padding:6px 12px}.searchInput{width:200px}.search-results{border:1px solid #ccc;border-radius:4px;box-shadow:0 4px 6px rgba(0,0,0,.1);left:0;margin-top:8px;position:absolute;right:0;top:100%;z-index:999}.my-component-list{display:flex;flex-wrap:wrap;list-style:none;margin:0;padding:0}.my-component-list-item{padding:8px}*{font-family:DM Sans,Cambria,Cochin,Georgia,Times,Times New Roman,serif}#mobile-warning{display:none}@media screen and (max-width:768px){#mobile-warning{background-color:hsla(0,0%,100%,.9);display:block;font-size:24px;height:100%;left:0;padding-top:20%;position:fixed;text-align:center;top:0;width:100%;z-index:10000}}.animation-container{align-items:center;background-color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;width:100vw}.alpha-text{color:gray;font-size:18px;font-weight:700;text-align:center}.icon-animation{align-items:center;display:flex;justify-content:center;margin-bottom:20px}.text-animation{color:#333;font-size:24px;font-weight:700;margin-bottom:20px;text-align:center}.shake-animation{border-radius:50%;height:50px;position:absolute;right:50%;top:50%;width:50px}
/*# sourceMappingURL=main.4aac4574.css.map*/