@-webkit-keyframes fadeIn{from{opacity:0}to{opacity:1}}@keyframes fadeIn{from{opacity:0}to{opacity:1}}header{position:fixed;top:0;left:0;z-index:100;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;width:100%;height:68px;background:#fff;border-bottom:1px solid #b9771a}header .nav-user{position:absolute;right:15px;top:0;bottom:0;height:-webkit-fit-content;height:-moz-fit-content;height:fit-content;margin:auto}header .nav-user .btn-user-info{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:10px;cursor:pointer}header .nav-user .btn-user-info img{border-radius:50%}header .nav-user .btn-user-info span{display:none;font-family:Inconsolata;font-weight:500}header .nav-user .user-account{position:absolute;top:78px;right:0;width:-webkit-max-content;width:-moz-max-content;width:max-content;padding:18px 0 0 0;background:gray;border:1px solid #d9d9d9;background-color:#fff;opacity:0;pointer-events:none;-webkit-transition:.6s;transition:.6s}header .nav-user .user-account.active{top:48px;opacity:1;pointer-events:initial;right:-15px}header .nav-user .user-account .link-nav-user{position:relative;display:block;padding:8px 35px;font-family:Inconsolata;font-weight:500;color:#000;text-decoration:none;-webkit-transition:250ms;transition:250ms;letter-spacing:1px}header .nav-user .user-account .link-nav-user:before{content:"";position:absolute;top:0;left:15px;bottom:0;display:block;width:10px;height:1px;margin:auto;-webkit-transform:scaleX(0);transform:scaleX(0);-webkit-transform-origin:left;transform-origin:left;-webkit-transition:-webkit-transform .3s ease-out;transition:-webkit-transform .3s ease-out;transition:transform .3s ease-out;transition:transform .3s ease-out,-webkit-transform .3s ease-out;background:#000}header .nav-user .user-account .link-nav-user:hover:before{-webkit-transform:scaleX(1);transform:scaleX(1)}header .nav-user .user-account .link-nav-user.link-logout{margin-top:10px;padding:18px 35px;border-top:1px solid #d9d9d9}@media (min-width:1024px){header .nav-user{right:0;min-width:260px}header .nav-user .user-account.active{right:0}}@media (min-width:1120px){header .nav-user .btn-user-info span{display:block}}