/* Icon Font: diceFont */
@font-face {
	font-family : 'DiceFont';
	font-style : normal;
	font-weight : normal;
	src : url('../../../fonts/iconFonts/diceFont.woff2');
} 

@font-face {
	font-family  : 'dicefont-percent';
	src          : url('../../../fonts/iconFonts/dicefont-D100.woff') format('woff');
	font-weight  : normal;
	font-style   : normal;
	font-display : block;
  }
  
.df {
	display                 : inline;
	font-family             : 'DiceFont';
	font-style              : normal;
	font-weight             : normal;
	font-variant            : normal;
	line-height             : 1;
	text-transform          : none;
	text-decoration         : inherit;
	text-rendering          : optimizeLegibility;
	
	/* Better Font Rendering =========== */
	-webkit-font-smoothing  : antialiased;
	-moz-osx-font-smoothing : grayscale;

	&.F::before { content : '\f190'; }
	&.F-minus::before { content : '\f191'; }
	&.F-plus::before { content : '\f192'; }
	&.F-zero::before { content : '\f193'; }
	&.d12::before { content : '\f195'; }
	&.d12-1::before { content : '\f10b'; }
	&.d12-10::before { content : '\f10c'; }
	&.d12-11::before { content : '\f10d'; }
	&.d12-12::before { content : '\f10e'; }
	&.d12-2::before { content : '\f10f'; }
	&.d12-3::before { content : '\f110'; }
	&.d12-4::before { content : '\f111'; }
	&.d12-5::before { content : '\f112'; }
	&.d12-6::before { content : '\f113'; }
	&.d12-7::before { content : '\f114'; }
	&.d12-8::before { content : '\f115'; }
	&.d12-9::before { content : '\f116'; }
	&.d2::before { content : '\f196'; }
	&.d2-1::before { content : '\f117'; }
	&.d2-2::before { content : '\f118'; }
	&.d20::before { content : '\f197'; }
	&.d20-1::before { content : '\f119'; }
	&.d20-10::before { content : '\f11a'; }
	&.d20-11::before { content : '\f11b'; }
	&.d20-12::before { content : '\f11c'; }
	&.d20-13::before { content : '\f11d'; }
	&.d20-14::before { content : '\f11e'; }
	&.d20-15::before { content : '\f11f'; }
	&.d20-16::before { content : '\f120'; }
	&.d20-17::before { content : '\f121'; }
	&.d20-18::before { content : '\f122'; }
	&.d20-19::before { content : '\f123'; }
	&.d20-2::before { content : '\f124'; }
	&.d20-20::before { content : '\f125'; }
	&.d20-3::before { content : '\f126'; }
	&.d20-4::before { content : '\f127'; }
	&.d20-5::before { content : '\f128'; }
	&.d20-6::before { content : '\f129'; }
	&.d20-7::before { content : '\f12a'; }
	&.d20-8::before { content : '\f12b'; }
	&.d20-9::before { content : '\f12c'; }
	&.d4::before { content : '\f198'; }
	&.d4-1::before { content : '\f12d'; }
	&.d4-2::before { content : '\f12e'; }
	&.d4-3::before { content : '\f12f'; }
	&.d4-4::before { content : '\f130'; }
	&.d6::before { content : '\f199'; }
	&.d6-1::before { content : '\f131'; }
	&.d6-2::before { content : '\f132'; }
	&.d6-3::before { content : '\f133'; }
	&.d6-4::before { content : '\f134'; }
	&.d6-5::before { content : '\f135'; }
	&.d6-6::before { content : '\f136'; }
	&.d8::before { content : '\f19a'; }
	&.d8-1::before { content : '\f137'; }
	&.d8-2::before { content : '\f138'; }
	&.d8-3::before { content : '\f139'; }
	&.d8-4::before { content : '\f13a'; }
	&.d8-5::before { content : '\f13b'; }
	&.d8-6::before { content : '\f13c'; }
	&.d8-7::before { content : '\f13d'; }
	&.d8-8::before { content : '\f13e'; }
	&.dot-d6::before { content : '\f19b'; }
	&.dot-d6-1::before { content : '\f13f'; }
	&.dot-d6-2::before { content : '\f140'; }
	&.dot-d6-3::before { content : '\f141'; }
	&.dot-d6-4::before { content : '\f142'; }
	&.dot-d6-5::before { content : '\f143'; }
	&.dot-d6-6::before { content : '\f18f'; }
	&.small-dot-d6-1::before { content : '\f183'; }
	&.small-dot-d6-2::before { content : '\f184'; }
	&.small-dot-d6-3::before { content : '\f185'; }
	&.small-dot-d6-4::before { content : '\f186'; }
	&.small-dot-d6-5::before { content : '\f187'; }
	&.small-dot-d6-6::before { content : '\f188'; }
	&.solid-small-dot-d6-1::before { content : '\f189'; }
	&.solid-small-dot-d6-2::before { content : '\f18a'; }
	&.solid-small-dot-d6-3::before { content : '\f18b'; }
	&.solid-small-dot-d6-4::before { content : '\f18c'; }
	&.solid-small-dot-d6-5::before { content : '\f18d'; }
	&.solid-small-dot-d6-6::before { content : '\f18e'; }

  // Replacement d10

  &.d10-0::before { 
    font-family : 'dicefont-percent';
    content     : '\e900';
  }
  
  &.d10-1::before { 
    font-family : 'dicefont-percent';
    content     : '\e901';
  }
  
  &.d10-2::before { 
    font-family : 'dicefont-percent';
    content     : '\e902';
  }
  
  &.d10-3::before { 
    font-family : 'dicefont-percent';
    content     : '\e903';
  }
  
  &.d10-4::before { 
    font-family : 'dicefont-percent';
    content     : '\e904';
  }
  
  &.d10-5::before { 
    font-family : 'dicefont-percent';
    content     : '\e905';
  }
  
  &.d10-6::before { 
    font-family : 'dicefont-percent';
    content     : '\e906';
  }
  
  &.d10-7::before { 
    font-family : 'dicefont-percent';
    content     : '\e907';
  }
  
  &.d10-8::before { 
    font-family : 'dicefont-percent';
    content     : '\e908';
  }
  
  &.d10-9::before { 
    font-family : 'dicefont-percent';
    content     : '\e909';
  }
  
  &.d10-10::before { 
    font-family : 'dicefont-percent';
    content     : '\e90a';
  }

  // d100

  &.dpercent-00::before { 
    font-family : 'dicefont-percent';
    content     : '\e90b';
  }
  
  &.dpercent-01::before { 
    font-family : 'dicefont-percent';
    content     : '\e90c';
  }
  
  &.dpercent-02::before { 
    font-family : 'dicefont-percent';
    content     : '\e90d';
  }
  
  &.dpercent-03::before { 
    font-family : 'dicefont-percent';
    content     : '\e90e';
  }
  
  &.dpercent-04::before { 
    font-family : 'dicefont-percent';
    content     : '\e90f';
  }
  
  &.dpercent-05::before { 
    font-family : 'dicefont-percent';
    content     : '\e910';
  }
  
  &.dpercent-06::before { 
    font-family : 'dicefont-percent';
    content     : '\e911';
  }
  
  &.dpercent-07::before { 
    font-family : 'dicefont-percent';
    content     : '\e912';
  }
  
  &.dpercent-08::before { 
    font-family : 'dicefont-percent';
    content     : '\e913';
  }
  
  &.dpercent-09::before { 
    font-family : 'dicefont-percent';
    content     : '\e914';
  }
  
  &.dpercent-10::before { 
    font-family : 'dicefont-percent';
    content     : '\e915';
  }
  
  &.dpercent-11::before { 
    font-family : 'dicefont-percent';
    content     : '\e916';
  }
  
  &.dpercent-12::before { 
    font-family : 'dicefont-percent';
    content     : '\e917';
  }
  
  &.dpercent-13::before { 
    font-family : 'dicefont-percent';
    content     : '\e918';
  }
  
  &.dpercent-14::before { 
    font-family : 'dicefont-percent';
    content     : '\e919';
  }
  
  &.dpercent-15::before { 
    font-family : 'dicefont-percent';
    content     : '\e91a';
  }
  
  &.dpercent-16::before { 
    font-family : 'dicefont-percent';
    content     : '\e91b';
  }
  
  &.dpercent-17::before { 
    font-family : 'dicefont-percent';
    content     : '\e91c';
  }
  
  &.dpercent-18::before { 
    font-family : 'dicefont-percent';
    content     : '\e91d';
  }
  
  &.dpercent-19::before { 
    font-family : 'dicefont-percent';
    content     : '\e91e';
  }
  
  &.dpercent-20::before { 
    font-family : 'dicefont-percent';
    content     : '\e91f';
  }
  
  &.dpercent-21::before { 
    font-family : 'dicefont-percent';
    content     : '\e920';
  }
  
  &.dpercent-22::before { 
    font-family : 'dicefont-percent';
    content     : '\e921';
  }
  
  &.dpercent-23::before { 
    font-family : 'dicefont-percent';
    content     : '\e922';
  }
  
  &.dpercent-24::before { 
    font-family : 'dicefont-percent';
    content     : '\e923';
  }
  
  &.dpercent-25::before { 
    font-family : 'dicefont-percent';
    content     : '\e924';
  }
  
  &.dpercent-26::before { 
    font-family : 'dicefont-percent';
    content     : '\e925';
  }
  
  &.dpercent-27::before { 
    font-family : 'dicefont-percent';
    content     : '\e926';
  }
  
  &.dpercent-28::before { 
    font-family : 'dicefont-percent';
    content     : '\e927';
  }
  
  &.dpercent-29::before { 
    font-family : 'dicefont-percent';
    content     : '\e928';
  }
  
  &.dpercent-30::before { 
    font-family : 'dicefont-percent';
    content     : '\e929';
  }
  
  &.dpercent-31::before { 
    font-family : 'dicefont-percent';
    content     : '\e92a';
  }
  
  &.dpercent-32::before { 
    font-family : 'dicefont-percent';
    content     : '\e92b';
  }
  
  &.dpercent-33::before { 
    font-family : 'dicefont-percent';
    content     : '\e92c';
  }
  
  &.dpercent-34::before { 
    font-family : 'dicefont-percent';
    content     : '\e92d';
  }
  
  &.dpercent-35::before { 
    font-family : 'dicefont-percent';
    content     : '\e92e';
  }
  
  &.dpercent-36::before { 
    font-family : 'dicefont-percent';
    content     : '\e92f';
  }
  
  &.dpercent-37::before { 
    font-family : 'dicefont-percent';
    content     : '\e930';
  }
  
  &.dpercent-38::before { 
    font-family : 'dicefont-percent';
    content     : '\e931';
  }
  
  &.dpercent-39::before { 
    font-family : 'dicefont-percent';
    content     : '\e932';
  }
  
  &.dpercent-40::before { 
    font-family : 'dicefont-percent';
    content     : '\e933';
  }
  
  &.dpercent-41::before { 
    font-family : 'dicefont-percent';
    content     : '\e934';
  }
  
  &.dpercent-42::before { 
    font-family : 'dicefont-percent';
    content     : '\e935';
  }
  
  &.dpercent-43::before { 
    font-family : 'dicefont-percent';
    content     : '\e936';
  }
  
  &.dpercent-44::before { 
    font-family : 'dicefont-percent';
    content     : '\e937';
  }
  
  &.dpercent-45::before { 
    font-family : 'dicefont-percent';
    content     : '\e938';
  }
  
  &.dpercent-46::before { 
    font-family : 'dicefont-percent';
    content     : '\e939';
  }
  
  &.dpercent-47::before { 
    font-family : 'dicefont-percent';
    content     : '\e93a';
  }
  
  &.dpercent-48::before { 
    font-family : 'dicefont-percent';
    content     : '\e93b';
  }
  
  &.dpercent-49::before { 
    font-family : 'dicefont-percent';
    content     : '\e93c';
  }
  
  &.dpercent-50::before { 
    font-family : 'dicefont-percent';
    content     : '\e93d';
  }
  
  &.dpercent-51::before { 
    font-family : 'dicefont-percent';
    content     : '\e93e';
  }
  
  &.dpercent-52::before { 
    font-family : 'dicefont-percent';
    content     : '\e93f';
  }
  
  &.dpercent-53::before { 
    font-family : 'dicefont-percent';
    content     : '\e940';
  }
  
  &.dpercent-54::before { 
    font-family : 'dicefont-percent';
    content     : '\e941';
  }
  
  &.dpercent-55::before { 
    font-family : 'dicefont-percent';
    content     : '\e942';
  }
  
  &.dpercent-56::before { 
    font-family : 'dicefont-percent';
    content     : '\e943';
  }
  
  &.dpercent-57::before { 
    font-family : 'dicefont-percent';
    content     : '\e944';
  }
  
  &.dpercent-58::before { 
    font-family : 'dicefont-percent';
    content     : '\e945';
  }
  
  &.dpercent-59::before { 
    font-family : 'dicefont-percent';
    content     : '\e946';
  }
  
  &.dpercent-60::before { 
    font-family : 'dicefont-percent';
    content     : '\e947';
  }
  
  &.dpercent-61::before { 
    font-family : 'dicefont-percent';
    content     : '\e948';
  }
  
  &.dpercent-62::before { 
    font-family : 'dicefont-percent';
    content     : '\e949';
  }
  
  &.dpercent-63::before { 
    font-family : 'dicefont-percent';
    content     : '\e94a';
  }
  
  &.dpercent-64::before { 
    font-family : 'dicefont-percent';
    content     : '\e94b';
  }
  
  &.dpercent-65::before { 
    font-family : 'dicefont-percent';
    content     : '\e94c';
  }
  
  &.dpercent-66::before { 
    font-family : 'dicefont-percent';
    content     : '\e94d';
  }
  
  &.dpercent-67::before { 
    font-family : 'dicefont-percent';
    content     : '\e94e';
  }
  
  &.dpercent-68::before { 
    font-family : 'dicefont-percent';
    content     : '\e94f';
  }
  
  &.dpercent-69::before { 
    font-family : 'dicefont-percent';
    content     : '\e950';
  }
  
  &.dpercent-70::before { 
    font-family : 'dicefont-percent';
    content     : '\e951';
  }
  
  &.dpercent-71::before { 
    font-family : 'dicefont-percent';
    content     : '\e952';
  }
  
  &.dpercent-72::before { 
    font-family : 'dicefont-percent';
    content     : '\e953';
  }
  
  &.dpercent-73::before { 
    font-family : 'dicefont-percent';
    content     : '\e954';
  }
  
  &.dpercent-74::before { 
    font-family : 'dicefont-percent';
    content     : '\e955';
  }
  
  &.dpercent-75::before { 
    font-family : 'dicefont-percent';
    content     : '\e956';
  }
  
  &.dpercent-76::before { 
    font-family : 'dicefont-percent';
    content     : '\e957';
  }
  
  &.dpercent-77::before { 
    font-family : 'dicefont-percent';
    content     : '\e958';
  }
  
  &.dpercent-78::before { 
    font-family : 'dicefont-percent';
    content     : '\e959';
  }
  
  &.dpercent-79::before { 
    font-family : 'dicefont-percent';
    content     : '\e95a';
  }
  
  &.dpercent-80::before { 
    font-family : 'dicefont-percent';
    content     : '\e95b';
  }
  
  &.dpercent-81::before { 
    font-family : 'dicefont-percent';
    content     : '\e95c';
  }
  
  &.dpercent-82::before { 
    font-family : 'dicefont-percent';
    content     : '\e95d';
  }
  
  &.dpercent-83::before { 
    font-family : 'dicefont-percent';
    content     : '\e95e';
  }
  
  &.dpercent-84::before { 
    font-family : 'dicefont-percent';
    content     : '\e95f';
  }
  
  &.dpercent-85::before { 
    font-family : 'dicefont-percent';
    content     : '\e960';
  }
  
  &.dpercent-86::before { 
    font-family : 'dicefont-percent';
    content     : '\e961';
  }
  
  &.dpercent-87::before { 
    font-family : 'dicefont-percent';
    content     : '\e962';
  }
  
  &.dpercent-88::before { 
    font-family : 'dicefont-percent';
    content     : '\e963';
  }
  
  &.dpercent-89::before { 
    font-family : 'dicefont-percent';
    content     : '\e964';
  }
  
  &.dpercent-90::before { 
    font-family : 'dicefont-percent';
    content     : '\e965';
  }
  
  &.dpercent-91::before { 
    font-family : 'dicefont-percent';
    content     : '\e966';
  }
  
  &.dpercent-92::before { 
    font-family : 'dicefont-percent';
    content     : '\e967';
  }
  
  &.dpercent-93::before { 
    font-family : 'dicefont-percent';
    content     : '\e968';
  }
  
  &.dpercent-94::before { 
    font-family : 'dicefont-percent';
    content     : '\e969';
  }
  
  &.dpercent-95::before { 
    font-family : 'dicefont-percent';
    content     : '\e96a';
  }
  
  &.dpercent-96::before { 
    font-family : 'dicefont-percent';
    content     : '\e96b';
  }
  
  &.dpercent-97::before { 
    font-family : 'dicefont-percent';
    content     : '\e96c';
  }
  
  &.dpercent-98::before { 
    font-family : 'dicefont-percent';
    content     : '\e96d';
  }
  
  &.dpercent-99::before { 
    font-family : 'dicefont-percent';
    content     : '\e96e';
  }
  
  &.dpercent-100::before { 
    font-family : 'dicefont-percent';
    content     : '\e96f';
  }
  
  
}