.viewer-header{background:var(--main);padding:8px 20px;position:fixed;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 1vh}@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:clamp(17px,1.5vw,20px);list-style:none}.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:clamp(14px,1.5vw,20px)}@media (max-width:810px){.viewer-header__create-button{display:none}}