@import"https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";@import"https://fonts.googleapis.com/css2?family=Nunito:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&family=Poppins:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500;1,600;1,700&display=swap";.App{width:100%;height:100vh;background:hsla(0,0%,95%,1)}.top-menu{flex-direction:row;justify-content:space-evenly;align-items:center;height:60px;background-color:#fff;box-shadow:0 2px 4px #0000001a;width:100%;display:grid}.top-menu-item{display:inline-block;align-items:center;justify-content:space-evenly;font-weight:500;color:#000;transition:all .3s ease-in-out;grid-row:1;font-size:x-large}.divider{width:2px;color:#96c8d8;grid-row:1}.MuiDivider-vertical{width:2px;background-color:#bb1010;height:100%}.profil-photo-menu{display:flex;align-items:center;justify-content:center;height:60px;background-color:#fff;box-shadow:0 2px 4px #0000001a;margin-right:10px}.profil-info-menu{font-size:medium;font-weight:400}.profil-menu{display:flex;align-items:center}.profil-logout-menu{display:flex;position:absolute;right:1%;height:32px;background-color:#fff;box-shadow:0 2px 4px #0000001a;margin-right:10px;cursor:pointer}.google-login{padding:15px;position:absolute;display:flex;top:50%;left:50%;transform:translate(-50%,-50%);flex-direction:column;align-items:center}.welcome-message{padding-bottom:5%;color:#de3939;font-family:Raleway,sans-serif;font-size:80px;font-weight:800;text-align:center;text-transform:uppercase}.session-expired-message{color:#de3939;font-family:Raleway,sans-serif;font-size:8px;font-weight:800;margin-bottom:3%;text-align:center;text-transform:uppercase}.Logo-zenika{width:20%}.career-path-view--container{--padding-bottom: 20px;margin:auto;padding-bottom:var(--padding-bottom, 20px);max-width:1440px;height:calc(100% - var(--padding-bottom, 20px));display:flex;flex-direction:column;background:white;border:1px solid var(--faded-grey, #e8e8e8)}.career-path-view--container .career-path--content{display:flex;flex-direction:column;flex:1 0 0}.career-path-view--container .career-path--content .separator{height:1px;border:none;background:var(--faded-grey, #e8e8e8);margin:10px}.header--container{display:flex;justify-content:space-between;align-items:center;padding:10px 20px;border-bottom:1px solid var(--faded-grey, #e8e8e8);background:radial-gradient(2919.84% 360% at -21.03% 290.16%,#df2147 0%,rgba(241,158,175,.44) 24.81%,rgba(255,255,255,0) 100%),#fff}.profile-details--container{display:flex;padding:10px;gap:10px;align-items:center;flex:.5 0 0}.profile-details--container .profile-details--content{display:flex;padding:10px;flex-direction:column;align-items:flex-start;gap:5px}.profile-details--container .profile-details--content .profile-details--username{color:var(--primary-grey, #333);font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin:0}.profile-details--container .profile-details--content .user-details{display:flex;flex-direction:column;align-items:flex-start;font-size:12px;font-style:normal;font-weight:400;line-height:normal}.profile-details--container .profile-details--content .user-details .user-details--user-roles{color:var(--primary-red, #ee2238)}.profile-details--container .profile-details--content .user-details .user-details--user-xp{color:var(--secondary-grey, #7d7b7b)}.profile-picture--container{display:flex;width:80px;height:80px;justify-content:center;align-items:center;border-radius:100px;border:1px solid var(--faded-grey, #e8e8e8);background:#f2f2f2}.objectives-details--container{display:flex;padding:10px;flex-direction:column;align-items:flex-start;gap:5px}.objectives-details--container .objectives-details--title{color:var(--primary-grey, #333);font-size:14px;font-style:normal;font-weight:500;line-height:normal;margin:0}.objectives-details--container .objectives-details--content{display:flex;flex-direction:column;align-items:flex-start;font-size:12px;font-style:normal;font-weight:400;line-height:normal;color:var(--secondary-grey, #7d7b7b)}.objectives-details--container .objectives-details--content .domain{font-weight:500;color:var(--primary-red, #ee2238)}.objectives-details--container .objectives-details--content .posture{font-weight:500;color:var(--primary-blue, #4ba9e7)}.career-path-update-details--container{display:flex;padding:10px;flex-direction:column;justify-content:center;align-items:flex-end;gap:5px;color:var(--secondary-grey, #7d7b7b);font-size:12px;font-weight:400}.career-path-update-details--container .comments{font-style:italic;text-decoration-line:underline}.posture-card--container{display:flex;flex:1 0 0;box-shadow:0 4px 4px #00000040;border-radius:10px;color:#fff}.posture-card--container.leadership{background:linear-gradient(211deg,#bf1d67 -4.84%,#ee2238 110.03%)}.posture-card--container.architecture{background:linear-gradient(211deg,#eb8581 -4.84%,#f4c042 110.03%)}.posture-card--container.business{background:linear-gradient(211deg,#7c86e9 -4.84%,#a188ef 110.03%)}.posture-card--container.delivery{background:linear-gradient(211deg,#4f8df5 -4.84%,#4ca8e7 110.03%)}.posture-card--container.posture{background:linear-gradient(211deg,#00e3ec -4.84%,#00eb84 110.03%)}.posture-card--container .posture-card--content{display:flex;padding:10px;flex-direction:column;align-items:center;gap:10px;flex:1 0 0}.posture-card--container .posture-card--content .posture-card--header{display:flex;padding:0 10px;flex-direction:column;align-items:center;justify-content:center}.posture-card--container .posture-card--content .posture-card--header .posture-card--icon{padding:14px}.posture-card--container .posture-card--content .posture-card--header .posture-card--title{text-transform:capitalize;font-size:24px;font-weight:600}.posture-card--container .posture-card--content .posture-card--description{padding:10px;color:#fff;text-align:center;font-size:14px;font-weight:500}.postures-list--container{display:flex;padding:10px;gap:10px;flex:1 0 0;max-height:420px}.domains-list--container{display:flex;padding:10px;gap:10px;flex:1 0 0}.domains-list--container .domain-list--add-domain-button{display:flex;flex:1 0 0;justify-content:center;align-items:center;max-width:240px}.domain-card--container{display:flex;flex:1 0 0;max-width:400px;border-radius:10px;border:1px solid var(--primary-red, #ee2238);border-left:10px solid var(--primary-red, #ee2238);box-shadow:0 4px 4px #00000040;font-family:Nunito,sans-serif}.domain-card--container .domain-card--content{display:flex;flex:1 0 0;flex-direction:column}.domain-card--container .domain-card--content .domain-card--header{display:flex;padding:20px 32px;box-shadow:0 4px 4px #00000040}.domain-card--container .domain-card--content .domain-card--header .domain-card--title-div{display:flex;flex:1 0 0;gap:16px}.domain-card--container .domain-card--content .domain-card--header .domain-card--title-div .domain-card--title-details{display:flex;flex-direction:column}.domain-card--container .domain-card--content .domain-card--header .domain-card--title-div .domain-card--title-details .domain-card--title{color:var(--primary-grey, #333);text-transform:uppercase;font-size:20px;font-weight:700}.domain-card--container .domain-card--content .domain-card--header .domain-card--title-div .domain-card--title-details .domain-card--subtitle{color:var(--secondary-grey, #7d7b7b);font-size:16px;font-weight:700}.domain-card--container .domain-card--content .domain-card--header .domain-card--details{display:flex;align-items:flex-start;gap:24px;color:var(--primary-grey, #333)}.domain-card--container .domain-card--content .domain-card--header .domain-card--details .domain-card--current-level{display:flex;flex-direction:column;align-items:center;font-size:16px;font-weight:700}.domain-card--container .domain-card--content .domain-card--skills-list{display:flex;flex-direction:column;margin:16px 16px 16px 32px;padding:0}.domain-card--container .domain-card--content .domain-card--skills-list .domain-card--skill-row{display:flex;justify-content:space-between;align-items:center;padding:12px 0;border-bottom:1px solid var(--faded-grey, #e8e8e8);color:var(--primary-grey, #333)}.domain-card--container .domain-card--content .domain-card--skills-list .domain-card--skill-row .skill-row--name{font-size:20px;font-weight:700}.domain-card--container .domain-card--content .domain-card--skills-list .domain-card--skill-row .skill-row--level{font-size:14px;font-weight:400}.button{display:inline-flex;padding:1rem 3.5rem;justify-content:center;align-items:center;gap:1rem;border-radius:var(--default-border-radius);transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s;font-size:1.75rem;font-style:normal;line-height:normal}.button:hover{cursor:pointer}.button.primary{background-color:var(--primary-red);border:none;color:#fff;font-weight:600}.button.primary:hover{background-color:var(--active-red)}.button.secondary{border-radius:.625rem;border:2px solid var(--primary-red);background:hsla(0,0%,100%,1);color:var(--primary-red);font-weight:500}.button.secondary.rounded{padding:0;width:72px;height:72px;border-radius:100px}.button.secondary:hover{background-color:var(--primary-red);color:#fff}.button.tertiary{border:1px solid var(--secondary-grey);background:none;color:var(--primary-grey);font-weight:600}.button.disabled{border:1px solid var(--secondary-grey);background:var(--faded-grey);color:var(--secondary-grey);font-weight:600}.button.disabled:hover{cursor:not-allowed}:root{--primary-red: hsla(354, 86%, 53%, 1);--active-red: hsla(348, 80%, 42%, 1);--faded-red: hsla(348, 75%, 80%, 1);--primary-blue: hsla(204, 76%, 60%, 1);--faded-blue: hsla(208, 74%, 80%, 1);--primary-grey: hsla(0, 0%, 20%, 1);--secondary-grey: hsla(0, 1%, 49%, 1);--faded-grey: hsla(0, 0%, 91%, 1);--bg-grey: hsla(230, 15%, 94%, 1);--default-border-radius: .625rem;--red-gradient: linear-gradient(211deg, #bf1d67 -4.84%, #ee2238 110.03%);--yellow-gradient: linear-gradient(211deg, #eb8581 -4.84%, #f4c042 110.03%);--purple-gradient: linear-gradient(211deg, #7c86e9 -4.84%, #a188ef 110.03%);--blue-gradient: linear-gradient(211deg, #4f8df5 -4.84%, #4ca8e7 110.03%);--cyan-gradient: linear-gradient(211deg, #00e3ec -4.84%, #00eb84 110.03%)}body{margin:0;font-family:Poppins,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}