.Square{width:16px;height:16px;display:flex;justify-content:center;overflow:hidden}.Square__svg.--top-right{transform:rotate(45deg)}.Square__svg.--right{transform:rotate(90deg)}.Square__svg.--bottom-right{transform:rotate(135deg)}.Square__svg.--bottom{transform:rotate(180deg)}.Square__svg.--bottom-left{transform:rotate(225deg)}.Square__svg.--left{transform:rotate(270deg)}.Square__svg.--top-left{transform:rotate(315deg)}.Chevron{width:16px;height:16px;display:flex;justify-content:center;overflow:hidden}.Chevron__svg{transform:rotate(0);transition:transform .3s ease-in-out}.Chevron__svg.--right{transform:rotate(90deg)}.Chevron__svg.--bottom{transform:rotate(180deg)}.Chevron__svg.--left{transform:rotate(270deg)}.Chevron__svg path{transition:stroke .3s ease-in-out}