/* size s */

.wrapper-s
{
  font: 13px/24px arial,sans-serif;
}

.control-s
{
  height: 24px;
  padding: 0 6px;
}

.clear-s
{
  width: 22px;
  height: 22px;

  background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cpolygon%20points%3D%2210%2C0.7%209.3%2C0%205%2C4.3%200.7%2C0%200%2C0.7%204.3%2C5%200%2C9.3%200.7%2C10%205%2C5.7%209.3%2C10%2010%2C9.3%205.7%2C5%22%2F%3E%3C%2Fsvg%3E) center center no-repeat;
}

.clear-s + .control-s
{
  padding-right: 24px;
}

/* size m */

.wrapper-m
{
  font: 13px/28px arial,sans-serif;
}

.control-m
{
  height: 28px;
  padding: 0 7px;
}

.clear-m
{
  width: 26px;
  height: 26px;

  background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2210%22%20height%3D%2210%22%3E%3Cpolygon%20points%3D%2210%2C0.7%209.3%2C0%205%2C4.3%200.7%2C0%200%2C0.7%204.3%2C5%200%2C9.3%200.7%2C10%205%2C5.7%209.3%2C10%2010%2C9.3%205.7%2C5%22%2F%3E%3C%2Fsvg%3E) center center no-repeat;
}

.clear-m + .control-m
{
  padding-right: 28px;
}

/* size l */

.wrapper-l
{
  font: 15px/32px arial,sans-serif;
}

.control-l
{
  height: 32px;
  padding: 0 9px;
}

.clear-l
{
  width: 30px;
  height: 30px;

  background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cpolygon%20points%3D%2214%2C0.7%2013.3%2C0%207%2C6.3%200.7%2C0%200%2C0.7%206.3%2C7%200%2C13.3%200.7%2C14%207%2C7.7%2013.3%2C14%2014%2C13.3%207.7%2C7%22%2F%3E%3C%2Fsvg%3E) center center no-repeat;
}

.clear-l + .control-l
{
  padding-right: 32px;
}