shibori 1.0.0.beta1

data/source/css/scss/components/_animation.scss

@@ -0,0 +1,15 @@
+// ==========================================================================
+// Animation
+// ==========================================================================
+
+//Fade
+@include keyframes(fade) {
+  0%   { opacity: 0; }
+  100% { opacity: 1; }
+}
+
+//Pulse
+@include keyframes(pulse) {
+  0%, 80%, 100% { opacity: 0; }
+  40%           { opacity: 1; }
+}

data/source/css/scss/components/_buttons.scss

@@ -0,0 +1,175 @@
+// ==========================================================================
+// Buttons
+// ==========================================================================
+
+.btn,
+a.btn {
+  $bg: $brand-primary;
+  $bg-alt: $blue;
+  display: inline-block;
+  width: auto;
+  padding: 16px 35px;
+  margin: $pad-sm 0;
+  line-height: 1.27;
+  background: $bg;
+  border: 1px solid transparent;
+  border-radius: $border-radius-lg;
+  color: $white;
+  font-size: $font-sm;
+  font-weight: $font-bold;
+  text-align: center;
+  text-decoration: none;
+  text-transform: uppercase;
+  letter-spacing: 1px;
+  -webkit-appearance: none;
+  @include transition(background $transition);
+
+  &:hover,
+  &:focus {
+    background: saturate(darken($bg, 10%), 15%);
+    color: $white;
+  }
+
+  &:focus {
+    outline: none;
+  }
+
+  &:active {
+    background: saturate(darken($bg, 15%), 15%);
+    color: fade-out($white, .2);
+    outline: none;
+  }
+
+
+  //- Colors
+  &-alt {
+    $bg: $bg-alt;
+    background: $bg;
+
+    &:hover,
+    &:focus {
+      background: saturate(darken($bg, 10%), 15%);
+      color: $white;
+    }
+
+    &:active {
+      background: saturate(darken($bg, 15%), 15%);
+      color: fade-out($white, .2);
+    }
+  }
+
+  &-default {
+    background: $white;
+    color: $brand-primary;
+    border: 1px solid $brand-primary;
+    &:hover {
+      background-color: $gray-lighter;
+    }
+    &:active {
+      background-color: $white;
+    }
+  }
+
+  &-white {
+    background: $white;
+    color: $brand-primary;
+    border: 1px solid $brand-primary;
+
+    &:hover,
+    &:focus {
+      background: $off-white;
+      color: $brand-primary;
+    }
+
+    &:active {
+      background: darken($off-white, 2%);
+    }
+  }
+
+  //- Layouts
+  &-inline {
+    display: inline-block;
+  }
+
+    &-disabled {
+    background: $gray-lighter;
+    color: $gray;
+    cursor: not-allowed;
+
+    &:hover,
+    &:focus {
+      background: $gray-lighter;
+      color: $gray;
+    }
+  }
+
+  &-block {
+    width: 100%;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  &-no-margin {
+    margin: 0;
+  }
+
+  //- Sizes
+  &-xs {
+    padding: 6px 8px 5px;
+    font-size: $font-xs;
+    font-weight: $font-normal;
+    text-transform: none;
+    letter-spacing: 0em;
+    max-width: none;
+    border-radius: $border-radius/2;
+    -webkit-font-smoothing: subpixel-antialiased;
+  }
+
+  &-sm {
+    padding: 8px 16px;
+    font-size: $font-sm;
+    text-transform: none;
+    letter-spacing: .01em;
+    max-width: none;
+    border-radius: $border-radius;
+    -webkit-font-smoothing: subpixel-antialiased;
+  }
+
+  &-lg {
+    padding: $pad-lg $pad-xl;
+    font-size: $font-lg;
+  }
+
+  //- Types
+  &-text {
+    background: transparent;
+    color: $blue;
+
+    &:hover,
+    &:focus {
+      color: darken($blue, 5%);
+      background: transparent;
+    }
+
+    &:active {
+      color: $brand-primary;
+    }
+  }
+
+  // Special Buttons
+  &.deploy {
+    line-height: $font-sm;
+
+    .hk-icon {
+      line-height: $font-sm;
+      margin-right: 6px;
+      color: lighten($brand-primary, 30%);
+      font-size: $brand-icon-xs;
+    }
+
+    .to-heroku {
+      color: lighten($brand-primary, 30%);
+    }
+  }
+}

data/source/css/scss/components/_code.scss

@@ -0,0 +1,26 @@
+// ==========================================================================
+// Code
+// ==========================================================================
+
+pre,
+code {
+  background: $gray-lighter;
+  font-family: $font-mono;
+  font-size: $font-base - 1;
+}
+
+pre {
+  padding: $pad-lg ceil($pad-lg * 1.5);
+  border-radius: $border-radius-lg + 2;
+  box-shadow: inset 0 0 3px $gray-lighter;
+
+  code {
+    padding: 0;
+  }
+}
+
+code {
+  display: inline-block;
+  padding: 0 $pad-sm;
+  border-radius: $border-radius;
+}

data/source/css/scss/components/_forms.scss

@@ -0,0 +1,136 @@
+// ==========================================================================
+// Forms
+// ==========================================================================
+
+form {
+
+  ol,
+  ul {
+    list-style: none;
+    margin-left: 0;
+  }
+}
+
+fieldset {
+  border: 0;
+  padding: 0;
+  margin: 0;
+}
+
+label {
+  display: block;
+  padding-bottom: $pad-sm;
+  font-size: $font-sm;
+}
+
+legend {
+  display: block;
+  padding-bottom: $pad;
+}
+
+//- Text inputs
+input,
+textarea,
+select {
+  width: 100%;
+  padding: $pad $pad-sm;
+  border: $border;
+  -moz-appearance: none;
+}
+
+input[type="email"],
+input[type="text"],
+input[type="tel"],
+input[type="password"],
+input[type="url"],
+input[type="ipv4"],
+input[type="search"],
+input[type="number"],
+textarea,
+select {
+  -webkit-appearance: none;
+  padding: $pad;
+  background: $white;
+  border: $border;
+  box-shadow: 0 0 6px fade-out($purple, 1);
+  border-radius: $border-radius;
+  color: $text-color;
+  @include transition();
+
+  &:focus {
+    background: white;
+    box-shadow: 0 0 6px fade-out($purple, .8);
+    border-color: $purple;
+    outline: none;
+  }
+
+  &[data-placeholder-active="true"] {
+    color: #999;
+  }
+}
+
+select,
+select:focus {
+  background: url("data:image/gif;base64,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") no-repeat right $pad center;
+}
+
+
+//- Multi selects
+input[type="checkbox"],
+input[type="radio"] {
+  width: auto;
+  margin-right: $pad-sm;
+}
+
+
+//- Form Field Container
+.input-group {
+  margin-bottom: $pad-lg;
+
+  &.options {
+
+    > ul {
+      margin: $pad-sm 0;
+      padding-left: 0;
+      list-style: none;
+    }
+
+    li {
+      margin-bottom: $pad-sm;
+    }
+  }
+
+  //- Input Group States
+  &.error {
+    color: $error;
+
+    input {
+      border-color: $error;
+    }
+  }
+
+  &.valid {
+    color: $valid;
+
+    input {
+      border-color: $valid;
+    }
+  }
+
+  &.warning {
+    color: $warning;
+
+    input {
+      border-color: $orange;
+    }
+  }
+}
+
+
+//- Required
+
+sup.required {
+  color: $red;
+  font-size: 95%;
+  top: -2px;
+}

data/source/css/scss/components/_hero.scss

@@ -0,0 +1,18 @@
+.hero {
+  padding-bottom: 5.625em;
+  padding-top: 2em;
+
+  > * {
+    max-width: 1024px;
+    margin: 0 auto;
+  }
+
+  h1, h2 {
+    color: $white;
+  }
+
+  .intro {
+    font-weight: normal;
+    color: $purple-light;
+  }
+}

data/source/css/scss/components/_hr.scss

@@ -0,0 +1,11 @@
+// ==========================================================================
+// Horizontal Rule
+// ==========================================================================
+
+hr {
+  height: 1px;
+  margin: 2em 0;
+
+  border: 0;
+  @include linear-gradient(left, fade-out($gray-lighter, 1), fade-out($gray-lighter, .1) 10%, fade-out($gray-lighter, .1) 90%, fade-out($gray-lighter, 1));
+}

data/source/css/scss/components/_icons.scss

@@ -0,0 +1,85 @@
+// ==========================================================================
+// Icons
+// ==========================================================================
+
+$icon-name: hk-icon;
+
+//- Icon Colors
+.icon-black { color: $black; }
+.icon-purple { color: $purple; }
+.icon-blue { color: $blue; }
+.icon-green { color: $green; }
+.icon-white { color: $white; }
+
+@include font-face(
+  $icon-name,
+  '../fonts/#{$icon-name}/#{$icon-name}',
+  normal,
+  $file-formats: eot woff ttf svg
+);
+
+//Use this to declare icon formatting
+@mixin icon-stack() {
+  [class^="#{$icon-name}-"],
+  [class*="#{$icon-name}-"] {
+    @content;
+  }
+}
+
+@include icon-stack() {
+  font-family: "#{$icon-name}";
+  font-size: 48px;
+}
+
+.icon-xs {
+  font-size: 16px;
+}
+
+.icon-sm {
+  font-size: 24px;
+}
+
+.icon-md {
+  font-size: 32px;
+}
+
+.icon-lg {
+  font-size: 48px;
+}
+
+.#{$icon-name}- {
+  &addon:before { content: '\e000'; }
+  &app:before { content: '\e001'; }
+  &buildpack:before { content: '\e002'; }
+  &connect:before { content: '\e003'; }
+  &control:before { content: '\e004'; }
+  &dataclips:before { content: '\e005'; }
+  &dyno:before { content: '\e006'; }
+  &github:before { content: '\e007'; }
+  &metrics:before { content: '\e008'; }
+  &postgres:before { content: '\e009'; }
+  &redis:before { content: '\e00a'; }
+  &rollback:before { content: '\e00b'; }
+  &scale:before { content: '\e00c'; }
+  &spaces:before { content: '\e00d'; }
+  &support:before { content: '\e00e'; }
+  &sync:before { content: '\e00f'; }
+  &team:before { content: '\e010'; }
+  &user:before { content: '\e011'; }
+  &control-2:before { content: '\e012'; }
+  &data:before { content: '\e013'; }
+  &deploy:before { content: '\e014'; }
+  &twitter:before { content: '\e015'; }
+  &pipelines:before { content: '\e016'; }
+  &github-2:before { content: '\e017'; }
+  &cli:before { content: '\e018'; }
+  &clock:before { content: '\e019'; }
+  &events:before { content: '\e01a'; }
+  &kafka:before { content: '\e01b'; }
+  &levelup:before { content: '\e01c'; }
+  &enterprise:before { content: '\e01d'; }
+  &stars:before { content: '\e01f'; }
+  &check:before { content: '\e020'; }
+  &cancel:before { content: '\e021'; }
+  &forks:before { content: '\e022'; }
+}

data/source/css/scss/components/_lists.scss

@@ -0,0 +1,45 @@
+// ==========================================================================
+// Lists
+// ==========================================================================
+
+ul, ol {
+  margin: 0 0 $space 0;
+  padding-left: $pad-xl;
+
+  li {
+
+    > ul, ol {
+      margin-top: $pad-lg;
+    }
+  }
+}
+
+%list-inline {
+  padding-left: 0;
+
+  li {
+    display: inline-block;
+  }
+}
+
+.list-inline {
+  @extend %list-inline;
+}
+
+%list-unstyled {
+  padding-left: 0;
+  margin: 0;
+
+  ul {
+    margin: 0;
+    padding: 0;
+  }
+
+  li {
+    list-style: none;
+  }
+}
+
+.list-unstyled {
+  @extend %list-unstyled;
+}

data/source/css/scss/components/_logos.scss

@@ -0,0 +1,15 @@
+// ==========================================================================
+// Logos
+// ==========================================================================
+
+$logo-heroku-horizontal-purple: url(unquote('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyNjhweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgMjY4IDgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT5oZXJva3UgbG9nb3R5cGU8L3RpdGxlPg0KICA8c3R5bGU+DQogICAgLmhlcm9rdS1sb2dvdHlwZSB7DQogICAgICAgIGZpbGw6IzQzMDA5ODsNCiAgICB9DQogICAgcmVjdCB7DQogICAgICAgIGZpbGw6IHRyYW5zcGFyZW50Ow0KICAgIH0NCiAgPC9zdHlsZT4NCiAgPHN5bWJvbCBpZD0iaGVyb2t1LXRleHQiPg0KICAgIDxwYXRoIGQ9Ik02Mi44NDgsNi43MzYgTDYyLjg0OCwwLjIwNyBMNjUuNzk2LDAuMjA3IEw2NS43OTYsNi43MjIgQzY1Ljc5Niw4LjIyNSA2Ni4yODIsOC45MDMgNjcuNDYyLDguOTAzIEM2OC42NDEsOC45MDMgNjkuMTEyLDguMjI1IDY5LjExMiw2LjcyMiBMNjkuMTEyLDAuMjA3IEw3MiwwLjIwNyBMNzIsNi43MzYgQzcyLDkuNjI1IDcwLjYxNSwxMS4yNzUgNjcuNDMxLDExLjI3NSBDNjQuMjQ3LDExLjI3NSA2Mi44NDgsOS42MjUgNjIuODQ4LDYuNzM2IFogTTUwLjQyOCwwLjIwNyBMNTMuMzc2LDAuMjA3IEw1My4zNzYsNC4xNTcgTDU2LjM4MywwLjIwNyBMNTkuODAyLDAuMjA3IEw1Ni4xMzIsNC41MTEgTDYwLjEyNiwxMS4xMTQgTDU2Ljc5NSwxMS4xMTQgTDU0LjIxNiw2Ljc1MSBMNTMuMzc2LDcuNzI0IEw1My4zNzYsMTEuMTE0IEw1MC40MjgsMTEuMTE0IEw1MC40MjgsMC4yMDcgWiBNMzYuNDMzLDUuNjYgQzM2LjQzMywxLjY2NyAzOS4xNTksMCA0MS43OTgsMCBDNDQuNDIxLDAgNDcuMTQ4LDEuNjY2IDQ3LjE0OCw1LjY2IEM0Ny4xNDgsOS42NTQgNDQuNDIxLDExLjMyIDQxLjc5OCwxMS4zMiBDMzkuMTU5LDExLjMxOSAzNi40MzMsOS42NTQgMzYuNDMzLDUuNjYgWiBNNDQuMTk5LDUuNjYgQzQ0LjE5OSwzLjY1NiA0My4zMjksMi40MzMgNDEuNzk3LDIuNDMzIEM0MC4yNDksMi40MzMgMzkuMzgsMy42NTYgMzkuMzgsNS42NiBDMzkuMzgsNy42NjUgNDAuMjUsOC45NjIgNDEuNzk3LDguOTYyIEM0My4zMyw4Ljk2MSA0NC4xOTksNy42NjUgNDQuMTk5LDUuNjYgWiBNMjQuNTg4LDAuMjA3IEwyOC44NDcsMC4yMDcgQzMxLjY0NywwLjIwNyAzMy4zNTcsMS4xMzYgMzMuMzU3LDMuNzU5IEMzMy4zNTcsNS40NjggMzIuNjM1LDYuNDU3IDMxLjIwNSw2Ljk0MiBMMzMuNTE5LDExLjExMyBMMzAuMzk1LDExLjExMyBMMjguMjg3LDcuMzI2IEwyNy40NzYsNy4zMjYgTDI3LjQ3NiwxMS4xMTMgTDI0LjU4NywxMS4xMTMgTDI0LjU4NywwLjIwNyBMMjQuNTg4LDAuMjA3IFogTTI4Ljc0NCw1LjA4NSBDMjkuOTUzLDUuMDg1IDMwLjQ4Myw0Ljc0NiAzMC40ODMsMy44MzIgQzMwLjQ4MywyLjkxOCAyOS45NTIsMi41OTQgMjguNzQ0LDIuNTk0IEwyNy40NzcsMi41OTQgTDI3LjQ3Nyw1LjA4NSBMMjguNzQ0LDUuMDg1IFogTTEzLjMxOCwwLjIwNyBMMjEuMSwwLjIwNyBMMjEuMSwyLjY1NCBMMTYuMjY2LDIuNjU0IEwxNi4yNjYsNC40MjMgTDE5LjcxNSw0LjQyMyBMMTkuNzE1LDYuNzIyIEwxNi4yNjYsNi43MjIgTDE2LjI2Niw4Ljc0MSBMMjEuMzUxLDguNzQxIEwyMS4zNTEsMTEuMTE0IEwxMy4zMTksMTEuMTE0IEwxMy4zMTksMC4yMDcgTDEzLjMxOCwwLjIwNyBaIE0wLDAuMjA3IEwyLjk0OCwwLjIwNyBMMi45NDgsNC4yNiBMNi41NzQsNC4yNiBMNi41NzQsMC4yMDcgTDkuNTIyLDAuMjA3IEw5LjUyMiwxMS4xMTMgTDYuNTc0LDExLjExMyBMNi41NzQsNi43MDYgTDIuOTQ4LDYuNzA2IEwyLjk0OCwxMS4xMTMgTDAsMTEuMTEzIEwwLDAuMjA3IFoiPjwvcGF0aD4NCiAgICA8L3N5bWJvbD4NCiAgICA8c3ltYm9sIGlkPSJoZXJva3UtaCI+DQogICAgICA8cGF0aCBkPSJNMTksNjggTDI4LDYwIEwxOSw1MiBMMTksNjggWiBNNTEuNTE3LDM1LjU3NSBDNDkuOTA1LDMzLjk0NCA0Ni45NDUsMzIgNDIsMzIgQzM2LjU3NywzMiAzMC45OTQsMzMuNDExIDI3LDM0LjcxMSBMMjcsMTIgTDE5LDEyIEwxOSw0Ni42OTIgTDI0LjY1MSw0NC4xMzIgQzI0Ljc0Miw0NC4wOTEgMzMuODY2LDQwIDQyLDQwIEM0Ni4wNjIsNDAgNDYuOTYxLDQyLjI0MyA0Nyw0NC4xMSBMNDcsNjggTDU1LDY4IEw1NSw0NCBDNTUuMDA1LDQzLjQ4OCA1NC45NTgsMzkuMDU1IDUxLjUxNywzNS41NzUgWiBNNDEsMjUgTDQ5LDI1IEM1Mi42MTgsMjAuOSA1NC40NiwxNi41NDQgNTUsMTIgTDQ3LDEyIEM0Ni4xMTgsMTYuNTM0IDQ0LjE0NCwyMC44NzUgNDEsMjUgWiI+PC9wYXRoPg0KICAgIDwvc3ltYm9sPg0KICAgIDxzeW1ib2wgaWQ9Imhlcm9rdS1ib3JkZXIiPg0KICAgICAgPHBhdGggZD0iTTY0LjgsMCBMNy4yLDAgQzMuMjI0LDAgMCwzLjIyNCAwLDcuMiBMMCw3Mi44IEMwLDc2Ljc3NiAzLjIyNCw4MCA3LjIsODAgTDY0LjgsODAgQzY4Ljc3Niw4MCA3Miw3Ni43NzYgNzIsNzIuOCBMNzIsNy4yIEM3MiwzLjIyNCA2OC43NzYsMCA2NC44LDAgTDY0LjgsMCBaIE02OCw3Mi44IEM2OCw3NC41NjQgNjYuNTY1LDc2IDY0LjgsNzYgTDcuMiw3NiBDNS40MzYsNzYgNCw3NC41NjQgNCw3Mi44IEw0LDcuMiBDNCw1LjQzNSA1LjQzNiw0IDcuMiw0IEw2NC44LDQgQzY2LjU2NSw0IDY4LDUuNDM1IDY4LDcuMiBMNjgsNzIuOCBMNjgsNzIuOCBaIj48L3BhdGg+DQogICAgPC9zeW1ib2w+DQogIA0KICAgIDxkZWZzPiAgICAgIA0KICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSIgaWQ9Imhlcm9rdS1ncmFkaWVudCI+DQogICAgICAgICAgICA8c3RvcCBzdG9wLWNvbG9yPSIjNUIzOEFBIiBzdG9wLW9wYWNpdHk9IjEwMCIgb2Zmc2V0PSIwJSI+PC9zdG9wPg0KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzQ1MDQ5QSIgc3RvcC1vcGFjaXR5PSIxMDAiIG9mZnNldD0iMTAwJSI+PC9zdG9wPg0KICAgICAgICA8L2xpbmVhckdyYWRpZW50Pg0KICAgIDwvZGVmcz4NCiAgICANCiAgICA8ZyBjbGFzcz0iaGVyb2t1LWxvZ290eXBlIiBpZD0iaGVyb2t1LWxvZ290eXBlIiB4PSIwIiB5PSIwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPg0KICAgICAgPHJlY3QgeD0iMSIgeT0iMSIgd2lkdGg9IjcwIiBoZWlnaHQ9Ijc4IiByeD0iNSIvPg0KICAgICAgPHVzZSB4bGluazpocmVmPSIjaGVyb2t1LWJvcmRlciIvPg0KICAgICAgPHVzZSB4bGluazpocmVmPSIjaGVyb2t1LWgiIC8+DQogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNoZXJva3UtdGV4dCIgeD0iMzUiIHk9IjEwIiB0cmFuc2Zvcm09InNjYWxlKDIuNSkiLz4NCiAgICA8L2c+DQo8L3N2Zz4='));
+
+$logo-heroku-horizontal-white: url(unquote('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+DQo8c3ZnIHdpZHRoPSIyNjhweCIgaGVpZ2h0PSI4MHB4IiB2aWV3Qm94PSIwIDAgMjY4IDgwIiB2ZXJzaW9uPSIxLjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiPg0KICAgIDx0aXRsZT5oZXJva3UgbG9nb3R5cGU8L3RpdGxlPg0KICA8c3R5bGU+DQogICAgLmhlcm9rdS1sb2dvdHlwZSB7DQogICAgICAgIGZpbGw6d2hpdGU7DQogICAgfQ0KICAgIHJlY3Qgew0KICAgICAgICBmaWxsOiB0cmFuc3BhcmVudDsNCiAgICB9DQogIDwvc3R5bGU+DQogIDxzeW1ib2wgaWQ9Imhlcm9rdS10ZXh0Ij4NCiAgICA8cGF0aCBkPSJNNjIuODQ4LDYuNzM2IEw2Mi44NDgsMC4yMDcgTDY1Ljc5NiwwLjIwNyBMNjUuNzk2LDYuNzIyIEM2NS43OTYsOC4yMjUgNjYuMjgyLDguOTAzIDY3LjQ2Miw4LjkwMyBDNjguNjQxLDguOTAzIDY5LjExMiw4LjIyNSA2OS4xMTIsNi43MjIgTDY5LjExMiwwLjIwNyBMNzIsMC4yMDcgTDcyLDYuNzM2IEM3Miw5LjYyNSA3MC42MTUsMTEuMjc1IDY3LjQzMSwxMS4yNzUgQzY0LjI0NywxMS4yNzUgNjIuODQ4LDkuNjI1IDYyLjg0OCw2LjczNiBaIE01MC40MjgsMC4yMDcgTDUzLjM3NiwwLjIwNyBMNTMuMzc2LDQuMTU3IEw1Ni4zODMsMC4yMDcgTDU5LjgwMiwwLjIwNyBMNTYuMTMyLDQuNTExIEw2MC4xMjYsMTEuMTE0IEw1Ni43OTUsMTEuMTE0IEw1NC4yMTYsNi43NTEgTDUzLjM3Niw3LjcyNCBMNTMuMzc2LDExLjExNCBMNTAuNDI4LDExLjExNCBMNTAuNDI4LDAuMjA3IFogTTM2LjQzMyw1LjY2IEMzNi40MzMsMS42NjcgMzkuMTU5LDAgNDEuNzk4LDAgQzQ0LjQyMSwwIDQ3LjE0OCwxLjY2NiA0Ny4xNDgsNS42NiBDNDcuMTQ4LDkuNjU0IDQ0LjQyMSwxMS4zMiA0MS43OTgsMTEuMzIgQzM5LjE1OSwxMS4zMTkgMzYuNDMzLDkuNjU0IDM2LjQzMyw1LjY2IFogTTQ0LjE5OSw1LjY2IEM0NC4xOTksMy42NTYgNDMuMzI5LDIuNDMzIDQxLjc5NywyLjQzMyBDNDAuMjQ5LDIuNDMzIDM5LjM4LDMuNjU2IDM5LjM4LDUuNjYgQzM5LjM4LDcuNjY1IDQwLjI1LDguOTYyIDQxLjc5Nyw4Ljk2MiBDNDMuMzMsOC45NjEgNDQuMTk5LDcuNjY1IDQ0LjE5OSw1LjY2IFogTTI0LjU4OCwwLjIwNyBMMjguODQ3LDAuMjA3IEMzMS42NDcsMC4yMDcgMzMuMzU3LDEuMTM2IDMzLjM1NywzLjc1OSBDMzMuMzU3LDUuNDY4IDMyLjYzNSw2LjQ1NyAzMS4yMDUsNi45NDIgTDMzLjUxOSwxMS4xMTMgTDMwLjM5NSwxMS4xMTMgTDI4LjI4Nyw3LjMyNiBMMjcuNDc2LDcuMzI2IEwyNy40NzYsMTEuMTEzIEwyNC41ODcsMTEuMTEzIEwyNC41ODcsMC4yMDcgTDI0LjU4OCwwLjIwNyBaIE0yOC43NDQsNS4wODUgQzI5Ljk1Myw1LjA4NSAzMC40ODMsNC43NDYgMzAuNDgzLDMuODMyIEMzMC40ODMsMi45MTggMjkuOTUyLDIuNTk0IDI4Ljc0NCwyLjU5NCBMMjcuNDc3LDIuNTk0IEwyNy40NzcsNS4wODUgTDI4Ljc0NCw1LjA4NSBaIE0xMy4zMTgsMC4yMDcgTDIxLjEsMC4yMDcgTDIxLjEsMi42NTQgTDE2LjI2NiwyLjY1NCBMMTYuMjY2LDQuNDIzIEwxOS43MTUsNC40MjMgTDE5LjcxNSw2LjcyMiBMMTYuMjY2LDYuNzIyIEwxNi4yNjYsOC43NDEgTDIxLjM1MSw4Ljc0MSBMMjEuMzUxLDExLjExNCBMMTMuMzE5LDExLjExNCBMMTMuMzE5LDAuMjA3IEwxMy4zMTgsMC4yMDcgWiBNMCwwLjIwNyBMMi45NDgsMC4yMDcgTDIuOTQ4LDQuMjYgTDYuNTc0LDQuMjYgTDYuNTc0LDAuMjA3IEw5LjUyMiwwLjIwNyBMOS41MjIsMTEuMTEzIEw2LjU3NCwxMS4xMTMgTDYuNTc0LDYuNzA2IEwyLjk0OCw2LjcwNiBMMi45NDgsMTEuMTEzIEwwLDExLjExMyBMMCwwLjIwNyBaIj48L3BhdGg+DQogICAgPC9zeW1ib2w+DQogICAgPHN5bWJvbCBpZD0iaGVyb2t1LWgiPg0KICAgICAgPHBhdGggZD0iTTE5LDY4IEwyOCw2MCBMMTksNTIgTDE5LDY4IFogTTUxLjUxNywzNS41NzUgQzQ5LjkwNSwzMy45NDQgNDYuOTQ1LDMyIDQyLDMyIEMzNi41NzcsMzIgMzAuOTk0LDMzLjQxMSAyNywzNC43MTEgTDI3LDEyIEwxOSwxMiBMMTksNDYuNjkyIEwyNC42NTEsNDQuMTMyIEMyNC43NDIsNDQuMDkxIDMzLjg2Niw0MCA0Miw0MCBDNDYuMDYyLDQwIDQ2Ljk2MSw0Mi4yNDMgNDcsNDQuMTEgTDQ3LDY4IEw1NSw2OCBMNTUsNDQgQzU1LjAwNSw0My40ODggNTQuOTU4LDM5LjA1NSA1MS41MTcsMzUuNTc1IFogTTQxLDI1IEw0OSwyNSBDNTIuNjE4LDIwLjkgNTQuNDYsMTYuNTQ0IDU1LDEyIEw0NywxMiBDNDYuMTE4LDE2LjUzNCA0NC4xNDQsMjAuODc1IDQxLDI1IFoiPjwvcGF0aD4NCiAgICA8L3N5bWJvbD4NCiAgICA8c3ltYm9sIGlkPSJoZXJva3UtYm9yZGVyIj4NCiAgICAgIDxwYXRoIGQ9Ik02NC44LDAgTDcuMiwwIEMzLjIyNCwwIDAsMy4yMjQgMCw3LjIgTDAsNzIuOCBDMCw3Ni43NzYgMy4yMjQsODAgNy4yLDgwIEw2NC44LDgwIEM2OC43NzYsODAgNzIsNzYuNzc2IDcyLDcyLjggTDcyLDcuMiBDNzIsMy4yMjQgNjguNzc2LDAgNjQuOCwwIEw2NC44LDAgWiBNNjgsNzIuOCBDNjgsNzQuNTY0IDY2LjU2NSw3NiA2NC44LDc2IEw3LjIsNzYgQzUuNDM2LDc2IDQsNzQuNTY0IDQsNzIuOCBMNCw3LjIgQzQsNS40MzUgNS40MzYsNCA3LjIsNCBMNjQuOCw0IEM2Ni41NjUsNCA2OCw1LjQzNSA2OCw3LjIgTDY4LDcyLjggTDY4LDcyLjggWiI+PC9wYXRoPg0KICAgIDwvc3ltYm9sPg0KICANCiAgICA8ZGVmcz4gICAgICANCiAgICAgICAgPGxpbmVhckdyYWRpZW50IHgxPSIwJSIgeTE9IjEwMCUiIHgyPSIxMDAlIiB5Mj0iMCUiIGlkPSJoZXJva3UtZ3JhZGllbnQiPg0KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzVCMzhBQSIgc3RvcC1vcGFjaXR5PSIxMDAiIG9mZnNldD0iMCUiPjwvc3RvcD4NCiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM0NTA0OUEiIHN0b3Atb3BhY2l0eT0iMTAwIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4NCiAgICAgICAgPC9saW5lYXJHcmFkaWVudD4NCiAgICA8L2RlZnM+DQogICAgDQogICAgPGcgY2xhc3M9Imhlcm9rdS1sb2dvdHlwZSIgaWQ9Imhlcm9rdS1sb2dvdHlwZSIgeD0iMCIgeT0iMCIgZmlsbC1ydWxlPSJldmVub2RkIj4NCiAgICAgIDxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSI3MCIgaGVpZ2h0PSI3OCIgcng9IjUiLz4NCiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2hlcm9rdS1ib3JkZXIiLz4NCiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2hlcm9rdS1oIiAvPg0KICAgICAgPHVzZSB4bGluazpocmVmPSIjaGVyb2t1LXRleHQiIHg9IjM1IiB5PSIxMCIgdHJhbnNmb3JtPSJzY2FsZSgyLjUpIi8+DQogICAgPC9nPg0KPC9zdmc+'));
+
+$logo-heroku-vertical-purple: url(unquote('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjcycHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCA3MiAxMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aGVyb2t1IGxvZ290eXBlIHZlcnRpY2FsIGdyYWRpZW50PC90aXRsZT4KICA8c3R5bGU+CiAgICAuaGVyb2t1LWxvZ290eXBlIHsKICAgICAgICBmaWxsOiM0MzAwOTg7CiAgICB9CiAgICByZWN0IHsKICAgICAgICBmaWxsOiB0cmFuc3BhcmVudDsKICAgIH0KICA8L3N0eWxlPgogIDxzeW1ib2wgaWQ9Imhlcm9rdS10ZXh0Ij4KICAgIDxwYXRoIGQ9Ik02Mi44NDgsNi43MzYgTDYyLjg0OCwwLjIwNyBMNjUuNzk2LDAuMjA3IEw2NS43OTYsNi43MjIgQzY1Ljc5Niw4LjIyNSA2Ni4yODIsOC45MDMgNjcuNDYyLDguOTAzIEM2OC42NDEsOC45MDMgNjkuMTEyLDguMjI1IDY5LjExMiw2LjcyMiBMNjkuMTEyLDAuMjA3IEw3MiwwLjIwNyBMNzIsNi43MzYgQzcyLDkuNjI1IDcwLjYxNSwxMS4yNzUgNjcuNDMxLDExLjI3NSBDNjQuMjQ3LDExLjI3NSA2Mi44NDgsOS42MjUgNjIuODQ4LDYuNzM2IFogTTUwLjQyOCwwLjIwNyBMNTMuMzc2LDAuMjA3IEw1My4zNzYsNC4xNTcgTDU2LjM4MywwLjIwNyBMNTkuODAyLDAuMjA3IEw1Ni4xMzIsNC41MTEgTDYwLjEyNiwxMS4xMTQgTDU2Ljc5NSwxMS4xMTQgTDU0LjIxNiw2Ljc1MSBMNTMuMzc2LDcuNzI0IEw1My4zNzYsMTEuMTE0IEw1MC40MjgsMTEuMTE0IEw1MC40MjgsMC4yMDcgWiBNMzYuNDMzLDUuNjYgQzM2LjQzMywxLjY2NyAzOS4xNTksMCA0MS43OTgsMCBDNDQuNDIxLDAgNDcuMTQ4LDEuNjY2IDQ3LjE0OCw1LjY2IEM0Ny4xNDgsOS42NTQgNDQuNDIxLDExLjMyIDQxLjc5OCwxMS4zMiBDMzkuMTU5LDExLjMxOSAzNi40MzMsOS42NTQgMzYuNDMzLDUuNjYgWiBNNDQuMTk5LDUuNjYgQzQ0LjE5OSwzLjY1NiA0My4zMjksMi40MzMgNDEuNzk3LDIuNDMzIEM0MC4yNDksMi40MzMgMzkuMzgsMy42NTYgMzkuMzgsNS42NiBDMzkuMzgsNy42NjUgNDAuMjUsOC45NjIgNDEuNzk3LDguOTYyIEM0My4zMyw4Ljk2MSA0NC4xOTksNy42NjUgNDQuMTk5LDUuNjYgWiBNMjQuNTg4LDAuMjA3IEwyOC44NDcsMC4yMDcgQzMxLjY0NywwLjIwNyAzMy4zNTcsMS4xMzYgMzMuMzU3LDMuNzU5IEMzMy4zNTcsNS40NjggMzIuNjM1LDYuNDU3IDMxLjIwNSw2Ljk0MiBMMzMuNTE5LDExLjExMyBMMzAuMzk1LDExLjExMyBMMjguMjg3LDcuMzI2IEwyNy40NzYsNy4zMjYgTDI3LjQ3NiwxMS4xMTMgTDI0LjU4NywxMS4xMTMgTDI0LjU4NywwLjIwNyBMMjQuNTg4LDAuMjA3IFogTTI4Ljc0NCw1LjA4NSBDMjkuOTUzLDUuMDg1IDMwLjQ4Myw0Ljc0NiAzMC40ODMsMy44MzIgQzMwLjQ4MywyLjkxOCAyOS45NTIsMi41OTQgMjguNzQ0LDIuNTk0IEwyNy40NzcsMi41OTQgTDI3LjQ3Nyw1LjA4NSBMMjguNzQ0LDUuMDg1IFogTTEzLjMxOCwwLjIwNyBMMjEuMSwwLjIwNyBMMjEuMSwyLjY1NCBMMTYuMjY2LDIuNjU0IEwxNi4yNjYsNC40MjMgTDE5LjcxNSw0LjQyMyBMMTkuNzE1LDYuNzIyIEwxNi4yNjYsNi43MjIgTDE2LjI2Niw4Ljc0MSBMMjEuMzUxLDguNzQxIEwyMS4zNTEsMTEuMTE0IEwxMy4zMTksMTEuMTE0IEwxMy4zMTksMC4yMDcgTDEzLjMxOCwwLjIwNyBaIE0wLDAuMjA3IEwyLjk0OCwwLjIwNyBMMi45NDgsNC4yNiBMNi41NzQsNC4yNiBMNi41NzQsMC4yMDcgTDkuNTIyLDAuMjA3IEw5LjUyMiwxMS4xMTMgTDYuNTc0LDExLjExMyBMNi41NzQsNi43MDYgTDIuOTQ4LDYuNzA2IEwyLjk0OCwxMS4xMTMgTDAsMTEuMTEzIEwwLDAuMjA3IFoiPjwvcGF0aD4KICAgIDwvc3ltYm9sPgogICAgPHN5bWJvbCBpZD0iaGVyb2t1LWgiPgogICAgICA8cGF0aCBkPSJNMTksNjggTDI4LDYwIEwxOSw1MiBMMTksNjggWiBNNTEuNTE3LDM1LjU3NSBDNDkuOTA1LDMzLjk0NCA0Ni45NDUsMzIgNDIsMzIgQzM2LjU3NywzMiAzMC45OTQsMzMuNDExIDI3LDM0LjcxMSBMMjcsMTIgTDE5LDEyIEwxOSw0Ni42OTIgTDI0LjY1MSw0NC4xMzIgQzI0Ljc0Miw0NC4wOTEgMzMuODY2LDQwIDQyLDQwIEM0Ni4wNjIsNDAgNDYuOTYxLDQyLjI0MyA0Nyw0NC4xMSBMNDcsNjggTDU1LDY4IEw1NSw0NCBDNTUuMDA1LDQzLjQ4OCA1NC45NTgsMzkuMDU1IDUxLjUxNywzNS41NzUgWiBNNDEsMjUgTDQ5LDI1IEM1Mi42MTgsMjAuOSA1NC40NiwxNi41NDQgNTUsMTIgTDQ3LDEyIEM0Ni4xMTgsMTYuNTM0IDQ0LjE0NCwyMC44NzUgNDEsMjUgWiI+PC9wYXRoPgogICAgPC9zeW1ib2w+CiAgICA8c3ltYm9sIGlkPSJoZXJva3UtYm9yZGVyIj4KICAgICAgPHBhdGggZD0iTTY0LjgsMCBMNy4yLDAgQzMuMjI0LDAgMCwzLjIyNCAwLDcuMiBMMCw3Mi44IEMwLDc2Ljc3NiAzLjIyNCw4MCA3LjIsODAgTDY0LjgsODAgQzY4Ljc3Niw4MCA3Miw3Ni43NzYgNzIsNzIuOCBMNzIsNy4yIEM3MiwzLjIyNCA2OC43NzYsMCA2NC44LDAgTDY0LjgsMCBaIE02OCw3Mi44IEM2OCw3NC41NjQgNjYuNTY1LDc2IDY0LjgsNzYgTDcuMiw3NiBDNS40MzYsNzYgNCw3NC41NjQgNCw3Mi44IEw0LDcuMiBDNCw1LjQzNSA1LjQzNiw0IDcuMiw0IEw2NC44LDQgQzY2LjU2NSw0IDY4LDUuNDM1IDY4LDcuMiBMNjgsNzIuOCBMNjgsNzIuOCBaIj48L3BhdGg+CiAgICA8L3N5bWJvbD4KICAKICAgIDxkZWZzPiAgICAgIAogICAgICAgIDxsaW5lYXJHcmFkaWVudCB4MT0iMCUiIHkxPSIxMDAlIiB4Mj0iMTAwJSIgeTI9IjAlIiBpZD0iaGVyb2t1LWdyYWRpZW50Ij4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzVCMzhBQSIgc3RvcC1vcGFjaXR5PSIxMDAiIG9mZnNldD0iMCUiPjwvc3RvcD4KICAgICAgICAgICAgPHN0b3Agc3RvcC1jb2xvcj0iIzQ1MDQ5QSIgc3RvcC1vcGFjaXR5PSIxMDAiIG9mZnNldD0iMTAwJSI+PC9zdG9wPgogICAgICAgIDwvbGluZWFyR3JhZGllbnQ+CiAgICA8L2RlZnM+CiAgICAKICAgIDxnIGNsYXNzPSJoZXJva3UtbG9nb3R5cGUiIGlkPSJoZXJva3UtbG9nb3R5cGUiIHg9IjAiIHk9IjAiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgIDxyZWN0IHg9IjEiIHk9IjEiIHdpZHRoPSI3MCIgaGVpZ2h0PSI3OCIgcng9IjUiLz4KICAgICAgPHVzZSB4bGluazpocmVmPSIjaGVyb2t1LWJvcmRlciIvPgogICAgICA8dXNlIHhsaW5rOmhyZWY9IiNoZXJva3UtaCIgLz4KICAgICAgPHVzZSB4bGluazpocmVmPSIjaGVyb2t1LXRleHQiIHg9IjAiIHk9Ijg4Ii8+CiAgICA8L2c+Cjwvc3ZnPg=='));
+
+$logo-heroku-vertical-white: url(unquote('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+Cjxzdmcgd2lkdGg9IjcycHgiIGhlaWdodD0iMTAwcHgiIHZpZXdCb3g9IjAgMCA3MiAxMDAiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+aGVyb2t1IGxvZ290eXBlIHZlcnRpY2FsIGdyYWRpZW50PC90aXRsZT4KICA8c3R5bGU+CiAgICAuaGVyb2t1LWxvZ290eXBlIHsKICAgICAgICBmaWxsOndoaXRlOwogICAgfQogICAgcmVjdCB7CiAgICAgICAgZmlsbDogdHJhbnNwYXJlbnQ7CiAgICB9CiAgPC9zdHlsZT4KICA8c3ltYm9sIGlkPSJoZXJva3UtdGV4dCI+CiAgICA8cGF0aCBkPSJNNjIuODQ4LDYuNzM2IEw2Mi44NDgsMC4yMDcgTDY1Ljc5NiwwLjIwNyBMNjUuNzk2LDYuNzIyIEM2NS43OTYsOC4yMjUgNjYuMjgyLDguOTAzIDY3LjQ2Miw4LjkwMyBDNjguNjQxLDguOTAzIDY5LjExMiw4LjIyNSA2OS4xMTIsNi43MjIgTDY5LjExMiwwLjIwNyBMNzIsMC4yMDcgTDcyLDYuNzM2IEM3Miw5LjYyNSA3MC42MTUsMTEuMjc1IDY3LjQzMSwxMS4yNzUgQzY0LjI0NywxMS4yNzUgNjIuODQ4LDkuNjI1IDYyLjg0OCw2LjczNiBaIE01MC40MjgsMC4yMDcgTDUzLjM3NiwwLjIwNyBMNTMuMzc2LDQuMTU3IEw1Ni4zODMsMC4yMDcgTDU5LjgwMiwwLjIwNyBMNTYuMTMyLDQuNTExIEw2MC4xMjYsMTEuMTE0IEw1Ni43OTUsMTEuMTE0IEw1NC4yMTYsNi43NTEgTDUzLjM3Niw3LjcyNCBMNTMuMzc2LDExLjExNCBMNTAuNDI4LDExLjExNCBMNTAuNDI4LDAuMjA3IFogTTM2LjQzMyw1LjY2IEMzNi40MzMsMS42NjcgMzkuMTU5LDAgNDEuNzk4LDAgQzQ0LjQyMSwwIDQ3LjE0OCwxLjY2NiA0Ny4xNDgsNS42NiBDNDcuMTQ4LDkuNjU0IDQ0LjQyMSwxMS4zMiA0MS43OTgsMTEuMzIgQzM5LjE1OSwxMS4zMTkgMzYuNDMzLDkuNjU0IDM2LjQzMyw1LjY2IFogTTQ0LjE5OSw1LjY2IEM0NC4xOTksMy42NTYgNDMuMzI5LDIuNDMzIDQxLjc5NywyLjQzMyBDNDAuMjQ5LDIuNDMzIDM5LjM4LDMuNjU2IDM5LjM4LDUuNjYgQzM5LjM4LDcuNjY1IDQwLjI1LDguOTYyIDQxLjc5Nyw4Ljk2MiBDNDMuMzMsOC45NjEgNDQuMTk5LDcuNjY1IDQ0LjE5OSw1LjY2IFogTTI0LjU4OCwwLjIwNyBMMjguODQ3LDAuMjA3IEMzMS42NDcsMC4yMDcgMzMuMzU3LDEuMTM2IDMzLjM1NywzLjc1OSBDMzMuMzU3LDUuNDY4IDMyLjYzNSw2LjQ1NyAzMS4yMDUsNi45NDIgTDMzLjUxOSwxMS4xMTMgTDMwLjM5NSwxMS4xMTMgTDI4LjI4Nyw3LjMyNiBMMjcuNDc2LDcuMzI2IEwyNy40NzYsMTEuMTEzIEwyNC41ODcsMTEuMTEzIEwyNC41ODcsMC4yMDcgTDI0LjU4OCwwLjIwNyBaIE0yOC43NDQsNS4wODUgQzI5Ljk1Myw1LjA4NSAzMC40ODMsNC43NDYgMzAuNDgzLDMuODMyIEMzMC40ODMsMi45MTggMjkuOTUyLDIuNTk0IDI4Ljc0NCwyLjU5NCBMMjcuNDc3LDIuNTk0IEwyNy40NzcsNS4wODUgTDI4Ljc0NCw1LjA4NSBaIE0xMy4zMTgsMC4yMDcgTDIxLjEsMC4yMDcgTDIxLjEsMi42NTQgTDE2LjI2NiwyLjY1NCBMMTYuMjY2LDQuNDIzIEwxOS43MTUsNC40MjMgTDE5LjcxNSw2LjcyMiBMMTYuMjY2LDYuNzIyIEwxNi4yNjYsOC43NDEgTDIxLjM1MSw4Ljc0MSBMMjEuMzUxLDExLjExNCBMMTMuMzE5LDExLjExNCBMMTMuMzE5LDAuMjA3IEwxMy4zMTgsMC4yMDcgWiBNMCwwLjIwNyBMMi45NDgsMC4yMDcgTDIuOTQ4LDQuMjYgTDYuNTc0LDQuMjYgTDYuNTc0LDAuMjA3IEw5LjUyMiwwLjIwNyBMOS41MjIsMTEuMTEzIEw2LjU3NCwxMS4xMTMgTDYuNTc0LDYuNzA2IEwyLjk0OCw2LjcwNiBMMi45NDgsMTEuMTEzIEwwLDExLjExMyBMMCwwLjIwNyBaIj48L3BhdGg+CiAgICA8L3N5bWJvbD4KICAgIDxzeW1ib2wgaWQ9Imhlcm9rdS1oIj4KICAgICAgPHBhdGggZD0iTTE5LDY4IEwyOCw2MCBMMTksNTIgTDE5LDY4IFogTTUxLjUxNywzNS41NzUgQzQ5LjkwNSwzMy45NDQgNDYuOTQ1LDMyIDQyLDMyIEMzNi41NzcsMzIgMzAuOTk0LDMzLjQxMSAyNywzNC43MTEgTDI3LDEyIEwxOSwxMiBMMTksNDYuNjkyIEwyNC42NTEsNDQuMTMyIEMyNC43NDIsNDQuMDkxIDMzLjg2Niw0MCA0Miw0MCBDNDYuMDYyLDQwIDQ2Ljk2MSw0Mi4yNDMgNDcsNDQuMTEgTDQ3LDY4IEw1NSw2OCBMNTUsNDQgQzU1LjAwNSw0My40ODggNTQuOTU4LDM5LjA1NSA1MS41MTcsMzUuNTc1IFogTTQxLDI1IEw0OSwyNSBDNTIuNjE4LDIwLjkgNTQuNDYsMTYuNTQ0IDU1LDEyIEw0NywxMiBDNDYuMTE4LDE2LjUzNCA0NC4xNDQsMjAuODc1IDQxLDI1IFoiPjwvcGF0aD4KICAgIDwvc3ltYm9sPgogICAgPHN5bWJvbCBpZD0iaGVyb2t1LWJvcmRlciI+CiAgICAgIDxwYXRoIGQ9Ik02NC44LDAgTDcuMiwwIEMzLjIyNCwwIDAsMy4yMjQgMCw3LjIgTDAsNzIuOCBDMCw3Ni43NzYgMy4yMjQsODAgNy4yLDgwIEw2NC44LDgwIEM2OC43NzYsODAgNzIsNzYuNzc2IDcyLDcyLjggTDcyLDcuMiBDNzIsMy4yMjQgNjguNzc2LDAgNjQuOCwwIEw2NC44LDAgWiBNNjgsNzIuOCBDNjgsNzQuNTY0IDY2LjU2NSw3NiA2NC44LDc2IEw3LjIsNzYgQzUuNDM2LDc2IDQsNzQuNTY0IDQsNzIuOCBMNCw3LjIgQzQsNS40MzUgNS40MzYsNCA3LjIsNCBMNjQuOCw0IEM2Ni41NjUsNCA2OCw1LjQzNSA2OCw3LjIgTDY4LDcyLjggTDY4LDcyLjggWiI+PC9wYXRoPgogICAgPC9zeW1ib2w+CiAgCiAgICA8ZGVmcz4gICAgICAKICAgICAgICA8bGluZWFyR3JhZGllbnQgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSIgaWQ9Imhlcm9rdS1ncmFkaWVudCI+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM1QjM4QUEiIHN0b3Atb3BhY2l0eT0iMTAwIiBvZmZzZXQ9IjAlIj48L3N0b3A+CiAgICAgICAgICAgIDxzdG9wIHN0b3AtY29sb3I9IiM0NTA0OUEiIHN0b3Atb3BhY2l0eT0iMTAwIiBvZmZzZXQ9IjEwMCUiPjwvc3RvcD4KICAgICAgICA8L2xpbmVhckdyYWRpZW50PgogICAgPC9kZWZzPgogICAgCiAgICA8ZyBjbGFzcz0iaGVyb2t1LWxvZ290eXBlIiBpZD0iaGVyb2t1LWxvZ290eXBlIiB4PSIwIiB5PSIwIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICA8cmVjdCB4PSIxIiB5PSIxIiB3aWR0aD0iNzAiIGhlaWdodD0iNzgiIHJ4PSI1Ii8+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2hlcm9rdS1ib3JkZXIiLz4KICAgICAgPHVzZSB4bGluazpocmVmPSIjaGVyb2t1LWgiIC8+CiAgICAgIDx1c2UgeGxpbms6aHJlZj0iI2hlcm9rdS10ZXh0IiB4PSIwIiB5PSI4OCIvPgogICAgPC9nPgo8L3N2Zz4='));
+
+$logo-sfdc-heroku-gray: url(unquote('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3MjguNiAzMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcyOC42IDMyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzAwQTFERjt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KCS5zdDJ7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30NCgkuc3Qze2ZpbGw6IzdEODY4Qzt9DQo8L3N0eWxlPg0KPGc+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xODUuNyw2My41YzExLjYtMTIuMSwyNy44LTE5LjYsNDUuNy0xOS42YzIzLjgsMCw0NC41LDEzLjMsNTUuNSwzMi45YzkuNi00LjMsMjAuMi02LjcsMzEuNC02LjcNCgkJCWM0Mi45LDAsNzcuNiwzNS4xLDc3LjYsNzguM3MtMzQuNyw3OC4zLTc3LjYsNzguM2MtNS4yLDAtMTAuMy0wLjUtMTUuMy0xLjVjLTkuNywxNy4zLTI4LjMsMjkuMS00OS41LDI5LjENCgkJCWMtOC45LDAtMTcuMy0yLjEtMjQuOC01LjdjLTkuOSwyMy4yLTMyLjgsMzkuNC01OS42LDM5LjRjLTI3LjksMC01MS42LTE3LjYtNjAuNy00Mi40Yy00LDAuOC04LjEsMS4zLTEyLjQsMS4zDQoJCQljLTMzLjIsMC02MC4xLTI3LjItNjAuMS02MC43YzAtMjIuNSwxMi4xLTQyLjEsMzAtNTIuNmMtMy43LTguNS01LjgtMTcuOS01LjgtMjcuOGMwLTM4LjYsMzEuMy02OS44LDY5LjktNjkuOA0KCQkJQzE1Mi44LDM2LDE3Mi45LDQ2LjgsMTg1LjcsNjMuNXoiLz4NCgk8L2c+DQoJPGc+DQoJCTxnPg0KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTg4LDE2Ni43Yy0wLjIsMC42LDAuMSwwLjcsMC4yLDAuOGMwLjcsMC41LDEuNCwwLjgsMi4xLDEuMmMzLjcsMS45LDcuMSwyLjUsMTAuOCwyLjVjNy40LDAsMTItMy45LDEyLTEwLjINCgkJCQl2LTAuMWMwLTUuOC01LjItOC0xMC05LjVsLTAuNi0wLjJjLTMuNy0xLjItNi44LTIuMi02LjgtNC42di0wLjFjMC0yLjEsMS44LTMuNiw0LjctMy42YzMuMiwwLDcsMS4xLDkuNCwyLjRjMCwwLDAuNywwLjUsMS0wLjINCgkJCQljMC4xLTAuNCwxLjQtMy43LDEuNS00YzAuMS0wLjQtMC4xLTAuNy0wLjQtMC44Yy0yLjgtMS43LTYuNi0yLjgtMTAuNi0yLjhsLTAuNywwYy02LjgsMC0xMS41LDQuMS0xMS41LDkuOXYwLjENCgkJCQljMCw2LjIsNS4yLDguMiwxMC4xLDkuNmwwLjgsMC4yYzMuNiwxLjEsNi42LDIsNi42LDQuNXYwLjFjMCwyLjMtMiw0LTUuMiw0Yy0xLjIsMC01LjIsMC05LjUtMi43Yy0wLjUtMC4zLTAuOC0wLjUtMS4yLTAuOA0KCQkJCWMtMC4yLTAuMS0wLjctMC40LTEsMC4zTDg4LDE2Ni43eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTE5Ni4xLDE2Ni43Yy0wLjIsMC42LDAuMSwwLjcsMC4yLDAuOGMwLjcsMC41LDEuNCwwLjgsMi4xLDEuMmMzLjcsMS45LDcuMSwyLjUsMTAuOCwyLjUNCgkJCQljNy40LDAsMTItMy45LDEyLTEwLjJ2LTAuMWMwLTUuOC01LjItOC0xMC05LjVsLTAuNi0wLjJjLTMuNy0xLjItNi44LTIuMi02LjgtNC42di0wLjFjMC0yLjEsMS44LTMuNiw0LjctMy42DQoJCQkJYzMuMiwwLDcsMS4xLDkuNCwyLjRjMCwwLDAuNywwLjUsMS0wLjJjMC4xLTAuNCwxLjQtMy43LDEuNS00YzAuMS0wLjQtMC4xLTAuNy0wLjQtMC44Yy0yLjgtMS43LTYuNi0yLjgtMTAuNi0yLjhsLTAuNywwDQoJCQkJYy02LjgsMC0xMS41LDQuMS0xMS41LDkuOXYwLjFjMCw2LjIsNS4yLDguMiwxMC4xLDkuNmwwLjgsMC4yYzMuNiwxLjEsNi42LDIsNi42LDQuNXYwLjFjMCwyLjMtMiw0LTUuMiw0Yy0xLjIsMC01LjIsMC05LjUtMi43DQoJCQkJYy0wLjUtMC4zLTAuOC0wLjUtMS4yLTAuOGMtMC4xLTAuMS0wLjgtMC4zLTEsMC4zTDE5Ni4xLDE2Ni43eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTI3Ni4xLDE0Ny43Yy0wLjYtMi0xLjYtMy45LTIuOC01LjRjLTEuMy0xLjUtMi44LTIuNy00LjctMy42Yy0xLjktMC45LTQuMS0xLjMtNi42LTEuMw0KCQkJCWMtMi41LDAtNC43LDAuNC02LjYsMS4zYy0xLjksMC45LTMuNSwyLjEtNC43LDMuNmMtMS4zLDEuNS0yLjIsMy4zLTIuOCw1LjRjLTAuNiwyLTAuOSw0LjMtMC45LDYuNmMwLDIuNCwwLjMsNC42LDAuOSw2LjYNCgkJCQljMC42LDIsMS41LDMuOCwyLjgsNS40YzEuMywxLjUsMi45LDIuNyw0LjcsMy42YzEuOSwwLjksNC4xLDEuMyw2LjYsMS4zYzIuNSwwLDQuNy0wLjQsNi42LTEuM2MxLjktMC45LDMuNS0yLjEsNC43LTMuNg0KCQkJCWMxLjMtMS41LDIuMi0zLjMsMi44LTUuNGMwLjYtMiwwLjktNC4zLDAuOS02LjZDMjc3LDE1MS45LDI3Ni43LDE0OS43LDI3Ni4xLDE0Ny43IE0yNjkuOSwxNTQuM2MwLDMuNi0wLjcsNi40LTIsOC40DQoJCQkJYy0xLjMsMi0zLjMsMi45LTYsMi45Yy0yLjcsMC00LjctMS02LTIuOWMtMS4zLTItMS45LTQuOC0xLjktOC40YzAtMy42LDAuNy02LjQsMS45LTguM2MxLjMtMiwzLjItMi45LDYtMi45DQoJCQkJYzIuNywwLDQuNywwLjksNiwyLjlDMjY5LjMsMTQ3LjksMjY5LjksMTUwLjcsMjY5LjksMTU0LjMiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zMjYuNywxNjQuNmMtMC4yLTAuNi0wLjgtMC40LTAuOC0wLjRjLTAuOSwwLjMtMS44LDAuNy0yLjksMC44Yy0xLDAuMi0yLjIsMC4yLTMuNCwwLjJjLTMsMC01LjQtMC45LTctMi42DQoJCQkJYy0xLjctMS44LTIuNy00LjYtMi42LTguNGMwLTMuNSwwLjktNi4xLDIuNC04LjFjMS41LTIsMy44LTMsNi44LTNjMi41LDAsNC41LDAuMyw2LjUsMC45YzAsMCwwLjUsMC4yLDAuNy0wLjQNCgkJCQljMC41LTEuNSwwLjktMi42LDEuNS00LjJjMC4yLTAuNS0wLjItMC43LTAuNC0wLjdjLTAuOC0wLjMtMi43LTAuOC00LjEtMWMtMS4zLTAuMi0yLjktMC4zLTQuNi0wLjNjLTIuNiwwLTQuOSwwLjQtNi45LDEuMw0KCQkJCWMtMiwwLjktMy42LDIuMS01LDMuNmMtMS4zLDEuNS0yLjMsMy4zLTMsNS40Yy0wLjcsMi0xLDQuMy0xLDYuNmMwLDUuMSwxLjQsOS4yLDQuMSwxMi4zYzIuNywzLDYuOCw0LjYsMTIuMiw0LjYNCgkJCQljMy4yLDAsNi40LTAuNiw4LjctMS42YzAsMCwwLjQtMC4yLDAuMy0wLjdMMzI2LjcsMTY0LjZ6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QyIiBkPSJNMzU4LjMsMTQ2LjVjLTAuNS0yLTEuOC00LTIuNy00LjljLTEuMy0xLjQtMi43LTIuNS00LTNjLTEuNy0wLjctMy43LTEuMi02LTEuMmMtMi42LDAtNSwwLjQtNi45LDEuMw0KCQkJCWMtMS45LDAuOS0zLjUsMi4xLTQuOCwzLjdjLTEuMywxLjUtMi4yLDMuNC0yLjgsNS40Yy0wLjYsMi4xLTAuOSw0LjMtMC45LDYuN2MwLDIuNCwwLjMsNC42LDAuOSw2LjdjMC42LDIsMS43LDMuOCwzLDUuMw0KCQkJCWMxLjQsMS41LDMuMSwyLjcsNS4yLDMuNWMyLjEsMC44LDQuNiwxLjIsNy42LDEuMmM2LDAsOS4yLTEuNCwxMC41LTIuMWMwLjItMC4xLDAuNS0wLjQsMC4yLTFsLTEuNC0zLjgNCgkJCQljLTAuMi0wLjYtMC44LTAuNC0wLjgtMC40Yy0xLjUsMC42LTMuNiwxLjYtOC42LDEuNWMtMy4yLDAtNS42LTEtNy4xLTIuNWMtMS41LTEuNS0yLjMtMy44LTIuNC02LjlsMjAuOSwwYzAsMCwwLjUsMCwwLjYtMC41DQoJCQkJQzM1OC45LDE1NS4zLDM1OS42LDE1MS4yLDM1OC4zLDE0Ni41eiBNMzM3LjUsMTUwLjljMC4zLTIsMC44LTMuNiwxLjctNC45YzEuMy0yLDMuMi0zLDYtM2MyLjcsMCw0LjUsMS4xLDUuOCwzDQoJCQkJYzAuOSwxLjMsMS4yLDMsMS40LDQuOUwzMzcuNSwxNTAuOXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xOTEuMiwxNDYuNWMtMC41LTItMS44LTQtMi43LTQuOWMtMS4zLTEuNC0yLjctMi41LTQtM2MtMS43LTAuNy0zLjctMS4yLTYtMS4yYy0yLjYsMC01LDAuNC02LjksMS4zDQoJCQkJYy0xLjksMC45LTMuNSwyLjEtNC44LDMuN2MtMS4zLDEuNS0yLjIsMy40LTIuOCw1LjRjLTAuNiwyLjEtMC45LDQuMy0wLjksNi43YzAsMi40LDAuMyw0LjYsMC45LDYuN2MwLjYsMiwxLjcsMy44LDMsNS4zDQoJCQkJYzEuNCwxLjUsMy4xLDIuNyw1LjIsMy41YzIuMSwwLjgsNC42LDEuMiw3LjYsMS4yYzYsMCw5LjItMS40LDEwLjUtMi4xYzAuMi0wLjEsMC40LTAuNCwwLjItMWwtMS40LTMuOA0KCQkJCWMtMC4yLTAuNi0wLjgtMC40LTAuOC0wLjRjLTEuNSwwLjYtMy42LDEuNi04LjYsMS41Yy0zLjIsMC01LjYtMS03LjEtMi41Yy0xLjUtMS41LTIuMy0zLjgtMi40LTYuOWwyMC45LDBjMCwwLDAuNSwwLDAuNi0wLjUNCgkJCQlDMTkxLjgsMTU1LjMsMTkyLjUsMTUxLjIsMTkxLjIsMTQ2LjV6IE0xNzAuNCwxNTAuOWMwLjMtMiwwLjgtMy42LDEuNy00LjljMS4zLTIsMy4yLTMsNi0zYzIuNywwLDQuNSwxLjEsNS44LDMNCgkJCQljMC45LDEuMywxLjIsMywxLjQsNC45TDE3MC40LDE1MC45eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTEzMy42LDE0OS45Yy0wLjgtMC4xLTEuOS0wLjEtMy4zLTAuMWMtMS44LDAtMy41LDAuMi01LjEsMC43Yy0xLjYsMC40LTMuMSwxLjEtNC40LDINCgkJCQljLTEuMywwLjktMi4zLDIuMS0zLDMuNGMtMC43LDEuNC0xLjEsMy0xLjEsNC44YzAsMS44LDAuMywzLjUsMSw0LjhjMC42LDEuMywxLjYsMi40LDIuNywzLjNjMS4yLDAuOCwyLjYsMS41LDQuMywxLjgNCgkJCQljMS42LDAuNCwzLjUsMC42LDUuNSwwLjZjMi4xLDAsNC4zLTAuMiw2LjMtMC41YzItMC4zLDQuNi0wLjksNS4zLTFjMC43LTAuMiwxLjUtMC40LDEuNS0wLjRjMC41LTAuMSwwLjUtMC43LDAuNS0wLjdsMC0xOS4xDQoJCQkJYzAtNC4yLTEuMS03LjMtMy4zLTkuMmMtMi4yLTEuOS01LjQtMi45LTkuNi0yLjljLTEuNiwwLTQuMSwwLjItNS42LDAuNWMwLDAtNC42LDAuOS02LjQsMi40YzAsMC0wLjQsMC4zLTAuMiwwLjhsMS41LDQNCgkJCQljMC4yLDAuNSwwLjcsMC4zLDAuNywwLjNzMC4yLTAuMSwwLjMtMC4yYzQtMi4yLDkuMS0yLjEsOS4xLTIuMWMyLjMsMCw0LDAuNSw1LjIsMS4zYzEuMSwwLjksMS43LDIuMiwxLjcsNXYwLjkNCgkJCQlDMTM1LjMsMTUwLDEzMy42LDE0OS45LDEzMy42LDE0OS45eiBNMTI1LjMsMTY0LjVjLTAuOC0wLjctMC45LTAuOC0xLjItMS4yYy0wLjQtMC42LTAuNi0xLjYtMC42LTIuN2MwLTEuOCwwLjYtMy4yLDEuOS00DQoJCQkJYzAsMCwxLjgtMS42LDYuMS0xLjVjMywwLDUuNywwLjUsNS43LDAuNXY5LjVoMGMwLDAtMi43LDAuNi01LjYsMC43QzEyNy4yLDE2NiwxMjUuMywxNjQuNSwxMjUuMywxNjQuNXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zMDEuOSwxMzkuMWMwLjItMC41LTAuMi0wLjctMC4zLTAuOGMtMC40LTAuMS0yLjEtMC41LTMuNS0wLjZjLTIuNi0wLjItNC4xLDAuMy01LjQsMC45DQoJCQkJYy0xLjMsMC42LTIuNywxLjUtMy41LDIuNmwwLTIuNWMwLTAuMy0wLjItMC42LTAuNi0wLjZoLTUuM2MtMC4zLDAtMC42LDAuMy0wLjYsMC42djMxLjFjMCwwLjMsMC4zLDAuNiwwLjYsMC42aDUuNQ0KCQkJCWMwLjMsMCwwLjYtMC4zLDAuNi0wLjZ2LTE1LjZjMC0yLjEsMC4yLTQuMiwwLjctNS41YzAuNS0xLjMsMS4xLTIuMywxLjgtMy4xYzAuOC0wLjcsMS42LTEuMywyLjYtMS41YzEtMC4zLDItMC40LDIuOC0wLjQNCgkJCQljMS4xLDAsMi4zLDAuMywyLjMsMC4zYzAuNCwwLDAuNi0wLjIsMC44LTAuNkMzMDAuNywxNDIuNSwzMDEuNywxMzkuNywzMDEuOSwxMzkuMXoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0yNTAuNCwxMjQuN2MtMC43LTAuMi0xLjMtMC4zLTIuMS0wLjVjLTAuOC0wLjEtMS44LTAuMi0yLjgtMC4yYy0zLjgsMC02LjcsMS4xLTguOCwzLjINCgkJCQljLTIuMSwyLjEtMy41LDUuMy00LjIsOS41bC0wLjMsMS40aC00LjdjMCwwLTAuNiwwLTAuNywwLjZMMjI2LDE0M2MtMC4xLDAuNCwwLjEsMC43LDAuNywwLjdoNC42bC00LjcsMjYuMQ0KCQkJCWMtMC40LDIuMS0wLjgsMy44LTEuMiw1LjFjLTAuNSwxLjMtMC45LDIuMy0xLjUsM2MtMC41LDAuNy0xLDEuMi0xLjksMS41Yy0wLjcsMC4yLTEuNSwwLjQtMi41LDAuNGMtMC41LDAtMS4yLTAuMS0xLjctMC4yDQoJCQkJYy0wLjUtMC4xLTAuOC0wLjItMS4xLTAuNGMwLDAtMC41LTAuMi0wLjgsMC4zYy0wLjIsMC40LTEuNCwzLjgtMS41LDQuMmMtMC4xLDAuNCwwLjEsMC43LDAuMywwLjhjMC42LDAuMiwxLjEsMC40LDEuOSwwLjYNCgkJCQljMS4yLDAuMywyLjEsMC4zLDMuMSwwLjNjMS45LDAsMy43LTAuMyw1LjEtMC44YzEuNS0wLjUsMi43LTEuNCwzLjktMi43YzEuMi0xLjMsMi0yLjcsMi43LTQuN2MwLjctMS45LDEuMy00LjMsMS44LTdsNC43LTI2LjYNCgkJCQloNi45YzAsMCwwLjYsMCwwLjctMC42bDAuOC00LjNjMC4xLTAuNC0wLjEtMC43LTAuNy0wLjdIMjM5YzAtMC4yLDAuMy0yLjUsMS4xLTQuN2MwLjMtMC45LDAuOS0xLjcsMS41LTIuMg0KCQkJCWMwLjUtMC41LDEuMS0wLjksMS43LTEuMWMwLjctMC4yLDEuNC0wLjMsMi4yLTAuM2MwLjYsMCwxLjIsMC4xLDEuNywwLjJjMC42LDAuMSwwLjksMC4yLDEuMSwwLjNjMC43LDAuMiwwLjgsMCwwLjktMC4zbDEuNi00LjQNCgkJCQlDMjUxLDEyNSwyNTAuNiwxMjQuOCwyNTAuNCwxMjQuN3oiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNTcuMiwxNjkuOGMwLDAuMy0wLjIsMC42LTAuNiwwLjZoLTUuNWMtMC4zLDAtMC42LTAuMy0wLjYtMC42di00NC41YzAtMC4zLDAuMi0wLjYsMC42LTAuNmg1LjUNCgkJCQljMC4zLDAsMC42LDAuMywwLjYsMC42VjE2OS44eiIvPg0KCQk8L2c+DQoJPC9nPg0KCTxnPg0KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNNDIyLjEsMTA2LjJoNi44djI2LjdjMy00LjksNy43LTguOSwxNS42LTguOWMxMSwwLDE3LjQsNy40LDE3LjQsMTguMnYyOC4yaC02Ljh2LTI2LjYNCgkJCWMwLTguNC00LjYtMTMuNy0xMi42LTEzLjdjLTcuOCwwLTEzLjYsNS43LTEzLjYsMTQuM3YyNmgtNi44VjEwNi4yeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QzIiBkPSJNNDcwLjYsMTQ3Ljh2LTAuMmMwLTEzLjEsOS4yLTIzLjcsMjEuOC0yMy43YzEzLjUsMCwyMS4yLDEwLjcsMjEuMiwyNGMwLDAuOSwwLDEuNC0wLjEsMi4yaC0zNi4xDQoJCQljMSw5LjksNy45LDE1LjQsMTYsMTUuNGM2LjIsMCwxMC42LTIuNiwxNC4zLTYuNGw0LjIsMy44Yy00LjYsNS4xLTEwLjEsOC41LTE4LjcsOC41QzQ4MC44LDE3MS41LDQ3MC42LDE2MS45LDQ3MC42LDE0Ny44eg0KCQkJIE01MDYuOCwxNDUuMmMtMC43LTguMy01LjUtMTUuNS0xNC41LTE1LjVjLTcuOSwwLTEzLjksNi42LTE0LjgsMTUuNUg1MDYuOHoiLz4NCgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTUyMi42LDEyNWg2Ljh2MTEuOWMzLjMtNy42LDkuOS0xMywxOC42LTEyLjd2Ny4zaC0wLjVjLTkuOSwwLTE4LDcuMS0xOCwyMC45djE4LjFoLTYuOFYxMjV6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDMiIGQ9Ik01NTAuNSwxNDcuOXYtMC4yYzAtMTIuOCwxMC0yMy44LDIzLjgtMjMuOGMxMy42LDAsMjMuNywxMC43LDIzLjcsMjMuNnYwLjJjMCwxMi44LTEwLjEsMjMuOC0yMy44LDIzLjgNCgkJCUM1NjAuNCwxNzEuNSw1NTAuNSwxNjAuOCw1NTAuNSwxNDcuOXogTTU5MC45LDE0Ny45di0wLjJjMC05LjgtNy4zLTE3LjgtMTYuOS0xNy44Yy05LjksMC0xNi42LDgtMTYuNiwxNy42djAuMg0KCQkJYzAsOS44LDcuMiwxNy43LDE2LjgsMTcuN0M1ODQuMSwxNjUuNCw1OTAuOSwxNTcuNSw1OTAuOSwxNDcuOXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTYwNi45LDEwNi4yaDYuOHY0NC40bDI0LjYtMjUuNmg4LjRsLTE5LjEsMTkuNWwxOS43LDI2aC04LjFMNjIzLDE0OS4ybC05LjIsOS4zdjExLjloLTYuOFYxMDYuMnoiLz4NCgkJPHBhdGggY2xhc3M9InN0MyIgZD0iTTY1My4xLDE1My4yVjEyNWg2Ljh2MjYuNmMwLDguNCw0LjYsMTMuNywxMi42LDEzLjdjNy43LDAsMTMuNi01LjcsMTMuNi0xNC4zdi0yNmg2Ljd2NDUuNWgtNi43di03LjkNCgkJCWMtMy4xLDQuOS03LjcsOC45LTE1LjYsOC45QzY1OS41LDE3MS40LDY1My4xLDE2NCw2NTMuMSwxNTMuMnoiLz4NCgk8L2c+DQo8L2c+DQo8L3N2Zz4NCg=='));
+
+$logo-sfdc-heroku-white: url(unquote('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4xLjAsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjxzdmcgdmVyc2lvbj0iMS4xIiBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayIgeD0iMHB4IiB5PSIwcHgiDQoJIHZpZXdCb3g9IjAgMCA3MjguNiAzMjQiIHN0eWxlPSJlbmFibGUtYmFja2dyb3VuZDpuZXcgMCAwIDcyOC42IDMyNDsiIHhtbDpzcGFjZT0icHJlc2VydmUiPg0KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4NCgkuc3Qwe2ZpbGw6IzAwQTFERjt9DQoJLnN0MXtmaWxsOiNGRkZGRkY7fQ0KCS5zdDJ7ZmlsbC1ydWxlOmV2ZW5vZGQ7Y2xpcC1ydWxlOmV2ZW5vZGQ7ZmlsbDojRkZGRkZGO30NCjwvc3R5bGU+DQo8Zz4NCgk8Zz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE4NS43LDYzLjVjMTEuNi0xMi4xLDI3LjgtMTkuNiw0NS43LTE5LjZjMjMuOCwwLDQ0LjUsMTMuMyw1NS41LDMyLjljOS42LTQuMywyMC4yLTYuNywzMS40LTYuNw0KCQkJYzQyLjksMCw3Ny42LDM1LjEsNzcuNiw3OC4zcy0zNC43LDc4LjMtNzcuNiw3OC4zYy01LjIsMC0xMC4zLTAuNS0xNS4zLTEuNWMtOS43LDE3LjMtMjguMywyOS4xLTQ5LjUsMjkuMQ0KCQkJYy04LjksMC0xNy4zLTIuMS0yNC44LTUuN2MtOS45LDIzLjItMzIuOCwzOS40LTU5LjYsMzkuNGMtMjcuOSwwLTUxLjYtMTcuNi02MC43LTQyLjRjLTQsMC44LTguMSwxLjMtMTIuNCwxLjMNCgkJCWMtMzMuMiwwLTYwLjEtMjcuMi02MC4xLTYwLjdjMC0yMi41LDEyLjEtNDIuMSwzMC01Mi42Yy0zLjctOC41LTUuOC0xNy45LTUuOC0yNy44YzAtMzguNiwzMS4zLTY5LjgsNjkuOS02OS44DQoJCQlDMTUyLjgsMzYsMTcyLjksNDYuOCwxODUuNyw2My41eiIvPg0KCTwvZz4NCgk8Zz4NCgkJPGc+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNODgsMTY2LjdjLTAuMiwwLjYsMC4xLDAuNywwLjIsMC44YzAuNywwLjUsMS40LDAuOCwyLjEsMS4yYzMuNywxLjksNy4xLDIuNSwxMC44LDIuNWM3LjQsMCwxMi0zLjksMTItMTAuMg0KCQkJCXYtMC4xYzAtNS44LTUuMi04LTEwLTkuNWwtMC42LTAuMmMtMy43LTEuMi02LjgtMi4yLTYuOC00LjZ2LTAuMWMwLTIuMSwxLjgtMy42LDQuNy0zLjZjMy4yLDAsNywxLjEsOS40LDIuNGMwLDAsMC43LDAuNSwxLTAuMg0KCQkJCWMwLjEtMC40LDEuNC0zLjcsMS41LTRjMC4xLTAuNC0wLjEtMC43LTAuNC0wLjhjLTIuOC0xLjctNi42LTIuOC0xMC42LTIuOGwtMC43LDBjLTYuOCwwLTExLjUsNC4xLTExLjUsOS45djAuMQ0KCQkJCWMwLDYuMiw1LjIsOC4yLDEwLjEsOS42bDAuOCwwLjJjMy42LDEuMSw2LjYsMiw2LjYsNC41djAuMWMwLDIuMy0yLDQtNS4yLDRjLTEuMiwwLTUuMiwwLTkuNS0yLjdjLTAuNS0wLjMtMC44LTAuNS0xLjItMC44DQoJCQkJYy0wLjItMC4xLTAuNy0wLjQtMSwwLjNMODgsMTY2Ljd6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTk2LjEsMTY2LjdjLTAuMiwwLjYsMC4xLDAuNywwLjIsMC44YzAuNywwLjUsMS40LDAuOCwyLjEsMS4yYzMuNywxLjksNy4xLDIuNSwxMC44LDIuNQ0KCQkJCWM3LjQsMCwxMi0zLjksMTItMTAuMnYtMC4xYzAtNS44LTUuMi04LTEwLTkuNWwtMC42LTAuMmMtMy43LTEuMi02LjgtMi4yLTYuOC00LjZ2LTAuMWMwLTIuMSwxLjgtMy42LDQuNy0zLjYNCgkJCQljMy4yLDAsNywxLjEsOS40LDIuNGMwLDAsMC43LDAuNSwxLTAuMmMwLjEtMC40LDEuNC0zLjcsMS41LTRjMC4xLTAuNC0wLjEtMC43LTAuNC0wLjhjLTIuOC0xLjctNi42LTIuOC0xMC42LTIuOGwtMC43LDANCgkJCQljLTYuOCwwLTExLjUsNC4xLTExLjUsOS45djAuMWMwLDYuMiw1LjIsOC4yLDEwLjEsOS42bDAuOCwwLjJjMy42LDEuMSw2LjYsMiw2LjYsNC41djAuMWMwLDIuMy0yLDQtNS4yLDRjLTEuMiwwLTUuMiwwLTkuNS0yLjcNCgkJCQljLTAuNS0wLjMtMC44LTAuNS0xLjItMC44Yy0wLjEtMC4xLTAuOC0wLjMtMSwwLjNMMTk2LjEsMTY2Ljd6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMjc2LjEsMTQ3LjdjLTAuNi0yLTEuNi0zLjktMi44LTUuNGMtMS4zLTEuNS0yLjgtMi43LTQuNy0zLjZjLTEuOS0wLjktNC4xLTEuMy02LjYtMS4zDQoJCQkJYy0yLjUsMC00LjcsMC40LTYuNiwxLjNjLTEuOSwwLjktMy41LDIuMS00LjcsMy42Yy0xLjMsMS41LTIuMiwzLjMtMi44LDUuNGMtMC42LDItMC45LDQuMy0wLjksNi42YzAsMi40LDAuMyw0LjYsMC45LDYuNg0KCQkJCWMwLjYsMiwxLjUsMy44LDIuOCw1LjRjMS4zLDEuNSwyLjksMi43LDQuNywzLjZjMS45LDAuOSw0LjEsMS4zLDYuNiwxLjNjMi41LDAsNC43LTAuNCw2LjYtMS4zYzEuOS0wLjksMy41LTIuMSw0LjctMy42DQoJCQkJYzEuMy0xLjUsMi4yLTMuMywyLjgtNS40YzAuNi0yLDAuOS00LjMsMC45LTYuNkMyNzcsMTUxLjksMjc2LjcsMTQ5LjcsMjc2LjEsMTQ3LjcgTTI2OS45LDE1NC4zYzAsMy42LTAuNyw2LjQtMiw4LjQNCgkJCQljLTEuMywyLTMuMywyLjktNiwyLjljLTIuNywwLTQuNy0xLTYtMi45Yy0xLjMtMi0xLjktNC44LTEuOS04LjRjMC0zLjYsMC43LTYuNCwxLjktOC4zYzEuMy0yLDMuMi0yLjksNi0yLjkNCgkJCQljMi43LDAsNC43LDAuOSw2LDIuOUMyNjkuMywxNDcuOSwyNjkuOSwxNTAuNywyNjkuOSwxNTQuMyIvPg0KCQkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTMyNi43LDE2NC42Yy0wLjItMC42LTAuOC0wLjQtMC44LTAuNGMtMC45LDAuMy0xLjgsMC43LTIuOSwwLjhjLTEsMC4yLTIuMiwwLjItMy40LDAuMmMtMywwLTUuNC0wLjktNy0yLjYNCgkJCQljLTEuNy0xLjgtMi43LTQuNi0yLjYtOC40YzAtMy41LDAuOS02LjEsMi40LTguMWMxLjUtMiwzLjgtMyw2LjgtM2MyLjUsMCw0LjUsMC4zLDYuNSwwLjljMCwwLDAuNSwwLjIsMC43LTAuNA0KCQkJCWMwLjUtMS41LDAuOS0yLjYsMS41LTQuMmMwLjItMC41LTAuMi0wLjctMC40LTAuN2MtMC44LTAuMy0yLjctMC44LTQuMS0xYy0xLjMtMC4yLTIuOS0wLjMtNC42LTAuM2MtMi42LDAtNC45LDAuNC02LjksMS4zDQoJCQkJYy0yLDAuOS0zLjYsMi4xLTUsMy42Yy0xLjMsMS41LTIuMywzLjMtMyw1LjRjLTAuNywyLTEsNC4zLTEsNi42YzAsNS4xLDEuNCw5LjIsNC4xLDEyLjNjMi43LDMsNi44LDQuNiwxMi4yLDQuNg0KCQkJCWMzLjIsMCw2LjQtMC42LDguNy0xLjZjMCwwLDAuNC0wLjIsMC4zLTAuN0wzMjYuNywxNjQuNnoiLz4NCgkJCTxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0zNTguMywxNDYuNWMtMC41LTItMS44LTQtMi43LTQuOWMtMS4zLTEuNC0yLjctMi41LTQtM2MtMS43LTAuNy0zLjctMS4yLTYtMS4yYy0yLjYsMC01LDAuNC02LjksMS4zDQoJCQkJYy0xLjksMC45LTMuNSwyLjEtNC44LDMuN2MtMS4zLDEuNS0yLjIsMy40LTIuOCw1LjRjLTAuNiwyLjEtMC45LDQuMy0wLjksNi43YzAsMi40LDAuMyw0LjYsMC45LDYuN2MwLjYsMiwxLjcsMy44LDMsNS4zDQoJCQkJYzEuNCwxLjUsMy4xLDIuNyw1LjIsMy41YzIuMSwwLjgsNC42LDEuMiw3LjYsMS4yYzYsMCw5LjItMS40LDEwLjUtMi4xYzAuMi0wLjEsMC41LTAuNCwwLjItMWwtMS40LTMuOA0KCQkJCWMtMC4yLTAuNi0wLjgtMC40LTAuOC0wLjRjLTEuNSwwLjYtMy42LDEuNi04LjYsMS41Yy0zLjIsMC01LjYtMS03LjEtMi41Yy0xLjUtMS41LTIuMy0zLjgtMi40LTYuOWwyMC45LDBjMCwwLDAuNSwwLDAuNi0wLjUNCgkJCQlDMzU4LjksMTU1LjMsMzU5LjYsMTUxLjIsMzU4LjMsMTQ2LjV6IE0zMzcuNSwxNTAuOWMwLjMtMiwwLjgtMy42LDEuNy00LjljMS4zLTIsMy4yLTMsNi0zYzIuNywwLDQuNSwxLjEsNS44LDMNCgkJCQljMC45LDEuMywxLjIsMywxLjQsNC45TDMzNy41LDE1MC45eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTE5MS4yLDE0Ni41Yy0wLjUtMi0xLjgtNC0yLjctNC45Yy0xLjMtMS40LTIuNy0yLjUtNC0zYy0xLjctMC43LTMuNy0xLjItNi0xLjJjLTIuNiwwLTUsMC40LTYuOSwxLjMNCgkJCQljLTEuOSwwLjktMy41LDIuMS00LjgsMy43Yy0xLjMsMS41LTIuMiwzLjQtMi44LDUuNGMtMC42LDIuMS0wLjksNC4zLTAuOSw2LjdjMCwyLjQsMC4zLDQuNiwwLjksNi43YzAuNiwyLDEuNywzLjgsMyw1LjMNCgkJCQljMS40LDEuNSwzLjEsMi43LDUuMiwzLjVjMi4xLDAuOCw0LjYsMS4yLDcuNiwxLjJjNiwwLDkuMi0xLjQsMTAuNS0yLjFjMC4yLTAuMSwwLjQtMC40LDAuMi0xbC0xLjQtMy44DQoJCQkJYy0wLjItMC42LTAuOC0wLjQtMC44LTAuNGMtMS41LDAuNi0zLjYsMS42LTguNiwxLjVjLTMuMiwwLTUuNi0xLTcuMS0yLjVjLTEuNS0xLjUtMi4zLTMuOC0yLjQtNi45bDIwLjksMGMwLDAsMC41LDAsMC42LTAuNQ0KCQkJCUMxOTEuOCwxNTUuMywxOTIuNSwxNTEuMiwxOTEuMiwxNDYuNXogTTE3MC40LDE1MC45YzAuMy0yLDAuOC0zLjYsMS43LTQuOWMxLjMtMiwzLjItMyw2LTNjMi43LDAsNC41LDEuMSw1LjgsMw0KCQkJCWMwLjksMS4zLDEuMiwzLDEuNCw0LjlMMTcwLjQsMTUwLjl6Ii8+DQoJCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNMTMzLjYsMTQ5LjljLTAuOC0wLjEtMS45LTAuMS0zLjMtMC4xYy0xLjgsMC0zLjUsMC4yLTUuMSwwLjdjLTEuNiwwLjQtMy4xLDEuMS00LjQsMg0KCQkJCWMtMS4zLDAuOS0yLjMsMi4xLTMsMy40Yy0wLjcsMS40LTEuMSwzLTEuMSw0LjhjMCwxLjgsMC4zLDMuNSwxLDQuOGMwLjYsMS4zLDEuNiwyLjQsMi43LDMuM2MxLjIsMC44LDIuNiwxLjUsNC4zLDEuOA0KCQkJCWMxLjYsMC40LDMuNSwwLjYsNS41LDAuNmMyLjEsMCw0LjMtMC4yLDYuMy0wLjVjMi0wLjMsNC42LTAuOSw1LjMtMWMwLjctMC4yLDEuNS0wLjQsMS41LTAuNGMwLjUtMC4xLDAuNS0wLjcsMC41LTAuN2wwLTE5LjENCgkJCQljMC00LjItMS4xLTcuMy0zLjMtOS4yYy0yLjItMS45LTUuNC0yLjktOS42LTIuOWMtMS42LDAtNC4xLDAuMi01LjYsMC41YzAsMC00LjYsMC45LTYuNCwyLjRjMCwwLTAuNCwwLjMtMC4yLDAuOGwxLjUsNA0KCQkJCWMwLjIsMC41LDAuNywwLjMsMC43LDAuM3MwLjItMC4xLDAuMy0wLjJjNC0yLjIsOS4xLTIuMSw5LjEtMi4xYzIuMywwLDQsMC41LDUuMiwxLjNjMS4xLDAuOSwxLjcsMi4yLDEuNyw1djAuOQ0KCQkJCUMxMzUuMywxNTAsMTMzLjYsMTQ5LjksMTMzLjYsMTQ5Ljl6IE0xMjUuMywxNjQuNWMtMC44LTAuNy0wLjktMC44LTEuMi0xLjJjLTAuNC0wLjYtMC42LTEuNi0wLjYtMi43YzAtMS44LDAuNi0zLjIsMS45LTQNCgkJCQljMCwwLDEuOC0xLjYsNi4xLTEuNWMzLDAsNS43LDAuNSw1LjcsMC41djkuNWgwYzAsMC0yLjcsMC42LTUuNiwwLjdDMTI3LjIsMTY2LDEyNS4zLDE2NC41LDEyNS4zLDE2NC41eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTMwMS45LDEzOS4xYzAuMi0wLjUtMC4yLTAuNy0wLjMtMC44Yy0wLjQtMC4xLTIuMS0wLjUtMy41LTAuNmMtMi42LTAuMi00LjEsMC4zLTUuNCwwLjkNCgkJCQljLTEuMywwLjYtMi43LDEuNS0zLjUsMi42bDAtMi41YzAtMC4zLTAuMi0wLjYtMC42LTAuNmgtNS4zYy0wLjMsMC0wLjYsMC4zLTAuNiwwLjZ2MzEuMWMwLDAuMywwLjMsMC42LDAuNiwwLjZoNS41DQoJCQkJYzAuMywwLDAuNi0wLjMsMC42LTAuNnYtMTUuNmMwLTIuMSwwLjItNC4yLDAuNy01LjVjMC41LTEuMywxLjEtMi4zLDEuOC0zLjFjMC44LTAuNywxLjYtMS4zLDIuNi0xLjVjMS0wLjMsMi0wLjQsMi44LTAuNA0KCQkJCWMxLjEsMCwyLjMsMC4zLDIuMywwLjNjMC40LDAsMC42LTAuMiwwLjgtMC42QzMwMC43LDE0Mi41LDMwMS43LDEzOS43LDMwMS45LDEzOS4xeiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTI1MC40LDEyNC43Yy0wLjctMC4yLTEuMy0wLjMtMi4xLTAuNWMtMC44LTAuMS0xLjgtMC4yLTIuOC0wLjJjLTMuOCwwLTYuNywxLjEtOC44LDMuMg0KCQkJCWMtMi4xLDIuMS0zLjUsNS4zLTQuMiw5LjVsLTAuMywxLjRoLTQuN2MwLDAtMC42LDAtMC43LDAuNkwyMjYsMTQzYy0wLjEsMC40LDAuMSwwLjcsMC43LDAuN2g0LjZsLTQuNywyNi4xDQoJCQkJYy0wLjQsMi4xLTAuOCwzLjgtMS4yLDUuMWMtMC41LDEuMy0wLjksMi4zLTEuNSwzYy0wLjUsMC43LTEsMS4yLTEuOSwxLjVjLTAuNywwLjItMS41LDAuNC0yLjUsMC40Yy0wLjUsMC0xLjItMC4xLTEuNy0wLjINCgkJCQljLTAuNS0wLjEtMC44LTAuMi0xLjEtMC40YzAsMC0wLjUtMC4yLTAuOCwwLjNjLTAuMiwwLjQtMS40LDMuOC0xLjUsNC4yYy0wLjEsMC40LDAuMSwwLjcsMC4zLDAuOGMwLjYsMC4yLDEuMSwwLjQsMS45LDAuNg0KCQkJCWMxLjIsMC4zLDIuMSwwLjMsMy4xLDAuM2MxLjksMCwzLjctMC4zLDUuMS0wLjhjMS41LTAuNSwyLjctMS40LDMuOS0yLjdjMS4yLTEuMywyLTIuNywyLjctNC43YzAuNy0xLjksMS4zLTQuMywxLjgtN2w0LjctMjYuNg0KCQkJCWg2LjljMCwwLDAuNiwwLDAuNy0wLjZsMC44LTQuM2MwLjEtMC40LTAuMS0wLjctMC43LTAuN0gyMzljMC0wLjIsMC4zLTIuNSwxLjEtNC43YzAuMy0wLjksMC45LTEuNywxLjUtMi4yDQoJCQkJYzAuNS0wLjUsMS4xLTAuOSwxLjctMS4xYzAuNy0wLjIsMS40LTAuMywyLjItMC4zYzAuNiwwLDEuMiwwLjEsMS43LDAuMmMwLjYsMC4xLDAuOSwwLjIsMS4xLDAuM2MwLjcsMC4yLDAuOCwwLDAuOS0wLjNsMS42LTQuNA0KCQkJCUMyNTEsMTI1LDI1MC42LDEyNC44LDI1MC40LDEyNC43eiIvPg0KCQkJPHBhdGggY2xhc3M9InN0MiIgZD0iTTE1Ny4yLDE2OS44YzAsMC4zLTAuMiwwLjYtMC42LDAuNmgtNS41Yy0wLjMsMC0wLjYtMC4zLTAuNi0wLjZ2LTQ0LjVjMC0wLjMsMC4yLTAuNiwwLjYtMC42aDUuNQ0KCQkJCWMwLjMsMCwwLjYsMC4zLDAuNiwwLjZWMTY5Ljh6Ii8+DQoJCTwvZz4NCgk8L2c+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00MjIuMSwxMDYuMmg2Ljh2MjYuN2MzLTQuOSw3LjctOC45LDE1LjYtOC45YzExLDAsMTcuNCw3LjQsMTcuNCwxOC4ydjI4LjJoLTYuOHYtMjYuNg0KCQkJYzAtOC40LTQuNi0xMy43LTEyLjYtMTMuN2MtNy44LDAtMTMuNiw1LjctMTMuNiwxNC4zdjI2aC02LjhWMTA2LjJ6Ii8+DQoJCTxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik00NzAuNiwxNDcuOHYtMC4yYzAtMTMuMSw5LjItMjMuNywyMS44LTIzLjdjMTMuNSwwLDIxLjIsMTAuNywyMS4yLDI0YzAsMC45LDAsMS40LTAuMSwyLjJoLTM2LjENCgkJCWMxLDkuOSw3LjksMTUuNCwxNiwxNS40YzYuMiwwLDEwLjYtMi42LDE0LjMtNi40bDQuMiwzLjhjLTQuNiw1LjEtMTAuMSw4LjUtMTguNyw4LjVDNDgwLjgsMTcxLjUsNDcwLjYsMTYxLjksNDcwLjYsMTQ3Ljh6DQoJCQkgTTUwNi44LDE0NS4yYy0wLjctOC4zLTUuNS0xNS41LTE0LjUtMTUuNWMtNy45LDAtMTMuOSw2LjYtMTQuOCwxNS41SDUwNi44eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNTIyLjYsMTI1aDYuOHYxMS45YzMuMy03LjYsOS45LTEzLDE4LjYtMTIuN3Y3LjNoLTAuNWMtOS45LDAtMTgsNy4xLTE4LDIwLjl2MTguMWgtNi44VjEyNXoiLz4NCgkJPHBhdGggY2xhc3M9InN0MSIgZD0iTTU1MC41LDE0Ny45di0wLjJjMC0xMi44LDEwLTIzLjgsMjMuOC0yMy44YzEzLjYsMCwyMy43LDEwLjcsMjMuNywyMy42djAuMmMwLDEyLjgtMTAuMSwyMy44LTIzLjgsMjMuOA0KCQkJQzU2MC40LDE3MS41LDU1MC41LDE2MC44LDU1MC41LDE0Ny45eiBNNTkwLjksMTQ3Ljl2LTAuMmMwLTkuOC03LjMtMTcuOC0xNi45LTE3LjhjLTkuOSwwLTE2LjYsOC0xNi42LDE3LjZ2MC4yDQoJCQljMCw5LjgsNy4yLDE3LjcsMTYuOCwxNy43QzU4NC4xLDE2NS40LDU5MC45LDE1Ny41LDU5MC45LDE0Ny45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjA2LjksMTA2LjJoNi44djQ0LjRsMjQuNi0yNS42aDguNGwtMTkuMSwxOS41bDE5LjcsMjZoLTguMUw2MjMsMTQ5LjJsLTkuMiw5LjN2MTEuOWgtNi44VjEwNi4yeiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QxIiBkPSJNNjUzLjEsMTUzLjJWMTI1aDYuOHYyNi42YzAsOC40LDQuNiwxMy43LDEyLjYsMTMuN2M3LjcsMCwxMy42LTUuNywxMy42LTE0LjN2LTI2aDYuN3Y0NS41aC02Ljd2LTcuOQ0KCQkJYy0zLjEsNC45LTcuNyw4LjktMTUuNiw4LjlDNjU5LjUsMTcxLjQsNjUzLjEsMTY0LDY1My4xLDE1My4yeiIvPg0KCTwvZz4NCjwvZz4NCjwvc3ZnPg0K'));

data/source/css/scss/components/_masonary.scss

@@ -0,0 +1,46 @@
+.masonary-{
+
+  &2 {
+    column-count: 2;
+    -moz-column-count: 2;
+    -webkit-column-count: 2;
+    -webkit-column-gap: $space;
+    -moz-column-gap: $space;
+
+    @include media($tablet) {
+      column-count: 1;
+      -moz-column-count: 1;
+      -webkit-column-count: 1;
+    }
+  }
+
+  &3 {
+    column-count: 3;
+    -moz-column-count: 3;
+    -webkit-column-count: 3;
+    -webkit-column-gap: $space;
+    -moz-column-gap: $space;
+
+    @include media($desktop) {
+      column-count: 2;
+      -moz-column-count: 2;
+      -webkit-column-count: 2;
+    }
+
+    @include media($tablet) {
+      column-count: 1;
+      -moz-column-count: 1;
+      -webkit-column-count: 1;
+    }
+  }
+
+  &brick {
+    display: table;
+    width: 100%;
+    -webkit-column-break-inside: avoid;
+    page-break-inside: avoid;
+    break-inside: avoid;
+    -webkit-transform: translateZ(0);
+    vertical-align: top;
+  }
+}