.main-menu,.main-menu__overlay{top:0;right:0;bottom:0;left:0}.main-menu{position:fixed;width:100vw;height:100vh;pointer-events:none;z-index:200}@media screen and (max-width:991px){.main-menu{top:130px;height:calc(100vh - 130px)}}@media screen and (max-width:767px){.main-menu{height:calc(100vh - 245px)}}.main-menu.isOpen{pointer-events:auto}.main-menu.isOpen .main-menu__overlay{opacity:1;pointer-events:auto}.main-menu.isOpen .main-menu__inner{opacity:1;transform:translate(0)}.main-menu.isOpen .main-menu__content{display:block}.main-menu.isOpen .btn-close{opacity:1;pointer-events:auto}.main-menu__overlay{position:absolute;width:100%;height:100%;background:hsla(0,0%,76.9%,.11);-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);opacity:0;pointer-events:none;transition:opacity .2s ease;z-index:210}@supports not ((-webkit-backdrop-filter:none) or (backdrop-filter:none)){.main-menu__overlay{background:rgba(0,0,0,.5)}}.main-menu__inner{position:relative;width:450px;height:100%;transform:translate(-50%);transition:transform .3s ease-in-out,opacity .2s ease;will-change:transform,opacity;opacity:0;z-index:220}@media screen and (max-width:1259px){.main-menu__inner{width:360px}}.main-menu__aside{position:relative;width:100%;height:100%;background-color:#fff}.main-menu__nav{padding:30px 0;max-height:100vh;overflow-y:auto;scrollbar-color:var(--color-prime) #e4e4e4}.main-menu__nav::-webkit-scrollbar{width:8px;background-color:#e4e4e4;border-radius:8px}.main-menu__nav::-webkit-scrollbar-thumb{background-color:var(--color-prime);border-radius:8px}@media screen and (max-width:1259px){.main-menu__nav{padding:20px 0}}@media screen and (max-width:991px){.main-menu__nav{max-height:calc(100vh - 130px);padding:12px 0}}@media screen and (max-width:767px){.main-menu__nav{max-height:calc(100vh - 245px)}}.main-menu__nav-item{padding-left:20px;padding-right:65px}@media screen and (max-width:1259px){.main-menu__nav-item{padding-right:20px}}@media screen and (max-width:991px){.main-menu__nav-item{padding:0 12px}}.main-menu__nav-item:hover .main-menu__nav-link{background-color:var(--color-prime);color:#fff}.main-menu__nav-item:hover .main-menu__content{pointer-events:auto;visibility:visible;opacity:1}.main-menu__nav-link{display:block;padding:10px 15px;font-size:16px;border-radius:4px;transition:background-color .3s ease,opacity .3s ease}@media screen and (max-width:1259px){.main-menu__nav-link{font-size:14px}}@media screen and (max-width:991px){.main-menu__nav-link{padding:12px 15px;font-size:12px}}.main-menu__content{display:none;position:absolute;top:0;left:calc(100% - 18px);width:calc(100vw - 594px);max-width:850px;height:100vh;padding:30px 260px 30px 45px;background-color:#fff;border-left:1px solid #e1e1e1;pointer-events:none;visibility:hidden;opacity:0;transition-delay:.3s;transition:opacity .3s ease-in-out}@media screen and (max-width:1259px){.main-menu__content{width:calc(100vw - 450px);padding:20px 150px 20px 20px}}@media screen and (max-width:991px){.main-menu__content{display:none!important}}.main-menu__content-list{display:flex;flex-wrap:wrap;overflow-y:auto;max-height:calc(100vh - 60px);scrollbar-color:var(--color-prime) #e4e4e4}.main-menu__content-list::-webkit-scrollbar{width:8px;background-color:#e4e4e4;border-radius:8px}.main-menu__content-list::-webkit-scrollbar-thumb{background-color:var(--color-prime);border-radius:8px}@media screen and (max-width:1259px){.main-menu__content-list{max-height:calc(100vh - 40px)}}.main-menu__category{flex:0 0 50%;max-width:50%;margin-bottom:32px;padding-right:20px}.main-menu__category-pic{position:absolute;display:flex;align-items:flex-start;justify-content:flex-end;top:20px;right:0;width:260px;height:476px}@media screen and (max-width:1259px){.main-menu__category-pic{width:150px;height:275px}}.main-menu__category-link{display:inline-block;margin-bottom:23px;font-size:18px;font-weight:500;line-height:1;letter-spacing:0}@media screen and (max-width:1259px){.main-menu__category-link{font-size:16px}}.main-menu__category-link:hover{color:var(--color-prime)}.main-menu__subcategory-item:not(:last-child){margin-bottom:12px}@media screen and (max-width:1259px){.main-menu__subcategory-item:not(:last-child){margin-bottom:8px}}.main-menu__subcategory-link{color:#787878;line-height:1;font-size:16px}@media screen and (max-width:1259px){.main-menu__subcategory-link{font-size:14px}}.main-menu__subcategory-link:hover{color:var(--color-prime)}.main-menu .btn-close{position:absolute;top:48px;right:48px;width:48px;height:48px;border:none;box-shadow:none;background-color:transparent;transition:transform .3s ease-in-out,opacity .2s ease;opacity:0;pointer-events:none;z-index:250}@media screen and (max-width:1259px){.main-menu .btn-close{width:30px;height:30px;top:30px;right:30px}}@media screen and (max-width:991px){.main-menu .btn-close{display:none}}.main-menu .btn-close:hover{transform:rotate(180deg)}