.header{background:#fff;box-shadow:0 1px #eee;height:56px;left:0;position:relative;right:0;top:0;z-index:10}.header__content{z-index:1}.header__profile-name{color:#2a2a2a;font-size:1.2rem;margin-right:.65rem}.header__nav button{background:none;border:none;height:82%;padding:0;width:auto}.header__nav a{margin-right:-18px;padding:0 18px;position:relative}.header__nav a svg{fill:#2a2a2a;height:46%;position:relative}.header__nav a:before{background:#fafafa;border-radius:50%;box-shadow:0 0 3px #d6d6d6;content:"";height:50px;left:50%;margin-left:-25px;margin-top:-25px;opacity:0;position:absolute;top:50%;transition:opacity .2s,box-shadow .2s;width:50px;z-index:0}.header__nav a:hover:before{content:"";opacity:1}.header__nav a:active:before{box-shadow:0 0 2px #ececec;transition:none}.header__nav a:active svg{fill:#505050}.header a{align-items:center;color:#fff;display:inline-flex;font-weight:700;height:56px;text-decoration:none}.header img,.header svg{height:46%}.header--overlay{background:none;background:linear-gradient(125deg,#df2360,#ff2461);position:absolute}.header--overlay:before{content:"";height:100%;opacity:.92;position:absolute;width:100%}@media (min-width:580px){.header,.header a{height:58px}}@media (min-width:1020px){.header,.header a{height:60px}}