.menu-catalog{display:flex;flex-direction:column;height:calc(var(--viewport-height) - var(--header-height));left:0;overflow:visible;padding-top:16px;position:absolute;top:100%;width:100%;z-index:-2}.menu-catalog.is-open{z-index:-2}.menu-catalog__container{display:flex;flex:1 1 auto;flex-direction:column;height:100%;pointer-events:none;width:100%}.menu-catalog__container>*{pointer-events:all}.menu-catalog__inner{background-color:var(--grey-20);border-radius:24px;display:flex;max-height:770px;max-width:fit-content;min-height:0;padding:10px}.menu-catalog__aside{background-color:var(--white-100);border-radius:16px;color:var(--black-100);display:flex;flex-direction:column;flex-shrink:0;max-height:100%;overflow:hidden;padding:16px;position:relative;width:380px}.menu-catalog__aside.scroll:after{background:linear-gradient(0deg,#fff 10%,hsla(0,0%,100%,0));bottom:10px;content:"";height:60px;left:0;pointer-events:none;position:absolute;right:5px;transition:opacity .3s,visibility .3s;z-index:2}.menu-catalog__aside.scroll-end:after,.menu-catalog__aside.scroll.scroll-end:after{opacity:0;visibility:hidden}.menu-catalog__head{display:none}.menu-catalog__list{display:flex;flex:1 1 auto;flex-direction:column;gap:4px;max-height:100%;overflow:hidden auto}.menu-catalog__link{align-items:center;border-radius:6px;color:var(--black-40);display:flex;font-size:16px;font-weight:500;gap:8px;line-height:120%;min-height:46px;overflow:hidden;padding:8px;transition:background .3s,color .3s;word-break:break-word}.menu-catalog__link[data-submenu-link]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none' viewBox='0 0 8 12'%3E%3Cpath stroke='%23bbc4d7' stroke-width='2' d='m.707.707 5 5-5 5'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:8px 12px;content:"";flex-shrink:0;height:12px;margin-left:auto;transition:background .3s;width:12px}.menu-catalog__link.is-active{background-color:var(--grey-5);color:var(--blue-60)}.menu-catalog__link.is-active:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none' viewBox='0 0 8 12'%3E%3Cpath stroke='%23013c83' stroke-width='2' d='m.707.707 5 5-5 5'/%3E%3C/svg%3E")}.menu-catalog__link.is-active .menu-catalog__link-img img{filter:grayscale(0);opacity:1}.menu-catalog__link-img{align-items:center;display:flex;flex-shrink:0;height:30px;justify-content:center;width:30px}.menu-catalog__link-img img{filter:grayscale(1);max-height:100%;max-width:100%;mix-blend-mode:multiply;object-fit:cover;opacity:.5;transition:filter .3s,opacity .3s}.submenu{display:flex;flex:1 1 auto;flex-direction:column;max-height:100%;pointer-events:none}.submenu>*{pointer-events:all}.submenu.is-open{margin-left:10px}.submenu__body{background-color:var(--white-100);border-radius:16px;color:var(--black-100);display:none;flex:1 1 auto;flex-direction:column;gap:24px;max-height:100%;overflow:hidden;padding:16px;position:relative;width:450px}.submenu__body.is-open{display:flex}.submenu__body.scroll:after{background:linear-gradient(0deg,#fff 10%,hsla(0,0%,100%,0));bottom:10px;content:"";height:60px;left:0;pointer-events:none;position:absolute;right:5px;transition:opacity .3s,visibility .3s;z-index:2}.submenu__body.scroll-end:after,.submenu__body.scroll.scroll-end:after{opacity:0;visibility:hidden}.submenu__wrapper{display:flex;flex:1 1 auto;flex-direction:column;gap:16px;max-height:100%;overflow:hidden auto}.submenu__top{align-items:center;display:flex;gap:12px;justify-content:space-between;position:relative}.submenu__title{font-size:24px;font-weight:600;letter-spacing:-.02em;line-height:110%;word-break:break-word}.submenu__viewall{align-self:start}.submenu__back,.submenu__close{display:none}.submenu__list{display:flex;flex-direction:column;gap:4px}.submenu__link{align-items:center;border-radius:6px;color:var(--black-40);display:flex;font-size:16px;font-weight:500;gap:8px;line-height:120%;padding:12px 8px;transition:background .3s,color .3s;word-break:break-word}.submenu__link-img{align-items:center;display:flex;flex-shrink:0;height:64px;justify-content:center;width:64px}.submenu__link-img img{filter:grayscale(1);max-height:100%;max-width:100%;mix-blend-mode:multiply;object-fit:cover;opacity:.5;transition:filter .3s,opacity .3s}@media (width <= 61.99875em){.menu-catalog__aside{width:350px}.submenu__body{width:100%}}@media (width <= 47.99875em){.menu-catalog{background-color:var(--clr-white);height:var(--viewport-height);left:auto;opacity:1;padding:0;position:fixed;right:-100%;top:0;transition:right .3s;visibility:visible;z-index:10}.menu-catalog.is-open{right:0;z-index:50}.menu-catalog__container{padding:0}.menu-catalog__inner{background-color:transparent;border-radius:0;flex:1 1 auto;max-height:100%;max-width:100%;padding:0}.menu-catalog__aside{border-radius:0;gap:16px;height:100%;max-height:100%;width:100%}.menu-catalog__aside.scroll:after{display:none}.menu-catalog__head{align-items:center;background-color:var(--clr-white);display:flex;gap:10px;justify-content:space-between}.menu-catalog__title{color:var(--grey-70);font-size:28px;font-weight:700;line-height:110%;word-break:break-word}.menu-catalog__close{align-self:start;background-color:var(--grey-10);color:var(--grey-45);min-height:40px;min-width:40px;padding:8px}.menu-catalog__list{padding-top:16px}.menu-catalog__link{color:var(--black-100);min-height:54px}.menu-catalog__link[data-submenu-link]:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none' viewBox='0 0 8 12'%3E%3Cpath stroke='%23cbcdd7' stroke-width='2' d='m.707.707 5 5-5 5'/%3E%3C/svg%3E");height:12px}.menu-catalog__link-img img{filter:grayscale(0);opacity:1}.submenu{height:var(--viewport-height);left:auto;max-height:100%;opacity:1;position:fixed;right:-100%;top:0;transition:right .3s;visibility:visible;width:100%;z-index:10}.submenu.is-open{right:0;z-index:50}.submenu__body{border-radius:0;box-shadow:none;display:flex;flex:1 1 auto;gap:16px;height:100%;left:0;opacity:0;padding:16px;position:absolute;top:0;transition:opacity .3s,visibility .3s;transition-delay:.3s;visibility:hidden;width:100%}.submenu__body.is-open{opacity:1;transition-delay:0s;visibility:visible}.submenu__body.scroll:after{display:none}.submenu__top{gap:12px;justify-content:space-between}.submenu__viewall{display:none}.submenu__close{background-color:var(--grey-10);color:var(--grey-45);min-height:40px;min-width:40px}.submenu__back,.submenu__close{align-self:start;display:flex;padding:8px}.submenu__back{max-width:100%;min-height:46px;min-width:46px}.submenu__link{border-bottom:1px solid var(--grey-10);color:var(--black-100)}.submenu__link-img img{filter:grayscale(0);opacity:1}}@media (width <= 29.99875em){.menu-catalog__link{font-size:15px}}@media (width > 47.99875em){.menu-catalog__list{margin-inline:-16px;padding:1px 12px 1px 16px}.menu-catalog__list::-webkit-scrollbar{display:block;width:4px}.menu-catalog__list::-webkit-scrollbar-track{background:transparent;border:none;border-radius:16px 0 0 16px}.menu-catalog__list::-webkit-scrollbar-thumb{background-color:var(--blue-60);border:none;border-radius:16px 0 0 16px;cursor:grab}.menu-catalog__list::-webkit-scrollbar-thumb:active{cursor:grabbing}.submenu__wrapper{margin-inline:-16px;padding:1px 12px 1px 16px}.submenu__wrapper::-webkit-scrollbar{display:block;width:4px}.submenu__wrapper::-webkit-scrollbar-track{background:transparent;border:none;border-radius:16px 0 0 16px}.submenu__wrapper::-webkit-scrollbar-thumb{background-color:var(--blue-60);border:none;border-radius:16px 0 0 16px;cursor:grab}.submenu__wrapper::-webkit-scrollbar-thumb:active{cursor:grabbing}}@media (any-hover:hover){.menu-catalog__link:hover{background-color:var(--white-95);color:var(--black-100)}.menu-catalog__link:hover:after{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='12' fill='none' viewBox='0 0 8 12'%3E%3Cpath stroke='%23013c83' stroke-width='2' d='m.707.707 5 5-5 5'/%3E%3C/svg%3E")}.menu-catalog__link:hover .menu-catalog__link-img img{filter:grayscale(0);opacity:1}.submenu__link:hover{background-color:var(--white-95);color:var(--black-100)}.submenu__link:hover .submenu__link-img img{filter:grayscale(0);opacity:1}}