div.plasticine-line{border:none;clear:both;height:500px;margin:0;padding:0;width:100%;
  ul.legend{margin:25px 0 0 0;position:absolute;
    li{color:#999;display:inline-block;font-size:1.4rem;margin:0 30px 0 0;line-height:1.4rem;vertical-align:middle;}
    li span {background:#ccc;border-radius:100px;display:inline-block;height:14px;margin:-3px 5px 0 0;width:14px;vertical-align:middle;}
  }


  svg{overflow:hidden;height:100%;width:100%;}

  path{fill:none;opacity:0;}

  g.axis{shape-rendering:crispEdges;
    g.tick {
      line{stroke:#efefef;}
      .minor line {stroke:#efefef;}
      text{text-transform:uppercase;fill:#999;font-size:1.4rem;font-weight:500;}
    }

    &.x g.tick{
      line{opacity:0;}
      text{
        transform: translate(0px,10px);
        -ms-transform: translate(0px,10px);
        -webkit-transform: translate(0px,10px);
        -moz-transform: translate(0px,10px);
      }
    }

    &.y g.tick{
      text{text-align:right;}
    }
  }

  g.elements.line g.element{
    path{opacity:1;stroke-width:2px;}

    &:nth-child(1) path{stroke:#00ccff;}
    &:nth-child(2) path{stroke:#0099ff;}
    &:nth-child(3) path{stroke:#6633cc;}
    &:nth-child(4) path{stroke:#9900ff;}
    &:nth-child(5) path{stroke:#ff00cc;}
    &:nth-child(6) path{stroke:#ff0000;}
    &:nth-child(7) path{stroke:#ff6600;}
    &:nth-child(8) path{stroke:#ffcc00;}
    &:nth-child(9) path{stroke:#7fe533;}
    &:nth-child(10) path{stroke:#00ffcc;}
    &:nth-child(11) path{stroke:#02b490;}
    &:nth-child(12) path{stroke:#047794;}
    &:nth-child(13) path{stroke:#04568d;}
    &:nth-child(14) path{stroke:#3b1881;}
    &:nth-child(15) path{stroke:#500384;}
  }

  g.elements.area g.element{
    path{opacity:1;}
    &:nth-child(1) path{fill:#00ccff;stroke:#00ccff;}
    &:nth-child(2) path{fill:#0099ff;stroke:#0099ff;}
    &:nth-child(3) path{fill:#6633cc;stroke:#6633cc;}
    &:nth-child(4) path{fill:#9900ff;stroke:#9900ff;}
    &:nth-child(5) path{fill:#ff00cc;stroke:#ff00cc;}
    &:nth-child(6) path{fill:#ff0000;stroke:#ff0000;}
    &:nth-child(7) path{fill:#ff6600;stroke:#ff6600;}
    &:nth-child(8) path{fill:#ffcc00;stroke:#ffcc00;}
    &:nth-child(9) path{fill:#7fe533;stroke:#7fe533;}
    &:nth-child(10) path{fill:#00ffcc;stroke:#00ffcc;}
    &:nth-child(11) path{fill:#02b490;stroke:#02b490;}
    &:nth-child(12) path{fill:#047794;stroke:#047794;}
    &:nth-child(13) path{fill:#04568d;stroke:#04568d;}
    &:nth-child(14) path{fill:#3b1881;stroke:#3b1881;}
    &:nth-child(15) path{fill:#500384;stroke:#500384;}
  }

  &.style-historical{
    ul.legend li{
      &:nth-last-child(-n+5) span{background:#1e1e1e;}
      &:nth-last-child(-n+4) span{background:#3e3e3e;}
      &:nth-last-child(-n+3) span{background:#5e5e5e;}
      &:nth-last-child(-n+2) span{background:#7e7e7e;}
      &:nth-last-child(-n+1) span{background:#00ccff;}
    }
    g.elements g.element{
      path.line{stroke:#555;}
      &:nth-last-child(-n+5) path.line{stroke:#1e1e1e;}
      &:nth-last-child(-n+4) path.line{stroke:#3e3e3e;}
      &:nth-last-child(-n+3) path.line{stroke:#5e5e5e;}
      &:nth-last-child(-n+2) path.line{stroke:#7e7e7e;}
      &:nth-last-child(-n+1) path.line{stroke:#00ccff;}
    }
  }
}