{I"
class:ETI"BundledAsset; FI"logical_path; TI"woo/application.css; TI"pathname; TI"P/Users/itg/git/adorable/woo/app/assets/stylesheets/woo/application.css.scss; FI"content_type; TI"text/css; TI"
mtime; Tl+:|>TI"length; TiĪ$I"digest; TI"%5fe037432b0300c5fe8eb22de8577b34; FI"source; TI"Ī$/******************************************************************************/
/******************************************************************************/
@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/woo/styleguide.eot);
  src: url(/assets/woo/styleguide.eot?#iefix) format("embedded-opentype"), url(/assets/woo/styleguide.woff) format("woff"), url(/assets/woo/styleguide.ttf) format("truetype"), url(/assets/woo/styleguide.svg#styleguide) format("svg"); }

[data-icon]:before, [class*="icon--"], body.open #woo-styleguide nav .menu:before, #woo-styleguide nav a.menu:before, #woo-styleguide nav .nav-item.open .nav-item-icon:after, #woo-styleguide .location.show-code:after, #woo-styleguide .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; }

body.open #woo-styleguide nav,
body nav.near-menu {
  border-left: 5px solid #f35656; }
body.open #woo-styleguide nav {
  background-color: #353540;
  overflow-y: auto;
  overflow-x: hidden;
  pointer-events: auto;
  top: 0;
  width: 300px; }
  body.open #woo-styleguide nav a {
    box-shadow: 0 1px 0 0 #41414e; }
  body.open #woo-styleguide nav .menu:before {
    content: "\e117";
    color: inherit;
    margin: 0;
    padding: 0; }
  body.open #woo-styleguide nav .nav-item {
    opacity: 1; }
  body.open #woo-styleguide nav .nav-item-list {
    background: #41414e; }

#woo-styleguide {
  background: #41414e;
  padding: 0;
  margin: 0;
  font-family: "Source Sans Pro", Helvetica, sans-serif;
  box-sizing: border-box;
  position: relative; }
  #woo-styleguide 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; }
    #woo-styleguide 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; }
      #woo-styleguide nav a.menu:before {
        content: "\e601";
        color: inherit;
        margin: 0;
        padding: 0; }
      #woo-styleguide nav a.menu span {
        display: none; }
      #woo-styleguide nav a.menu:hover {
        box-shadow: none; }
    #woo-styleguide 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;
      cursor: pointer;
      position: relative;
      opacity: 0; }
      #woo-styleguide nav .nav-item.open .nav-item-title, #woo-styleguide nav .nav-item:hover .nav-item-title {
        color: #e7e8ea; }
      #woo-styleguide nav .nav-item.open .nav-item-icon:after, #woo-styleguide nav .nav-item:hover .nav-item-icon:after {
        background: #e7e8ea; }
      #woo-styleguide nav .nav-item.open .nav-item-icon:after {
        content: "\e604";
        background: none;
        color: #e7e8ea;
        top: 20px;
        right: 23px; }
      #woo-styleguide nav .nav-item.open ul.nav-item-list {
        display: block; }
      #woo-styleguide 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; }
      #woo-styleguide nav .nav-item .nav-item-icon {
        position: absolute;
        bottom: 0;
        right: 0;
        top: 0;
        width: 40px; }
        #woo-styleguide nav .nav-item .nav-item-icon:after {
          content: '';
          height: 1px;
          width: 12px;
          background: rgba(230, 231, 236, 0.5);
          top: 26px;
          position: absolute;
          right: 22px;
          line-height: 100%; }
    #woo-styleguide 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; }
      #woo-styleguide nav a:hover {
        color: #e7e8ea; }
    #woo-styleguide 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; }
      #woo-styleguide nav .nav-item-list li {
        display: block; }
        #woo-styleguide nav .nav-item-list li:last-child {
          margin-right: 0; }
        #woo-styleguide nav .nav-item-list li a {
          font-size: 13px;
          padding-left: 45px;
          position: relative; }
          #woo-styleguide 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; }
  #woo-styleguide dl.styleguide {
    margin: 0;
    padding: 200px 0;
    position: relative; }
    #woo-styleguide dl.styleguide a[name] {
      height: 0;
      padding: 0;
      margin: 0; }
    #woo-styleguide 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; }
    #woo-styleguide dl.styleguide dd {
      margin: 0 auto;
      padding-top: 4em;
      padding-bottom: 4em;
      position: relative;
      overflow: hidden; }
      #woo-styleguide dl.styleguide dd.notes {
        background: rgba(230, 231, 236, 0.85);
        padding-top: 2em;
        padding-bottom: 2em; }
        #woo-styleguide dl.styleguide dd.notes .wrapper {
          background: #e6e7ec;
          padding: 4em; }
        #woo-styleguide 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; }
        #woo-styleguide dl.styleguide dd.notes h1, #woo-styleguide dl.styleguide dd.notes h2, #woo-styleguide dl.styleguide dd.notes h3, #woo-styleguide dl.styleguide dd.notes h4, #woo-styleguide dl.styleguide dd.notes h5, #woo-styleguide dl.styleguide dd.notes h6, #woo-styleguide dl.styleguide dd.notes p {
          color: #646478;
          font-weight: 200; }
      #woo-styleguide dl.styleguide dd.preview {
        background: #e6e7ec; }
      #woo-styleguide dl.styleguide dd.location-title {
        padding: 0; }
  #woo-styleguide .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; }
    #woo-styleguide .location.show-code {
      color: #41414e; }
    #woo-styleguide .location.show-code + pre {
      display: block; }
    #woo-styleguide .location.show-code:after {
      content: "\e604"; }
    #woo-styleguide .location:after {
      content: "\e605";
      right: 20px;
      top: 14px;
      position: absolute;
      font-style: normal;
      padding-left: 5px; }
    #woo-styleguide .location:hover {
      color: #f35656; }
    #woo-styleguide .location + pre {
      display: none; }
    #woo-styleguide .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; TI"%453d4ad3983527188d2f55f1b778171b; FI"_version; TI"%b6c70b87efed0508570ec8d46b0da157; F