.headroom{will-change:transform;transition:.3s}.headroom.headroom--not-top{background-color:color-mix(in srgb,var(--bgr-color) 80%,transparent);backdrop-filter:blur(5px)}.header{position:sticky;top:0;z-index:90}.header .container{width:100%;max-width:var(--content-width);margin:0 auto;display:flex;gap:16px;align-items:center;padding:16px}.burger{display:none}.burger-btn{width:40px;height:40px;padding:8px;background:#ffffff0d;border-radius:100%;border:none;outline:none;overflow:hidden}.burger__overlay{position:fixed;width:100vw;height:100vh;top:0;left:0;background:transparent;backdrop-filter:blur(0);transition:.3s;z-index:-1;pointer-events:none}.burger__overlay.active{background:#00000080;backdrop-filter:blur(5px);z-index:10;pointer-events:all}.header__nav{display:flex;flex-grow:1}.header__nav-buttons{display:none;width:100%;gap:16px;padding:16px}.header__menu{display:flex;flex:1;gap:8px;justify-content:center;list-style-type:none;margin:0;padding:0}.header__menu li{border:2px solid transparent;border-radius:var(--border-radius);transition:.3s}@media (hover:hover){.header__menu li:hover{border-color:var(--primary-text-color)}}.header__menu .current-menu-item{border-color:var(--primary-text-color)}.header__menu li a{display:inline-block;padding:16px;font-weight:700;transition:.3s}.header__buttons{display:flex;gap:16px}.btn{display:flex;gap:8px;align-items:center}@media screen and (max-width:1200px){.burger{display:flex}.header__nav{position:fixed;top:0;left:0;transform:translateX(-100%);width:300px;height:100vh;flex-flow:column;justify-content:flex-start;background:var(--bgr-color);transition:.3s;z-index:50}.header__nav.active{transform:translateX(0)}.header__nav-buttons{display:flex;flex-flow:column}.header__menu{flex-flow:column;flex:0}.header__menu li{border-radius:0;border-bottom:1px solid #ffffff0d}.header__buttons{flex:1;justify-content:flex-end}}@media screen and (max-width:576px){.header__buttons .btn--primary{display:none}}