:host {
  display: inline-block; }

#frames,
.x-gif__frames {
  display: inline-block;
  position: relative; }
  #frames[data-frame="0"] .frame:nth-child(n + 2),
  .x-gif__frames[data-frame="0"] .frame:nth-child(n + 2) {
    opacity: 0; }
  #frames[data-frame="0"] .frame.disposal-restore:nth-child(1),
  .x-gif__frames[data-frame="0"] .frame.disposal-restore:nth-child(1) {
    opacity: 1; }
  #frames[data-frame="1"] .frame:nth-child(n + 3),
  .x-gif__frames[data-frame="1"] .frame:nth-child(n + 3) {
    opacity: 0; }
  #frames[data-frame="1"] .frame.disposal-restore:nth-child(2),
  .x-gif__frames[data-frame="1"] .frame.disposal-restore:nth-child(2) {
    opacity: 1; }
  #frames[data-frame="2"] .frame:nth-child(n + 4),
  .x-gif__frames[data-frame="2"] .frame:nth-child(n + 4) {
    opacity: 0; }
  #frames[data-frame="2"] .frame.disposal-restore:nth-child(3),
  .x-gif__frames[data-frame="2"] .frame.disposal-restore:nth-child(3) {
    opacity: 1; }
  #frames[data-frame="3"] .frame:nth-child(n + 5),
  .x-gif__frames[data-frame="3"] .frame:nth-child(n + 5) {
    opacity: 0; }
  #frames[data-frame="3"] .frame.disposal-restore:nth-child(4),
  .x-gif__frames[data-frame="3"] .frame.disposal-restore:nth-child(4) {
    opacity: 1; }
  #frames[data-frame="4"] .frame:nth-child(n + 6),
  .x-gif__frames[data-frame="4"] .frame:nth-child(n + 6) {
    opacity: 0; }
  #frames[data-frame="4"] .frame.disposal-restore:nth-child(5),
  .x-gif__frames[data-frame="4"] .frame.disposal-restore:nth-child(5) {
    opacity: 1; }
  #frames[data-frame="5"] .frame:nth-child(n + 7),
  .x-gif__frames[data-frame="5"] .frame:nth-child(n + 7) {
    opacity: 0; }
  #frames[data-frame="5"] .frame.disposal-restore:nth-child(6),
  .x-gif__frames[data-frame="5"] .frame.disposal-restore:nth-child(6) {
    opacity: 1; }
  #frames[data-frame="6"] .frame:nth-child(n + 8),
  .x-gif__frames[data-frame="6"] .frame:nth-child(n + 8) {
    opacity: 0; }
  #frames[data-frame="6"] .frame.disposal-restore:nth-child(7),
  .x-gif__frames[data-frame="6"] .frame.disposal-restore:nth-child(7) {
    opacity: 1; }
  #frames[data-frame="7"] .frame:nth-child(n + 9),
  .x-gif__frames[data-frame="7"] .frame:nth-child(n + 9) {
    opacity: 0; }
  #frames[data-frame="7"] .frame.disposal-restore:nth-child(8),
  .x-gif__frames[data-frame="7"] .frame.disposal-restore:nth-child(8) {
    opacity: 1; }
  #frames[data-frame="8"] .frame:nth-child(n + 10),
  .x-gif__frames[data-frame="8"] .frame:nth-child(n + 10) {
    opacity: 0; }
  #frames[data-frame="8"] .frame.disposal-restore:nth-child(9),
  .x-gif__frames[data-frame="8"] .frame.disposal-restore:nth-child(9) {
    opacity: 1; }
  #frames[data-frame="9"] .frame:nth-child(n + 11),
  .x-gif__frames[data-frame="9"] .frame:nth-child(n + 11) {
    opacity: 0; }
  #frames[data-frame="9"] .frame.disposal-restore:nth-child(10),
  .x-gif__frames[data-frame="9"] .frame.disposal-restore:nth-child(10) {
    opacity: 1; }
  #frames[data-frame="10"] .frame:nth-child(n + 12),
  .x-gif__frames[data-frame="10"] .frame:nth-child(n + 12) {
    opacity: 0; }
  #frames[data-frame="10"] .frame.disposal-restore:nth-child(11),
  .x-gif__frames[data-frame="10"] .frame.disposal-restore:nth-child(11) {
    opacity: 1; }
  #frames[data-frame="11"] .frame:nth-child(n + 13),
  .x-gif__frames[data-frame="11"] .frame:nth-child(n + 13) {
    opacity: 0; }
  #frames[data-frame="11"] .frame.disposal-restore:nth-child(12),
  .x-gif__frames[data-frame="11"] .frame.disposal-restore:nth-child(12) {
    opacity: 1; }
  #frames[data-frame="12"] .frame:nth-child(n + 14),
  .x-gif__frames[data-frame="12"] .frame:nth-child(n + 14) {
    opacity: 0; }
  #frames[data-frame="12"] .frame.disposal-restore:nth-child(13),
  .x-gif__frames[data-frame="12"] .frame.disposal-restore:nth-child(13) {
    opacity: 1; }
  #frames[data-frame="13"] .frame:nth-child(n + 15),
  .x-gif__frames[data-frame="13"] .frame:nth-child(n + 15) {
    opacity: 0; }
  #frames[data-frame="13"] .frame.disposal-restore:nth-child(14),
  .x-gif__frames[data-frame="13"] .frame.disposal-restore:nth-child(14) {
    opacity: 1; }
  #frames[data-frame="14"] .frame:nth-child(n + 16),
  .x-gif__frames[data-frame="14"] .frame:nth-child(n + 16) {
    opacity: 0; }
  #frames[data-frame="14"] .frame.disposal-restore:nth-child(15),
  .x-gif__frames[data-frame="14"] .frame.disposal-restore:nth-child(15) {
    opacity: 1; }
  #frames[data-frame="15"] .frame:nth-child(n + 17),
  .x-gif__frames[data-frame="15"] .frame:nth-child(n + 17) {
    opacity: 0; }
  #frames[data-frame="15"] .frame.disposal-restore:nth-child(16),
  .x-gif__frames[data-frame="15"] .frame.disposal-restore:nth-child(16) {
    opacity: 1; }
  #frames[data-frame="16"] .frame:nth-child(n + 18),
  .x-gif__frames[data-frame="16"] .frame:nth-child(n + 18) {
    opacity: 0; }
  #frames[data-frame="16"] .frame.disposal-restore:nth-child(17),
  .x-gif__frames[data-frame="16"] .frame.disposal-restore:nth-child(17) {
    opacity: 1; }
  #frames[data-frame="17"] .frame:nth-child(n + 19),
  .x-gif__frames[data-frame="17"] .frame:nth-child(n + 19) {
    opacity: 0; }
  #frames[data-frame="17"] .frame.disposal-restore:nth-child(18),
  .x-gif__frames[data-frame="17"] .frame.disposal-restore:nth-child(18) {
    opacity: 1; }
  #frames[data-frame="18"] .frame:nth-child(n + 20),
  .x-gif__frames[data-frame="18"] .frame:nth-child(n + 20) {
    opacity: 0; }
  #frames[data-frame="18"] .frame.disposal-restore:nth-child(19),
  .x-gif__frames[data-frame="18"] .frame.disposal-restore:nth-child(19) {
    opacity: 1; }
  #frames[data-frame="19"] .frame:nth-child(n + 21),
  .x-gif__frames[data-frame="19"] .frame:nth-child(n + 21) {
    opacity: 0; }
  #frames[data-frame="19"] .frame.disposal-restore:nth-child(20),
  .x-gif__frames[data-frame="19"] .frame.disposal-restore:nth-child(20) {
    opacity: 1; }
  #frames[data-frame="20"] .frame:nth-child(n + 22),
  .x-gif__frames[data-frame="20"] .frame:nth-child(n + 22) {
    opacity: 0; }
  #frames[data-frame="20"] .frame.disposal-restore:nth-child(21),
  .x-gif__frames[data-frame="20"] .frame.disposal-restore:nth-child(21) {
    opacity: 1; }
  #frames[data-frame="21"] .frame:nth-child(n + 23),
  .x-gif__frames[data-frame="21"] .frame:nth-child(n + 23) {
    opacity: 0; }
  #frames[data-frame="21"] .frame.disposal-restore:nth-child(22),
  .x-gif__frames[data-frame="21"] .frame.disposal-restore:nth-child(22) {
    opacity: 1; }
  #frames[data-frame="22"] .frame:nth-child(n + 24),
  .x-gif__frames[data-frame="22"] .frame:nth-child(n + 24) {
    opacity: 0; }
  #frames[data-frame="22"] .frame.disposal-restore:nth-child(23),
  .x-gif__frames[data-frame="22"] .frame.disposal-restore:nth-child(23) {
    opacity: 1; }
  #frames[data-frame="23"] .frame:nth-child(n + 25),
  .x-gif__frames[data-frame="23"] .frame:nth-child(n + 25) {
    opacity: 0; }
  #frames[data-frame="23"] .frame.disposal-restore:nth-child(24),
  .x-gif__frames[data-frame="23"] .frame.disposal-restore:nth-child(24) {
    opacity: 1; }
  #frames[data-frame="24"] .frame:nth-child(n + 26),
  .x-gif__frames[data-frame="24"] .frame:nth-child(n + 26) {
    opacity: 0; }
  #frames[data-frame="24"] .frame.disposal-restore:nth-child(25),
  .x-gif__frames[data-frame="24"] .frame.disposal-restore:nth-child(25) {
    opacity: 1; }
  #frames[data-frame="25"] .frame:nth-child(n + 27),
  .x-gif__frames[data-frame="25"] .frame:nth-child(n + 27) {
    opacity: 0; }
  #frames[data-frame="25"] .frame.disposal-restore:nth-child(26),
  .x-gif__frames[data-frame="25"] .frame.disposal-restore:nth-child(26) {
    opacity: 1; }
  #frames[data-frame="26"] .frame:nth-child(n + 28),
  .x-gif__frames[data-frame="26"] .frame:nth-child(n + 28) {
    opacity: 0; }
  #frames[data-frame="26"] .frame.disposal-restore:nth-child(27),
  .x-gif__frames[data-frame="26"] .frame.disposal-restore:nth-child(27) {
    opacity: 1; }
  #frames[data-frame="27"] .frame:nth-child(n + 29),
  .x-gif__frames[data-frame="27"] .frame:nth-child(n + 29) {
    opacity: 0; }
  #frames[data-frame="27"] .frame.disposal-restore:nth-child(28),
  .x-gif__frames[data-frame="27"] .frame.disposal-restore:nth-child(28) {
    opacity: 1; }
  #frames[data-frame="28"] .frame:nth-child(n + 30),
  .x-gif__frames[data-frame="28"] .frame:nth-child(n + 30) {
    opacity: 0; }
  #frames[data-frame="28"] .frame.disposal-restore:nth-child(29),
  .x-gif__frames[data-frame="28"] .frame.disposal-restore:nth-child(29) {
    opacity: 1; }
  #frames[data-frame="29"] .frame:nth-child(n + 31),
  .x-gif__frames[data-frame="29"] .frame:nth-child(n + 31) {
    opacity: 0; }
  #frames[data-frame="29"] .frame.disposal-restore:nth-child(30),
  .x-gif__frames[data-frame="29"] .frame.disposal-restore:nth-child(30) {
    opacity: 1; }
  #frames[data-frame="30"] .frame:nth-child(n + 32),
  .x-gif__frames[data-frame="30"] .frame:nth-child(n + 32) {
    opacity: 0; }
  #frames[data-frame="30"] .frame.disposal-restore:nth-child(31),
  .x-gif__frames[data-frame="30"] .frame.disposal-restore:nth-child(31) {
    opacity: 1; }
  #frames[data-frame="31"] .frame:nth-child(n + 33),
  .x-gif__frames[data-frame="31"] .frame:nth-child(n + 33) {
    opacity: 0; }
  #frames[data-frame="31"] .frame.disposal-restore:nth-child(32),
  .x-gif__frames[data-frame="31"] .frame.disposal-restore:nth-child(32) {
    opacity: 1; }
  #frames[data-frame="32"] .frame:nth-child(n + 34),
  .x-gif__frames[data-frame="32"] .frame:nth-child(n + 34) {
    opacity: 0; }
  #frames[data-frame="32"] .frame.disposal-restore:nth-child(33),
  .x-gif__frames[data-frame="32"] .frame.disposal-restore:nth-child(33) {
    opacity: 1; }
  #frames[data-frame="33"] .frame:nth-child(n + 35),
  .x-gif__frames[data-frame="33"] .frame:nth-child(n + 35) {
    opacity: 0; }
  #frames[data-frame="33"] .frame.disposal-restore:nth-child(34),
  .x-gif__frames[data-frame="33"] .frame.disposal-restore:nth-child(34) {
    opacity: 1; }
  #frames[data-frame="34"] .frame:nth-child(n + 36),
  .x-gif__frames[data-frame="34"] .frame:nth-child(n + 36) {
    opacity: 0; }
  #frames[data-frame="34"] .frame.disposal-restore:nth-child(35),
  .x-gif__frames[data-frame="34"] .frame.disposal-restore:nth-child(35) {
    opacity: 1; }
  #frames[data-frame="35"] .frame:nth-child(n + 37),
  .x-gif__frames[data-frame="35"] .frame:nth-child(n + 37) {
    opacity: 0; }
  #frames[data-frame="35"] .frame.disposal-restore:nth-child(36),
  .x-gif__frames[data-frame="35"] .frame.disposal-restore:nth-child(36) {
    opacity: 1; }
  #frames[data-frame="36"] .frame:nth-child(n + 38),
  .x-gif__frames[data-frame="36"] .frame:nth-child(n + 38) {
    opacity: 0; }
  #frames[data-frame="36"] .frame.disposal-restore:nth-child(37),
  .x-gif__frames[data-frame="36"] .frame.disposal-restore:nth-child(37) {
    opacity: 1; }
  #frames[data-frame="37"] .frame:nth-child(n + 39),
  .x-gif__frames[data-frame="37"] .frame:nth-child(n + 39) {
    opacity: 0; }
  #frames[data-frame="37"] .frame.disposal-restore:nth-child(38),
  .x-gif__frames[data-frame="37"] .frame.disposal-restore:nth-child(38) {
    opacity: 1; }
  #frames[data-frame="38"] .frame:nth-child(n + 40),
  .x-gif__frames[data-frame="38"] .frame:nth-child(n + 40) {
    opacity: 0; }
  #frames[data-frame="38"] .frame.disposal-restore:nth-child(39),
  .x-gif__frames[data-frame="38"] .frame.disposal-restore:nth-child(39) {
    opacity: 1; }
  #frames[data-frame="39"] .frame:nth-child(n + 41),
  .x-gif__frames[data-frame="39"] .frame:nth-child(n + 41) {
    opacity: 0; }
  #frames[data-frame="39"] .frame.disposal-restore:nth-child(40),
  .x-gif__frames[data-frame="39"] .frame.disposal-restore:nth-child(40) {
    opacity: 1; }
  #frames[data-frame="40"] .frame:nth-child(n + 42),
  .x-gif__frames[data-frame="40"] .frame:nth-child(n + 42) {
    opacity: 0; }
  #frames[data-frame="40"] .frame.disposal-restore:nth-child(41),
  .x-gif__frames[data-frame="40"] .frame.disposal-restore:nth-child(41) {
    opacity: 1; }
  #frames[data-frame="41"] .frame:nth-child(n + 43),
  .x-gif__frames[data-frame="41"] .frame:nth-child(n + 43) {
    opacity: 0; }
  #frames[data-frame="41"] .frame.disposal-restore:nth-child(42),
  .x-gif__frames[data-frame="41"] .frame.disposal-restore:nth-child(42) {
    opacity: 1; }
  #frames[data-frame="42"] .frame:nth-child(n + 44),
  .x-gif__frames[data-frame="42"] .frame:nth-child(n + 44) {
    opacity: 0; }
  #frames[data-frame="42"] .frame.disposal-restore:nth-child(43),
  .x-gif__frames[data-frame="42"] .frame.disposal-restore:nth-child(43) {
    opacity: 1; }
  #frames[data-frame="43"] .frame:nth-child(n + 45),
  .x-gif__frames[data-frame="43"] .frame:nth-child(n + 45) {
    opacity: 0; }
  #frames[data-frame="43"] .frame.disposal-restore:nth-child(44),
  .x-gif__frames[data-frame="43"] .frame.disposal-restore:nth-child(44) {
    opacity: 1; }
  #frames[data-frame="44"] .frame:nth-child(n + 46),
  .x-gif__frames[data-frame="44"] .frame:nth-child(n + 46) {
    opacity: 0; }
  #frames[data-frame="44"] .frame.disposal-restore:nth-child(45),
  .x-gif__frames[data-frame="44"] .frame.disposal-restore:nth-child(45) {
    opacity: 1; }
  #frames[data-frame="45"] .frame:nth-child(n + 47),
  .x-gif__frames[data-frame="45"] .frame:nth-child(n + 47) {
    opacity: 0; }
  #frames[data-frame="45"] .frame.disposal-restore:nth-child(46),
  .x-gif__frames[data-frame="45"] .frame.disposal-restore:nth-child(46) {
    opacity: 1; }
  #frames[data-frame="46"] .frame:nth-child(n + 48),
  .x-gif__frames[data-frame="46"] .frame:nth-child(n + 48) {
    opacity: 0; }
  #frames[data-frame="46"] .frame.disposal-restore:nth-child(47),
  .x-gif__frames[data-frame="46"] .frame.disposal-restore:nth-child(47) {
    opacity: 1; }
  #frames[data-frame="47"] .frame:nth-child(n + 49),
  .x-gif__frames[data-frame="47"] .frame:nth-child(n + 49) {
    opacity: 0; }
  #frames[data-frame="47"] .frame.disposal-restore:nth-child(48),
  .x-gif__frames[data-frame="47"] .frame.disposal-restore:nth-child(48) {
    opacity: 1; }
  #frames[data-frame="48"] .frame:nth-child(n + 50),
  .x-gif__frames[data-frame="48"] .frame:nth-child(n + 50) {
    opacity: 0; }
  #frames[data-frame="48"] .frame.disposal-restore:nth-child(49),
  .x-gif__frames[data-frame="48"] .frame.disposal-restore:nth-child(49) {
    opacity: 1; }
  #frames[data-frame="49"] .frame:nth-child(n + 51),
  .x-gif__frames[data-frame="49"] .frame:nth-child(n + 51) {
    opacity: 0; }
  #frames[data-frame="49"] .frame.disposal-restore:nth-child(50),
  .x-gif__frames[data-frame="49"] .frame.disposal-restore:nth-child(50) {
    opacity: 1; }
  #frames[data-frame="50"] .frame:nth-child(n + 52),
  .x-gif__frames[data-frame="50"] .frame:nth-child(n + 52) {
    opacity: 0; }
  #frames[data-frame="50"] .frame.disposal-restore:nth-child(51),
  .x-gif__frames[data-frame="50"] .frame.disposal-restore:nth-child(51) {
    opacity: 1; }
  #frames[data-frame="51"] .frame:nth-child(n + 53),
  .x-gif__frames[data-frame="51"] .frame:nth-child(n + 53) {
    opacity: 0; }
  #frames[data-frame="51"] .frame.disposal-restore:nth-child(52),
  .x-gif__frames[data-frame="51"] .frame.disposal-restore:nth-child(52) {
    opacity: 1; }
  #frames[data-frame="52"] .frame:nth-child(n + 54),
  .x-gif__frames[data-frame="52"] .frame:nth-child(n + 54) {
    opacity: 0; }
  #frames[data-frame="52"] .frame.disposal-restore:nth-child(53),
  .x-gif__frames[data-frame="52"] .frame.disposal-restore:nth-child(53) {
    opacity: 1; }
  #frames[data-frame="53"] .frame:nth-child(n + 55),
  .x-gif__frames[data-frame="53"] .frame:nth-child(n + 55) {
    opacity: 0; }
  #frames[data-frame="53"] .frame.disposal-restore:nth-child(54),
  .x-gif__frames[data-frame="53"] .frame.disposal-restore:nth-child(54) {
    opacity: 1; }
  #frames[data-frame="54"] .frame:nth-child(n + 56),
  .x-gif__frames[data-frame="54"] .frame:nth-child(n + 56) {
    opacity: 0; }
  #frames[data-frame="54"] .frame.disposal-restore:nth-child(55),
  .x-gif__frames[data-frame="54"] .frame.disposal-restore:nth-child(55) {
    opacity: 1; }
  #frames[data-frame="55"] .frame:nth-child(n + 57),
  .x-gif__frames[data-frame="55"] .frame:nth-child(n + 57) {
    opacity: 0; }
  #frames[data-frame="55"] .frame.disposal-restore:nth-child(56),
  .x-gif__frames[data-frame="55"] .frame.disposal-restore:nth-child(56) {
    opacity: 1; }
  #frames[data-frame="56"] .frame:nth-child(n + 58),
  .x-gif__frames[data-frame="56"] .frame:nth-child(n + 58) {
    opacity: 0; }
  #frames[data-frame="56"] .frame.disposal-restore:nth-child(57),
  .x-gif__frames[data-frame="56"] .frame.disposal-restore:nth-child(57) {
    opacity: 1; }
  #frames[data-frame="57"] .frame:nth-child(n + 59),
  .x-gif__frames[data-frame="57"] .frame:nth-child(n + 59) {
    opacity: 0; }
  #frames[data-frame="57"] .frame.disposal-restore:nth-child(58),
  .x-gif__frames[data-frame="57"] .frame.disposal-restore:nth-child(58) {
    opacity: 1; }
  #frames[data-frame="58"] .frame:nth-child(n + 60),
  .x-gif__frames[data-frame="58"] .frame:nth-child(n + 60) {
    opacity: 0; }
  #frames[data-frame="58"] .frame.disposal-restore:nth-child(59),
  .x-gif__frames[data-frame="58"] .frame.disposal-restore:nth-child(59) {
    opacity: 1; }
  #frames[data-frame="59"] .frame:nth-child(n + 61),
  .x-gif__frames[data-frame="59"] .frame:nth-child(n + 61) {
    opacity: 0; }
  #frames[data-frame="59"] .frame.disposal-restore:nth-child(60),
  .x-gif__frames[data-frame="59"] .frame.disposal-restore:nth-child(60) {
    opacity: 1; }
  #frames[data-frame="60"] .frame:nth-child(n + 62),
  .x-gif__frames[data-frame="60"] .frame:nth-child(n + 62) {
    opacity: 0; }
  #frames[data-frame="60"] .frame.disposal-restore:nth-child(61),
  .x-gif__frames[data-frame="60"] .frame.disposal-restore:nth-child(61) {
    opacity: 1; }
  #frames[data-frame="61"] .frame:nth-child(n + 63),
  .x-gif__frames[data-frame="61"] .frame:nth-child(n + 63) {
    opacity: 0; }
  #frames[data-frame="61"] .frame.disposal-restore:nth-child(62),
  .x-gif__frames[data-frame="61"] .frame.disposal-restore:nth-child(62) {
    opacity: 1; }
  #frames[data-frame="62"] .frame:nth-child(n + 64),
  .x-gif__frames[data-frame="62"] .frame:nth-child(n + 64) {
    opacity: 0; }
  #frames[data-frame="62"] .frame.disposal-restore:nth-child(63),
  .x-gif__frames[data-frame="62"] .frame.disposal-restore:nth-child(63) {
    opacity: 1; }
  #frames[data-frame="63"] .frame:nth-child(n + 65),
  .x-gif__frames[data-frame="63"] .frame:nth-child(n + 65) {
    opacity: 0; }
  #frames[data-frame="63"] .frame.disposal-restore:nth-child(64),
  .x-gif__frames[data-frame="63"] .frame.disposal-restore:nth-child(64) {
    opacity: 1; }
  #frames[data-frame="64"] .frame:nth-child(n + 66),
  .x-gif__frames[data-frame="64"] .frame:nth-child(n + 66) {
    opacity: 0; }
  #frames[data-frame="64"] .frame.disposal-restore:nth-child(65),
  .x-gif__frames[data-frame="64"] .frame.disposal-restore:nth-child(65) {
    opacity: 1; }
  #frames[data-frame="65"] .frame:nth-child(n + 67),
  .x-gif__frames[data-frame="65"] .frame:nth-child(n + 67) {
    opacity: 0; }
  #frames[data-frame="65"] .frame.disposal-restore:nth-child(66),
  .x-gif__frames[data-frame="65"] .frame.disposal-restore:nth-child(66) {
    opacity: 1; }
  #frames[data-frame="66"] .frame:nth-child(n + 68),
  .x-gif__frames[data-frame="66"] .frame:nth-child(n + 68) {
    opacity: 0; }
  #frames[data-frame="66"] .frame.disposal-restore:nth-child(67),
  .x-gif__frames[data-frame="66"] .frame.disposal-restore:nth-child(67) {
    opacity: 1; }
  #frames[data-frame="67"] .frame:nth-child(n + 69),
  .x-gif__frames[data-frame="67"] .frame:nth-child(n + 69) {
    opacity: 0; }
  #frames[data-frame="67"] .frame.disposal-restore:nth-child(68),
  .x-gif__frames[data-frame="67"] .frame.disposal-restore:nth-child(68) {
    opacity: 1; }
  #frames[data-frame="68"] .frame:nth-child(n + 70),
  .x-gif__frames[data-frame="68"] .frame:nth-child(n + 70) {
    opacity: 0; }
  #frames[data-frame="68"] .frame.disposal-restore:nth-child(69),
  .x-gif__frames[data-frame="68"] .frame.disposal-restore:nth-child(69) {
    opacity: 1; }
  #frames[data-frame="69"] .frame:nth-child(n + 71),
  .x-gif__frames[data-frame="69"] .frame:nth-child(n + 71) {
    opacity: 0; }
  #frames[data-frame="69"] .frame.disposal-restore:nth-child(70),
  .x-gif__frames[data-frame="69"] .frame.disposal-restore:nth-child(70) {
    opacity: 1; }
  #frames[data-frame="70"] .frame:nth-child(n + 72),
  .x-gif__frames[data-frame="70"] .frame:nth-child(n + 72) {
    opacity: 0; }
  #frames[data-frame="70"] .frame.disposal-restore:nth-child(71),
  .x-gif__frames[data-frame="70"] .frame.disposal-restore:nth-child(71) {
    opacity: 1; }
  #frames[data-frame="71"] .frame:nth-child(n + 73),
  .x-gif__frames[data-frame="71"] .frame:nth-child(n + 73) {
    opacity: 0; }
  #frames[data-frame="71"] .frame.disposal-restore:nth-child(72),
  .x-gif__frames[data-frame="71"] .frame.disposal-restore:nth-child(72) {
    opacity: 1; }
  #frames[data-frame="72"] .frame:nth-child(n + 74),
  .x-gif__frames[data-frame="72"] .frame:nth-child(n + 74) {
    opacity: 0; }
  #frames[data-frame="72"] .frame.disposal-restore:nth-child(73),
  .x-gif__frames[data-frame="72"] .frame.disposal-restore:nth-child(73) {
    opacity: 1; }
  #frames[data-frame="73"] .frame:nth-child(n + 75),
  .x-gif__frames[data-frame="73"] .frame:nth-child(n + 75) {
    opacity: 0; }
  #frames[data-frame="73"] .frame.disposal-restore:nth-child(74),
  .x-gif__frames[data-frame="73"] .frame.disposal-restore:nth-child(74) {
    opacity: 1; }
  #frames[data-frame="74"] .frame:nth-child(n + 76),
  .x-gif__frames[data-frame="74"] .frame:nth-child(n + 76) {
    opacity: 0; }
  #frames[data-frame="74"] .frame.disposal-restore:nth-child(75),
  .x-gif__frames[data-frame="74"] .frame.disposal-restore:nth-child(75) {
    opacity: 1; }
  #frames[data-frame="75"] .frame:nth-child(n + 77),
  .x-gif__frames[data-frame="75"] .frame:nth-child(n + 77) {
    opacity: 0; }
  #frames[data-frame="75"] .frame.disposal-restore:nth-child(76),
  .x-gif__frames[data-frame="75"] .frame.disposal-restore:nth-child(76) {
    opacity: 1; }
  #frames[data-frame="76"] .frame:nth-child(n + 78),
  .x-gif__frames[data-frame="76"] .frame:nth-child(n + 78) {
    opacity: 0; }
  #frames[data-frame="76"] .frame.disposal-restore:nth-child(77),
  .x-gif__frames[data-frame="76"] .frame.disposal-restore:nth-child(77) {
    opacity: 1; }
  #frames[data-frame="77"] .frame:nth-child(n + 79),
  .x-gif__frames[data-frame="77"] .frame:nth-child(n + 79) {
    opacity: 0; }
  #frames[data-frame="77"] .frame.disposal-restore:nth-child(78),
  .x-gif__frames[data-frame="77"] .frame.disposal-restore:nth-child(78) {
    opacity: 1; }
  #frames[data-frame="78"] .frame:nth-child(n + 80),
  .x-gif__frames[data-frame="78"] .frame:nth-child(n + 80) {
    opacity: 0; }
  #frames[data-frame="78"] .frame.disposal-restore:nth-child(79),
  .x-gif__frames[data-frame="78"] .frame.disposal-restore:nth-child(79) {
    opacity: 1; }
  #frames[data-frame="79"] .frame:nth-child(n + 81),
  .x-gif__frames[data-frame="79"] .frame:nth-child(n + 81) {
    opacity: 0; }
  #frames[data-frame="79"] .frame.disposal-restore:nth-child(80),
  .x-gif__frames[data-frame="79"] .frame.disposal-restore:nth-child(80) {
    opacity: 1; }
  #frames[data-frame="80"] .frame:nth-child(n + 82),
  .x-gif__frames[data-frame="80"] .frame:nth-child(n + 82) {
    opacity: 0; }
  #frames[data-frame="80"] .frame.disposal-restore:nth-child(81),
  .x-gif__frames[data-frame="80"] .frame.disposal-restore:nth-child(81) {
    opacity: 1; }
  #frames[data-frame="81"] .frame:nth-child(n + 83),
  .x-gif__frames[data-frame="81"] .frame:nth-child(n + 83) {
    opacity: 0; }
  #frames[data-frame="81"] .frame.disposal-restore:nth-child(82),
  .x-gif__frames[data-frame="81"] .frame.disposal-restore:nth-child(82) {
    opacity: 1; }
  #frames[data-frame="82"] .frame:nth-child(n + 84),
  .x-gif__frames[data-frame="82"] .frame:nth-child(n + 84) {
    opacity: 0; }
  #frames[data-frame="82"] .frame.disposal-restore:nth-child(83),
  .x-gif__frames[data-frame="82"] .frame.disposal-restore:nth-child(83) {
    opacity: 1; }
  #frames[data-frame="83"] .frame:nth-child(n + 85),
  .x-gif__frames[data-frame="83"] .frame:nth-child(n + 85) {
    opacity: 0; }
  #frames[data-frame="83"] .frame.disposal-restore:nth-child(84),
  .x-gif__frames[data-frame="83"] .frame.disposal-restore:nth-child(84) {
    opacity: 1; }
  #frames[data-frame="84"] .frame:nth-child(n + 86),
  .x-gif__frames[data-frame="84"] .frame:nth-child(n + 86) {
    opacity: 0; }
  #frames[data-frame="84"] .frame.disposal-restore:nth-child(85),
  .x-gif__frames[data-frame="84"] .frame.disposal-restore:nth-child(85) {
    opacity: 1; }
  #frames[data-frame="85"] .frame:nth-child(n + 87),
  .x-gif__frames[data-frame="85"] .frame:nth-child(n + 87) {
    opacity: 0; }
  #frames[data-frame="85"] .frame.disposal-restore:nth-child(86),
  .x-gif__frames[data-frame="85"] .frame.disposal-restore:nth-child(86) {
    opacity: 1; }
  #frames[data-frame="86"] .frame:nth-child(n + 88),
  .x-gif__frames[data-frame="86"] .frame:nth-child(n + 88) {
    opacity: 0; }
  #frames[data-frame="86"] .frame.disposal-restore:nth-child(87),
  .x-gif__frames[data-frame="86"] .frame.disposal-restore:nth-child(87) {
    opacity: 1; }
  #frames[data-frame="87"] .frame:nth-child(n + 89),
  .x-gif__frames[data-frame="87"] .frame:nth-child(n + 89) {
    opacity: 0; }
  #frames[data-frame="87"] .frame.disposal-restore:nth-child(88),
  .x-gif__frames[data-frame="87"] .frame.disposal-restore:nth-child(88) {
    opacity: 1; }
  #frames[data-frame="88"] .frame:nth-child(n + 90),
  .x-gif__frames[data-frame="88"] .frame:nth-child(n + 90) {
    opacity: 0; }
  #frames[data-frame="88"] .frame.disposal-restore:nth-child(89),
  .x-gif__frames[data-frame="88"] .frame.disposal-restore:nth-child(89) {
    opacity: 1; }
  #frames[data-frame="89"] .frame:nth-child(n + 91),
  .x-gif__frames[data-frame="89"] .frame:nth-child(n + 91) {
    opacity: 0; }
  #frames[data-frame="89"] .frame.disposal-restore:nth-child(90),
  .x-gif__frames[data-frame="89"] .frame.disposal-restore:nth-child(90) {
    opacity: 1; }
  #frames[data-frame="90"] .frame:nth-child(n + 92),
  .x-gif__frames[data-frame="90"] .frame:nth-child(n + 92) {
    opacity: 0; }
  #frames[data-frame="90"] .frame.disposal-restore:nth-child(91),
  .x-gif__frames[data-frame="90"] .frame.disposal-restore:nth-child(91) {
    opacity: 1; }
  #frames[data-frame="91"] .frame:nth-child(n + 93),
  .x-gif__frames[data-frame="91"] .frame:nth-child(n + 93) {
    opacity: 0; }
  #frames[data-frame="91"] .frame.disposal-restore:nth-child(92),
  .x-gif__frames[data-frame="91"] .frame.disposal-restore:nth-child(92) {
    opacity: 1; }
  #frames[data-frame="92"] .frame:nth-child(n + 94),
  .x-gif__frames[data-frame="92"] .frame:nth-child(n + 94) {
    opacity: 0; }
  #frames[data-frame="92"] .frame.disposal-restore:nth-child(93),
  .x-gif__frames[data-frame="92"] .frame.disposal-restore:nth-child(93) {
    opacity: 1; }
  #frames[data-frame="93"] .frame:nth-child(n + 95),
  .x-gif__frames[data-frame="93"] .frame:nth-child(n + 95) {
    opacity: 0; }
  #frames[data-frame="93"] .frame.disposal-restore:nth-child(94),
  .x-gif__frames[data-frame="93"] .frame.disposal-restore:nth-child(94) {
    opacity: 1; }
  #frames[data-frame="94"] .frame:nth-child(n + 96),
  .x-gif__frames[data-frame="94"] .frame:nth-child(n + 96) {
    opacity: 0; }
  #frames[data-frame="94"] .frame.disposal-restore:nth-child(95),
  .x-gif__frames[data-frame="94"] .frame.disposal-restore:nth-child(95) {
    opacity: 1; }
  #frames[data-frame="95"] .frame:nth-child(n + 97),
  .x-gif__frames[data-frame="95"] .frame:nth-child(n + 97) {
    opacity: 0; }
  #frames[data-frame="95"] .frame.disposal-restore:nth-child(96),
  .x-gif__frames[data-frame="95"] .frame.disposal-restore:nth-child(96) {
    opacity: 1; }
  #frames[data-frame="96"] .frame:nth-child(n + 98),
  .x-gif__frames[data-frame="96"] .frame:nth-child(n + 98) {
    opacity: 0; }
  #frames[data-frame="96"] .frame.disposal-restore:nth-child(97),
  .x-gif__frames[data-frame="96"] .frame.disposal-restore:nth-child(97) {
    opacity: 1; }
  #frames[data-frame="97"] .frame:nth-child(n + 99),
  .x-gif__frames[data-frame="97"] .frame:nth-child(n + 99) {
    opacity: 0; }
  #frames[data-frame="97"] .frame.disposal-restore:nth-child(98),
  .x-gif__frames[data-frame="97"] .frame.disposal-restore:nth-child(98) {
    opacity: 1; }
  #frames[data-frame="98"] .frame:nth-child(n + 100),
  .x-gif__frames[data-frame="98"] .frame:nth-child(n + 100) {
    opacity: 0; }
  #frames[data-frame="98"] .frame.disposal-restore:nth-child(99),
  .x-gif__frames[data-frame="98"] .frame.disposal-restore:nth-child(99) {
    opacity: 1; }
  #frames[data-frame="99"] .frame:nth-child(n + 101),
  .x-gif__frames[data-frame="99"] .frame:nth-child(n + 101) {
    opacity: 0; }
  #frames[data-frame="99"] .frame.disposal-restore:nth-child(100),
  .x-gif__frames[data-frame="99"] .frame.disposal-restore:nth-child(100) {
    opacity: 1; }

.frame {
  position: absolute;
  top: 0;
  left: 0;
  -webkit-transform: translateZ(0);
  -ms-transform: translateZ(0);
  transform: translateZ(0); }
  .frame:first-child {
    position: static; }
  .frame.disposal-restore {
    opacity: 0; }
  :host([exploded]) .frame {
    position: static;
    opacity: 1; }

:host([fill]) {
  width: 100%;
  height: 100%; }
  :host([fill]) .frames-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden; }
  :host([fill]) #frames,
  :host([fill]) .x-gif__frames {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }

x-gif[fill] {
  width: 100%;
  height: 100%; }
  x-gif[fill] .frames-wrapper {
    width: 100%;
    height: 100%;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
    -webkit-justify-content: center;
    -ms-flex-pack: center;
    justify-content: center;
    -webkit-box-align: center;
    -webkit-align-items: center;
    -ms-flex-align: center;
    align-items: center;
    overflow: hidden; }
  x-gif[fill] #frames,
  x-gif[fill] .x-gif__frames {
    -webkit-transform-origin: 50% 50%;
    -ms-transform-origin: 50% 50%;
    transform-origin: 50% 50%; }