.blog-header{align-items:center;background-color:hsla(0,0%,100%,.95);box-shadow:0 10px 20px #0000000a;box-sizing:border-box;display:flex;height:var(--blog-header-height);justify-content:space-between;left:0;padding:0 var(--container-size);position:fixed;right:0;top:var(--top-header-distance);transition:all .3s;z-index:60}.blog-header.hidden{display:none}@supports (backdrop-filter:blur(10px)){.blog-header.categories-opened .categories{backdrop-filter:blur(10px)}}.blog-header.categories-opened{background-color:hsla(0,0%,100%,.95)}.blog-header .open-categories{background-color:transparent;border:none;color:#393939;cursor:pointer;font-size:14px;padding:0;position:relative;text-align:left;width:104px}.blog-header .open-categories:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='5'%3E%3Cpath d='M9.517 0H.482a.435.435 0 0 0-.339.751l4.518 4.122a.516.516 0 0 0 .678 0L9.857.751A.435.435 0 0 0 9.517 0z' fill='%23393939'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:contain;content:"";display:inline-block;height:5px;margin-left:24px;position:absolute;top:35%;transition:transform .15s ease-in-out;width:10px}.blog-header.blog-header.categories-opened .open-categories:after{transform:rotate(180deg)}.blog-header .categories{background-color:hsla(0,0%,100%,.95);height:calc(100vh - var(--top-header-distance) - var(--blog-header-height));left:0;opacity:0;position:absolute;top:var(--blog-header-height);transform:translateX(-100%);transition:transform,opacity .15s linear;width:100vw}.blog-header.categories-opened .categories{opacity:1;transform:translateX(0)}.blog-header .scroll-menu-left,.blog-header .scroll-menu-right{display:none}.blog-header .close-categories{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12'%3E%3Cpath d='M11.143 6.857H6.857v4.286a.857.857 0 1 1-1.714 0V6.857H.857a.857.857 0 1 1 0-1.714h4.286V.857a.857.857 0 1 1 1.714 0v4.286h4.286a.857.857 0 1 1 0 1.714z' fill='%23484848'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:50%;border:0;border-radius:50%;box-shadow:0 0 10px #0000001a;box-sizing:border-box;height:24px;opacity:0;padding:4px;pointer-events:none;transform:rotate(45deg);transition:opacity .1s linear;width:24px}.blog-header.categories-opened .close-categories{cursor:pointer;opacity:1;pointer-events:auto}@media (min-width:768px){.blog-header{justify-content:normal}.blog-header .close-categories,.blog-header .open-categories{display:none}.blog-header .categories{background-color:transparent;height:var(--blog-header-height);opacity:1;pointer-events:all;position:static;transform:translateX(0);transition:opacity .2s linear;width:auto}.blog-header .scroll-menu-left,.blog-header .scroll-menu-right{background-color:transparent;border:solid #393939;border-width:0 2px 2px 0;box-sizing:border-box;content:"";opacity:0;padding:3px;pointer-events:none;transition:opacity .2s linear}.blog-header .scroll-menu-left{transform:rotate(135deg)}.blog-header .scroll-menu-right{transform:rotate(-45deg)}.blog-header .scroll-menu-left.active,.blog-header .scroll-menu-right.active{cursor:pointer;display:initial;opacity:1;pointer-events:all;position:absolute;z-index:1}.blog-header .scroll-menu-right.active{right:calc(var(--container-size) - 20px)}.blog-header .scroll-menu-left.active{left:calc(var(--container-size) - 20px)}}