.viewer-header__glass-button,.viewer-header__white-button{align-items:center;border-radius:70px;display:flex;font-size:16px;font-weight:400;gap:8px;height:36px;justify-content:center;line-height:10px;padding:12px 16px;transition:.3s ease}.viewer-header__glass-button svg,.viewer-header__white-button svg{height:15px;width:15px}.viewer-header{background:var(--main);padding:12px 32px;position:sticky;top:0;width:100%;z-index:2}@media screen and (max-width:719px){.viewer-header{padding:20px 15px}}.viewer-header__content{align-items:center;display:flex;height:36px}@media screen and (max-width:719px){.viewer-header__content{height:40px}}.viewer-header__white-button{background:var(--white);border:1px solid var(--white);color:var(--main)}@media screen and (max-width:719px){.viewer-header__white-button{height:40px}}.viewer-header__white-button svg path{transition:.3s ease}.viewer-header__white-button:hover{background:var(--main);color:var(--white)}.viewer-header__white-button:hover svg path{fill:var(--white);stroke:var(--white)}.viewer-header__glass-button{background:#ffffff12;border:1px solid hsla(0,0%,100%,.25);color:var(--white)}.viewer-header__glass-button:hover{background:var(--main);color:var(--white)}.viewer-header__logo-link{line-height:0}.viewer-header__logo{height:20px;margin-right:20px}@media screen and (max-width:719px){.viewer-header__logo{height:20px;margin-right:0}}.viewer-header__nav{margin-left:auto}.viewer-header__nav ul{display:flex;gap:12px}.viewer-header__nav ul li{align-items:center;display:flex}@media screen and (max-width:719px){.viewer-header__share-button{height:40px;width:40px}.viewer-header__share-button svg{flex:0 0 auto;height:15px;width:15px}.viewer-header__create,.viewer-header__share-text{display:none}}