/* size s */

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

  width: 180px;
}

.search-s
{
  padding: 0 25px 0 11px;
}

.control-s
{
  composes: s from '../button/button-size.css';

  padding-right: 25px;
}

.arrow-s
{
  width: 26px;

  background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%229%22%20height%3D%225%22%3E%3Cpath%20d%3D%22M8.251%200L4.5%203.572.75%200%200%20.715l3.75%203.571L4.5%205%209%20.715z%22%2F%3E%3C%2Fsvg%3E) center center no-repeat;
}

.menu-s
{
  max-height: 200px;
  padding: 3px 0;
}

.menuItem-s
{
  padding: 0 10px 0 30px;
}

.emptyItem-s
{
  padding: 0 10px;
}

.isSelectedMenuItem-s
{
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2214%22%20viewBox%3D%220%200%2013%2014%22%3E%3Cpath%20d%3D%22M11.45.418L4.493%2010.825l-3.26-3.633L.332%208.34l4.272%204.719%207.893-11.637z%22%2F%3E%3C%2Fsvg%3E);
  background-position: 11px center;
  background-size: auto;
}

.isGroupLabelMenuItem-s
{
  padding-left: 13px;
}

/* size m */

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

  width: 183px;
}

.search-m
{
  padding: 0 29px 0 13px;
}

.control-m
{
  composes: m from '../button/button-size.css';

  padding-right: 30px;
}

.arrow-m
{
  width: 31px;

  background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%226%22%3E%3Cpath%20d%3D%22M10.08%200L5.5%204.36.91%200%200%20.86l5.5%205.25L11%20.86z%22%2F%3E%3C%2Fsvg%3E) center center no-repeat;
}

.menu-m
{
  max-height: 198px;
  padding: 4px 0;
}

.menuItem-m
{
  padding: 0 13px 0 30px;
}

.emptyItem-m
{
  padding: 0 13px;
}

.isSelectedMenuItem-m
{
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2213%22%20height%3D%2214%22%20viewBox%3D%220%200%2013%2014%22%3E%3Cpath%20d%3D%22M11.45.418L4.493%2010.825l-3.26-3.633L.332%208.34l4.272%204.719%207.893-11.637z%22%2F%3E%3C%2Fsvg%3E);
  background-position: 13px center;
  background-size: auto;
}

.isGroupLabelMenuItem-m
{
  padding-left: 14px;
}

/* size l */

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

  width: 210px;
}

.search-l
{
  padding: 0 25px 0 8px;
}

.control-l
{
  composes: l from '../button/button-size.css';

  padding-right: 34px;
}

.arrow-l
{
  width: 35px;

  background: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2211%22%20height%3D%226%22%3E%3Cpath%20d%3D%22M10.08%200L5.5%204.36.91%200%200%20.86l5.5%205.25L11%20.86z%22%2F%3E%3C%2Fsvg%3E) center center no-repeat;
}

.menu-l
{
  max-height: 236px;
  padding: 5px 0;
}

.menuItem-l
{
  padding: 0 15px 0 34px;
}

.emptyItem-l
{
  padding: 0 15px;
}

.isSelectedMenuItem-l
{
  background-image: 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%2215%22%20viewBox%3D%220%200%2014%2015%22%3E%3Cpath%20d%3D%22M12.035.373L4.504%2011.641.975%207.707l-.976%201.242%204.625%205.109L13.17%201.46z%22%2F%3E%3C%2Fsvg%3E);
  background-position: 16px center;
  background-size: auto;
}

.isGroupLabelMenuItem-l
{
  padding-left: 14px;
}