/* size m */

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

.control-m
{
  width: 14px;
  height: 14px;
}

.control-m:after
{
  bottom: 8px;
  left: 2px;

  width: 15px;
  height: 16px;

  background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2215%22%20height%3D%2216%22%20viewBox%3D%220%200%2015%2016%22%3E%3Cpath%20d%3D%22M13.512.453L5.475%2012.478%201.708%208.28.667%209.605l4.936%205.453%209.119-13.445z%22%2F%3E%3C%2Fsvg%3E) 0 0 no-repeat;
}

.native-m:checked + .control-m:after
{
  bottom: 3px;
}

/* size l */

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

.control-l
{
  width: 17px;
  height: 17px;
}

.control-l:after
{
  bottom: 10px;
  left: 3px;

  width: 16px;
  height: 17px;

  background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2216%22%20height%3D%2217%22%20viewBox%3D%220%200%2016%2017%22%3E%3Cpath%20d%3D%22M14.381.147l-8.79%2013.151-4.119-4.591-1.139%201.45%205.398%205.962%209.973-14.703z%22%2F%3E%3C%2Fsvg%3E) 0 0 no-repeat;
}

.native-l:checked + .control-l:after
{
  bottom: 3px;
}