.menu-component{position:fixed;top:0;right:100%;width:100%;height:100vh;display:flex;flex-direction:column;gap:32px;padding:16px 16px 40px 16px;margin-block:0;background-color:#333f48;z-index:160;overflow:auto;transition:right .5s ease}
@media(min-width:1024px){.menu-component{padding:56px}
}
.menu-component--show{right:0}
.menu-component *{color:#fff}
.menu-component .icon-rp{display:flex;justify-content:center;align-items:center;min-width:24px;width:24px;max-width:24px;min-height:24px;height:24px;max-height:24px;font-size:20px}
.menu-component .icon-rp::before{font-size:20px}
.menu-component .icon-rp img{width:100%;height:100%}
.menu-component .menu__header{display:flex;justify-content:space-between;text-transform:uppercase}
.menu-component .menu__header .icon-rp{cursor:pointer}
.menu-component .menu__list{display:flex;gap:16px}
.menu-component .menu__list--column{flex-direction:column}
.menu-component .menu__list__links{text-transform:uppercase}
.menu-component .menu__list__contact .menu__list__link{display:flex;align-items:center;gap:8px}
.menu-component .menu__list__contact .menu__list__link .icon-rp::before{color:#ffcd00}
@media(min-width:1024px){.menu-component .menu__list__contact{display:none}
}
.menu-component .menu__list__rrss{margin-top:8px}
@media(hover:hover){.menu-component .menu__list__rrss .menu__list__link:hover .icon-rp{background-color:#fff;color:#333f48}
}
.menu-component .menu__list__rrss .icon-rp{display:flex;justify-content:center;align-items:center;min-width:48px;width:48px;max-width:48px;min-height:48px;height:48px;max-height:48px;font-size:20px;border:1px solid #ebebeb;border-radius:50%;transition:background-color .5s ease-out,color .5s ease-out}
.menu-component .menu__list__rrss .icon-rp::before{font-size:20px}
.menu-component .menu__list__rrss .icon-rp img{width:100%;height:100%}