{I"
class:EFI"BundledAsset;�FI"logical_path;�FI"styleguide/application.css;�TI"
pathname;�FI"V/Users/jim/code/styleguide/app/assets/stylesheets/styleguide/application.css.scss;�TI"content_type;�FI"
text/css;�FI"
mtime;�Fl+I'TI"length;�Fi�BI"digest;�F"%e203587d761e62be2baf4e7fcc8358fcI"source;�FI"�B/******************************************************************************/
/******************************************************************************/
@import url(http://fonts.googleapis.com/css?family=Source+Code+Pro);
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700,300italic,400italic,700italic);
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
/******************************************************************************/
@font-face {
  font-family: "styleguide";
  font-weight: normal;
  font-style: normal;
  src: url(/assets/styleguide/styleguide.eot);
  src: url(/assets/styleguide/styleguide.eot?#iefix) format("embedded-opentype"), url(/assets/styleguide/styleguide.woff) format("woff"), url(/assets/styleguide/styleguide.ttf) format("truetype"), url(/assets/styleguide/styleguide.svg#styleguide) format("svg"); }

[data-icon]:before, [class*="icon--"], #styleguide-rails.open nav .menu:before, #styleguide-rails nav a.menu:before, #styleguide-rails nav .nav-item.open .nav-item-title:after, #styleguide-rails nav .nav-item .nav-item-title:after, #styleguide-rails .location.show-code:after, #styleguide-rails .location:after {
  font-family: "styleguide";
  speak: none;
  font-variant: normal;
  font-style: normal;
  font-weight: normal;
  text-transform: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased; }

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
  content: attr(data-icon); }

.button > [class*="icon-"] {
  margin-right: rem-calc(5); }

[class*="icon--"] {
  background: none; }
  [class*="icon--"]:active {
    text-decoration: none; }

.icon--mobile:before {
  content: "\e000"; }

.icon--expand:before {
  content: "\e110"; }

.icon--close:before {
  content: "\e117"; }

.icon--page:before {
  content: "\e124"; }

.icon--menu:before {
  content: "\e601"; }

.icon--arrow-right:before {
  content: "\e603"; }

.icon--arrow-down:before {
  content: "\e604"; }

.icon--arrow-up:before {
  content: "\e605"; }

* {
  -webkit-font-smoothing: antialiased; }

#styleguide-rails {
  background: #41414e;
  padding: 0;
  margin: 0;
  font-family: "Source Sans Pro", Helvetica, sans-serif; }
  #styleguide-rails.open nav,
  #styleguide-rails nav.near-menu {
    border-left: 5px solid #f35656; }
  #styleguide-rails.open nav {
    background-color: #353540;
    overflow-y: auto;
    overflow-x: hidden;
    pointer-events: auto;
    top: 0;
    width: 300px; }
    #styleguide-rails.open nav a {
      box-shadow: 0 1px 0 0 #41414e; }
    #styleguide-rails.open nav .menu:before {
      content: "\e117";
      color: inherit;
      margin: 0;
      padding: 0; }
    #styleguide-rails.open nav .nav-item {
      opacity: 1; }
    #styleguide-rails.open nav .nav-item-list {
      background: #41414e; }
  #styleguide-rails nav {
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    transition: all 0.3s ease;
    background-color: transparent;
    border-left: 0px solid #f35656;
    display: block;
    font-size: 0.8em;
    left: 0;
    bottom: 0;
    padding: 0;
    position: fixed;
    text-align: left;
    top: 0;
    width: 10px;
    z-index: 1000; }
    #styleguide-rails nav a.menu {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      pointer-events: auto;
      color: #f35656;
      display: block;
      font-size: 1.2em;
      line-height: 2em;
      margin-right: 0;
      text-align: right;
      z-index: 1000; }
      #styleguide-rails nav a.menu:before {
        content: "\e601";
        color: inherit;
        margin: 0;
        padding: 0; }
      #styleguide-rails nav a.menu span {
        display: none; }
      #styleguide-rails nav a.menu:hover {
        box-shadow: none; }
    #styleguide-rails nav .nav-item {
      -webkit-transition: all 0.3s ease 0.2s;
      -moz-transition: all 0.3s ease 0.2s;
      transition: all 0.3s ease 0.2s;
      opacity: 0; }
      #styleguide-rails nav .nav-item.open .nav-item-title {
        color: #e6e7ec; }
        #styleguide-rails nav .nav-item.open .nav-item-title:after {
          content: "\e604"; }
      #styleguide-rails nav .nav-item.open ul.nav-item-list {
        display: block; }
      #styleguide-rails nav .nav-item .nav-item-title {
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        transition: all 0.3s ease;
        font-weight: 500;
        margin-bottom: 1px;
        text-transform: uppercase; }
        #styleguide-rails nav .nav-item .nav-item-title:after {
          content: "\e605";
          position: absolute;
          right: 20px; }
    #styleguide-rails nav a {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      box-shadow: 0 1px 0 0 transparent;
      color: rgba(230, 231, 236, 0.35);
      font-family: "Source Sans Pro", sans-serif;
      font-size: 1em;
      display: block;
      padding: 20px; }
      #styleguide-rails nav a:hover {
        color: rgba(230, 231, 236, 0.35); }
    #styleguide-rails nav .nav-item-list {
      -webkit-transition: all 0.3s ease;
      -moz-transition: all 0.3s ease;
      transition: all 0.3s ease;
      background-color: transparent;
      display: none;
      overflow: hidden;
      padding: 10px 0;
      margin: 0; }
      #styleguide-rails nav .nav-item-list li {
        display: block; }
        #styleguide-rails nav .nav-item-list li:last-child {
          margin-right: 0; }
        #styleguide-rails nav .nav-item-list li a {
          font-size: 13px;
          padding-left: 45px;
          position: relative; }
          #styleguide-rails nav .nav-item-list li a:before {
            box-shadow: inset 0 0 0 1px rgba(230, 231, 236, 0.35);
            border-radius: 1000px;
            left: 25px;
            position: absolute;
            width: 10px;
            height: 10px;
            content: '';
            font-size: 10px;
            vertical-align: top;
            margin-top: 4px; }
  #styleguide-rails .colors li.green .color {
    box-shadow: 0 0 0 1px rgba(72, 80, 95, 0.25);
    background-color: #7fc35f;
    min-height: 100px; }
  #styleguide-rails .colors li.green h5 {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    background-color: #e7e8ea;
    border-radius: 3px;
    font-size: 13px;
    font-family: "Source Code Pro", Fixed, monospace;
    padding: 2px 5px 3px; }
  #styleguide-rails .colors li.green h5:after {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    content: ": #7fc35f;";
    vertical-align: baseline;
    position: relative; }
  #styleguide-rails .colors li.grey .color {
    box-shadow: 0 0 0 1px rgba(72, 80, 95, 0.25);
    background-color: #e7e8ea;
    min-height: 100px; }
  #styleguide-rails .colors li.grey h5 {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    background-color: #e7e8ea;
    border-radius: 3px;
    font-size: 13px;
    font-family: "Source Code Pro", Fixed, monospace;
    padding: 2px 5px 3px; }
  #styleguide-rails .colors li.grey h5:after {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    content: ": #e7e8ea;";
    vertical-align: baseline;
    position: relative; }
  #styleguide-rails .colors li.dark-grey .color {
    box-shadow: 0 0 0 1px rgba(72, 80, 95, 0.25);
    background-color: #48505f;
    min-height: 100px; }
  #styleguide-rails .colors li.dark-grey h5 {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    background-color: #e7e8ea;
    border-radius: 3px;
    font-size: 13px;
    font-family: "Source Code Pro", Fixed, monospace;
    padding: 2px 5px 3px; }
  #styleguide-rails .colors li.dark-grey h5:after {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    content: ": #48505f;";
    vertical-align: baseline;
    position: relative; }
  #styleguide-rails .colors li.off-white .color {
    box-shadow: 0 0 0 1px rgba(72, 80, 95, 0.25);
    background-color: #f7f7f7;
    min-height: 100px; }
  #styleguide-rails .colors li.off-white h5 {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    background-color: #e7e8ea;
    border-radius: 3px;
    font-size: 13px;
    font-family: "Source Code Pro", Fixed, monospace;
    padding: 2px 5px 3px; }
  #styleguide-rails .colors li.off-white h5:after {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    content: ": #f7f7f7;";
    vertical-align: baseline;
    position: relative; }
  #styleguide-rails .colors li.white .color {
    box-shadow: 0 0 0 1px rgba(72, 80, 95, 0.25);
    background-color: #e6e7ec;
    min-height: 100px; }
  #styleguide-rails .colors li.white h5 {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    background-color: #e7e8ea;
    border-radius: 3px;
    font-size: 13px;
    font-family: "Source Code Pro", Fixed, monospace;
    padding: 2px 5px 3px; }
  #styleguide-rails .colors li.white h5:after {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    content: ": #e6e7ec;";
    vertical-align: baseline;
    position: relative; }
  #styleguide-rails .colors li.primary-color .color {
    box-shadow: 0 0 0 1px rgba(72, 80, 95, 0.25);
    background-color: #f35656;
    min-height: 100px; }
  #styleguide-rails .colors li.primary-color h5 {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    background-color: #e7e8ea;
    border-radius: 3px;
    font-size: 13px;
    font-family: "Source Code Pro", Fixed, monospace;
    padding: 2px 5px 3px; }
  #styleguide-rails .colors li.primary-color h5:after {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    content: ": #f35656;";
    vertical-align: baseline;
    position: relative; }
  #styleguide-rails .colors li.secondary-color .color {
    box-shadow: 0 0 0 1px rgba(72, 80, 95, 0.25);
    background-color: #e7e8ea;
    min-height: 100px; }
  #styleguide-rails .colors li.secondary-color h5 {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    background-color: #e7e8ea;
    border-radius: 3px;
    font-size: 13px;
    font-family: "Source Code Pro", Fixed, monospace;
    padding: 2px 5px 3px; }
  #styleguide-rails .colors li.secondary-color h5:after {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    content: ": #e7e8ea;";
    vertical-align: baseline;
    position: relative; }
  #styleguide-rails .colors li.alert-color .color {
    box-shadow: 0 0 0 1px rgba(72, 80, 95, 0.25);
    background-color: #ed5770;
    min-height: 100px; }
  #styleguide-rails .colors li.alert-color h5 {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    background-color: #e7e8ea;
    border-radius: 3px;
    font-size: 13px;
    font-family: "Source Code Pro", Fixed, monospace;
    padding: 2px 5px 3px; }
  #styleguide-rails .colors li.alert-color h5:after {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    content: ": #ed5770;";
    vertical-align: baseline;
    position: relative; }
  #styleguide-rails .colors li.success-color .color {
    box-shadow: 0 0 0 1px rgba(72, 80, 95, 0.25);
    background-color: #7fc35f;
    min-height: 100px; }
  #styleguide-rails .colors li.success-color h5 {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    background-color: #e7e8ea;
    border-radius: 3px;
    font-size: 13px;
    font-family: "Source Code Pro", Fixed, monospace;
    padding: 2px 5px 3px; }
  #styleguide-rails .colors li.success-color h5:after {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    content: ": #7fc35f;";
    vertical-align: baseline;
    position: relative; }
  #styleguide-rails .colors li.warning-color .color {
    box-shadow: 0 0 0 1px rgba(72, 80, 95, 0.25);
    background-color: #f08a24;
    min-height: 100px; }
  #styleguide-rails .colors li.warning-color h5 {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    background-color: #e7e8ea;
    border-radius: 3px;
    font-size: 13px;
    font-family: "Source Code Pro", Fixed, monospace;
    padding: 2px 5px 3px; }
  #styleguide-rails .colors li.warning-color h5:after {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    content: ": #f08a24;";
    vertical-align: baseline;
    position: relative; }
  #styleguide-rails .colors li.info-color .color {
    box-shadow: 0 0 0 1px rgba(72, 80, 95, 0.25);
    background-color: #a0d3e8;
    min-height: 100px; }
  #styleguide-rails .colors li.info-color h5 {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    background-color: #e7e8ea;
    border-radius: 3px;
    font-size: 13px;
    font-family: "Source Code Pro", Fixed, monospace;
    padding: 2px 5px 3px; }
  #styleguide-rails .colors li.info-color h5:after {
    display: inline-block;
    vertical-align: baseline;
    zoom: 1;
    *display: inline;
    *vertical-align: auto;
    content: ": #a0d3e8;";
    vertical-align: baseline;
    position: relative; }
  #styleguide-rails dl.styleguide {
    margin: 200px 0;
    position: relative; }
    #styleguide-rails dl.styleguide a[name] {
      height: 0;
      padding: 0;
      margin: 0; }
    #styleguide-rails dl.styleguide dt.page-title {
      background-color: rgba(230, 231, 236, 0.95);
      color: #41414e;
      display: block;
      font-size: 2em;
      font-weight: 100;
      margin: 2em 0 0;
      padding: 10px 0;
      text-align: center; }
    #styleguide-rails dl.styleguide dd {
      margin: 0 auto;
      padding-top: 4em;
      padding-bottom: 4em;
      position: relative;
      overflow: hidden; }
      #styleguide-rails dl.styleguide dd.notes {
        background: rgba(230, 231, 236, 0.85);
        padding-top: 2em;
        padding-bottom: 2em; }
        #styleguide-rails dl.styleguide dd.notes .wrapper {
          background: #e6e7ec;
          padding: 4em; }
        #styleguide-rails dl.styleguide dd.notes .notes-title {
          box-shadow: 0 1px 0 0 rgba(65, 65, 78, 0.08);
          color: rgba(65, 65, 78, 0.35);
          font-size: rem-calc(14);
          font-weight: 100;
          font-style: italic;
          padding-bottom: .35em;
          position: relative; }
        #styleguide-rails dl.styleguide dd.notes h1, #styleguide-rails dl.styleguide dd.notes h2, #styleguide-rails dl.styleguide dd.notes h3, #styleguide-rails dl.styleguide dd.notes h4, #styleguide-rails dl.styleguide dd.notes h5, #styleguide-rails dl.styleguide dd.notes h6, #styleguide-rails dl.styleguide dd.notes p {
          color: #646478;
          font-weight: 200; }
      #styleguide-rails dl.styleguide dd.preview {
        background: #e6e7ec; }
      #styleguide-rails dl.styleguide dd.location-title {
        padding: 0; }
  #styleguide-rails .location {
    background-color: rgba(230, 231, 236, 0.95);
    color: rgba(65, 65, 78, 0.45);
    cursor: pointer;
    font-style: italic;
    padding: 10px 20px;
    position: relative; }
    #styleguide-rails .location.show-code {
      color: #41414e; }
    #styleguide-rails .location.show-code + pre {
      display: block; }
    #styleguide-rails .location.show-code:after {
      content: "\e604"; }
    #styleguide-rails .location:after {
      content: "\e605";
      right: 20px;
      top: 14px;
      position: absolute;
      font-style: normal;
      padding-left: 5px; }
    #styleguide-rails .location:hover {
      color: #f35656; }
    #styleguide-rails .location + pre {
      display: none; }
    #styleguide-rails .location + pre code {
      box-shadow: inset 0 -20px 0 #fafaff;
      background-color: #f3f3fa;
      font-size: 14px;
      padding: 4em 20px 4.6em; }
;�TI"required_assets_digest;�F"%d67620fe37414463657f90bc83416b2aI"
_version;�F"%f9f39fb687a2f0a0ceb7a52f07025205