.viewer-header{background:var(--main);padding:8px 20px;position:sticky;top:0;width:100%;z-index:10}.viewer-header__content{align-items:center;display:flex;justify-content:space-between}@media(max-width:810px){.viewer-header__content{flex-direction:column}}.viewer-header__logo{height:32px;margin:6px 0}@media(max-width:810px){.viewer-header__logo{height:24px}}@media(max-width:500px){.viewer-header__logo{height:16px}}.viewer-header__nav ul{align-items:center;display:flex;gap:20px;list-style:none}@media(max-width:1100px){.viewer-header__nav ul{gap:15px}}@media(max-width:500px){.viewer-header__nav ul{gap:12px}}.viewer-header__nav ul .selected{color:var(--main-dark-hover);cursor:default}.viewer-header__nav ul li{color:var(--white);cursor:pointer}.viewer-header__nav ul li .link{font-size:20px}@media(max-width:810px){.viewer-header__nav ul li .link{font-size:15px}}@media(max-width:450px){.viewer-header__nav ul li .link{font-size:12px}}@media(max-width:980px){.viewer-header__create-button{display:none}}