.header-nav{display:flex;position:fixed;top:0;left:0;justify-content:center;z-index:11;transition:all .5s;border-bottom:1px solid transparent;background-color:transparent;padding:40px 0;width:100%;height:auto;&.no-opacity{opacity:0}}.header-nav.is-not-at-top{border-bottom:1px solid var(--light-gray);background:var(--white)}.account-actions-container{display:flex;gap:70px}.nav-list{display:flex;justify-content:space-between;align-items:end;transition:all .3s ease;width:92vw;list-style:none;li{transition:all .3s ease;&:hover{opacity:.6}&:last-child:hover{opacity:1;transition:all .3s ease}a{font-weight:500}}&.not-connected{align-items:center}}.li-logo{width:120px;height:30px}.nav-list-connected{justify-content:end;gap:40px}.nav-list-connected.white li{color:var(--white);& a{color:var(--white)}}.nav-list-connected li:first-child{margin-right:auto}.btn-nav,.create-p{cursor:pointer;border:none;background:none;font-weight:400;font-size:18px}.logo{position:absolute;top:40px;z-index:10000;width:120px}.logo-loader{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:1000;width:700px}.btn-create{position:relative;transition:background-position .6s ease;border:none;border-radius:25px;background:linear-gradient(90deg,rgb(34,34,34),rgb(110,110,110) 51%,rgb(34,34,34));background-position:0 100%;background-size:200% 100%;padding:12px 20px;color:var(--white);&:hover{background-position:100% 100%}}.btn-create.white{transition:all .3s ease;border:1px solid var(--white);background-image:none;color:var(--white);&:hover{background-color:var(--white);color:var(--primary-text-color)}}.account-icon{width:30px;img{width:30px}}.account-name{font-weight:700}.account-flex-container{display:flex;align-items:center;gap:10px}.btn-compte.white{color:var(--white)}