Марти Макфлай

Сейчас есть на npm - https://www.npmjs.com/package/rm-emoji-picker

Как я понял, никак. Изайте 4ый

Вот интересная тулза для создания разных форм с помощью border-radius - https://9elements.github.io/fancy-border-radius/fu...

Обращайтесь в команию, в которой делали. Видать тут как-то зашифрован текст.

Я бы в блок с кругом засунул див с тремя этими прозрачными прямоугольниками. Этому диву абсолют, родителю релайтив. Абсолютный блок центруешь и задаёшь ему флекс и жастифай контент спейс бетвин

upd:
типа того:
< div class="wrapper" >Круги
< div class="blocks" >
< div class="block">Прямоугльник< /div >
< div class="block">Прямоугльник< /div >
< div class="block">Прямоугльник< /div >
< /div >
< /div >
.wrapper{
position: relative;
}
.blocks{
position: absolute;
top: 0; left: auto; bottom: 0; right: 0;
display: flex;
justify-content: space-between;
}

Вот так:
a {
position: relative;
color: #00a650; /*задаём цвет ссылки*/
cursor: pointer;
line-height: 1; /*задаём высоту строки*/
text-decoration: none; /*убираем подчёркивание*/

}
a:after {
display: block;
position: absolute;
left: 0; /*изменить на right:0;, чтобы изменить направление подчёркивания */
width: 0;/*задаём длинну линии до наведения курсора*/
height: 2px; /*задаём ширину линии*/
background-color: #00a650; /*задаём цвет линии*/
content: "";
transition: width 0.3s ease-out; /*задаём время анимации*/
}

a:hover:after,
a:focus:after {
width: 100%; /*устанавливаем значение 100% чтобы ссылка подчёркивалась полностью*/
}

Потому, что loop надо true + overflow hidden для общего блока, чтобы допэлементы было не видно.
Хотя вообще странно, даже при false, он должен переключать на первый, только отлистывая назад..

Есть отличная статья на хабре про флексбоксы - Работа с Flexbox в гифках
На флексах можно любую сетку в несколько строчек сделать, ещё и адаптивно.