.pinned-menu{&__list{display:flex;list-style:none;overflow-x:auto;overflow-y:hidden;padding-left:0;margin-bottom:0;&::-webkit-scrollbar{display:none}
}
&__title,&__subtitle{text-transform:uppercase;line-height:116.667%}
&__subtitle{display:none;font-size:12px;margin-top:8px}
&__title{font-family:@font-primary-black;font-size:18px;color:@color-grey-50;transition:color .5s ease-in-out}
&__link{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;text-decoration:none;padding:24px;background-color:@color-white;width:100%;transition:background-color .5s ease-in-out;height:120px;&:hover{text-decoration:none;background-color:@color-main-50;.pinned-menu__title{color:@color-grey-700}
}
}
&__item{display:inline-flex;min-width:312px;&--highlight{.pinned-menu{&__link{background-color:@color-main-100;position:relative;&:before{font-family:'icomoon';content:"\e903";transform:rotate(180deg);position:absolute;bottom:0;left:calc(~'50% - 15px');color:@color-main-300;width:30px;height:30px;display:flex;align-items:center;justify-content:center}
}
&__title{color:@color-grey-700}
&__subtitle{display:block;color:@color-grey-500}
}
}
}
@media(min-width:992px){&__list{flex-wrap:wrap;justify-content:center}
&__item{min-width:unset;width:25%}
&__link{padding:40px 20px}
}
}