@charset "UTF-8";
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url(/dist/674f50d287a8c48dc19ba404d20fe713.eot);
  src: url(/dist/674f50d287a8c48dc19ba404d20fe713.eot?#iefix&v=4.7.0) format("embedded-opentype"), url(/dist/af7ae505a9eed503f8b8e6982036873e.woff2) format("woff2"), url(/dist/fee66e712a8a08eef5805a46892932ad.woff) format("woff"), url(/dist/b06871f281fee6b241d60582ae9369b9.ttf) format("truetype"), url(/dist/912ec66d7572ff821749319396470bde.svg#fontawesomeregular) format("svg");
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

/* makes the font 33% larger relative to the icon container */
.fa-lg {
  font-size: 1.33333em;
  line-height: 0.75em;
  vertical-align: -15%;
}

.fa-2x {
  font-size: 2em;
}

.fa-3x {
  font-size: 3em;
}

.fa-4x {
  font-size: 4em;
}

.fa-5x {
  font-size: 5em;
}

.fa-fw {
  width: 1.28571em;
  text-align: center;
}

.fa-ul {
  padding-left: 0;
  margin-left: 2.14286em;
  list-style-type: none;
}

.fa-ul > li {
  position: relative;
}

.fa-li {
  position: absolute;
  left: -2.14286em;
  width: 2.14286em;
  top: 0.14286em;
  text-align: center;
}

.fa-li.fa-lg {
  left: -1.85714em;
}

.fa-border {
  padding: .2em .25em .15em;
  border: solid 0.08em #eee;
  border-radius: .1em;
}

.fa-pull-left {
  float: left;
}

.fa-pull-right {
  float: right;
}

.fa.fa-pull-left {
  margin-right: .3em;
}

.fa.fa-pull-right {
  margin-left: .3em;
}

/* Deprecated as of 4.4.0 */
.pull-right {
  float: right;
}

.pull-left {
  float: left;
}

.fa.pull-left {
  margin-right: .3em;
}

.fa.pull-right {
  margin-left: .3em;
}

.fa-spin {
  -webkit-animation: fa-spin 2s infinite linear;
  animation: fa-spin 2s infinite linear;
}

.fa-pulse {
  -webkit-animation: fa-spin 1s infinite steps(8);
  animation: fa-spin 1s infinite steps(8);
}

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg);
  }
}

.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  transform: rotate(90deg);
}

.fa-rotate-180 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2)";
  -webkit-transform: rotate(180deg);
  transform: rotate(180deg);
}

.fa-rotate-270 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=3)";
  -webkit-transform: rotate(270deg);
  transform: rotate(270deg);
}

.fa-flip-horizontal {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1)";
  -webkit-transform: scale(-1, 1);
  transform: scale(-1, 1);
}

.fa-flip-vertical {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1)";
  -webkit-transform: scale(1, -1);
  transform: scale(1, -1);
}

:root .fa-rotate-90,
:root .fa-rotate-180,
:root .fa-rotate-270,
:root .fa-flip-horizontal,
:root .fa-flip-vertical {
  -webkit-filter: none;
          filter: none;
}

.fa-stack {
  position: relative;
  display: inline-block;
  width: 2em;
  height: 2em;
  line-height: 2em;
  vertical-align: middle;
}

.fa-stack-1x, .fa-stack-2x {
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

.fa-stack-1x {
  line-height: inherit;
}

.fa-stack-2x {
  font-size: 2em;
}

.fa-inverse {
  color: #fff;
}

/* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen
   readers do not read off random characters that represent icons */
.fa-glass:before {
  content: "\F000";
}

.fa-music:before {
  content: "\F001";
}

.fa-search:before {
  content: "\F002";
}

.fa-envelope-o:before {
  content: "\F003";
}

.fa-heart:before {
  content: "\F004";
}

.fa-star:before {
  content: "\F005";
}

.fa-star-o:before {
  content: "\F006";
}

.fa-user:before {
  content: "\F007";
}

.fa-film:before {
  content: "\F008";
}

.fa-th-large:before {
  content: "\F009";
}

.fa-th:before {
  content: "\F00A";
}

.fa-th-list:before {
  content: "\F00B";
}

.fa-check:before {
  content: "\F00C";
}

.fa-remove:before,
.fa-close:before,
.fa-times:before {
  content: "\F00D";
}

.fa-search-plus:before {
  content: "\F00E";
}

.fa-search-minus:before {
  content: "\F010";
}

.fa-power-off:before {
  content: "\F011";
}

.fa-signal:before {
  content: "\F012";
}

.fa-gear:before,
.fa-cog:before {
  content: "\F013";
}

.fa-trash-o:before {
  content: "\F014";
}

.fa-home:before {
  content: "\F015";
}

.fa-file-o:before {
  content: "\F016";
}

.fa-clock-o:before {
  content: "\F017";
}

.fa-road:before {
  content: "\F018";
}

.fa-download:before {
  content: "\F019";
}

.fa-arrow-circle-o-down:before {
  content: "\F01A";
}

.fa-arrow-circle-o-up:before {
  content: "\F01B";
}

.fa-inbox:before {
  content: "\F01C";
}

.fa-play-circle-o:before {
  content: "\F01D";
}

.fa-rotate-right:before,
.fa-repeat:before {
  content: "\F01E";
}

.fa-refresh:before {
  content: "\F021";
}

.fa-list-alt:before {
  content: "\F022";
}

.fa-lock:before {
  content: "\F023";
}

.fa-flag:before {
  content: "\F024";
}

.fa-headphones:before {
  content: "\F025";
}

.fa-volume-off:before {
  content: "\F026";
}

.fa-volume-down:before {
  content: "\F027";
}

.fa-volume-up:before {
  content: "\F028";
}

.fa-qrcode:before {
  content: "\F029";
}

.fa-barcode:before {
  content: "\F02A";
}

.fa-tag:before {
  content: "\F02B";
}

.fa-tags:before {
  content: "\F02C";
}

.fa-book:before {
  content: "\F02D";
}

.fa-bookmark:before {
  content: "\F02E";
}

.fa-print:before {
  content: "\F02F";
}

.fa-camera:before {
  content: "\F030";
}

.fa-font:before {
  content: "\F031";
}

.fa-bold:before {
  content: "\F032";
}

.fa-italic:before {
  content: "\F033";
}

.fa-text-height:before {
  content: "\F034";
}

.fa-text-width:before {
  content: "\F035";
}

.fa-align-left:before {
  content: "\F036";
}

.fa-align-center:before {
  content: "\F037";
}

.fa-align-right:before {
  content: "\F038";
}

.fa-align-justify:before {
  content: "\F039";
}

.fa-list:before {
  content: "\F03A";
}

.fa-dedent:before,
.fa-outdent:before {
  content: "\F03B";
}

.fa-indent:before {
  content: "\F03C";
}

.fa-video-camera:before {
  content: "\F03D";
}

.fa-photo:before,
.fa-image:before,
.fa-picture-o:before {
  content: "\F03E";
}

.fa-pencil:before {
  content: "\F040";
}

.fa-map-marker:before {
  content: "\F041";
}

.fa-adjust:before {
  content: "\F042";
}

.fa-tint:before {
  content: "\F043";
}

.fa-edit:before,
.fa-pencil-square-o:before {
  content: "\F044";
}

.fa-share-square-o:before {
  content: "\F045";
}

.fa-check-square-o:before {
  content: "\F046";
}

.fa-arrows:before {
  content: "\F047";
}

.fa-step-backward:before {
  content: "\F048";
}

.fa-fast-backward:before {
  content: "\F049";
}

.fa-backward:before {
  content: "\F04A";
}

.fa-play:before {
  content: "\F04B";
}

.fa-pause:before {
  content: "\F04C";
}

.fa-stop:before {
  content: "\F04D";
}

.fa-forward:before {
  content: "\F04E";
}

.fa-fast-forward:before {
  content: "\F050";
}

.fa-step-forward:before {
  content: "\F051";
}

.fa-eject:before {
  content: "\F052";
}

.fa-chevron-left:before {
  content: "\F053";
}

.fa-chevron-right:before {
  content: "\F054";
}

.fa-plus-circle:before {
  content: "\F055";
}

.fa-minus-circle:before {
  content: "\F056";
}

.fa-times-circle:before {
  content: "\F057";
}

.fa-check-circle:before {
  content: "\F058";
}

.fa-question-circle:before {
  content: "\F059";
}

.fa-info-circle:before {
  content: "\F05A";
}

.fa-crosshairs:before {
  content: "\F05B";
}

.fa-times-circle-o:before {
  content: "\F05C";
}

.fa-check-circle-o:before {
  content: "\F05D";
}

.fa-ban:before {
  content: "\F05E";
}

.fa-arrow-left:before {
  content: "\F060";
}

.fa-arrow-right:before {
  content: "\F061";
}

.fa-arrow-up:before {
  content: "\F062";
}

.fa-arrow-down:before {
  content: "\F063";
}

.fa-mail-forward:before,
.fa-share:before {
  content: "\F064";
}

.fa-expand:before {
  content: "\F065";
}

.fa-compress:before {
  content: "\F066";
}

.fa-plus:before {
  content: "\F067";
}

.fa-minus:before {
  content: "\F068";
}

.fa-asterisk:before {
  content: "\F069";
}

.fa-exclamation-circle:before {
  content: "\F06A";
}

.fa-gift:before {
  content: "\F06B";
}

.fa-leaf:before {
  content: "\F06C";
}

.fa-fire:before {
  content: "\F06D";
}

.fa-eye:before {
  content: "\F06E";
}

.fa-eye-slash:before {
  content: "\F070";
}

.fa-warning:before,
.fa-exclamation-triangle:before {
  content: "\F071";
}

.fa-plane:before {
  content: "\F072";
}

.fa-calendar:before {
  content: "\F073";
}

.fa-random:before {
  content: "\F074";
}

.fa-comment:before {
  content: "\F075";
}

.fa-magnet:before {
  content: "\F076";
}

.fa-chevron-up:before {
  content: "\F077";
}

.fa-chevron-down:before {
  content: "\F078";
}

.fa-retweet:before {
  content: "\F079";
}

.fa-shopping-cart:before {
  content: "\F07A";
}

.fa-folder:before {
  content: "\F07B";
}

.fa-folder-open:before {
  content: "\F07C";
}

.fa-arrows-v:before {
  content: "\F07D";
}

.fa-arrows-h:before {
  content: "\F07E";
}

.fa-bar-chart-o:before,
.fa-bar-chart:before {
  content: "\F080";
}

.fa-twitter-square:before {
  content: "\F081";
}

.fa-facebook-square:before {
  content: "\F082";
}

.fa-camera-retro:before {
  content: "\F083";
}

.fa-key:before {
  content: "\F084";
}

.fa-gears:before,
.fa-cogs:before {
  content: "\F085";
}

.fa-comments:before {
  content: "\F086";
}

.fa-thumbs-o-up:before {
  content: "\F087";
}

.fa-thumbs-o-down:before {
  content: "\F088";
}

.fa-star-half:before {
  content: "\F089";
}

.fa-heart-o:before {
  content: "\F08A";
}

.fa-sign-out:before {
  content: "\F08B";
}

.fa-linkedin-square:before {
  content: "\F08C";
}

.fa-thumb-tack:before {
  content: "\F08D";
}

.fa-external-link:before {
  content: "\F08E";
}

.fa-sign-in:before {
  content: "\F090";
}

.fa-trophy:before {
  content: "\F091";
}

.fa-github-square:before {
  content: "\F092";
}

.fa-upload:before {
  content: "\F093";
}

.fa-lemon-o:before {
  content: "\F094";
}

.fa-phone:before {
  content: "\F095";
}

.fa-square-o:before {
  content: "\F096";
}

.fa-bookmark-o:before {
  content: "\F097";
}

.fa-phone-square:before {
  content: "\F098";
}

.fa-twitter:before {
  content: "\F099";
}

.fa-facebook-f:before,
.fa-facebook:before {
  content: "\F09A";
}

.fa-github:before {
  content: "\F09B";
}

.fa-unlock:before {
  content: "\F09C";
}

.fa-credit-card:before {
  content: "\F09D";
}

.fa-feed:before,
.fa-rss:before {
  content: "\F09E";
}

.fa-hdd-o:before {
  content: "\F0A0";
}

.fa-bullhorn:before {
  content: "\F0A1";
}

.fa-bell:before {
  content: "\F0F3";
}

.fa-certificate:before {
  content: "\F0A3";
}

.fa-hand-o-right:before {
  content: "\F0A4";
}

.fa-hand-o-left:before {
  content: "\F0A5";
}

.fa-hand-o-up:before {
  content: "\F0A6";
}

.fa-hand-o-down:before {
  content: "\F0A7";
}

.fa-arrow-circle-left:before {
  content: "\F0A8";
}

.fa-arrow-circle-right:before {
  content: "\F0A9";
}

.fa-arrow-circle-up:before {
  content: "\F0AA";
}

.fa-arrow-circle-down:before {
  content: "\F0AB";
}

.fa-globe:before {
  content: "\F0AC";
}

.fa-wrench:before {
  content: "\F0AD";
}

.fa-tasks:before {
  content: "\F0AE";
}

.fa-filter:before {
  content: "\F0B0";
}

.fa-briefcase:before {
  content: "\F0B1";
}

.fa-arrows-alt:before {
  content: "\F0B2";
}

.fa-group:before,
.fa-users:before {
  content: "\F0C0";
}

.fa-chain:before,
.fa-link:before {
  content: "\F0C1";
}

.fa-cloud:before {
  content: "\F0C2";
}

.fa-flask:before {
  content: "\F0C3";
}

.fa-cut:before,
.fa-scissors:before {
  content: "\F0C4";
}

.fa-copy:before,
.fa-files-o:before {
  content: "\F0C5";
}

.fa-paperclip:before {
  content: "\F0C6";
}

.fa-save:before,
.fa-floppy-o:before {
  content: "\F0C7";
}

.fa-square:before {
  content: "\F0C8";
}

.fa-navicon:before,
.fa-reorder:before,
.fa-bars:before {
  content: "\F0C9";
}

.fa-list-ul:before {
  content: "\F0CA";
}

.fa-list-ol:before {
  content: "\F0CB";
}

.fa-strikethrough:before {
  content: "\F0CC";
}

.fa-underline:before {
  content: "\F0CD";
}

.fa-table:before {
  content: "\F0CE";
}

.fa-magic:before {
  content: "\F0D0";
}

.fa-truck:before {
  content: "\F0D1";
}

.fa-pinterest:before {
  content: "\F0D2";
}

.fa-pinterest-square:before {
  content: "\F0D3";
}

.fa-google-plus-square:before {
  content: "\F0D4";
}

.fa-google-plus:before {
  content: "\F0D5";
}

.fa-money:before {
  content: "\F0D6";
}

.fa-caret-down:before {
  content: "\F0D7";
}

.fa-caret-up:before {
  content: "\F0D8";
}

.fa-caret-left:before {
  content: "\F0D9";
}

.fa-caret-right:before {
  content: "\F0DA";
}

.fa-columns:before {
  content: "\F0DB";
}

.fa-unsorted:before,
.fa-sort:before {
  content: "\F0DC";
}

.fa-sort-down:before,
.fa-sort-desc:before {
  content: "\F0DD";
}

.fa-sort-up:before,
.fa-sort-asc:before {
  content: "\F0DE";
}

.fa-envelope:before {
  content: "\F0E0";
}

.fa-linkedin:before {
  content: "\F0E1";
}

.fa-rotate-left:before,
.fa-undo:before {
  content: "\F0E2";
}

.fa-legal:before,
.fa-gavel:before {
  content: "\F0E3";
}

.fa-dashboard:before,
.fa-tachometer:before {
  content: "\F0E4";
}

.fa-comment-o:before {
  content: "\F0E5";
}

.fa-comments-o:before {
  content: "\F0E6";
}

.fa-flash:before,
.fa-bolt:before {
  content: "\F0E7";
}

.fa-sitemap:before {
  content: "\F0E8";
}

.fa-umbrella:before {
  content: "\F0E9";
}

.fa-paste:before,
.fa-clipboard:before {
  content: "\F0EA";
}

.fa-lightbulb-o:before {
  content: "\F0EB";
}

.fa-exchange:before {
  content: "\F0EC";
}

.fa-cloud-download:before {
  content: "\F0ED";
}

.fa-cloud-upload:before {
  content: "\F0EE";
}

.fa-user-md:before {
  content: "\F0F0";
}

.fa-stethoscope:before {
  content: "\F0F1";
}

.fa-suitcase:before {
  content: "\F0F2";
}

.fa-bell-o:before {
  content: "\F0A2";
}

.fa-coffee:before {
  content: "\F0F4";
}

.fa-cutlery:before {
  content: "\F0F5";
}

.fa-file-text-o:before {
  content: "\F0F6";
}

.fa-building-o:before {
  content: "\F0F7";
}

.fa-hospital-o:before {
  content: "\F0F8";
}

.fa-ambulance:before {
  content: "\F0F9";
}

.fa-medkit:before {
  content: "\F0FA";
}

.fa-fighter-jet:before {
  content: "\F0FB";
}

.fa-beer:before {
  content: "\F0FC";
}

.fa-h-square:before {
  content: "\F0FD";
}

.fa-plus-square:before {
  content: "\F0FE";
}

.fa-angle-double-left:before {
  content: "\F100";
}

.fa-angle-double-right:before {
  content: "\F101";
}

.fa-angle-double-up:before {
  content: "\F102";
}

.fa-angle-double-down:before {
  content: "\F103";
}

.fa-angle-left:before {
  content: "\F104";
}

.fa-angle-right:before {
  content: "\F105";
}

.fa-angle-up:before {
  content: "\F106";
}

.fa-angle-down:before {
  content: "\F107";
}

.fa-desktop:before {
  content: "\F108";
}

.fa-laptop:before {
  content: "\F109";
}

.fa-tablet:before {
  content: "\F10A";
}

.fa-mobile-phone:before,
.fa-mobile:before {
  content: "\F10B";
}

.fa-circle-o:before {
  content: "\F10C";
}

.fa-quote-left:before {
  content: "\F10D";
}

.fa-quote-right:before {
  content: "\F10E";
}

.fa-spinner:before {
  content: "\F110";
}

.fa-circle:before {
  content: "\F111";
}

.fa-mail-reply:before,
.fa-reply:before {
  content: "\F112";
}

.fa-github-alt:before {
  content: "\F113";
}

.fa-folder-o:before {
  content: "\F114";
}

.fa-folder-open-o:before {
  content: "\F115";
}

.fa-smile-o:before {
  content: "\F118";
}

.fa-frown-o:before {
  content: "\F119";
}

.fa-meh-o:before {
  content: "\F11A";
}

.fa-gamepad:before {
  content: "\F11B";
}

.fa-keyboard-o:before {
  content: "\F11C";
}

.fa-flag-o:before {
  content: "\F11D";
}

.fa-flag-checkered:before {
  content: "\F11E";
}

.fa-terminal:before {
  content: "\F120";
}

.fa-code:before {
  content: "\F121";
}

.fa-mail-reply-all:before,
.fa-reply-all:before {
  content: "\F122";
}

.fa-star-half-empty:before,
.fa-star-half-full:before,
.fa-star-half-o:before {
  content: "\F123";
}

.fa-location-arrow:before {
  content: "\F124";
}

.fa-crop:before {
  content: "\F125";
}

.fa-code-fork:before {
  content: "\F126";
}

.fa-unlink:before,
.fa-chain-broken:before {
  content: "\F127";
}

.fa-question:before {
  content: "\F128";
}

.fa-info:before {
  content: "\F129";
}

.fa-exclamation:before {
  content: "\F12A";
}

.fa-superscript:before {
  content: "\F12B";
}

.fa-subscript:before {
  content: "\F12C";
}

.fa-eraser:before {
  content: "\F12D";
}

.fa-puzzle-piece:before {
  content: "\F12E";
}

.fa-microphone:before {
  content: "\F130";
}

.fa-microphone-slash:before {
  content: "\F131";
}

.fa-shield:before {
  content: "\F132";
}

.fa-calendar-o:before {
  content: "\F133";
}

.fa-fire-extinguisher:before {
  content: "\F134";
}

.fa-rocket:before {
  content: "\F135";
}

.fa-maxcdn:before {
  content: "\F136";
}

.fa-chevron-circle-left:before {
  content: "\F137";
}

.fa-chevron-circle-right:before {
  content: "\F138";
}

.fa-chevron-circle-up:before {
  content: "\F139";
}

.fa-chevron-circle-down:before {
  content: "\F13A";
}

.fa-html5:before {
  content: "\F13B";
}

.fa-css3:before {
  content: "\F13C";
}

.fa-anchor:before {
  content: "\F13D";
}

.fa-unlock-alt:before {
  content: "\F13E";
}

.fa-bullseye:before {
  content: "\F140";
}

.fa-ellipsis-h:before {
  content: "\F141";
}

.fa-ellipsis-v:before {
  content: "\F142";
}

.fa-rss-square:before {
  content: "\F143";
}

.fa-play-circle:before {
  content: "\F144";
}

.fa-ticket:before {
  content: "\F145";
}

.fa-minus-square:before {
  content: "\F146";
}

.fa-minus-square-o:before {
  content: "\F147";
}

.fa-level-up:before {
  content: "\F148";
}

.fa-level-down:before {
  content: "\F149";
}

.fa-check-square:before {
  content: "\F14A";
}

.fa-pencil-square:before {
  content: "\F14B";
}

.fa-external-link-square:before {
  content: "\F14C";
}

.fa-share-square:before {
  content: "\F14D";
}

.fa-compass:before {
  content: "\F14E";
}

.fa-toggle-down:before,
.fa-caret-square-o-down:before {
  content: "\F150";
}

.fa-toggle-up:before,
.fa-caret-square-o-up:before {
  content: "\F151";
}

.fa-toggle-right:before,
.fa-caret-square-o-right:before {
  content: "\F152";
}

.fa-euro:before,
.fa-eur:before {
  content: "\F153";
}

.fa-gbp:before {
  content: "\F154";
}

.fa-dollar:before,
.fa-usd:before {
  content: "\F155";
}

.fa-rupee:before,
.fa-inr:before {
  content: "\F156";
}

.fa-cny:before,
.fa-rmb:before,
.fa-yen:before,
.fa-jpy:before {
  content: "\F157";
}

.fa-ruble:before,
.fa-rouble:before,
.fa-rub:before {
  content: "\F158";
}

.fa-won:before,
.fa-krw:before {
  content: "\F159";
}

.fa-bitcoin:before,
.fa-btc:before {
  content: "\F15A";
}

.fa-file:before {
  content: "\F15B";
}

.fa-file-text:before {
  content: "\F15C";
}

.fa-sort-alpha-asc:before {
  content: "\F15D";
}

.fa-sort-alpha-desc:before {
  content: "\F15E";
}

.fa-sort-amount-asc:before {
  content: "\F160";
}

.fa-sort-amount-desc:before {
  content: "\F161";
}

.fa-sort-numeric-asc:before {
  content: "\F162";
}

.fa-sort-numeric-desc:before {
  content: "\F163";
}

.fa-thumbs-up:before {
  content: "\F164";
}

.fa-thumbs-down:before {
  content: "\F165";
}

.fa-youtube-square:before {
  content: "\F166";
}

.fa-youtube:before {
  content: "\F167";
}

.fa-xing:before {
  content: "\F168";
}

.fa-xing-square:before {
  content: "\F169";
}

.fa-youtube-play:before {
  content: "\F16A";
}

.fa-dropbox:before {
  content: "\F16B";
}

.fa-stack-overflow:before {
  content: "\F16C";
}

.fa-instagram:before {
  content: "\F16D";
}

.fa-flickr:before {
  content: "\F16E";
}

.fa-adn:before {
  content: "\F170";
}

.fa-bitbucket:before {
  content: "\F171";
}

.fa-bitbucket-square:before {
  content: "\F172";
}

.fa-tumblr:before {
  content: "\F173";
}

.fa-tumblr-square:before {
  content: "\F174";
}

.fa-long-arrow-down:before {
  content: "\F175";
}

.fa-long-arrow-up:before {
  content: "\F176";
}

.fa-long-arrow-left:before {
  content: "\F177";
}

.fa-long-arrow-right:before {
  content: "\F178";
}

.fa-apple:before {
  content: "\F179";
}

.fa-windows:before {
  content: "\F17A";
}

.fa-android:before {
  content: "\F17B";
}

.fa-linux:before {
  content: "\F17C";
}

.fa-dribbble:before {
  content: "\F17D";
}

.fa-skype:before {
  content: "\F17E";
}

.fa-foursquare:before {
  content: "\F180";
}

.fa-trello:before {
  content: "\F181";
}

.fa-female:before {
  content: "\F182";
}

.fa-male:before {
  content: "\F183";
}

.fa-gittip:before,
.fa-gratipay:before {
  content: "\F184";
}

.fa-sun-o:before {
  content: "\F185";
}

.fa-moon-o:before {
  content: "\F186";
}

.fa-archive:before {
  content: "\F187";
}

.fa-bug:before {
  content: "\F188";
}

.fa-vk:before {
  content: "\F189";
}

.fa-weibo:before {
  content: "\F18A";
}

.fa-renren:before {
  content: "\F18B";
}

.fa-pagelines:before {
  content: "\F18C";
}

.fa-stack-exchange:before {
  content: "\F18D";
}

.fa-arrow-circle-o-right:before {
  content: "\F18E";
}

.fa-arrow-circle-o-left:before {
  content: "\F190";
}

.fa-toggle-left:before,
.fa-caret-square-o-left:before {
  content: "\F191";
}

.fa-dot-circle-o:before {
  content: "\F192";
}

.fa-wheelchair:before {
  content: "\F193";
}

.fa-vimeo-square:before {
  content: "\F194";
}

.fa-turkish-lira:before,
.fa-try:before {
  content: "\F195";
}

.fa-plus-square-o:before {
  content: "\F196";
}

.fa-space-shuttle:before {
  content: "\F197";
}

.fa-slack:before {
  content: "\F198";
}

.fa-envelope-square:before {
  content: "\F199";
}

.fa-wordpress:before {
  content: "\F19A";
}

.fa-openid:before {
  content: "\F19B";
}

.fa-institution:before,
.fa-bank:before,
.fa-university:before {
  content: "\F19C";
}

.fa-mortar-board:before,
.fa-graduation-cap:before {
  content: "\F19D";
}

.fa-yahoo:before {
  content: "\F19E";
}

.fa-google:before {
  content: "\F1A0";
}

.fa-reddit:before {
  content: "\F1A1";
}

.fa-reddit-square:before {
  content: "\F1A2";
}

.fa-stumbleupon-circle:before {
  content: "\F1A3";
}

.fa-stumbleupon:before {
  content: "\F1A4";
}

.fa-delicious:before {
  content: "\F1A5";
}

.fa-digg:before {
  content: "\F1A6";
}

.fa-pied-piper-pp:before {
  content: "\F1A7";
}

.fa-pied-piper-alt:before {
  content: "\F1A8";
}

.fa-drupal:before {
  content: "\F1A9";
}

.fa-joomla:before {
  content: "\F1AA";
}

.fa-language:before {
  content: "\F1AB";
}

.fa-fax:before {
  content: "\F1AC";
}

.fa-building:before {
  content: "\F1AD";
}

.fa-child:before {
  content: "\F1AE";
}

.fa-paw:before {
  content: "\F1B0";
}

.fa-spoon:before {
  content: "\F1B1";
}

.fa-cube:before {
  content: "\F1B2";
}

.fa-cubes:before {
  content: "\F1B3";
}

.fa-behance:before {
  content: "\F1B4";
}

.fa-behance-square:before {
  content: "\F1B5";
}

.fa-steam:before {
  content: "\F1B6";
}

.fa-steam-square:before {
  content: "\F1B7";
}

.fa-recycle:before {
  content: "\F1B8";
}

.fa-automobile:before,
.fa-car:before {
  content: "\F1B9";
}

.fa-cab:before,
.fa-taxi:before {
  content: "\F1BA";
}

.fa-tree:before {
  content: "\F1BB";
}

.fa-spotify:before {
  content: "\F1BC";
}

.fa-deviantart:before {
  content: "\F1BD";
}

.fa-soundcloud:before {
  content: "\F1BE";
}

.fa-database:before {
  content: "\F1C0";
}

.fa-file-pdf-o:before {
  content: "\F1C1";
}

.fa-file-word-o:before {
  content: "\F1C2";
}

.fa-file-excel-o:before {
  content: "\F1C3";
}

.fa-file-powerpoint-o:before {
  content: "\F1C4";
}

.fa-file-photo-o:before,
.fa-file-picture-o:before,
.fa-file-image-o:before {
  content: "\F1C5";
}

.fa-file-zip-o:before,
.fa-file-archive-o:before {
  content: "\F1C6";
}

.fa-file-sound-o:before,
.fa-file-audio-o:before {
  content: "\F1C7";
}

.fa-file-movie-o:before,
.fa-file-video-o:before {
  content: "\F1C8";
}

.fa-file-code-o:before {
  content: "\F1C9";
}

.fa-vine:before {
  content: "\F1CA";
}

.fa-codepen:before {
  content: "\F1CB";
}

.fa-jsfiddle:before {
  content: "\F1CC";
}

.fa-life-bouy:before,
.fa-life-buoy:before,
.fa-life-saver:before,
.fa-support:before,
.fa-life-ring:before {
  content: "\F1CD";
}

.fa-circle-o-notch:before {
  content: "\F1CE";
}

.fa-ra:before,
.fa-resistance:before,
.fa-rebel:before {
  content: "\F1D0";
}

.fa-ge:before,
.fa-empire:before {
  content: "\F1D1";
}

.fa-git-square:before {
  content: "\F1D2";
}

.fa-git:before {
  content: "\F1D3";
}

.fa-y-combinator-square:before,
.fa-yc-square:before,
.fa-hacker-news:before {
  content: "\F1D4";
}

.fa-tencent-weibo:before {
  content: "\F1D5";
}

.fa-qq:before {
  content: "\F1D6";
}

.fa-wechat:before,
.fa-weixin:before {
  content: "\F1D7";
}

.fa-send:before,
.fa-paper-plane:before {
  content: "\F1D8";
}

.fa-send-o:before,
.fa-paper-plane-o:before {
  content: "\F1D9";
}

.fa-history:before {
  content: "\F1DA";
}

.fa-circle-thin:before {
  content: "\F1DB";
}

.fa-header:before {
  content: "\F1DC";
}

.fa-paragraph:before {
  content: "\F1DD";
}

.fa-sliders:before {
  content: "\F1DE";
}

.fa-share-alt:before {
  content: "\F1E0";
}

.fa-share-alt-square:before {
  content: "\F1E1";
}

.fa-bomb:before {
  content: "\F1E2";
}

.fa-soccer-ball-o:before,
.fa-futbol-o:before {
  content: "\F1E3";
}

.fa-tty:before {
  content: "\F1E4";
}

.fa-binoculars:before {
  content: "\F1E5";
}

.fa-plug:before {
  content: "\F1E6";
}

.fa-slideshare:before {
  content: "\F1E7";
}

.fa-twitch:before {
  content: "\F1E8";
}

.fa-yelp:before {
  content: "\F1E9";
}

.fa-newspaper-o:before {
  content: "\F1EA";
}

.fa-wifi:before {
  content: "\F1EB";
}

.fa-calculator:before {
  content: "\F1EC";
}

.fa-paypal:before {
  content: "\F1ED";
}

.fa-google-wallet:before {
  content: "\F1EE";
}

.fa-cc-visa:before {
  content: "\F1F0";
}

.fa-cc-mastercard:before {
  content: "\F1F1";
}

.fa-cc-discover:before {
  content: "\F1F2";
}

.fa-cc-amex:before {
  content: "\F1F3";
}

.fa-cc-paypal:before {
  content: "\F1F4";
}

.fa-cc-stripe:before {
  content: "\F1F5";
}

.fa-bell-slash:before {
  content: "\F1F6";
}

.fa-bell-slash-o:before {
  content: "\F1F7";
}

.fa-trash:before {
  content: "\F1F8";
}

.fa-copyright:before {
  content: "\F1F9";
}

.fa-at:before {
  content: "\F1FA";
}

.fa-eyedropper:before {
  content: "\F1FB";
}

.fa-paint-brush:before {
  content: "\F1FC";
}

.fa-birthday-cake:before {
  content: "\F1FD";
}

.fa-area-chart:before {
  content: "\F1FE";
}

.fa-pie-chart:before {
  content: "\F200";
}

.fa-line-chart:before {
  content: "\F201";
}

.fa-lastfm:before {
  content: "\F202";
}

.fa-lastfm-square:before {
  content: "\F203";
}

.fa-toggle-off:before {
  content: "\F204";
}

.fa-toggle-on:before {
  content: "\F205";
}

.fa-bicycle:before {
  content: "\F206";
}

.fa-bus:before {
  content: "\F207";
}

.fa-ioxhost:before {
  content: "\F208";
}

.fa-angellist:before {
  content: "\F209";
}

.fa-cc:before {
  content: "\F20A";
}

.fa-shekel:before,
.fa-sheqel:before,
.fa-ils:before {
  content: "\F20B";
}

.fa-meanpath:before {
  content: "\F20C";
}

.fa-buysellads:before {
  content: "\F20D";
}

.fa-connectdevelop:before {
  content: "\F20E";
}

.fa-dashcube:before {
  content: "\F210";
}

.fa-forumbee:before {
  content: "\F211";
}

.fa-leanpub:before {
  content: "\F212";
}

.fa-sellsy:before {
  content: "\F213";
}

.fa-shirtsinbulk:before {
  content: "\F214";
}

.fa-simplybuilt:before {
  content: "\F215";
}

.fa-skyatlas:before {
  content: "\F216";
}

.fa-cart-plus:before {
  content: "\F217";
}

.fa-cart-arrow-down:before {
  content: "\F218";
}

.fa-diamond:before {
  content: "\F219";
}

.fa-ship:before {
  content: "\F21A";
}

.fa-user-secret:before {
  content: "\F21B";
}

.fa-motorcycle:before {
  content: "\F21C";
}

.fa-street-view:before {
  content: "\F21D";
}

.fa-heartbeat:before {
  content: "\F21E";
}

.fa-venus:before {
  content: "\F221";
}

.fa-mars:before {
  content: "\F222";
}

.fa-mercury:before {
  content: "\F223";
}

.fa-intersex:before,
.fa-transgender:before {
  content: "\F224";
}

.fa-transgender-alt:before {
  content: "\F225";
}

.fa-venus-double:before {
  content: "\F226";
}

.fa-mars-double:before {
  content: "\F227";
}

.fa-venus-mars:before {
  content: "\F228";
}

.fa-mars-stroke:before {
  content: "\F229";
}

.fa-mars-stroke-v:before {
  content: "\F22A";
}

.fa-mars-stroke-h:before {
  content: "\F22B";
}

.fa-neuter:before {
  content: "\F22C";
}

.fa-genderless:before {
  content: "\F22D";
}

.fa-facebook-official:before {
  content: "\F230";
}

.fa-pinterest-p:before {
  content: "\F231";
}

.fa-whatsapp:before {
  content: "\F232";
}

.fa-server:before {
  content: "\F233";
}

.fa-user-plus:before {
  content: "\F234";
}

.fa-user-times:before {
  content: "\F235";
}

.fa-hotel:before,
.fa-bed:before {
  content: "\F236";
}

.fa-viacoin:before {
  content: "\F237";
}

.fa-train:before {
  content: "\F238";
}

.fa-subway:before {
  content: "\F239";
}

.fa-medium:before {
  content: "\F23A";
}

.fa-yc:before,
.fa-y-combinator:before {
  content: "\F23B";
}

.fa-optin-monster:before {
  content: "\F23C";
}

.fa-opencart:before {
  content: "\F23D";
}

.fa-expeditedssl:before {
  content: "\F23E";
}

.fa-battery-4:before,
.fa-battery:before,
.fa-battery-full:before {
  content: "\F240";
}

.fa-battery-3:before,
.fa-battery-three-quarters:before {
  content: "\F241";
}

.fa-battery-2:before,
.fa-battery-half:before {
  content: "\F242";
}

.fa-battery-1:before,
.fa-battery-quarter:before {
  content: "\F243";
}

.fa-battery-0:before,
.fa-battery-empty:before {
  content: "\F244";
}

.fa-mouse-pointer:before {
  content: "\F245";
}

.fa-i-cursor:before {
  content: "\F246";
}

.fa-object-group:before {
  content: "\F247";
}

.fa-object-ungroup:before {
  content: "\F248";
}

.fa-sticky-note:before {
  content: "\F249";
}

.fa-sticky-note-o:before {
  content: "\F24A";
}

.fa-cc-jcb:before {
  content: "\F24B";
}

.fa-cc-diners-club:before {
  content: "\F24C";
}

.fa-clone:before {
  content: "\F24D";
}

.fa-balance-scale:before {
  content: "\F24E";
}

.fa-hourglass-o:before {
  content: "\F250";
}

.fa-hourglass-1:before,
.fa-hourglass-start:before {
  content: "\F251";
}

.fa-hourglass-2:before,
.fa-hourglass-half:before {
  content: "\F252";
}

.fa-hourglass-3:before,
.fa-hourglass-end:before {
  content: "\F253";
}

.fa-hourglass:before {
  content: "\F254";
}

.fa-hand-grab-o:before,
.fa-hand-rock-o:before {
  content: "\F255";
}

.fa-hand-stop-o:before,
.fa-hand-paper-o:before {
  content: "\F256";
}

.fa-hand-scissors-o:before {
  content: "\F257";
}

.fa-hand-lizard-o:before {
  content: "\F258";
}

.fa-hand-spock-o:before {
  content: "\F259";
}

.fa-hand-pointer-o:before {
  content: "\F25A";
}

.fa-hand-peace-o:before {
  content: "\F25B";
}

.fa-trademark:before {
  content: "\F25C";
}

.fa-registered:before {
  content: "\F25D";
}

.fa-creative-commons:before {
  content: "\F25E";
}

.fa-gg:before {
  content: "\F260";
}

.fa-gg-circle:before {
  content: "\F261";
}

.fa-tripadvisor:before {
  content: "\F262";
}

.fa-odnoklassniki:before {
  content: "\F263";
}

.fa-odnoklassniki-square:before {
  content: "\F264";
}

.fa-get-pocket:before {
  content: "\F265";
}

.fa-wikipedia-w:before {
  content: "\F266";
}

.fa-safari:before {
  content: "\F267";
}

.fa-chrome:before {
  content: "\F268";
}

.fa-firefox:before {
  content: "\F269";
}

.fa-opera:before {
  content: "\F26A";
}

.fa-internet-explorer:before {
  content: "\F26B";
}

.fa-tv:before,
.fa-television:before {
  content: "\F26C";
}

.fa-contao:before {
  content: "\F26D";
}

.fa-500px:before {
  content: "\F26E";
}

.fa-amazon:before {
  content: "\F270";
}

.fa-calendar-plus-o:before {
  content: "\F271";
}

.fa-calendar-minus-o:before {
  content: "\F272";
}

.fa-calendar-times-o:before {
  content: "\F273";
}

.fa-calendar-check-o:before {
  content: "\F274";
}

.fa-industry:before {
  content: "\F275";
}

.fa-map-pin:before {
  content: "\F276";
}

.fa-map-signs:before {
  content: "\F277";
}

.fa-map-o:before {
  content: "\F278";
}

.fa-map:before {
  content: "\F279";
}

.fa-commenting:before {
  content: "\F27A";
}

.fa-commenting-o:before {
  content: "\F27B";
}

.fa-houzz:before {
  content: "\F27C";
}

.fa-vimeo:before {
  content: "\F27D";
}

.fa-black-tie:before {
  content: "\F27E";
}

.fa-fonticons:before {
  content: "\F280";
}

.fa-reddit-alien:before {
  content: "\F281";
}

.fa-edge:before {
  content: "\F282";
}

.fa-credit-card-alt:before {
  content: "\F283";
}

.fa-codiepie:before {
  content: "\F284";
}

.fa-modx:before {
  content: "\F285";
}

.fa-fort-awesome:before {
  content: "\F286";
}

.fa-usb:before {
  content: "\F287";
}

.fa-product-hunt:before {
  content: "\F288";
}

.fa-mixcloud:before {
  content: "\F289";
}

.fa-scribd:before {
  content: "\F28A";
}

.fa-pause-circle:before {
  content: "\F28B";
}

.fa-pause-circle-o:before {
  content: "\F28C";
}

.fa-stop-circle:before {
  content: "\F28D";
}

.fa-stop-circle-o:before {
  content: "\F28E";
}

.fa-shopping-bag:before {
  content: "\F290";
}

.fa-shopping-basket:before {
  content: "\F291";
}

.fa-hashtag:before {
  content: "\F292";
}

.fa-bluetooth:before {
  content: "\F293";
}

.fa-bluetooth-b:before {
  content: "\F294";
}

.fa-percent:before {
  content: "\F295";
}

.fa-gitlab:before {
  content: "\F296";
}

.fa-wpbeginner:before {
  content: "\F297";
}

.fa-wpforms:before {
  content: "\F298";
}

.fa-envira:before {
  content: "\F299";
}

.fa-universal-access:before {
  content: "\F29A";
}

.fa-wheelchair-alt:before {
  content: "\F29B";
}

.fa-question-circle-o:before {
  content: "\F29C";
}

.fa-blind:before {
  content: "\F29D";
}

.fa-audio-description:before {
  content: "\F29E";
}

.fa-volume-control-phone:before {
  content: "\F2A0";
}

.fa-braille:before {
  content: "\F2A1";
}

.fa-assistive-listening-systems:before {
  content: "\F2A2";
}

.fa-asl-interpreting:before,
.fa-american-sign-language-interpreting:before {
  content: "\F2A3";
}

.fa-deafness:before,
.fa-hard-of-hearing:before,
.fa-deaf:before {
  content: "\F2A4";
}

.fa-glide:before {
  content: "\F2A5";
}

.fa-glide-g:before {
  content: "\F2A6";
}

.fa-signing:before,
.fa-sign-language:before {
  content: "\F2A7";
}

.fa-low-vision:before {
  content: "\F2A8";
}

.fa-viadeo:before {
  content: "\F2A9";
}

.fa-viadeo-square:before {
  content: "\F2AA";
}

.fa-snapchat:before {
  content: "\F2AB";
}

.fa-snapchat-ghost:before {
  content: "\F2AC";
}

.fa-snapchat-square:before {
  content: "\F2AD";
}

.fa-pied-piper:before {
  content: "\F2AE";
}

.fa-first-order:before {
  content: "\F2B0";
}

.fa-yoast:before {
  content: "\F2B1";
}

.fa-themeisle:before {
  content: "\F2B2";
}

.fa-google-plus-circle:before,
.fa-google-plus-official:before {
  content: "\F2B3";
}

.fa-fa:before,
.fa-font-awesome:before {
  content: "\F2B4";
}

.fa-handshake-o:before {
  content: "\F2B5";
}

.fa-envelope-open:before {
  content: "\F2B6";
}

.fa-envelope-open-o:before {
  content: "\F2B7";
}

.fa-linode:before {
  content: "\F2B8";
}

.fa-address-book:before {
  content: "\F2B9";
}

.fa-address-book-o:before {
  content: "\F2BA";
}

.fa-vcard:before,
.fa-address-card:before {
  content: "\F2BB";
}

.fa-vcard-o:before,
.fa-address-card-o:before {
  content: "\F2BC";
}

.fa-user-circle:before {
  content: "\F2BD";
}

.fa-user-circle-o:before {
  content: "\F2BE";
}

.fa-user-o:before {
  content: "\F2C0";
}

.fa-id-badge:before {
  content: "\F2C1";
}

.fa-drivers-license:before,
.fa-id-card:before {
  content: "\F2C2";
}

.fa-drivers-license-o:before,
.fa-id-card-o:before {
  content: "\F2C3";
}

.fa-quora:before {
  content: "\F2C4";
}

.fa-free-code-camp:before {
  content: "\F2C5";
}

.fa-telegram:before {
  content: "\F2C6";
}

.fa-thermometer-4:before,
.fa-thermometer:before,
.fa-thermometer-full:before {
  content: "\F2C7";
}

.fa-thermometer-3:before,
.fa-thermometer-three-quarters:before {
  content: "\F2C8";
}

.fa-thermometer-2:before,
.fa-thermometer-half:before {
  content: "\F2C9";
}

.fa-thermometer-1:before,
.fa-thermometer-quarter:before {
  content: "\F2CA";
}

.fa-thermometer-0:before,
.fa-thermometer-empty:before {
  content: "\F2CB";
}

.fa-shower:before {
  content: "\F2CC";
}

.fa-bathtub:before,
.fa-s15:before,
.fa-bath:before {
  content: "\F2CD";
}

.fa-podcast:before {
  content: "\F2CE";
}

.fa-window-maximize:before {
  content: "\F2D0";
}

.fa-window-minimize:before {
  content: "\F2D1";
}

.fa-window-restore:before {
  content: "\F2D2";
}

.fa-times-rectangle:before,
.fa-window-close:before {
  content: "\F2D3";
}

.fa-times-rectangle-o:before,
.fa-window-close-o:before {
  content: "\F2D4";
}

.fa-bandcamp:before {
  content: "\F2D5";
}

.fa-grav:before {
  content: "\F2D6";
}

.fa-etsy:before {
  content: "\F2D7";
}

.fa-imdb:before {
  content: "\F2D8";
}

.fa-ravelry:before {
  content: "\F2D9";
}

.fa-eercast:before {
  content: "\F2DA";
}

.fa-microchip:before {
  content: "\F2DB";
}

.fa-snowflake-o:before {
  content: "\F2DC";
}

.fa-superpowers:before {
  content: "\F2DD";
}

.fa-wpexplorer:before {
  content: "\F2DE";
}

.fa-meetup:before {
  content: "\F2E0";
}

.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
}

.sr-only-focusable:active, .sr-only-focusable:focus {
  position: static;
  width: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  clip: auto;
}

.jp-card.jp-card-safari.jp-card-identified .jp-card-front:before, .jp-card.jp-card-safari.jp-card-identified .jp-card-back:before {
  background-image: linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
}

.jp-card.jp-card-ie-10.jp-card-flipped, .jp-card.jp-card-ie-11.jp-card-flipped {
  -webkit-transform: 0deg;
  transform: 0deg;
}

.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-front, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-front {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back {
  -webkit-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back:after {
  left: 18%;
}

.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-cvc, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-cvc {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
  left: 5%;
}

.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny {
  left: 84%;
}

.jp-card.jp-card-ie-10.jp-card-flipped .jp-card-back .jp-card-shiny:after, .jp-card.jp-card-ie-11.jp-card-flipped .jp-card-back .jp-card-shiny:after {
  left: -480%;
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.jp-card.jp-card-ie-10.jp-card-amex .jp-card-back, .jp-card.jp-card-ie-11.jp-card-amex .jp-card-back {
  display: none;
}

.jp-card-logo {
  height: 36px;
  width: 60px;
  font-style: italic;
}

.jp-card-logo, .jp-card-logo:before, .jp-card-logo:after {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

.jp-card-logo.jp-card-amex {
  text-transform: uppercase;
  font-size: 4px;
  font-weight: bold;
  color: white;
  border: 1px solid #EEE;
}

.jp-card-logo.jp-card-amex:before, .jp-card-logo.jp-card-amex:after {
  width: 28px;
  display: block;
  position: absolute;
  left: 16px;
}

.jp-card-logo.jp-card-amex:before {
  height: 28px;
  content: "american";
  top: 3px;
  text-align: left;
  padding-left: 2px;
  padding-top: 11px;
  background: #267AC3;
}

.jp-card-logo.jp-card-amex:after {
  content: "express";
  bottom: 11px;
  text-align: right;
  padding-right: 2px;
}

.jp-card.jp-card-amex.jp-card-flipped {
  -webkit-transform: none;
  transform: none;
}

.jp-card.jp-card-amex.jp-card-identified .jp-card-front:before, .jp-card.jp-card-amex.jp-card-identified .jp-card-back:before {
  background-color: #108168;
}

.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-logo.jp-card-amex {
  opacity: 1;
}

.jp-card.jp-card-amex.jp-card-identified .jp-card-front .jp-card-cvc {
  visibility: visible;
}

.jp-card.jp-card-amex.jp-card-identified .jp-card-front:after {
  opacity: 1;
}

.jp-card-logo.jp-card-discover {
  background: #FF6600;
  color: #111;
  text-transform: uppercase;
  font-style: normal;
  font-weight: bold;
  font-size: 10px;
  text-align: center;
  overflow: hidden;
  z-index: 1;
  padding-top: 9px;
  letter-spacing: .03em;
  border: 1px solid #EEE;
}

.jp-card-logo.jp-card-discover:before, .jp-card-logo.jp-card-discover:after {
  content: " ";
  display: block;
  position: absolute;
}

.jp-card-logo.jp-card-discover:before {
  background: white;
  width: 200px;
  height: 200px;
  border-radius: 200px;
  bottom: -5%;
  right: -80%;
  z-index: -1;
}

.jp-card-logo.jp-card-discover:after {
  width: 8px;
  height: 8px;
  border-radius: 4px;
  top: 10px;
  left: 27px;
  background-color: #FFF;
  background-image: radial-gradient(  #FFF, #FF6600);
  content: "network";
  font-size: 4px;
  line-height: 24px;
  text-indent: -7px;
}

.jp-card .jp-card-front .jp-card-logo.jp-card-discover {
  right: 12%;
  top: 18%;
}

.jp-card.jp-card-discover.jp-card-identified .jp-card-front:before, .jp-card.jp-card-discover.jp-card-identified .jp-card-back:before {
  background-color: #86B8CF;
}

.jp-card.jp-card-discover.jp-card-identified .jp-card-logo.jp-card-discover {
  opacity: 1;
}

.jp-card.jp-card-discover.jp-card-identified .jp-card-front:after {
  -webkit-transition: 400ms;
  transition: 400ms;
  content: " ";
  display: block;
  background-color: #FF6600;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FF6600), color-stop(#ffa366), to(#FF6600));
  background-image: linear-gradient(#FF6600, #ffa366, #FF6600);
  height: 50px;
  width: 50px;
  border-radius: 25px;
  position: absolute;
  left: 100%;
  top: 15%;
  margin-left: -25px;
  -webkit-box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
          box-shadow: inset 1px 1px 3px 1px rgba(0, 0, 0, 0.5);
}

.jp-card-logo.jp-card-visa {
  background: white;
  text-transform: uppercase;
  color: #1A1876;
  text-align: center;
  font-weight: bold;
  font-size: 15px;
  line-height: 18px;
}

.jp-card-logo.jp-card-visa:before, .jp-card-logo.jp-card-visa:after {
  content: " ";
  display: block;
  width: 100%;
  height: 25%;
}

.jp-card-logo.jp-card-visa:before {
  background: #1A1876;
}

.jp-card-logo.jp-card-visa:after {
  background: #E79800;
}

.jp-card.jp-card-visa.jp-card-identified .jp-card-front:before, .jp-card.jp-card-visa.jp-card-identified .jp-card-back:before {
  background-color: #191278;
}

.jp-card.jp-card-visa.jp-card-identified .jp-card-logo.jp-card-visa {
  opacity: 1;
}

.jp-card-logo.jp-card-mastercard {
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 9px;
  line-height: 36px;
  z-index: 1;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
}

.jp-card-logo.jp-card-mastercard:before, .jp-card-logo.jp-card-mastercard:after {
  content: " ";
  display: block;
  width: 36px;
  top: 0;
  position: absolute;
  height: 36px;
  border-radius: 18px;
}

.jp-card-logo.jp-card-mastercard:before {
  left: 0;
  background: #FF0000;
  z-index: -1;
}

.jp-card-logo.jp-card-mastercard:after {
  right: 0;
  background: #FFAB00;
  z-index: -2;
}

.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front .jp-card-logo.jp-card-mastercard, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back .jp-card-logo.jp-card-mastercard {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.jp-card.jp-card-mastercard.jp-card-identified .jp-card-front:before, .jp-card.jp-card-mastercard.jp-card-identified .jp-card-back:before {
  background-color: #0061A8;
}

.jp-card.jp-card-mastercard.jp-card-identified .jp-card-logo.jp-card-mastercard {
  opacity: 1;
}

.jp-card-logo.jp-card-dankort {
  width: 60px;
  height: 36px;
  padding: 3px;
  border-radius: 8px;
  border: #000000 1px solid;
  background-color: #FFFFFF;
}

.jp-card-logo.jp-card-dankort .dk {
  position: relative;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.jp-card-logo.jp-card-dankort .dk:before {
  background-color: #ED1C24;
  content: '';
  position: absolute;
  width: 100%;
  height: 100%;
  display: block;
  border-radius: 6px;
}

.jp-card-logo.jp-card-dankort .dk:after {
  content: '';
  position: absolute;
  top: 50%;
  margin-top: -7.7px;
  right: 0;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 7px 7px 10px 0;
  border-color: transparent #ED1C24 transparent transparent;
  z-index: 1;
}

.jp-card-logo.jp-card-dankort .d, .jp-card-logo.jp-card-dankort .k {
  position: absolute;
  top: 50%;
  width: 50%;
  display: block;
  height: 15.4px;
  margin-top: -7.7px;
  background: white;
}

.jp-card-logo.jp-card-dankort .d {
  left: 0;
  border-radius: 0 8px 10px 0;
}

.jp-card-logo.jp-card-dankort .d:before {
  content: '';
  position: absolute;
  top: 50%;
  left: 50%;
  display: block;
  background: #ED1C24;
  border-radius: 2px 4px 6px 0px;
  height: 5px;
  width: 7px;
  margin: -3px 0 0 -4px;
}

.jp-card-logo.jp-card-dankort .k {
  right: 0;
}

.jp-card-logo.jp-card-dankort .k:before, .jp-card-logo.jp-card-dankort .k:after {
  content: '';
  position: absolute;
  right: 50%;
  width: 0;
  height: 0;
  border-style: solid;
  margin-right: -1px;
}

.jp-card-logo.jp-card-dankort .k:before {
  top: 0;
  border-width: 8px 5px 0 0;
  border-color: #ED1C24 transparent transparent transparent;
}

.jp-card-logo.jp-card-dankort .k:after {
  bottom: 0;
  border-width: 0 5px 8px 0;
  border-color: transparent transparent #ED1C24 transparent;
}

.jp-card.jp-card-dankort.jp-card-identified .jp-card-front:before, .jp-card.jp-card-dankort.jp-card-identified .jp-card-back:before {
  background-color: #0055C7;
}

.jp-card.jp-card-dankort.jp-card-identified .jp-card-logo.jp-card-dankort {
  opacity: 1;
}

.jp-card-logo.jp-card-maestro {
  color: white;
  font-weight: bold;
  text-align: center;
  font-size: 14px;
  line-height: 36px;
  z-index: 1;
  text-shadow: 1px 1px rgba(0, 0, 0, 0.6);
}

.jp-card-logo.jp-card-maestro:before, .jp-card-logo.jp-card-maestro:after {
  content: " ";
  display: block;
  width: 36px;
  top: 0;
  position: absolute;
  height: 36px;
  border-radius: 18px;
}

.jp-card-logo.jp-card-maestro:before {
  left: 0;
  background: #0064CB;
  z-index: -1;
}

.jp-card-logo.jp-card-maestro:after {
  right: 0;
  background: #CC0000;
  z-index: -2;
}

.jp-card.jp-card-maestro.jp-card-identified .jp-card-front .jp-card-logo.jp-card-maestro, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back .jp-card-logo.jp-card-maestro {
  -webkit-box-shadow: none;
          box-shadow: none;
}

.jp-card.jp-card-maestro.jp-card-identified .jp-card-front:before, .jp-card.jp-card-maestro.jp-card-identified .jp-card-back:before {
  background-color: #0B2C5F;
}

.jp-card.jp-card-maestro.jp-card-identified .jp-card-logo.jp-card-maestro {
  opacity: 1;
}

.jp-card-container {
  -webkit-perspective: 1000px;
  perspective: 1000px;
  width: 350px;
  max-width: 100%;
  height: 200px;
  margin: auto;
  z-index: 1;
  position: relative;
}

.jp-card {
  font-family: "Helvetica Neue";
  line-height: 1;
  position: relative;
  width: 100%;
  height: 100%;
  min-width: 315px;
  border-radius: 10px;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
}

.jp-card > *, .jp-card > *:before, .jp-card > *:after {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: inherit;
}

.jp-card.jp-card-flipped {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.jp-card .jp-card-front, .jp-card .jp-card-back {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform-style: preserve-3d;
  transform-style: preserve-3d;
  -webkit-transition: all 400ms linear;
  transition: all 400ms linear;
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  overflow: hidden;
  border-radius: 10px;
  background: #DDD;
}

.jp-card .jp-card-front:before, .jp-card .jp-card-back:before {
  content: " ";
  display: block;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: 0;
  opacity: 0;
  border-radius: 10px;
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
}

.jp-card .jp-card-front:after, .jp-card .jp-card-back:after {
  content: " ";
  display: block;
}

.jp-card .jp-card-front .jp-card-display, .jp-card .jp-card-back .jp-card-display {
  color: white;
  font-weight: normal;
  opacity: 0.5;
  -webkit-transition: opacity 400ms linear;
  transition: opacity 400ms linear;
}

.jp-card .jp-card-front .jp-card-display.jp-card-focused, .jp-card .jp-card-back .jp-card-display.jp-card-focused {
  opacity: 1;
  font-weight: 500;
}

.jp-card .jp-card-front .jp-card-cvc, .jp-card .jp-card-back .jp-card-cvc {
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  font-size: 14px;
}

.jp-card .jp-card-front .jp-card-shiny, .jp-card .jp-card-back .jp-card-shiny {
  width: 50px;
  height: 35px;
  border-radius: 5px;
  background: #CCC;
  position: relative;
}

.jp-card .jp-card-front .jp-card-shiny:before, .jp-card .jp-card-back .jp-card-shiny:before {
  content: " ";
  display: block;
  width: 70%;
  height: 60%;
  border-top-right-radius: 5px;
  border-bottom-right-radius: 5px;
  background: #d9d9d9;
  position: absolute;
  top: 20%;
}

.jp-card .jp-card-front {
  z-index: 2;
}

.jp-card .jp-card-front .jp-card-logo {
  position: absolute;
  opacity: 0;
  right: 5%;
  top: 8%;
  -webkit-transition: 400ms;
  transition: 400ms;
}

.jp-card .jp-card-front .jp-card-lower {
  width: 80%;
  position: absolute;
  left: 10%;
  bottom: 30px;
}

@media only screen and (max-width: 480px) {
  .jp-card .jp-card-front .jp-card-lower {
    width: 90%;
    left: 5%;
  }
}

.jp-card .jp-card-front .jp-card-lower .jp-card-cvc {
  visibility: hidden;
  float: right;
  position: relative;
  bottom: 5px;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-number {
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  font-size: 24px;
  clear: both;
  margin-bottom: 30px;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-expiry {
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  letter-spacing: 0em;
  position: relative;
  float: right;
  width: 25%;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before, .jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
  font-family: "Helvetica Neue";
  font-weight: bold;
  font-size: 7px;
  white-space: pre;
  display: block;
  opacity: .5;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:before {
  content: attr(data-before);
  margin-bottom: 2px;
  font-size: 7px;
  text-transform: uppercase;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-expiry:after {
  position: absolute;
  content: attr(data-after);
  text-align: right;
  right: 100%;
  margin-right: 5px;
  margin-top: 2px;
  bottom: 0;
}

.jp-card .jp-card-front .jp-card-lower .jp-card-name {
  text-transform: uppercase;
  font-family: "Bitstream Vera Sans Mono", Consolas, Courier, monospace;
  font-size: 20px;
  max-height: 45px;
  position: absolute;
  bottom: 0;
  width: 190px;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: horizontal;
  overflow: hidden;
  text-overflow: ellipsis;
}

.jp-card .jp-card-back {
  -webkit-transform: rotateY(180deg);
  transform: rotateY(180deg);
}

.jp-card .jp-card-back .jp-card-bar {
  background-color: #444;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#444), to(#333));
  background-image: linear-gradient(#444, #333);
  width: 100%;
  height: 20%;
  position: absolute;
  top: 10%;
}

.jp-card .jp-card-back:after {
  content: " ";
  display: block;
  background-color: #FFF;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#FFF), to(#FFF));
  background-image: linear-gradient(#FFF, #FFF);
  width: 80%;
  height: 16%;
  position: absolute;
  top: 40%;
  left: 2%;
}

.jp-card .jp-card-back .jp-card-cvc {
  position: absolute;
  top: 40%;
  left: 85%;
  -webkit-transition-delay: 600ms;
  transition-delay: 600ms;
}

.jp-card .jp-card-back .jp-card-shiny {
  position: absolute;
  top: 66%;
  left: 2%;
}

.jp-card .jp-card-back .jp-card-shiny:after {
  content: "This card has been issued by Jesse Pollak and is licensed for anyone to use anywhere for free.\AIt comes with no warranty.\A   For support issues, please visit: github.com/jessepollak/card.";
  position: absolute;
  left: 120%;
  top: 5%;
  color: white;
  font-size: 7px;
  width: 230px;
  opacity: .5;
}

.jp-card.jp-card-identified {
  -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
          box-shadow: 0 0 20px rgba(0, 0, 0, 0.3);
}

.jp-card.jp-card-identified .jp-card-front, .jp-card.jp-card-identified .jp-card-back {
  background-color: #000;
  background-color: rgba(0, 0, 0, 0.5);
}

.jp-card.jp-card-identified .jp-card-front:before, .jp-card.jp-card-identified .jp-card-back:before {
  -webkit-transition: all 400ms ease;
  transition: all 400ms ease;
  background-image: linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
  opacity: 1;
}

.jp-card.jp-card-identified .jp-card-front .jp-card-logo, .jp-card.jp-card-identified .jp-card-back .jp-card-logo {
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.jp-card.jp-card-identified.no-radial-gradient .jp-card-front:before, .jp-card.jp-card-identified.no-radial-gradient .jp-card-back:before {
  background-image: linear-gradient(-25deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, 0.2) 70%, rgba(255, 255, 255, 0) 90%);
}

@-webkit-keyframes closeWindow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

@keyframes closeWindow {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

.outer {
  background-color: rgba(0, 0, 0, 0.85);
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1000;
  width: 100%;
  height: 100%;
}

.outerClosing {
  opacity: 0;
}

.inner {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}

.image {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  max-width: 100%;
  max-height: 100%;
}

.imagePrev {
  @extends .image;
}

.imageNext {
  @extends .image;
}

.imageDiscourager {
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.navButtons {
  border: none;
  position: absolute;
  top: 0;
  bottom: 0;
  width: 20px;
  height: 34px;
  padding: 40px 30px;
  margin: auto;
  cursor: pointer;
  opacity: 0.7;
}

.navButtons:hover {
  opacity: 1;
}

.navButtons:active {
  opacity: 0.7;
}

.navButtonPrev {
  left: 0;
  background: rgba(0, 0, 0, 0.2) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDE5LDMgLTIsLTIgLTE2LDE2IDE2LDE2IDEsLTEgLTE1LC0xNSAxNSwtMTUgeiIgZmlsbD0iI0ZGRiIvPjwvc3ZnPg==") no-repeat center;
}

.navButtonNext {
  right: 0;
  background: rgba(0, 0, 0, 0.2) url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjM0Ij48cGF0aCBkPSJtIDEsMyAyLC0yIDE2LDE2IC0xNiwxNiAtMSwtMSAxNSwtMTUgLTE1LC0xNSB6IiBmaWxsPSIjRkZGIi8+PC9zdmc+") no-repeat center;
}

.downloadBlocker {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7");
  background-size: cover;
}

.caption,
.toolbar {
  background-color: rgba(0, 0, 0, 0.5);
  position: absolute;
  left: 0;
  right: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.caption {
  bottom: 0;
  max-height: 150px;
  overflow: auto;
}

.captionContent {
  padding: 10px 20px;
  color: #FFF;
}

.toolbar {
  top: 0;
  height: 50px;
}

.toolbarSide {
  height: 50px;
  margin: 0;
}

.toolbarSideNoFlex {
  height: auto;
  line-height: 50px;
  max-width: 48%;
  position: absolute;
  top: 0;
  bottom: 0;
}

.toolbarLeftSide {
  padding-left: 20px;
  padding-right: 0;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 auto;
          flex: 0 1 auto;
  overflow: hidden;
  text-overflow: ellipsis;
}

.toolbarLeftSideNoFlex {
  left: 0;
  overflow: visible;
}

.toolbarRightSide {
  padding-left: 0;
  padding-right: 20px;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 auto;
          flex: 0 0 auto;
}

.toolbarRightSideNoFlex {
  right: 0;
}

.toolbarItem {
  display: inline-block;
  line-height: 50px;
  padding: 0;
  color: #FFF;
  font-size: 120%;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.toolbarItemChild {
  vertical-align: middle;
}

.builtinButton {
  width: 40px;
  height: 35px;
  cursor: pointer;
  border: none;
  opacity: 0.7;
}

.builtinButton:hover {
  opacity: 1;
}

.builtinButton:active {
  outline: none;
}

.builtinButtonDisabled {
  cursor: default;
  opacity: 0.5;
}

.builtinButtonDisabled:hover {
  opacity: 0.5;
}

.closeButton {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZlcnNpb249IjEuMSIgd2lkdGg9IjIwIiBoZWlnaHQ9IjIwIj48cGF0aCBkPSJtIDEsMyAxLjI1LC0xLjI1IDcuNSw3LjUgNy41LC03LjUgMS4yNSwxLjI1IC03LjUsNy41IDcuNSw3LjUgLTEuMjUsMS4yNSAtNy41LC03LjUgLTcuNSw3LjUgLTEuMjUsLTEuMjUgNy41LC03LjUgLTcuNSwtNy41IHoiIGZpbGw9IiNGRkYiLz48L3N2Zz4=") no-repeat center;
}

.zoomInButton {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PHBhdGggZD0iTTEyIDV2NiIvPjwvZz48Y2lyY2xlIGN4PSIxMiIgY3k9IjgiIHI9IjciIGZpbGw9Im5vbmUiIHN0cm9rZT0iI2ZmZiIgc3Ryb2tlLXdpZHRoPSIyIi8+PC9zdmc+") no-repeat center;
}

.zoomOutButton {
  background: url("data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMCIgaGVpZ2h0PSIyMCI+PGcgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCI+PHBhdGggZD0iTTEgMTlsNi02Ii8+PHBhdGggZD0iTTkgOGg2Ii8+PC9nPjxjaXJjbGUgY3g9IjEyIiBjeT0iOCIgcj0iNyIgZmlsbD0ibm9uZSIgc3Ryb2tlPSIjZmZmIiBzdHJva2Utd2lkdGg9IjIiLz48L3N2Zz4=") no-repeat center;
}

.outerAnimating {
  -webkit-animation-name: closeWindow;
          animation-name: closeWindow;
}

@-webkit-keyframes pointFade {
  0%, 19.999%, 100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}

@keyframes pointFade {
  0%, 19.999%, 100% {
    opacity: 0;
  }
  20% {
    opacity: 1;
  }
}

.loadingCircle {
  width: 60px;
  height: 60px;
  position: relative;
}

.loadingCirclePoint {
  width: 100%;
  height: 100%;
  position: absolute;
  left: 0;
  top: 0;
}

.loadingCirclePoint:before {
  content: '';
  display: block;
  margin: 0 auto;
  width: 15%;
  height: 15%;
  background-color: #FFF;
  border-radius: 30%;
  -webkit-animation: pointFade 1200ms infinite ease-in-out both;
          animation: pointFade 1200ms infinite ease-in-out both;
}

.loadingCirclePoint:nth-of-type(1) {
  -webkit-transform: rotate(0deg);
          transform: rotate(0deg);
}

.loadingCirclePoint:nth-of-type(7) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.loadingCirclePoint:nth-of-type(1):before, .loadingCirclePoint:nth-of-type(7):before {
  -webkit-animation-delay: -1200ms;
          animation-delay: -1200ms;
}

.loadingCirclePoint:nth-of-type(2) {
  -webkit-transform: rotate(30deg);
          transform: rotate(30deg);
}

.loadingCirclePoint:nth-of-type(8) {
  -webkit-transform: rotate(210deg);
          transform: rotate(210deg);
}

.loadingCirclePoint:nth-of-type(2):before, .loadingCirclePoint:nth-of-type(8):before {
  -webkit-animation-delay: -1000ms;
          animation-delay: -1000ms;
}

.loadingCirclePoint:nth-of-type(3) {
  -webkit-transform: rotate(60deg);
          transform: rotate(60deg);
}

.loadingCirclePoint:nth-of-type(9) {
  -webkit-transform: rotate(240deg);
          transform: rotate(240deg);
}

.loadingCirclePoint:nth-of-type(3):before, .loadingCirclePoint:nth-of-type(9):before {
  -webkit-animation-delay: -800ms;
          animation-delay: -800ms;
}

.loadingCirclePoint:nth-of-type(4) {
  -webkit-transform: rotate(90deg);
          transform: rotate(90deg);
}

.loadingCirclePoint:nth-of-type(10) {
  -webkit-transform: rotate(270deg);
          transform: rotate(270deg);
}

.loadingCirclePoint:nth-of-type(4):before, .loadingCirclePoint:nth-of-type(10):before {
  -webkit-animation-delay: -600ms;
          animation-delay: -600ms;
}

.loadingCirclePoint:nth-of-type(5) {
  -webkit-transform: rotate(120deg);
          transform: rotate(120deg);
}

.loadingCirclePoint:nth-of-type(11) {
  -webkit-transform: rotate(300deg);
          transform: rotate(300deg);
}

.loadingCirclePoint:nth-of-type(5):before, .loadingCirclePoint:nth-of-type(11):before {
  -webkit-animation-delay: -400ms;
          animation-delay: -400ms;
}

.loadingCirclePoint:nth-of-type(6) {
  -webkit-transform: rotate(150deg);
          transform: rotate(150deg);
}

.loadingCirclePoint:nth-of-type(12) {
  -webkit-transform: rotate(330deg);
          transform: rotate(330deg);
}

.loadingCirclePoint:nth-of-type(6):before, .loadingCirclePoint:nth-of-type(12):before {
  -webkit-animation-delay: -200ms;
          animation-delay: -200ms;
}

.loadingCirclePoint:nth-of-type(7) {
  -webkit-transform: rotate(180deg);
          transform: rotate(180deg);
}

.loadingCirclePoint:nth-of-type(13) {
  -webkit-transform: rotate(360deg);
          transform: rotate(360deg);
}

.loadingCirclePoint:nth-of-type(7):before, .loadingCirclePoint:nth-of-type(13):before {
  -webkit-animation-delay: 0ms;
          animation-delay: 0ms;
}

.loadingContainer {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}

.loadingContainer__icon {
  color: #FFF;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translateX(-50%) translateY(-50%);
          transform: translateX(-50%) translateY(-50%);
}

@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.fade-in {
  -webkit-animation: fade-in 2s;
  -moz-animation: fade-in 2s;
  -o-animation: fade-in 2s;
  -ms-animation: fade-in 2s;
}

/*! normalize.css v3.0.3 | MIT License | github.com/necolas/normalize.css */
/**
 * 1. Set default font family to sans-serif.
 * 2. Prevent iOS and IE text size adjust after device orientation change,
 *    without disabling user zoom.
 */
html {
  font-family: sans-serif;
  /* 1 */
  -ms-text-size-adjust: 100%;
  /* 2 */
  -webkit-text-size-adjust: 100%;
  /* 2 */
}

/**
 * Remove default margin.
 */
body {
  margin: 0;
}

/* HTML5 display definitions
   ========================================================================== */
/**
 * Correct `block` display not defined for any HTML5 element in IE 8/9.
 * Correct `block` display not defined for `details` or `summary` in IE 10/11
 * and Firefox.
 * Correct `block` display not defined for `main` in IE 11.
 */
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
}

/**
 * 1. Correct `inline-block` display not defined in IE 8/9.
 * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera.
 */
audio,
canvas,
progress,
video {
  display: inline-block;
  /* 1 */
  vertical-align: baseline;
  /* 2 */
}

/**
 * Prevent modern browsers from displaying `audio` without controls.
 * Remove excess height in iOS 5 devices.
 */
audio:not([controls]) {
  display: none;
  height: 0;
}

/**
 * Address `[hidden]` styling not present in IE 8/9/10.
 * Hide the `template` element in IE 8/9/10/11, Safari, and Firefox < 22.
 */
[hidden],
template {
  display: none;
}

/* Links
   ========================================================================== */
/**
 * Remove the gray background color from active links in IE 10.
 */
a {
  background-color: transparent;
  cursor: pointer;
}

/**
 * Improve readability of focused elements when they are also in an
 * active/hover state.
 */
a:active,
a:hover {
  outline: 0;
}

/* Text-level semantics
   ========================================================================== */
/**
 * Address styling not present in IE 8/9/10/11, Safari, and Chrome.
 */
abbr[title] {
  border-bottom: 1px dotted;
}

/**
 * Address style set to `bolder` in Firefox 4+, Safari, and Chrome.
 */
b,
strong {
  font-weight: bold;
}

/**
 * Address styling not present in Safari and Chrome.
 */
dfn {
  font-style: italic;
}

/**
 * Address variable `h1` font-size and margin within `section` and `article`
 * contexts in Firefox 4+, Safari, and Chrome.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}

/**
 * Address styling not present in IE 8/9.
 */
mark {
  background: #ff0;
  color: #000;
}

/**
 * Address inconsistent and variable font size in all browsers.
 */
small {
  font-size: 80%;
}

/**
 * Prevent `sub` and `sup` affecting `line-height` in all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}

sup {
  top: -0.5em;
}

sub {
  bottom: -0.25em;
}

/* Embedded content
   ========================================================================== */
/**
 * Remove border when inside `a` element in IE 8/9/10.
 */
img {
  border: 0;
}

/**
 * Correct overflow not hidden in IE 9/10/11.
 */
svg:not(:root) {
  overflow: hidden;
}

/* Grouping content
   ========================================================================== */
/**
 * Address margin not present in IE 8/9 and Safari.
 */
figure {
  margin: 1em 40px;
}

/**
 * Address differences between Firefox and other browsers.
 */
hr {
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  height: 0;
}

/**
 * Contain overflow in all browsers.
 */
pre {
  overflow: auto;
}

/**
 * Address odd `em`-unit font size rendering in all browsers.
 */
code,
kbd,
pre,
samp {
  font-family: consolas, monospace, monospace;
  font-size: .95em;
}

/* Forms
   ========================================================================== */
/**
 * Known limitation: by default, Chrome and Safari on OS X allow very limited
 * styling of `select`, unless a `border` property is set.
 */
/**
 * 1. Correct color not being inherited.
 *    Known issue: affects color of disabled elements.
 * 2. Correct font properties not being inherited.
 * 3. Address margins set differently in Firefox 4+, Safari, and Chrome.
 */
button,
input,
optgroup,
select,
textarea {
  color: inherit;
  /* 1 */
  font: inherit;
  /* 2 */
  margin: 0;
  /* 3 */
}

/**
 * Address `overflow` set to `hidden` in IE 8/9/10/11.
 */
button {
  overflow: visible;
}

/**
 * Address inconsistent `text-transform` inheritance for `button` and `select`.
 * All other form control elements do not inherit `text-transform` values.
 * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera.
 * Correct `select` style inheritance in Firefox.
 */
button,
select {
  text-transform: none;
}

/**
 * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio`
 *    and `video` controls.
 * 2. Correct inability to style clickable `input` types in iOS.
 * 3. Improve usability and consistency of cursor style between image-type
 *    `input` and others.
 */
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
  -webkit-appearance: button;
  /* 2 */
  cursor: pointer;
  /* 3 */
}

/**
 * Re-set default cursor for disabled elements.
 */
button[disabled],
html input[disabled] {
  cursor: default;
}

/**
 * Remove inner padding and border in Firefox 4+.
 */
button::-moz-focus-inner,
input::-moz-focus-inner {
  border: 0;
  padding: 0;
}

/**
 * Address Firefox 4+ setting `line-height` on `input` using `!important` in
 * the UA stylesheet.
 */
input {
  line-height: normal;
}

/**
 * It's recommended that you don't attempt to style these elements.
 * Firefox's implementation doesn't respect box-sizing, padding, or width.
 *
 * 1. Address box sizing set to `content-box` in IE 8/9/10.
 * 2. Remove excess padding in IE 8/9/10.
 */
input[type="checkbox"],
input[type="radio"] {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Fix the cursor style for Chrome's increment/decrement buttons. For certain
 * `font-size` values of the `input`, it causes the cursor style of the
 * decrement button to change from `default` to `text`.
 */
input[type="number"]::-webkit-inner-spin-button,
input[type="number"]::-webkit-outer-spin-button {
  height: auto;
}

/**
 * 1. Address `appearance` set to `searchfield` in Safari and Chrome.
 * 2. Address `box-sizing` set to `border-box` in Safari and Chrome.
 */
input[type="search"] {
  -webkit-appearance: textfield;
  /* 1 */
  -webkit-box-sizing: content-box;
          box-sizing: content-box;
  /* 2 */
}

/**
 * Remove inner padding and search cancel button in Safari and Chrome on OS X.
 * Safari (but not Chrome) clips the cancel button when the search input has
 * padding (and `textfield` appearance).
 */
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}

/**
 * Define consistent border, margin, and padding.
 */
fieldset {
  border: 1px solid #c0c0c0;
  margin: 0 2px;
  padding: 0.35em 0.625em 0.75em;
}

/**
 * 1. Correct `color` not being inherited in IE 8/9/10/11.
 * 2. Remove padding so people aren't caught out if they zero out fieldsets.
 */
legend {
  border: 0;
  /* 1 */
  padding: 0;
  /* 2 */
}

/**
 * Remove default vertical scrollbar in IE 8/9/10/11.
 */
textarea {
  overflow: auto;
}

/**
 * Don't inherit the `font-weight` (applied by a rule above).
 * NOTE: the default cannot safely be changed in Chrome and Safari on OS X.
 */
optgroup {
  font-weight: bold;
}

/* Tables
   ========================================================================== */
/**
 * Remove most spacing between table cells.
 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

td,
th {
  padding: 0;
}

.max-width {
  width: 100%;
}

.width-auto {
  width: auto;
}

.width-1 {
  width: 0.8rem !important;
}

.width-2 {
  width: 1.8rem !important;
}

.width-3 {
  width: 2.8rem !important;
}

.width-4 {
  width: 3.8rem !important;
}

.width-5 {
  width: 4.8rem !important;
}

.width-6 {
  width: 5.8rem !important;
}

.width-7 {
  width: 6.8rem !important;
}

.width-8 {
  width: 7.8rem !important;
}

.width-9 {
  width: 8.8rem !important;
}

.width-10 {
  width: 9.8rem !important;
}

.width-11 {
  width: 10.8rem !important;
}

.width-12 {
  width: 11.8rem !important;
}

.width-13 {
  width: 12.8rem !important;
}

.width-14 {
  width: 13.8rem !important;
}

.width-15 {
  width: 14.8rem !important;
}

.width-16 {
  width: 15.8rem !important;
}

.width-17 {
  width: 16.8rem !important;
}

.width-18 {
  width: 17.8rem !important;
}

.width-19 {
  width: 18.8rem !important;
}

.width-20 {
  width: 19.8rem !important;
}

.width-21 {
  width: 20.8rem !important;
}

.width-22 {
  width: 21.8rem !important;
}

.width-23 {
  width: 22.8rem !important;
}

.width-24 {
  width: 23.8rem !important;
}

.width-25 {
  width: 24.8rem !important;
}

.width-26 {
  width: 25.8rem !important;
}

.width-27 {
  width: 26.8rem !important;
}

.width-28 {
  width: 27.8rem !important;
}

.width-29 {
  width: 28.8rem !important;
}

.width-30 {
  width: 29.8rem !important;
}

.width-31 {
  width: 30.8rem !important;
}

.width-32 {
  width: 31.8rem !important;
}

.width-33 {
  width: 32.8rem !important;
}

.width-34 {
  width: 33.8rem !important;
}

.width-35 {
  width: 34.8rem !important;
}

.width-36 {
  width: 35.8rem !important;
}

.width-37 {
  width: 36.8rem !important;
}

.width-38 {
  width: 37.8rem !important;
}

.width-39 {
  width: 38.8rem !important;
}

.width-40 {
  width: 39.8rem !important;
}

.width-41 {
  width: 40.8rem !important;
}

.width-42 {
  width: 41.8rem !important;
}

.width-43 {
  width: 42.8rem !important;
}

.width-44 {
  width: 43.8rem !important;
}

.width-45 {
  width: 44.8rem !important;
}

.width-46 {
  width: 45.8rem !important;
}

.width-47 {
  width: 46.8rem !important;
}

.width-48 {
  width: 47.8rem !important;
}

.width-49 {
  width: 48.8rem !important;
}

.width-50 {
  width: 49.8rem !important;
}

.width-51 {
  width: 50.8rem !important;
}

.width-52 {
  width: 51.8rem !important;
}

.width-53 {
  width: 52.8rem !important;
}

.width-54 {
  width: 53.8rem !important;
}

.width-55 {
  width: 54.8rem !important;
}

.width-56 {
  width: 55.8rem !important;
}

.width-57 {
  width: 56.8rem !important;
}

.width-58 {
  width: 57.8rem !important;
}

.width-59 {
  width: 58.8rem !important;
}

.width-60 {
  width: 59.8rem !important;
}

.max-width-1 {
  max-width: 0.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-2 {
  max-width: 1.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-3 {
  max-width: 2.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-4 {
  max-width: 3.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-5 {
  max-width: 4.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-6 {
  max-width: 5.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-7 {
  max-width: 6.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-8 {
  max-width: 7.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-9 {
  max-width: 8.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-10 {
  max-width: 9.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-11 {
  max-width: 10.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-12 {
  max-width: 11.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-13 {
  max-width: 12.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-14 {
  max-width: 13.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-15 {
  max-width: 14.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-16 {
  max-width: 15.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-17 {
  max-width: 16.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-18 {
  max-width: 17.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-19 {
  max-width: 18.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-20 {
  max-width: 19.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-21 {
  max-width: 20.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-22 {
  max-width: 21.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-23 {
  max-width: 22.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-24 {
  max-width: 23.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-25 {
  max-width: 24.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-26 {
  max-width: 25.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-27 {
  max-width: 26.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-28 {
  max-width: 27.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-29 {
  max-width: 28.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-30 {
  max-width: 29.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-31 {
  max-width: 30.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-32 {
  max-width: 31.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-33 {
  max-width: 32.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-34 {
  max-width: 33.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-35 {
  max-width: 34.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-36 {
  max-width: 35.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-37 {
  max-width: 36.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-38 {
  max-width: 37.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-39 {
  max-width: 38.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-40 {
  max-width: 39.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-41 {
  max-width: 40.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-42 {
  max-width: 41.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-43 {
  max-width: 42.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-44 {
  max-width: 43.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-45 {
  max-width: 44.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-46 {
  max-width: 45.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-47 {
  max-width: 46.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-48 {
  max-width: 47.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-49 {
  max-width: 48.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-50 {
  max-width: 49.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-51 {
  max-width: 50.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-52 {
  max-width: 51.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-53 {
  max-width: 52.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-54 {
  max-width: 53.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-55 {
  max-width: 54.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-56 {
  max-width: 55.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-57 {
  max-width: 56.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-58 {
  max-width: 57.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-59 {
  max-width: 58.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.max-width-60 {
  max-width: 59.8rem !important;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

* {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
}

html,
body {
  height: 100%;
}

body {
  font-family: 'PT Sans', sans-serif;
  font-weight: normal;
  font-style: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  background: #262626;
  color: #B8B8B8;
  line-height: 1.4;
}

a {
  color: #f46800;
  text-decoration: none;
}

a:hover {
  color: #ff8428;
}

hr {
  border: solid #555;
  border-width: 1px 0 0;
  clear: both;
  height: 0;
  margin: 1.25rem 0 1.1875rem;
}

img {
  border: 0;
  max-width: 100%;
  height: auto;
}

.float-left {
  float: left;
}

.float-right {
  float: right;
}

.float-center {
  display: block;
  margin-right: auto;
  margin-left: auto;
}

.clearfix::before, .clearfix::after {
  display: table;
  content: ' ';
}

.clearfix::after {
  clear: both;
}

.no-underline {
  text-decoration: none;
}

.hidden {
  display: none;
}

.visually-hidden {
  position: absolute !important;
  height: 1px;
  width: 1px;
  overflow: hidden;
  clip: rect(1px 1px 1px 1px);
  /* IE6, IE7 */
  clip: rect(1px, 1px, 1px, 1px);
}

.text-left {
  text-align: left;
}

.text-center {
  text-align: center;
}

.text-right {
  text-align: right;
}

.text-muted {
  color: #898989 !important;
}

.text-size-sm {
  font-size: 0.75rem;
}

.h1, .h2, .page-letterhead__heading, .h3, .two-column-hero__heading, .company-pillar__heading, .h4, .page-section__title, .value-box__header, .price-option__heading, .price-option__heading-gcloud, .h5, .page-section__paragraph--lead, .page-section__title2, .feature-tab-content__title, .download-package__os, .h6, .company-pillar__subheading {
  margin-top: 0;
  margin-bottom: 1rem;
  font-family: inherit;
  font-weight: 400;
  font-style: normal;
  line-height: 1.1;
  color: #eaeaea;
}

.h1 > b, .h1 > strong, .h2 > b, .page-letterhead__heading > b, .h2 > strong, .page-letterhead__heading > strong, .h3 > b, .two-column-hero__heading > b, .company-pillar__heading > b, .h3 > strong, .two-column-hero__heading > strong, .company-pillar__heading > strong, .h4 > b, .page-section__title > b, .value-box__header > b, .price-option__heading > b, .price-option__heading-gcloud > b, .h4 > strong, .page-section__title > strong, .value-box__header > strong, .price-option__heading > strong, .price-option__heading-gcloud > strong, .h5 > b, .page-section__paragraph--lead > b, .page-section__title2 > b, .feature-tab-content__title > b, .download-package__os > b, .h5 > strong, .page-section__paragraph--lead > strong, .page-section__title2 > strong, .feature-tab-content__title > strong, .download-package__os > strong, .h6 > b, .company-pillar__subheading > b, .h6 > strong, .company-pillar__subheading > strong {
  color: #f46800;
  font-weight: normal;
}

.h1 {
  font-size: 2.5rem;
}

.h2, .page-letterhead__heading {
  font-size: 2rem;
}

.h3, .two-column-hero__heading, .company-pillar__heading {
  font-size: 1.75rem;
}

.h4, .page-section__title, .value-box__header, .price-option__heading, .price-option__heading-gcloud {
  font-size: 1.5rem;
}

.h5, .page-section__paragraph--lead, .page-section__title2, .feature-tab-content__title, .download-package__os {
  font-size: 1.25rem;
}

.h6, .company-pillar__subheading {
  font-size: 1rem;
}

b {
  color: #cccccc;
}

.plugin-spotlight__badge {
  z-index: 100;
}

.page-header,
.site-nav-canvas {
  z-index: 400;
}

.page-header > .row,
.site-nav__toggle {
  z-index: 500;
}

.page-submenu--sticky,
.page-subnav--sticky,
.org-submenu--sticky,
.org-subnav--sticky {
  z-index: 600;
}

.wrapper {
  padding: 0 20px;
}

.wrapper::before, .wrapper::after {
  display: table;
  content: ' ';
}

.wrapper::after {
  clear: both;
}

@media (min-width: 40.625rem) {
  .wrapper {
    max-width: 1240px;
    margin: 0 auto;
  }
}

@media (min-width: 1240px) {
  .wrapper {
    margin-left: calc(50vw - 620px);
    margin-right: 0;
  }
}

.wrapper--bottom-margin {
  margin-bottom: 2rem;
}

.grid {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  margin: 0;
  padding: 0;
}

.grid--container {
  margin: 0 auto;
  max-width: 1200px;
  width: 100%;
}

/* Standard Row */
.row {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-flex: 0;
      -ms-flex: 0 1 100%;
          flex: 0 1 100%;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  list-style: none;
  margin: 0.75rem;
  padding: 0;
}

.row + .row {
  margin-top: -0.75rem;
}

/* No Gutters */
.row--no-gutters,
.row + .row--no-gutters {
  margin: 0;
}

/* Large (2x) Gutters */
.row--lg-gutters {
  margin: 1.5rem;
}

.row + .row--lg-gutters {
  margin-top: -1.5rem;
}

/* Only Internal Gutters */
.row--internal-gutters {
  margin: -1.5rem 0 0 -1.5rem;
}

.row--internal-gutters.row--lg-gutters {
  margin: -3rem 0 0 -3rem;
}

/* No Side Gutters */
.row--no-side-gutters {
  margin-left: -1.5rem;
  margin-right: 0;
}

.row--no-side-gutters.row--lg-gutters {
  margin-left: -3rem;
}

/* No Bottom Margin */
.row--no-bottom {
  margin: 1.5rem 1.5rem 0 1.5rem;
}

.row--extra-bottom {
  margin-bottom: 3rem;
}

.row--extra-top {
  margin-top: 3rem;
}

.row--nested-no-top {
  margin-top: -10px;
}

.row--nested-no-bottom {
  margin-bottom: -10px;
}

/* Standard Column */
.col {
  -webkit-box-sizing: border-box;
          box-sizing: border-box;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 100%;
          flex: 0 0 100%;
  max-width: 100%;
  margin: 0;
  padding: 0.75rem;
}

/* No Gutters */
.row--no-gutters > .col {
  padding: 0;
}

/* Large (2x) Gutters */
.row--lg-gutters > .col {
  padding: 1.5rem;
}

/* Only Internal Gutters */
.row--internal-gutters > .col {
  padding: 1.5rem 0 0 1.5rem;
}

.row--internal-gutters.row--lg-gutters > .col {
  padding: 3rem 0 0 3rem;
}

/* No Side Gutters */
.row--no-side-gutters > .col {
  padding-left: 1.5rem;
  padding-right: 0;
}

.row--no-side-gutters.row--lg-gutters > .col {
  padding-left: 3rem;
}

.row--xs-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.row--xs-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.row--xs-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.row--xs-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.col--xs-align-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.col--xs-align-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.col--xs-align-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.col--xs-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.col--xs-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.col--xs-reset {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.col--xs-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.row--sm-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.row--sm-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.row--sm-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.row--sm-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.col--sm-align-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.col--sm-align-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.col--sm-align-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.col--sm-first, .page-sidebar--left {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.col--sm-last, .page-sidebar--right {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.col--sm-reset {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.col--sm-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.row--md-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.row--md-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.row--md-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.row--md-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.col--md-align-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.col--md-align-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.col--md-align-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.col--md-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.col--md-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.col--md-reset {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.col--md-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.row--lg-top {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.row--lg-center {
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.row--lg-bottom {
  -webkit-box-align: end;
      -ms-flex-align: end;
          align-items: flex-end;
}

.row--lg-reverse {
  -webkit-box-orient: horizontal;
  -webkit-box-direction: reverse;
      -ms-flex-direction: row-reverse;
          flex-direction: row-reverse;
}

.col--lg-align-top {
  -ms-flex-item-align: start;
      align-self: flex-start;
}

.col--lg-align-center {
  -ms-flex-item-align: center;
      align-self: center;
}

.col--lg-align-bottom {
  -ms-flex-item-align: end;
      align-self: flex-end;
}

.col--lg-first {
  -webkit-box-ordinal-group: 0;
      -ms-flex-order: -1;
          order: -1;
}

.col--lg-last {
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.col--lg-reset {
  -webkit-box-ordinal-group: 1;
      -ms-flex-order: 0;
          order: 0;
}

.col--lg-flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-preferred-size: auto;
      flex-basis: auto;
}

.col--xs {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  max-width: 100%;
}

.col--sm {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  max-width: 100%;
}

.col--md {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  max-width: 100%;
}

.col--lg {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  -ms-flex-preferred-size: 0;
      flex-basis: 0;
  max-width: 100%;
}

.grid > .row > .col--xs-1,
.row > .col--xs-1 {
  width: 8.33333%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid > .row > .col--xs-2,
.row > .col--xs-2 {
  width: 16.66667%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid > .row > .col--xs-3,
.row > .col--xs-3 {
  width: 25%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid > .row > .col--xs-4,
.row > .col--xs-4 {
  width: 33.33333%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid > .row > .col--xs-5,
.row > .col--xs-5 {
  width: 41.66667%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid > .row > .col--xs-6,
.row > .col--xs-6 {
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid > .row > .col--xs-7,
.row > .col--xs-7 {
  width: 58.33333%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid > .row > .col--xs-8,
.row > .col--xs-8 {
  width: 66.66667%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid > .row > .col--xs-9,
.row > .col--xs-9 {
  width: 75%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid > .row > .col--xs-10,
.row > .col--xs-10 {
  width: 83.33333%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid > .row > .col--xs-11,
.row > .col--xs-11 {
  width: 91.66667%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid > .row > .col--xs-12,
.row > .col--xs-12 {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid > .row > .col--xs-offset-1,
.row > .col--xs-offset-1 {
  margin-left: 8.33333%;
}

.grid > .row > .col--xs-offset-2,
.row > .col--xs-offset-2 {
  margin-left: 16.66667%;
}

.grid > .row > .col--xs-offset-3,
.row > .col--xs-offset-3 {
  margin-left: 25%;
}

.grid > .row > .col--xs-offset-4,
.row > .col--xs-offset-4 {
  margin-left: 33.33333%;
}

.grid > .row > .col--xs-offset-5,
.row > .col--xs-offset-5 {
  margin-left: 41.66667%;
}

.grid > .row > .col--xs-offset-6,
.row > .col--xs-offset-6 {
  margin-left: 50%;
}

.grid > .row > .col--xs-offset-7,
.row > .col--xs-offset-7 {
  margin-left: 58.33333%;
}

.grid > .row > .col--xs-offset-8,
.row > .col--xs-offset-8 {
  margin-left: 66.66667%;
}

.grid > .row > .col--xs-offset-9,
.row > .col--xs-offset-9 {
  margin-left: 75%;
}

.grid > .row > .col--xs-offset-10,
.row > .col--xs-offset-10 {
  margin-left: 83.33333%;
}

.grid > .row > .col--xs-offset-11,
.row > .col--xs-offset-11 {
  margin-left: 91.66667%;
}

.grid > .row > .col--xs-offset-12,
.row > .col--xs-offset-12 {
  margin-left: 100%;
}

@media (min-width: 40.625rem) {
  .grid > .row > .col--sm-1,
  .row > .col--sm-1 {
    width: 8.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--sm-2,
  .row > .col--sm-2 {
    width: 16.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--sm-3,
  .row > .col--sm-3 {
    width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--sm-4,
  .row > .col--sm-4 {
    width: 33.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--sm-5,
  .row > .col--sm-5 {
    width: 41.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--sm-6,
  .row > .col--sm-6 {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--sm-7,
  .row > .col--sm-7 {
    width: 58.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--sm-8,
  .row > .col--sm-8 {
    width: 66.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--sm-9,
  .row > .col--sm-9 {
    width: 75%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--sm-10,
  .row > .col--sm-10 {
    width: 83.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--sm-11,
  .row > .col--sm-11 {
    width: 91.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--sm-12,
  .row > .col--sm-12 {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--sm-offset-1,
  .row > .col--sm-offset-1 {
    margin-left: 8.33333%;
  }
  .grid > .row > .col--sm-offset-2,
  .row > .col--sm-offset-2 {
    margin-left: 16.66667%;
  }
  .grid > .row > .col--sm-offset-3,
  .row > .col--sm-offset-3 {
    margin-left: 25%;
  }
  .grid > .row > .col--sm-offset-4,
  .row > .col--sm-offset-4 {
    margin-left: 33.33333%;
  }
  .grid > .row > .col--sm-offset-5,
  .row > .col--sm-offset-5 {
    margin-left: 41.66667%;
  }
  .grid > .row > .col--sm-offset-6,
  .row > .col--sm-offset-6 {
    margin-left: 50%;
  }
  .grid > .row > .col--sm-offset-7,
  .row > .col--sm-offset-7 {
    margin-left: 58.33333%;
  }
  .grid > .row > .col--sm-offset-8,
  .row > .col--sm-offset-8 {
    margin-left: 66.66667%;
  }
  .grid > .row > .col--sm-offset-9,
  .row > .col--sm-offset-9 {
    margin-left: 75%;
  }
  .grid > .row > .col--sm-offset-10,
  .row > .col--sm-offset-10 {
    margin-left: 83.33333%;
  }
  .grid > .row > .col--sm-offset-11,
  .row > .col--sm-offset-11 {
    margin-left: 91.66667%;
  }
  .grid > .row > .col--sm-offset-12,
  .row > .col--sm-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 62rem) {
  .grid > .row > .col--md-1,
  .row > .col--md-1 {
    width: 8.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--md-2,
  .row > .col--md-2 {
    width: 16.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--md-3,
  .row > .col--md-3 {
    width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--md-4,
  .row > .col--md-4 {
    width: 33.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--md-5,
  .row > .col--md-5 {
    width: 41.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--md-6,
  .row > .col--md-6 {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--md-7,
  .row > .col--md-7 {
    width: 58.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--md-8,
  .row > .col--md-8 {
    width: 66.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--md-9,
  .row > .col--md-9 {
    width: 75%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--md-10,
  .row > .col--md-10 {
    width: 83.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--md-11,
  .row > .col--md-11 {
    width: 91.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--md-12,
  .row > .col--md-12 {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--md-offset-1,
  .row > .col--md-offset-1 {
    margin-left: 8.33333%;
  }
  .grid > .row > .col--md-offset-2,
  .row > .col--md-offset-2 {
    margin-left: 16.66667%;
  }
  .grid > .row > .col--md-offset-3,
  .row > .col--md-offset-3 {
    margin-left: 25%;
  }
  .grid > .row > .col--md-offset-4,
  .row > .col--md-offset-4 {
    margin-left: 33.33333%;
  }
  .grid > .row > .col--md-offset-5,
  .row > .col--md-offset-5 {
    margin-left: 41.66667%;
  }
  .grid > .row > .col--md-offset-6,
  .row > .col--md-offset-6 {
    margin-left: 50%;
  }
  .grid > .row > .col--md-offset-7,
  .row > .col--md-offset-7 {
    margin-left: 58.33333%;
  }
  .grid > .row > .col--md-offset-8,
  .row > .col--md-offset-8 {
    margin-left: 66.66667%;
  }
  .grid > .row > .col--md-offset-9,
  .row > .col--md-offset-9 {
    margin-left: 75%;
  }
  .grid > .row > .col--md-offset-10,
  .row > .col--md-offset-10 {
    margin-left: 83.33333%;
  }
  .grid > .row > .col--md-offset-11,
  .row > .col--md-offset-11 {
    margin-left: 91.66667%;
  }
  .grid > .row > .col--md-offset-12,
  .row > .col--md-offset-12 {
    margin-left: 100%;
  }
}

@media (min-width: 75rem) {
  .grid > .row > .col--lg-1,
  .row > .col--lg-1 {
    width: 8.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--lg-2,
  .row > .col--lg-2 {
    width: 16.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--lg-3,
  .row > .col--lg-3 {
    width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--lg-4,
  .row > .col--lg-4 {
    width: 33.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--lg-5,
  .row > .col--lg-5 {
    width: 41.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--lg-6,
  .row > .col--lg-6 {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--lg-7,
  .row > .col--lg-7 {
    width: 58.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--lg-8,
  .row > .col--lg-8 {
    width: 66.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--lg-9,
  .row > .col--lg-9 {
    width: 75%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--lg-10,
  .row > .col--lg-10 {
    width: 83.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--lg-11,
  .row > .col--lg-11 {
    width: 91.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--lg-12,
  .row > .col--lg-12 {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid > .row > .col--lg-offset-1,
  .row > .col--lg-offset-1 {
    margin-left: 8.33333%;
  }
  .grid > .row > .col--lg-offset-2,
  .row > .col--lg-offset-2 {
    margin-left: 16.66667%;
  }
  .grid > .row > .col--lg-offset-3,
  .row > .col--lg-offset-3 {
    margin-left: 25%;
  }
  .grid > .row > .col--lg-offset-4,
  .row > .col--lg-offset-4 {
    margin-left: 33.33333%;
  }
  .grid > .row > .col--lg-offset-5,
  .row > .col--lg-offset-5 {
    margin-left: 41.66667%;
  }
  .grid > .row > .col--lg-offset-6,
  .row > .col--lg-offset-6 {
    margin-left: 50%;
  }
  .grid > .row > .col--lg-offset-7,
  .row > .col--lg-offset-7 {
    margin-left: 58.33333%;
  }
  .grid > .row > .col--lg-offset-8,
  .row > .col--lg-offset-8 {
    margin-left: 66.66667%;
  }
  .grid > .row > .col--lg-offset-9,
  .row > .col--lg-offset-9 {
    margin-left: 75%;
  }
  .grid > .row > .col--lg-offset-10,
  .row > .col--lg-offset-10 {
    margin-left: 83.33333%;
  }
  .grid > .row > .col--lg-offset-11,
  .row > .col--lg-offset-11 {
    margin-left: 91.66667%;
  }
  .grid > .row > .col--lg-offset-12,
  .row > .col--lg-offset-12 {
    margin-left: 100%;
  }
}

.grid--24 > .row > .col--xs-1,
.row--24 > .col--xs-1 {
  width: 4.16667%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-2,
.row--24 > .col--xs-2 {
  width: 8.33333%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-3,
.row--24 > .col--xs-3 {
  width: 12.5%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-4,
.row--24 > .col--xs-4 {
  width: 16.66667%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-5,
.row--24 > .col--xs-5 {
  width: 20.83333%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-6,
.row--24 > .col--xs-6 {
  width: 25%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-7,
.row--24 > .col--xs-7 {
  width: 29.16667%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-8,
.row--24 > .col--xs-8 {
  width: 33.33333%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-9,
.row--24 > .col--xs-9 {
  width: 37.5%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-10,
.row--24 > .col--xs-10 {
  width: 41.66667%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-11,
.row--24 > .col--xs-11 {
  width: 45.83333%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-12,
.row--24 > .col--xs-12 {
  width: 50%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-13,
.row--24 > .col--xs-13 {
  width: 54.16667%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-14,
.row--24 > .col--xs-14 {
  width: 58.33333%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-15,
.row--24 > .col--xs-15 {
  width: 62.5%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-16,
.row--24 > .col--xs-16 {
  width: 66.66667%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-17,
.row--24 > .col--xs-17 {
  width: 70.83333%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-18,
.row--24 > .col--xs-18 {
  width: 75%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-19,
.row--24 > .col--xs-19 {
  width: 79.16667%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-20,
.row--24 > .col--xs-20 {
  width: 83.33333%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-21,
.row--24 > .col--xs-21 {
  width: 87.5%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-22,
.row--24 > .col--xs-22 {
  width: 91.66667%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-23,
.row--24 > .col--xs-23 {
  width: 95.83333%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-24,
.row--24 > .col--xs-24 {
  width: 100%;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.grid--24 > .row > .col--xs-offset-1,
.row--24 > .col--xs-offset-1 {
  margin-left: 4.16667%;
}

.grid--24 > .row > .col--xs-offset-2,
.row--24 > .col--xs-offset-2 {
  margin-left: 8.33333%;
}

.grid--24 > .row > .col--xs-offset-3,
.row--24 > .col--xs-offset-3 {
  margin-left: 12.5%;
}

.grid--24 > .row > .col--xs-offset-4,
.row--24 > .col--xs-offset-4 {
  margin-left: 16.66667%;
}

.grid--24 > .row > .col--xs-offset-5,
.row--24 > .col--xs-offset-5 {
  margin-left: 20.83333%;
}

.grid--24 > .row > .col--xs-offset-6,
.row--24 > .col--xs-offset-6 {
  margin-left: 25%;
}

.grid--24 > .row > .col--xs-offset-7,
.row--24 > .col--xs-offset-7 {
  margin-left: 29.16667%;
}

.grid--24 > .row > .col--xs-offset-8,
.row--24 > .col--xs-offset-8 {
  margin-left: 33.33333%;
}

.grid--24 > .row > .col--xs-offset-9,
.row--24 > .col--xs-offset-9 {
  margin-left: 37.5%;
}

.grid--24 > .row > .col--xs-offset-10,
.row--24 > .col--xs-offset-10 {
  margin-left: 41.66667%;
}

.grid--24 > .row > .col--xs-offset-11,
.row--24 > .col--xs-offset-11 {
  margin-left: 45.83333%;
}

.grid--24 > .row > .col--xs-offset-12,
.row--24 > .col--xs-offset-12 {
  margin-left: 50%;
}

.grid--24 > .row > .col--xs-offset-13,
.row--24 > .col--xs-offset-13 {
  margin-left: 54.16667%;
}

.grid--24 > .row > .col--xs-offset-14,
.row--24 > .col--xs-offset-14 {
  margin-left: 58.33333%;
}

.grid--24 > .row > .col--xs-offset-15,
.row--24 > .col--xs-offset-15 {
  margin-left: 62.5%;
}

.grid--24 > .row > .col--xs-offset-16,
.row--24 > .col--xs-offset-16 {
  margin-left: 66.66667%;
}

.grid--24 > .row > .col--xs-offset-17,
.row--24 > .col--xs-offset-17 {
  margin-left: 70.83333%;
}

.grid--24 > .row > .col--xs-offset-18,
.row--24 > .col--xs-offset-18 {
  margin-left: 75%;
}

.grid--24 > .row > .col--xs-offset-19,
.row--24 > .col--xs-offset-19 {
  margin-left: 79.16667%;
}

.grid--24 > .row > .col--xs-offset-20,
.row--24 > .col--xs-offset-20 {
  margin-left: 83.33333%;
}

.grid--24 > .row > .col--xs-offset-21,
.row--24 > .col--xs-offset-21 {
  margin-left: 87.5%;
}

.grid--24 > .row > .col--xs-offset-22,
.row--24 > .col--xs-offset-22 {
  margin-left: 91.66667%;
}

.grid--24 > .row > .col--xs-offset-23,
.row--24 > .col--xs-offset-23 {
  margin-left: 95.83333%;
}

.grid--24 > .row > .col--xs-offset-24,
.row--24 > .col--xs-offset-24 {
  margin-left: 100%;
}

@media (min-width: 40.625rem) {
  .grid--24 > .row > .col--sm-1,
  .row--24 > .col--sm-1 {
    width: 4.16667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-2,
  .row--24 > .col--sm-2 {
    width: 8.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-3,
  .row--24 > .col--sm-3 {
    width: 12.5%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-4,
  .row--24 > .col--sm-4 {
    width: 16.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-5,
  .row--24 > .col--sm-5 {
    width: 20.83333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-6,
  .row--24 > .col--sm-6 {
    width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-7,
  .row--24 > .col--sm-7 {
    width: 29.16667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-8,
  .row--24 > .col--sm-8 {
    width: 33.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-9,
  .row--24 > .col--sm-9 {
    width: 37.5%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-10,
  .row--24 > .col--sm-10 {
    width: 41.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-11,
  .row--24 > .col--sm-11 {
    width: 45.83333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-12,
  .row--24 > .col--sm-12 {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-13,
  .row--24 > .col--sm-13 {
    width: 54.16667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-14,
  .row--24 > .col--sm-14 {
    width: 58.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-15,
  .row--24 > .col--sm-15 {
    width: 62.5%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-16,
  .row--24 > .col--sm-16 {
    width: 66.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-17,
  .row--24 > .col--sm-17 {
    width: 70.83333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-18,
  .row--24 > .col--sm-18 {
    width: 75%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-19,
  .row--24 > .col--sm-19 {
    width: 79.16667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-20,
  .row--24 > .col--sm-20 {
    width: 83.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-21,
  .row--24 > .col--sm-21 {
    width: 87.5%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-22,
  .row--24 > .col--sm-22 {
    width: 91.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-23,
  .row--24 > .col--sm-23 {
    width: 95.83333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-24,
  .row--24 > .col--sm-24 {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--sm-offset-1,
  .row--24 > .col--sm-offset-1 {
    margin-left: 4.16667%;
  }
  .grid--24 > .row > .col--sm-offset-2,
  .row--24 > .col--sm-offset-2 {
    margin-left: 8.33333%;
  }
  .grid--24 > .row > .col--sm-offset-3,
  .row--24 > .col--sm-offset-3 {
    margin-left: 12.5%;
  }
  .grid--24 > .row > .col--sm-offset-4,
  .row--24 > .col--sm-offset-4 {
    margin-left: 16.66667%;
  }
  .grid--24 > .row > .col--sm-offset-5,
  .row--24 > .col--sm-offset-5 {
    margin-left: 20.83333%;
  }
  .grid--24 > .row > .col--sm-offset-6,
  .row--24 > .col--sm-offset-6 {
    margin-left: 25%;
  }
  .grid--24 > .row > .col--sm-offset-7,
  .row--24 > .col--sm-offset-7 {
    margin-left: 29.16667%;
  }
  .grid--24 > .row > .col--sm-offset-8,
  .row--24 > .col--sm-offset-8 {
    margin-left: 33.33333%;
  }
  .grid--24 > .row > .col--sm-offset-9,
  .row--24 > .col--sm-offset-9 {
    margin-left: 37.5%;
  }
  .grid--24 > .row > .col--sm-offset-10,
  .row--24 > .col--sm-offset-10 {
    margin-left: 41.66667%;
  }
  .grid--24 > .row > .col--sm-offset-11,
  .row--24 > .col--sm-offset-11 {
    margin-left: 45.83333%;
  }
  .grid--24 > .row > .col--sm-offset-12,
  .row--24 > .col--sm-offset-12 {
    margin-left: 50%;
  }
  .grid--24 > .row > .col--sm-offset-13,
  .row--24 > .col--sm-offset-13 {
    margin-left: 54.16667%;
  }
  .grid--24 > .row > .col--sm-offset-14,
  .row--24 > .col--sm-offset-14 {
    margin-left: 58.33333%;
  }
  .grid--24 > .row > .col--sm-offset-15,
  .row--24 > .col--sm-offset-15 {
    margin-left: 62.5%;
  }
  .grid--24 > .row > .col--sm-offset-16,
  .row--24 > .col--sm-offset-16 {
    margin-left: 66.66667%;
  }
  .grid--24 > .row > .col--sm-offset-17,
  .row--24 > .col--sm-offset-17 {
    margin-left: 70.83333%;
  }
  .grid--24 > .row > .col--sm-offset-18,
  .row--24 > .col--sm-offset-18 {
    margin-left: 75%;
  }
  .grid--24 > .row > .col--sm-offset-19,
  .row--24 > .col--sm-offset-19 {
    margin-left: 79.16667%;
  }
  .grid--24 > .row > .col--sm-offset-20,
  .row--24 > .col--sm-offset-20 {
    margin-left: 83.33333%;
  }
  .grid--24 > .row > .col--sm-offset-21,
  .row--24 > .col--sm-offset-21 {
    margin-left: 87.5%;
  }
  .grid--24 > .row > .col--sm-offset-22,
  .row--24 > .col--sm-offset-22 {
    margin-left: 91.66667%;
  }
  .grid--24 > .row > .col--sm-offset-23,
  .row--24 > .col--sm-offset-23 {
    margin-left: 95.83333%;
  }
  .grid--24 > .row > .col--sm-offset-24,
  .row--24 > .col--sm-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 62rem) {
  .grid--24 > .row > .col--md-1,
  .row--24 > .col--md-1 {
    width: 4.16667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-2,
  .row--24 > .col--md-2 {
    width: 8.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-3,
  .row--24 > .col--md-3 {
    width: 12.5%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-4,
  .row--24 > .col--md-4 {
    width: 16.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-5,
  .row--24 > .col--md-5 {
    width: 20.83333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-6,
  .row--24 > .col--md-6 {
    width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-7,
  .row--24 > .col--md-7 {
    width: 29.16667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-8,
  .row--24 > .col--md-8 {
    width: 33.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-9,
  .row--24 > .col--md-9 {
    width: 37.5%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-10,
  .row--24 > .col--md-10 {
    width: 41.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-11,
  .row--24 > .col--md-11 {
    width: 45.83333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-12,
  .row--24 > .col--md-12 {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-13,
  .row--24 > .col--md-13 {
    width: 54.16667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-14,
  .row--24 > .col--md-14 {
    width: 58.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-15,
  .row--24 > .col--md-15 {
    width: 62.5%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-16,
  .row--24 > .col--md-16 {
    width: 66.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-17,
  .row--24 > .col--md-17 {
    width: 70.83333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-18,
  .row--24 > .col--md-18 {
    width: 75%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-19,
  .row--24 > .col--md-19 {
    width: 79.16667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-20,
  .row--24 > .col--md-20 {
    width: 83.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-21,
  .row--24 > .col--md-21 {
    width: 87.5%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-22,
  .row--24 > .col--md-22 {
    width: 91.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-23,
  .row--24 > .col--md-23 {
    width: 95.83333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-24,
  .row--24 > .col--md-24 {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--md-offset-1,
  .row--24 > .col--md-offset-1 {
    margin-left: 4.16667%;
  }
  .grid--24 > .row > .col--md-offset-2,
  .row--24 > .col--md-offset-2 {
    margin-left: 8.33333%;
  }
  .grid--24 > .row > .col--md-offset-3,
  .row--24 > .col--md-offset-3 {
    margin-left: 12.5%;
  }
  .grid--24 > .row > .col--md-offset-4,
  .row--24 > .col--md-offset-4 {
    margin-left: 16.66667%;
  }
  .grid--24 > .row > .col--md-offset-5,
  .row--24 > .col--md-offset-5 {
    margin-left: 20.83333%;
  }
  .grid--24 > .row > .col--md-offset-6,
  .row--24 > .col--md-offset-6 {
    margin-left: 25%;
  }
  .grid--24 > .row > .col--md-offset-7,
  .row--24 > .col--md-offset-7 {
    margin-left: 29.16667%;
  }
  .grid--24 > .row > .col--md-offset-8,
  .row--24 > .col--md-offset-8 {
    margin-left: 33.33333%;
  }
  .grid--24 > .row > .col--md-offset-9,
  .row--24 > .col--md-offset-9 {
    margin-left: 37.5%;
  }
  .grid--24 > .row > .col--md-offset-10,
  .row--24 > .col--md-offset-10 {
    margin-left: 41.66667%;
  }
  .grid--24 > .row > .col--md-offset-11,
  .row--24 > .col--md-offset-11 {
    margin-left: 45.83333%;
  }
  .grid--24 > .row > .col--md-offset-12,
  .row--24 > .col--md-offset-12 {
    margin-left: 50%;
  }
  .grid--24 > .row > .col--md-offset-13,
  .row--24 > .col--md-offset-13 {
    margin-left: 54.16667%;
  }
  .grid--24 > .row > .col--md-offset-14,
  .row--24 > .col--md-offset-14 {
    margin-left: 58.33333%;
  }
  .grid--24 > .row > .col--md-offset-15,
  .row--24 > .col--md-offset-15 {
    margin-left: 62.5%;
  }
  .grid--24 > .row > .col--md-offset-16,
  .row--24 > .col--md-offset-16 {
    margin-left: 66.66667%;
  }
  .grid--24 > .row > .col--md-offset-17,
  .row--24 > .col--md-offset-17 {
    margin-left: 70.83333%;
  }
  .grid--24 > .row > .col--md-offset-18,
  .row--24 > .col--md-offset-18 {
    margin-left: 75%;
  }
  .grid--24 > .row > .col--md-offset-19,
  .row--24 > .col--md-offset-19 {
    margin-left: 79.16667%;
  }
  .grid--24 > .row > .col--md-offset-20,
  .row--24 > .col--md-offset-20 {
    margin-left: 83.33333%;
  }
  .grid--24 > .row > .col--md-offset-21,
  .row--24 > .col--md-offset-21 {
    margin-left: 87.5%;
  }
  .grid--24 > .row > .col--md-offset-22,
  .row--24 > .col--md-offset-22 {
    margin-left: 91.66667%;
  }
  .grid--24 > .row > .col--md-offset-23,
  .row--24 > .col--md-offset-23 {
    margin-left: 95.83333%;
  }
  .grid--24 > .row > .col--md-offset-24,
  .row--24 > .col--md-offset-24 {
    margin-left: 100%;
  }
}

@media (min-width: 75rem) {
  .grid--24 > .row > .col--lg-1,
  .row--24 > .col--lg-1 {
    width: 4.16667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-2,
  .row--24 > .col--lg-2 {
    width: 8.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-3,
  .row--24 > .col--lg-3 {
    width: 12.5%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-4,
  .row--24 > .col--lg-4 {
    width: 16.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-5,
  .row--24 > .col--lg-5 {
    width: 20.83333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-6,
  .row--24 > .col--lg-6 {
    width: 25%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-7,
  .row--24 > .col--lg-7 {
    width: 29.16667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-8,
  .row--24 > .col--lg-8 {
    width: 33.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-9,
  .row--24 > .col--lg-9 {
    width: 37.5%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-10,
  .row--24 > .col--lg-10 {
    width: 41.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-11,
  .row--24 > .col--lg-11 {
    width: 45.83333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-12,
  .row--24 > .col--lg-12 {
    width: 50%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-13,
  .row--24 > .col--lg-13 {
    width: 54.16667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-14,
  .row--24 > .col--lg-14 {
    width: 58.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-15,
  .row--24 > .col--lg-15 {
    width: 62.5%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-16,
  .row--24 > .col--lg-16 {
    width: 66.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-17,
  .row--24 > .col--lg-17 {
    width: 70.83333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-18,
  .row--24 > .col--lg-18 {
    width: 75%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-19,
  .row--24 > .col--lg-19 {
    width: 79.16667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-20,
  .row--24 > .col--lg-20 {
    width: 83.33333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-21,
  .row--24 > .col--lg-21 {
    width: 87.5%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-22,
  .row--24 > .col--lg-22 {
    width: 91.66667%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-23,
  .row--24 > .col--lg-23 {
    width: 95.83333%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-24,
  .row--24 > .col--lg-24 {
    width: 100%;
    -webkit-box-flex: 0;
        -ms-flex: none;
            flex: none;
  }
  .grid--24 > .row > .col--lg-offset-1,
  .row--24 > .col--lg-offset-1 {
    margin-left: 4.16667%;
  }
  .grid--24 > .row > .col--lg-offset-2,
  .row--24 > .col--lg-offset-2 {
    margin-left: 8.33333%;
  }
  .grid--24 > .row > .col--lg-offset-3,
  .row--24 > .col--lg-offset-3 {
    margin-left: 12.5%;
  }
  .grid--24 > .row > .col--lg-offset-4,
  .row--24 > .col--lg-offset-4 {
    margin-left: 16.66667%;
  }
  .grid--24 > .row > .col--lg-offset-5,
  .row--24 > .col--lg-offset-5 {
    margin-left: 20.83333%;
  }
  .grid--24 > .row > .col--lg-offset-6,
  .row--24 > .col--lg-offset-6 {
    margin-left: 25%;
  }
  .grid--24 > .row > .col--lg-offset-7,
  .row--24 > .col--lg-offset-7 {
    margin-left: 29.16667%;
  }
  .grid--24 > .row > .col--lg-offset-8,
  .row--24 > .col--lg-offset-8 {
    margin-left: 33.33333%;
  }
  .grid--24 > .row > .col--lg-offset-9,
  .row--24 > .col--lg-offset-9 {
    margin-left: 37.5%;
  }
  .grid--24 > .row > .col--lg-offset-10,
  .row--24 > .col--lg-offset-10 {
    margin-left: 41.66667%;
  }
  .grid--24 > .row > .col--lg-offset-11,
  .row--24 > .col--lg-offset-11 {
    margin-left: 45.83333%;
  }
  .grid--24 > .row > .col--lg-offset-12,
  .row--24 > .col--lg-offset-12 {
    margin-left: 50%;
  }
  .grid--24 > .row > .col--lg-offset-13,
  .row--24 > .col--lg-offset-13 {
    margin-left: 54.16667%;
  }
  .grid--24 > .row > .col--lg-offset-14,
  .row--24 > .col--lg-offset-14 {
    margin-left: 58.33333%;
  }
  .grid--24 > .row > .col--lg-offset-15,
  .row--24 > .col--lg-offset-15 {
    margin-left: 62.5%;
  }
  .grid--24 > .row > .col--lg-offset-16,
  .row--24 > .col--lg-offset-16 {
    margin-left: 66.66667%;
  }
  .grid--24 > .row > .col--lg-offset-17,
  .row--24 > .col--lg-offset-17 {
    margin-left: 70.83333%;
  }
  .grid--24 > .row > .col--lg-offset-18,
  .row--24 > .col--lg-offset-18 {
    margin-left: 75%;
  }
  .grid--24 > .row > .col--lg-offset-19,
  .row--24 > .col--lg-offset-19 {
    margin-left: 79.16667%;
  }
  .grid--24 > .row > .col--lg-offset-20,
  .row--24 > .col--lg-offset-20 {
    margin-left: 83.33333%;
  }
  .grid--24 > .row > .col--lg-offset-21,
  .row--24 > .col--lg-offset-21 {
    margin-left: 87.5%;
  }
  .grid--24 > .row > .col--lg-offset-22,
  .row--24 > .col--lg-offset-22 {
    margin-left: 91.66667%;
  }
  .grid--24 > .row > .col--lg-offset-23,
  .row--24 > .col--lg-offset-23 {
    margin-left: 95.83333%;
  }
  .grid--24 > .row > .col--lg-offset-24,
  .row--24 > .col--lg-offset-24 {
    margin-left: 100%;
  }
}

.ui-list {
  margin: 0;
  padding: 0;
  list-style: none;
}

.inline-list > li {
  display: inline-block;
  padding-right: 1.25rem;
  vertical-align: top;
}

.inline-list--no-top-padding {
  margin-top: 0;
}

.inline-list--no-left-padding-first:first-child {
  padding-left: 0;
}

.image-list {
  padding: 0;
}

.image-list figure {
  margin: 0;
  cursor: pointer;
}

.image-list figure figcaption {
  display: none;
  width: 7.5rem;
}

body.ReactModal__Body--open {
  overflow: hidden;
}

.PopupModal .ReactModal__Overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-perspective: 600;
  perspective: 600;
  opacity: 0.01;
  z-index: 600;
  background-color: rgba(0, 0, 0, 0.75);
  overflow: auto;
}

.PopupModal .ReactModal__Overlay--after-open {
  opacity: 1;
  -webkit-transition: opacity 250ms ease-in;
  transition: opacity 250ms ease-in;
}

.PopupModal .ReactModal__Overlay--before-close {
  -webkit-transition: opacity 250ms ease-out;
  transition: opacity 250ms ease-out;
  opacity: 0.01;
}

.PopupModal .ReactModal__Content {
  margin: 40px 5px;
  outline: none;
  -webkit-transform: scale(0.9);
  background: #262626;
  border: 1px solid #f46800;
  -o-border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
     border-image: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
     border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
  border-image-slice: 1;
  -webkit-box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
          box-shadow: 0 5px 15px rgba(0, 0, 0, 0.5);
}

@media (min-width: 40.625rem) {
  .PopupModal .ReactModal__Content {
    margin: 80px 40px;
  }
}

@media (min-width: 62rem) {
  .PopupModal .ReactModal__Content {
    width: 810px;
    margin: 80px auto;
  }
}

.PopupModal .ReactModal__Content--after-open {
  -webkit-transform: scale(1);
  -webkit-transition: all 250ms ease-in;
  transition: all 250ms ease-in;
}

.PopupModal .ReactModal__Content--before-close {
  -webkit-transform: scale(0.9);
  -webkit-transition: all 250ms ease-out;
  transition: all 250ms ease-out;
}

.Modal__Header {
  min-height: 2rem;
}

.Modal__AccountDropdown {
  margin-top: 0.5rem;
  margin-left: 0.3rem;
}

.Modal__CloseButton {
  margin-top: 0.4rem;
  margin-right: 0.4rem;
}

@media (min-width: 62rem) {
  .modal-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
    padding: 0 1.25rem;
  }
}

@media (min-width: 62rem) {
  .modal-container .single-column {
    width: 90%;
  }
}

@media (min-width: 62rem) {
  .modal-container .single-column.bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}

@media (min-width: 62rem) {
  .modal-container .single-column.padded {
    padding-top: 3.125rem;
  }
}

.modal--bottom-right {
  float: right;
  margin: 0.25rem 0.5rem 0;
}

.signup--modal__intro-copy {
  text-align: center;
}

.signup--modal__right-column {
  padding-top: 1.875rem;
}

.interior-section-modal {
  position: relative;
  padding-top: 2.8125rem;
}

.interior-section-modal:before {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  height: 1px;
  content: '';
}

.interior-section-modal.signup--modal__interior-section {
  text-align: start;
  padding: 0.5rem;
}

.interior-section-modal.signup--modal__interior-section > .interior-section__title, .interior-section-modal.signup--modal__interior-section > .interior-section__title--primarycolor {
  color: #f46800;
}

.interior-section-modal.signup--modal__interior-section a {
  color: #f46800;
}

.interior-section-modal.signup--modal__interior-section .btn--primary {
  color: #fefefe;
}

.interior-section-modal.signup--modal__interior-section .btn--outline {
  border-color: #f46800;
  color: #f46800;
}

.interior-section-modal.signup--modal__interior-section .btn--outline:hover {
  border: 1px solid #f46800;
  -o-border-image: linear-gradient(to bottom right, #f46800 0%, #f26529 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#f46800), to(#f26529));
     border-image: linear-gradient(to bottom right, #f46800 0%, #f26529 100%);
  border-image-slice: 1;
  color: #f78e40;
  border-radius: 10px;
}

.interior-section-modal.signup--modal__interior-section:before {
  background: -webkit-gradient(linear, left top, right top, from(#f46800), to(#f26529));
  background: linear-gradient(to right, #f46800 0%, #f26529 100%);
}

@media (min-width: 62rem) {
  .interior-section-modal.signup--modal__interior-section {
    padding-top: 0.3125rem;
  }
}

.interior-section-modal.signup--modal__interior-section:before {
  background: none;
}

.modal-nav__container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-left: 0.75rem;
}

.modal-nav__label {
  font-size: 0.9375rem;
}

.modal-nav__item {
  display: block;
}

@media (min-width: 55.625rem) {
  .modal-nav__item {
    display: inline-block;
  }
}

.modal-nav__item {
  display: inline-block;
  vertical-align: middle;
}

.modal-nav__item .btn {
  margin: 0 0.9375rem;
}

.modal-nav__item--home {
  display: block;
}

@media (min-width: 55.625rem) {
  .modal-nav__item--home {
    display: none;
  }
}

.modal-nav__item--home a {
  font-weight: 800;
  color: #fefefe;
  text-decoration: none;
}

.modal-nav__link {
  color: #eaeaea;
  font-size: 0.9375rem;
  text-decoration: none;
  padding: 0.4375rem 0.3125rem;
}

.modal-nav__link:hover {
  color: #f46800 !important;
}

.modal-nav__link--highlight {
  color: #f46800 !important;
}

.modal-nav__link--discrete {
  font-size: 0.75rem;
  color: #B8B8B8 !important;
}

.modal-nav__link--loud {
  font-size: 0.75rem;
  color: #eaeaea !important;
}

.modal-nav__link--affordance::after {
  font-family: FontAwesome;
  color: #c5c5c5;
  font-size: 0.625rem;
  margin-left: 5px;
  display: inline-block;
  content: "\F0D7";
}

.modal-nav__toggle {
  display: block;
  position: absolute;
  top: 1.375rem;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  float: right;
  border: 0;
  border-radius: 0.25rem;
  outline: none;
  background: transparent;
}

@media (min-width: 55.625rem) {
  .modal-nav__toggle {
    display: none;
    margin-top: 0.9375rem;
  }
}

.modal-nav__toggle > .m,
.modal-nav__toggle > .t,
.modal-nav__toggle > .b {
  display: block;
  position: absolute;
  height: 0.125rem;
  pointer-events: none;
}

.modal-nav__toggle > .m {
  top: 1.0625rem;
  right: 0.5rem;
  left: 0.5rem;
  -webkit-transition: opacity ease-in-out 125ms;
  transition: opacity ease-in-out 125ms;
  background-color: #fefefe;
  opacity: 1;
  -webkit-transition-delay: 125ms, 0s;
          transition-delay: 125ms, 0s;
}

.modal-nav__toggle > .t,
.modal-nav__toggle > .b {
  right: 0.5rem;
  left: 0.5rem;
  background-color: #fefefe;
  content: '';
  -webkit-transition-delay: 125ms, 0s;
          transition-delay: 125ms, 0s;
  -webkit-transition-duration: 125ms, 125ms;
          transition-duration: 125ms, 125ms;
}

.modal-nav__toggle > .t {
  top: 0.625rem;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, -webkit-transform;
  transition-property: top, transform;
  transition-property: top, transform, -webkit-transform;
}

.modal-nav__toggle > .b {
  bottom: 0.875rem;
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

.modal-nav__toggle.nav-open > .m {
  opacity: 0;
  -webkit-transition-delay: 0s, 125ms;
          transition-delay: 0s, 125ms;
}

.modal-nav__toggle.nav-open > .t,
.modal-nav__toggle.nav-open > .b {
  background-color: #fefefe;
  -webkit-transition-delay: 0s, 125ms;
          transition-delay: 0s, 125ms;
}

.modal-nav__toggle.nav-open > .t {
  top: 1.1875rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.modal-nav__toggle.nav-open > .b {
  bottom: 1.1875rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.modal-nav-account__menu {
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(#444444), color-stop(75%, #0a0a0a));
  background: linear-gradient(to right, #444444 0%, #0a0a0a 75%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  top: 22px;
  left: 0;
  min-width: 12.5rem;
  margin-top: 0;
  z-index: 600;
  border-radius: 4px 0 4px 4px;
  background: linear-gradient(135deg, #262626 0%, #161616 100%);
}

.modal-nav__item--account {
  position: relative;
}

@media (min-width: 62rem) {
  .modal-nav__item--account:hover {
    background: #161616;
    border-radius: 4px;
  }
  .modal-nav__item--account.open {
    background: #1f1f1f;
    border-radius: 4px 4px 0 0;
  }
  .modal-nav__item--account.open .modal-nav-account__menu {
    visibility: visible;
    opacity: 1;
    z-index: 602;
  }
  .modal-nav__item--account.open .modal-nav-account__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-perspective: 600;
    perspective: 600;
    opacity: 0.01;
    z-index: 601;
    overflow: auto;
  }
}

.modal-nav-account__toggle i {
  vertical-align: text-top;
  color: #a2a2a2;
  display: none;
}

@media (min-width: 55.625rem) {
  .modal-nav-account__toggle i {
    display: inline-block;
  }
}

.modal-nav-account__menu .modal-nav__item {
  display: block;
  margin: 0 0.625rem 0 0;
  text-align: left;
}

.modal-nav-account__menu .modal-nav__link {
  display: block;
}

.modal-nav__account-profile {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  text-align: left;
  padding: 0.625rem 0;
}

.modal-nav__account-profile a {
  color: #fefefe;
  text-decoration: none;
}

.modal-nav__account-profile a:hover {
  color: #fefefe;
}

.modal-nav__account-profile li {
  margin: 0;
  list-style: none;
}

.modal-nav__org-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0.625rem 1rem;
  cursor: pointer;
}

.modal-nav__org-item:hover {
  background-color: #262626;
}

.modal-nav__org-item.is-selected {
  background: #161616;
}

.modal-nav__org-item.is-selected::after {
  font-family: FontAwesome;
  color: #fefefe;
  font-size: 0.75rem;
  display: inline-block;
  float: right;
  line-height: 22px;
  content: "\F00C";
}

.modal-nav__org-text-container {
  min-width: 9.375rem;
  margin-left: 0.625rem;
}

.modal-nav__org-item--sublinks {
  line-height: 15px;
}

.modal-nav__org-item--sublinks a {
  display: inline-block;
  color: #a2a2a2;
  font-size: 0.75rem;
}

.modal-nav__org-item--sublinks a:hover {
  color: #f46800;
}

.modal-nav__account-profile--small {
  font-size: 0.75rem;
  color: #c5c5c5;
  display: block;
}

.modal-nav__user-profile {
  text-align: center;
  padding: 1rem;
  font-size: 0.75rem;
}

.signup--modal__interior-container {
  margin-top: 1.25rem;
}

.signup-modal__title--primarycolor {
  font-size: 1.3125rem;
  font-style: italic;
  font-weight: 400;
  color: #f46800;
  text-align: left;
  margin: 0 0 0.3125rem;
}

.signup-modal__title--demo {
  font-size: 75%;
  font-weight: 700;
}

.signup-modal__title--bottom-margin {
  margin-bottom: 1rem;
}

.signup--modal__intro-copy {
  text-align: left;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.signup--modal__service-summary-container {
  margin-top: 0.5rem;
}

.page {
  position: relative;
}

.page__content {
  position: relative;
  padding-top: 2rem;
}

.page__content--no-padding {
  padding-top: 0;
}

.page__content--with-breadcrumbs {
  padding-top: 1rem;
}

.page-section.page-section--hero {
  padding: 1.25rem 0 3.125rem;
  background-color: #2e2e2e;
  background-image: linear-gradient(135deg, rgba(10, 10, 10, 0.41) 0%, rgba(46, 46, 46, 0) 75%), linear-gradient(to right, rgba(10, 10, 10, 0.41) 0%, rgba(46, 46, 46, 0) 75%);
  -webkit-box-shadow: inset 100px 100px 260px -70px black;
          box-shadow: inset 100px 100px 260px -70px black;
  text-align: center;
}

@media (min-width: 75rem) {
  .page-section--hero .page-section__subhead {
    padding: 0 10%;
  }
}

.page-section__paragraph {
  margin-bottom: 1.875rem;
}

.grafanacloud-hero {
  background: url(/dist/335a76455a9c081d19defb8994003f69.jpg) no-repeat;
  height: 500px;
  background-position: center 0;
  background-attachment: fixed;
  background-size: cover;
  padding-top: 3.75rem;
}

.loki-hero {
  background: url(/dist/2afeb2e10e16d3c49a80c87f4748a1d4.jpg) no-repeat;
  background-position: center 0;
  background-attachment: fixed;
  background-size: cover;
  padding-top: 3.75rem;
}

.loki-hero__img-container {
  min-height: 4rem;
}

.hero-bullet {
  padding: 20px 26px;
  background: rgba(0, 0, 0, 0.7);
  border-radius: 4px;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.hero-bullet h3 {
  font-weight: 400;
}

.page-section {
  padding: 1.25rem 0 0 0;
}

.page-section--hr {
  border-bottom: 1px solid #f46800;
  -o-border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
     border-image: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
     border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
  border-image-slice: 1;
}

.page-section__padded {
  padding: 1.25rem 0;
}

.page-section__headline {
  margin: 0 0 1rem 0;
  padding: 0.9375rem 0;
  color: #fefefe;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

@media (min-width: 40.625rem) {
  .page-section__headline {
    padding: 1.875rem 0;
    font-size: 2.25rem;
  }
}

.page-section__headline--left {
  text-align: left;
}

.page-section__headline-img {
  display: block;
  margin: 0 auto 1.25rem;
}

.page-section__headline-img--huge {
  width: 50%;
  margin-top: 4.375rem;
  margin-bottom: 3.125rem;
}

.page-section__headline--hr {
  position: relative;
}

.page-section__headline--hr::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.0625rem;
  background: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
  background: linear-gradient(to right, #ff8100 0%, #993300 75%);
  content: '';
}

.page-section__headline--hr--bottom-margin {
  margin-bottom: 3.125rem;
}

.page-section__headline--hr--bottom-padding {
  padding-bottom: 3.125rem;
}

.page-section__headline--hr--bottom-padding-narrow {
  padding-bottom: 1.0rem;
}

.page-section__margin-bottom {
  margin-bottom: 3.125rem;
}

.page-section__no-margin-bottom {
  margin-bottom: -4.375rem;
}

.page-section__margin-bottom-narrow {
  margin-bottom: 0;
}

.page-section__properties--hr {
  position: relative;
  width: 70%;
  margin: 1.25rem auto;
  padding: 1.25rem 0;
}

.page-section__properties--hr::before {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  height: 0.0625rem;
  background: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
  background: linear-gradient(to right, #ff8100 0%, #993300 75%);
  content: '';
}

.page-section__properties--hr::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.0625rem;
  background: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
  background: linear-gradient(to right, #ff8100 0%, #993300 75%);
  content: '';
}

.page-section__properties--hr img {
  margin: 0 2.5rem;
}

.page-section__properties--hr h5 {
  margin: 0;
  padding: 0;
  color: #fefefe;
}

.page-section__subhead {
  margin: 0 0 3.125rem;
  font-size: 1.125rem;
  font-weight: 400;
  line-height: 1.875rem;
}

.page-section__subhead > strong {
  color: #fefefe;
  font-weight: 700;
}

.page-section__callout h3 {
  font-size: 1.3125rem;
  font-style: italic;
  font-weight: 400;
  color: #fefefe;
}

.page-section__callout p {
  margin: 0 0 1.5rem 0;
  font-size: 1rem;
  color: #fefefe;
  font-weight: 400;
}

.page-section__title > b,
.page-section__headline > b,
.page-section__subhead > b {
  color: #f46800;
  font-weight: 400;
}

.page-section__title--short-rag {
  max-width: 40.625rem;
  margin: 0 auto;
  margin-bottom: 2rem;
}

.page-section__subtitle {
  margin: -0.5rem 0 1rem 0;
  font-size: 1rem;
  color: #fefefe;
  font-weight: 400;
}

.page-section__subtitle--short-rag {
  max-width: 53.125rem;
}

.page-section__subtitle--bold {
  font-weight: 700;
}

.page-section__subtitle--emphasis {
  font-size: 1.125rem;
  padding-bottom: 0.1875rem;
  margin-bottom: 1.6875rem;
}

.page-section__subtitle--emphasis sup {
  font-size: 60%;
}

.page-section__subtitle--hr {
  position: relative;
}

.page-section__subtitle--hr::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.0625rem;
  background: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
  background: linear-gradient(to right, #ff8100 0%, #993300 75%);
  content: '';
}

.page-section__subtitle--hr--modal {
  margin-bottom: 0.875rem;
}

.page-section__subtitle--hr-emphasis {
  position: relative;
}

.page-section__subtitle--hr-emphasis::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.0625rem;
  background: #fefefe;
  content: '';
}

h3.page-section__title {
  font-size: 1.75rem;
}

h4.page-section__title {
  font-size: 1.3125rem;
}

.page-section__title--with-copy {
  margin-bottom: 0.3125rem;
}

.page-section__sub-copy {
  font-size: 0.9375rem;
  color: #fefefe;
  margin-top: 0;
  margin-bottom: 0.9375rem;
  display: block;
}

.page-section__note {
  font-size: 90%;
}

.page-section__note strong {
  color: #fefefe;
}

.page-section__note-icon {
  margin-left: 0.3125rem;
  vertical-align: middle;
}

.page-section__title .btn {
  font-style: initial;
}

.page-section__center-padded {
  text-align: center;
}

@media (min-width: 40.625rem) {
  .page-section__center-padded {
    padding: 0 3.125rem;
  }
}

.page-section__warning {
  font-size: 90%;
  margin-top: -rem-calc(1);
  margin-bottom: 0.9375rem;
  display: block;
}

.page-section--main {
  background: url(/dist/9f368a25776599d78fa00c224b31c9b0.png) 0 0px repeat-y;
  background-size: 55%;
}

.page-section--secondary {
  background: url(/dist/9f368a25776599d78fa00c224b31c9b0.png) 0 350px no-repeat;
  background-size: 55%;
}

.page-section--tertiary {
  background: url(/dist/9f368a25776599d78fa00c224b31c9b0.png) 0 -550px no-repeat;
  background-size: 55%;
}

.page-section--no-bg {
  background: none;
}

.page-section--gray-subsection1 {
  background-color: #555;
  background-size: cover;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0px 0px 20px #111;
          box-shadow: 0px 0px 20px #111;
}

.page-section--darkgray-subsection1 {
  background: -webkit-gradient(linear, left top, left bottom, from(#171717), to(#1c1c1c));
  background: linear-gradient(to bottom, #171717 0%, #1c1c1c 100%);
  background-size: cover;
  margin-bottom: 3rem;
}

.page-section--darkgray-subsection2 {
  background: -webkit-gradient(linear, left top, left bottom, from(#171717), to(#1c1c1c));
  background: linear-gradient(to bottom, #171717 0%, #1c1c1c 100%);
  background-size: cover;
  padding-bottom: 3rem;
}

.page-section--eu-subsection {
  background: url(/dist/7ca4fe1a07d83e9fea87f12e4f38e96f.png) top left no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
  background: url(/dist/7ca4fe1a07d83e9fea87f12e4f38e96f.png) top left no-repeat, linear-gradient(to bottom, #000 0%, #000 100%);
  background-size: 800px;
}

@media (min-width: 40.625rem) {
  .page-section--eu-subsection {
    background: url(/dist/7ca4fe1a07d83e9fea87f12e4f38e96f.png) top right no-repeat, -webkit-gradient(linear, left top, left bottom, from(#000), to(#000));
    background: url(/dist/7ca4fe1a07d83e9fea87f12e4f38e96f.png) top right no-repeat, linear-gradient(to bottom, #000 0%, #000 100%);
    background-size: 800px;
    padding: 4rem 0;
  }
}

.page-section--eu-subsection p {
  color: #fefefe;
}

.page-section--polygon-subsection1 {
  background: url(/dist/369033e1140ffefd91593a7904b5d0a8.jpg) 0 0 repeat;
  background-size: cover;
  padding: 1.875rem 0;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0px 0px 20px #111;
          box-shadow: 0px 0px 20px #111;
}

.page-section--polygon-subsection2 {
  background: url(/dist/462521747851dd2f0b94c7b81c89b14d.jpg) 0 0 repeat;
  background-size: cover;
  padding: 1.875rem 0;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0px 0px 20px #111;
          box-shadow: 0px 0px 20px #111;
}

.page-section--no-bottom {
  margin-bottom: 0px;
}

.page-section--narrow-bottom {
  margin-bottom: 0.625rem;
}

.page-content {
  color: #fefefe;
  font-size: 0.875rem;
}

.page-sidebar {
  text-align: left;
}

.page-sidebar h4,
.page-sidebar h5 {
  margin: 0 0 0.625rem;
  font-size: 1rem;
  line-height: 1.5rem;
}

.page-sidebar h4 {
  color: #fefefe;
  font-weight: 400;
}

.page-sidebar .ui-list {
  margin: 0 0 1.25rem;
  font-size: 0.875rem;
}

@media (min-width: 40.625rem) {
  .page-sidebar .ui-list {
    margin: 0 0 2.5rem;
  }
}

.page-sidebar .ui-list > li > label > b {
  color: #f46800;
}

.page-sidebar button {
  margin: 0 0 1.25rem;
}

@media (min-width: 40.625rem) {
  .page-sidebar button {
    margin: 0 0 2.5rem;
  }
}

.sidebar-subnav--active a {
  font-weight: 600;
}

.page-sidebar--copy-section {
  margin-top: 2.5rem;
}

.page-sidebar--copy-section h4 {
  margin-bottom: 0;
}

.page-sidebar--copy {
  max-width: 14.0625rem;
  margin-top: 0;
  color: #898989;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.page-footer__nav {
  margin-bottom: 3.75rem;
  border: 0px solid transparent;
  border-top: 1px solid transparent;
  -o-border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
     border-image: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
     border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
  border-image-slice: 1;
}

@media (min-width: 62rem) {
  .page-footer__nav {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    margin-bottom: 7.8125rem;
  }
}

.page-footer__nav .site-nav__item .btn {
  margin: 0 0 0.625rem 0;
}

.page-footer__col {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 62rem) {
  .page-footer__col--left {
    width: 60%;
  }
}

@media (min-width: 62rem) {
  .page-footer__col--right {
    width: 40%;
    margin-right: 0.9375rem;
    -webkit-box-pack: end;
        -ms-flex-pack: end;
            justify-content: flex-end;
  }
}

@media (min-width: 62rem) {
  .page-footer__col + .page-footer__col {
    text-align: left;
  }
}

.page-footer .site-nav {
  position: static;
  margin-top: 0;
  padding-top: 2rem;
}

.page-footer .site-nav .site-nav__item--heading h4 {
  color: #fefefe;
  font-size: 1rem;
  font-style: normal;
  padding: 0 0.9375rem;
  margin-top: 0;
  margin-bottom: 0.5rem;
}

.page-footer .site-nav .ui-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

.page-footer .meta {
  font-size: 0.75rem;
  text-align: center;
}

.page-footer .meta > a {
  color: #f46800;
  font-weight: 700;
}

.page-header {
  height: 4.6875rem;
  background: -webkit-gradient(linear, left top, right top, from(#444444), color-stop(75%, #0a0a0a));
  background: linear-gradient(to right, #444444 0%, #0a0a0a 75%);
  -webkit-box-shadow: 0px 0px 20px black;
          box-shadow: 0px 0px 20px black;
  position: relative;
}

.page-header:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  -webkit-box-shadow: inset 100px 100px 260px -70px black;
          box-shadow: inset 100px 100px 260px -70px black;
  z-index: -10;
}

.page-header--home {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  background: #0a0a0a;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.page-header--home:after {
  -webkit-box-shadow: none;
          box-shadow: none;
}

@media (min-width: 55.625rem) {
  .page-header--home {
    background: transparent;
  }
}

@media (min-width: 55.625rem) {
  .page-header {
    height: 5.75rem;
  }
}

.page-header__menu {
  position: relative;
}

.page-header__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}

.site-logo {
  width: 13rem;
  height: 2.125rem;
  margin: 1.875rem 0 0 0;
  position: relative;
  top: -0.4375rem;
}

@media (min-width: 55.625rem) {
  .site-logo {
    width: 15rem;
    height: 3.125rem;
    top: -0.125rem;
  }
}

.site-logo > img {
  display: block;
  width: 100%;
  height: auto;
}

.styleguide {
  margin: 0 auto;
  text-align: center;
}

.styleguide__section {
  margin-bottom: 5rem;
}

.styleguide__section li {
  margin-bottom: 1rem;
}

.styleguide__spinner .spinner {
  position: relative;
  top: 0;
  left: 0;
  padding: 100px 0;
  z-index: 601;
  color: #fefefe;
}

.newformanimation-enter {
  opacity: 0.01;
}

.newformanimation-enter.newformanimation-enter-active {
  opacity: 1;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.newformanimation-appear {
  opacity: 0.01;
}

.newformanimation-appear.newformanimation-appear-active {
  opacity: 1;
  -webkit-transition: all 800ms ease-in;
  transition: all 800ms ease-in;
}

.newformanimation-leave {
  opacity: 1;
}

.newformanimation-leave.newformanimation-leave-active {
  opacity: 0.01;
  -webkit-transition: all 10ms ease-out;
  transition: all 10ms ease-out;
}

.newdivanimation-enter {
  opacity: 0.01;
}

.newdivanimation-enter.newdivanimation-enter-active {
  opacity: 1;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

.newdivanimation-appear {
  opacity: 0.01;
}

.newdivanimation-appear.newdivanimation-appear-active {
  opacity: 1;
  -webkit-transition: all 800ms ease-in;
  transition: all 800ms ease-in;
}

.newdivanimation-leave {
  opacity: 1;
}

.newdivanimation-leave.newdivanimation-leave-active {
  opacity: 0.01;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.selectanimation-enter {
  opacity: 0.01;
}

.selectanimation-enter.selectanimation-enter-active {
  opacity: 1;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

.selectanimation-appear {
  opacity: 0.01;
}

.selectanimation-appear.selectanimation-appear-active {
  opacity: 1;
  -webkit-transition: all 800ms ease-in;
  transition: all 800ms ease-in;
}

.selectanimation-leave {
  opacity: 1;
}

.selectanimation-leave.selectanimation-leave-active {
  opacity: 0.01;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.agreement {
  background-color: #555;
  color: #eaeaea;
  padding: 20px;
  border-radius: 4px;
  background-color: #555;
  border: 1px solid #2f2f2f;
  white-space: nowrap;
  display: block;
  line-height: 1.45;
  word-wrap: normal;
  white-space: pre-wrap;
  background-color: #555;
  margin-bottom: 1.875rem;
}

.terms-agreement {
  padding: 20px;
  border-radius: 4px;
  white-space: nowrap;
  display: block;
  line-height: 1.45;
  word-wrap: normal;
  white-space: pre-wrap;
}

.avatar {
  overflow: hidden;
  /*
  border-bottom-left-radius: 0.5rem;
  border-bottom-right-radius: 0.5rem;
  border-top-left-radius: 0.5rem;
  border-top-right-radius: 0.5rem;
  */
  display: block;
  line-height: 100%;
  text-align: center;
}

.avatar--user {
  border-radius: 50%;
}

.avatar--nav {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 0.1875rem;
}

.avatar--nav-dropdown {
  width: 35px;
  height: 35px;
  display: inline-block;
  vertical-align: sub;
}

.avatar--modal {
  width: 15px;
  height: 15px;
  display: inline-block;
  vertical-align: text-top;
}

.avatar--inline {
  width: 25px;
  height: 25px;
  display: inline-block;
  vertical-align: sub;
}

.avatar--org-select {
  width: 25px;
  height: 26px;
  display: inline-block;
  vertical-align: sub;
  margin-right: 0.25rem;
  border-bottom: 1px solid transparent;
}

.avatar--tiny {
  width: 3rem;
  height: 3rem;
  /*
  border-bottom-left-radius: 0.2rem;
  border-bottom-right-radius: 0.2rem;
  border-top-left-radius: 0.2rem;
  border-top-right-radius: 0.2rem;
  */
}

.avatar--small {
  width: 4rem;
  height: 4rem;
}

.avatar--large {
  width: 7rem;
  height: 7rem;
}

.avatar--full {
  height: 100%;
  width: 100%;
}

.avatar__image {
  max-width: 100%;
  max-height: 100%;
}

.update-avatar--container {
  display: block;
  position: relative;
  height: 7rem;
  width: 7rem;
  background-color: #555;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwIiBoZWlnaHQ9Ijc4LjQiIHZpZXdCb3g9IjAgMCAxMDAgNzguNCI+PHN0eWxlPi5zdDB7ZmlsbDpub25lfS5zdDF7ZmlsbDojODk4OTg5fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE4LjggMTYuNmM0IDAgNy4yIDMuMiA3LjIgNy4yUzIyLjggMzEgMTguOCAzMXMtNy4yLTMuMi03LjItNy4yIDMuMy03LjIgNy4yLTcuMnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNODMuNSA2Ni42YzAgMi44LTIuMyA1LjEtNS4xIDUuMUgxMS44Yy0yLjggMC01LjEtMi4zLTUuMS01LjFWMTdjMC0yLjggMi4zLTUuMSA1LjEtNS4xSDY0Yy42LTIuNCAxLjYtNC43IDMtNi43SDExLjhDNS4zIDUuMiAwIDEwLjUgMCAxN3Y0OS42YzAgNi41IDUuMyAxMS44IDExLjggMTEuOGg2Ni43YzYuNSAwIDExLjgtNS4zIDExLjgtMTEuOFYzNS40Yy0yLjEuOC00LjMgMS4yLTYuNyAxLjJ2MzB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI2LjcgNDEuN0wxMC42IDU0Ljl2OS4yYzAgMS44IDEuNSAzLjMgMy40IDMuM2g2MS44YzEuOSAwIDMuNC0xLjUgMy40LTMuM1YzNi4yYy01LTEuMS05LjMtNC0xMi4yLThMMzUuNiA1MGwtOC45LTguM3oiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSIxOC44IiBjeT0iMjMuNyIgcj0iNy4yIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTgzLjQgMGMtOS4yIDAtMTYuNiA3LjUtMTYuNiAxNi42IDAgOS4yIDcuNSAxNi42IDE2LjYgMTYuNlMxMDAgMjUuOCAxMDAgMTYuNkMxMDAgNy41IDkyLjUgMCA4My40IDB6bTkuNyAxNy41YzAgLjQtLjMuOC0uOC44SDg1djcuM2MwIC40LS4zLjgtLjguOGgtMS43Yy0uNCAwLS44LS4zLS44LS44di03LjNoLTcuM2MtLjQgMC0uOC0uMy0uOC0uOHYtMS43YzAtLjQuMy0uOC44LS44aDcuM1Y3LjdjMC0uNC4zLS44LjgtLjhoMS43Yy40IDAgLjguMy44LjhWMTVoNy4zYy40IDAgLjguMy44Ljh2MS43eiIvPjwvc3ZnPg==);
  background-repeat: no-repeat;
  background-position: center center;
  border: 1px solid #555;
  border-radius: 0.25rem;
  overflow: hidden;
  color: transparent;
}

.update-avatar--container:hover {
  color: #898989;
}

.update-avatar--custom {
  background-image: none;
}

.update-avatar--edit {
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
}

.update-avatar--edit-icon {
  position: absolute;
  top: 0;
  left: 5.5rem;
}

.update-avatar--custom .update-avatar--edit {
  width: 1.5rem;
  height: 1.5rem;
}

.update-avatar--custom .update-avatar--edit-icon {
  left: 0;
}

.update-avatar--edit .form-group,
.update-avatar--edit .form-group > div {
  position: absolute;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  margin: 0;
}

.update-avatar--edit-input {
  position: relative;
  left: 10rem;
}

.update-avatar--edit:hover .update-avatar--edit-icon {
  color: white;
}

.update-avatar--delete {
  position: absolute;
  top: 0;
  right: 1.5rem;
  width: 1.5rem;
  height: 1.5rem;
  overflow: hidden;
  cursor: pointer;
}

.update-avatar--delete:hover .update-avatar--delete-icon {
  color: white;
}

.update-avatar--img .avatar {
  background-color: #555;
}

.update-avatar--img .avatar__image {
  height: 7rem;
  width: 7rem;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.btn {
  display: inline-block;
  width: auto;
  height: 2.1875rem;
  padding: 0 1.25rem;
  border: 1px solid;
  font-size: 0.875rem;
  font-weight: 400;
  line-height: 2.0625rem;
  text-decoration: none;
  text-align: center;
  white-space: nowrap;
  cursor: pointer;
  vertical-align: middle;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  border-radius: 2px;
}

.btn--primary {
  border-color: #f46800;
  background-color: #f46800;
  background: -webkit-gradient(linear, left top, left bottom, from(#f46800), to(#c15200));
  background: linear-gradient(#f46800 0%, #c15200 100%);
  color: #fefefe;
}

.btn--primary:hover {
  border-color: #f46800;
  background-color: #f46800;
  background: #f46800;
  cursor: pointer;
  color: #fefefe;
}

.btn--primary.btn--disabled {
  opacity: .5;
  outline: none;
}

.btn--primary.btn--disabled:hover {
  border-color: #f46800;
  background-color: #f46800;
  background: -webkit-gradient(linear, left top, left bottom, from(#f46800), to(#c15200));
  background: linear-gradient(#f46800 0%, #c15200 100%);
  color: #fefefe;
  opacity: .5;
  cursor: default;
}

.btn--secondary {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-color: #13b2d4;
  background: -webkit-gradient(linear, left top, left bottom, from(#13b2d4), to(#119ebd));
  background: linear-gradient(#13b2d4 0%, #119ebd 100%);
  color: #fefefe;
}

.btn--secondary:hover {
  opacity: .8;
}

.btn--secondary.btn--disabled {
  opacity: .5;
  outline: none;
}

.btn--secondary.btn--disabled:hover {
  border-color: #13b2d4;
  background-color: #13b2d4;
  background: -webkit-gradient(linear, left top, left bottom, from(#13b2d4), to(#0f8ba5));
  background: linear-gradient(#13b2d4 0%, #0f8ba5 100%);
  color: #fefefe;
  opacity: .5;
  cursor: default;
}

.btn--add {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-color: #10a345;
  background: -webkit-gradient(linear, left top, left bottom, from(#10a345), to(#0d8739));
  background: linear-gradient(#10a345 0%, #0d8739 100%);
  color: #fefefe;
  font-weight: 400;
  padding: 0 3.125rem;
}

.btn--add a {
  color: #fefefe;
}

.btn--add:hover {
  opacity: .8;
  color: #fefefe;
}

.btn--add.btn--disabled {
  opacity: .5;
  outline: none;
}

.btn--add.btn--disabled:hover {
  border-color: #10a345;
  background-color: #10a345;
  background: -webkit-gradient(linear, left top, left bottom, from(#10a345), to(#0d8739));
  background: linear-gradient(#10a345 0%, #0d8739 100%);
  color: #fefefe;
  opacity: .5;
  cursor: default;
}

.btn--delete {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-color: #d6041b;
  background: #d6041b;
  color: #fefefe;
  font-weight: 400;
  padding: 0 3.125rem;
}

@media (min-width: 40.625rem) {
  .btn--delete {
    padding: 0 3.125rem;
  }
}

.btn--delete:hover {
  opacity: .8;
}

.btn--delete:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\F00D";
}

.btn--delete.btn--disabled {
  opacity: .5;
  outline: none;
}

.btn--delete.btn--disabled:hover {
  border-color: #d6041b;
  background-color: #d6041b;
  background: -webkit-gradient(linear, left top, left bottom, from(#d6041b), to(#a40315));
  background: linear-gradient(#d6041b 0%, #a40315 100%);
  color: #fefefe;
  opacity: .5;
  cursor: default;
}

a.btn--delete {
  color: #fefefe;
}

.btn--delete__confirm-delete::after {
  width: 0;
  opacity: 0;
  display: inline-block;
  padding-left: 0.3125rem;
  content: "CONFIRM DELETE";
  -webkit-animation: btn--delete_grow 100ms cubic-bezier(0.6, -0.28, 0.74, 0.05) forwards;
          animation: btn--delete_grow 100ms cubic-bezier(0.6, -0.28, 0.74, 0.05) forwards;
}

@-webkit-keyframes btn--delete_grow {
  0% {
    width: 0;
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    width: 100px;
    opacity: 1;
  }
}

@keyframes btn--delete_grow {
  0% {
    width: 0;
    opacity: 0;
  }
  95% {
    opacity: 0;
  }
  100% {
    width: 100px;
    opacity: 1;
  }
}

a.btn--delete__cancel {
  cursor: pointer;
  color: #fefefe;
  font-weight: 400;
}

.btn--edit {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-color: #555;
  background: #555;
  color: #fefefe;
  font-weight: 400;
  padding: 0 3.125rem;
}

@media (min-width: 40.625rem) {
  .btn--edit {
    padding: 0 6.25rem;
  }
}

.btn--edit:hover {
  opacity: .8;
}

.btn--edit:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\F044";
}

a.btn--edit {
  color: #fefefe;
}

.btn--download:before {
  font-family: FontAwesome;
  display: inline-block;
  content: "\F019";
  margin-right: 0.3125rem;
}

.btn--copy {
  display: inline;
}

.btn__sidebar {
  margin-bottom: 1.25rem;
}

.btn--reversed {
  border-color: #565656;
  background-color: #565656;
  background: -webkit-gradient(linear, left top, left bottom, from(#565656), to(#3d3d3d));
  background: linear-gradient(#565656, #3d3d3d 100%);
  color: #fefefe;
}

.btn--reversed:hover {
  border-color: #898989;
  background-color: #898989;
  background: #898989;
  cursor: pointer;
}

.btn--prom {
  border-color: #a9320b;
  background-color: #a9320b;
  background: -webkit-gradient(linear, left top, left bottom, from(#a9320b), to(#792408));
  background: linear-gradient(#a9320b, #792408 100%);
  color: #fefefe;
}

.btn--prom:hover {
  opacity: 0.8;
  cursor: pointer;
  color: #fefefe;
}

.btn--graf {
  border-color: #1c7580;
  background-color: #1c7580;
  background: -webkit-gradient(linear, left top, left bottom, from(#1c7580), to(#134f56));
  background: linear-gradient(#1c7580, #134f56 100%);
  color: #fefefe;
}

.btn--graf:hover {
  opacity: 0.8;
  cursor: pointer;
  color: #fefefe;
}

.btn--small {
  height: 1.875rem;
  padding: 0 1rem;
  font-size: 0.75rem;
  line-height: 1.75rem;
}

.btn--large {
  height: 3.125rem;
  font-size: 1rem;
  line-height: 3rem;
}

.btn--hero {
  height: 3.75rem;
  font-size: 1.125rem;
  font-weight: bold;
  line-height: 3.75rem;
}

.btn--outline {
  border-color: #f46800;
  background: transparent;
  color: #f46800;
}

.btn--outline:hover {
  border: 1px solid #f46800;
  -o-border-image: linear-gradient(to bottom right, #f46800 0%, #f26529 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#f46800), to(#f26529));
     border-image: linear-gradient(to bottom right, #f46800 0%, #f26529 100%);
  border-image-slice: 1;
  color: #f78e40;
}

.btn--outline:hover {
  color: #fefefe;
}

.btn--outline-secondary {
  border-color: #777;
  background: transparent;
  color: #fefefe;
}

.btn--outline-secondary:hover {
  opacity: .8;
}

.btn--outline-secondary__disabled {
  border-color: #777;
  background: transparent;
  color: #777;
}

.btn--outline-secondary__disabled:hover {
  border: 1px solid #777;
  -o-border-image: linear-gradient(to bottom right, #777 0%, #777 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#777), to(#777));
     border-image: linear-gradient(to bottom right, #777 0%, #777 100%);
  border-image-slice: 1;
  color: #999999;
}

.btn--outline-tertiary {
  border-color: #13b2d4;
  background: transparent;
  color: #13b2d4;
}

.btn--outline-tertiary:hover {
  border: 1px solid #13b2d4;
  -o-border-image: linear-gradient(to bottom right, #13b2d4 0%, #0b6376 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#13b2d4), to(#0b6376));
     border-image: linear-gradient(to bottom right, #13b2d4 0%, #0b6376 100%);
  border-image-slice: 1;
  color: #4ec5df;
}

.btn--outline-light {
  border-color: #fefefe;
  background: transparent;
  color: #fefefe;
}

.btn--outline-light:hover {
  border: 1px solid #fefefe;
  -o-border-image: linear-gradient(to bottom right, #fefefe 0%, #989898 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#fefefe), to(#989898));
     border-image: linear-gradient(to bottom right, #fefefe 0%, #989898 100%);
  border-image-slice: 1;
  color: #fefefe;
}

.btn--outline-dark {
  border-color: #333333;
  background: transparent;
  color: #333333;
}

.btn--outline-dark:hover {
  border: 1px solid #333333;
  -o-border-image: linear-gradient(to bottom right, #333333 0%, black 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#333333), to(black));
     border-image: linear-gradient(to bottom right, #333333 0%, black 100%);
  border-image-slice: 1;
  color: #666666;
}

.download__btn {
  position: absolute;
  bottom: 20px;
  left: 6rem;
  padding: 0 1.875rem;
}

a.btn--no-outline-secondary {
  border-color: transparent;
  background: transparent;
  color: #777;
}

a.btn--no-outline-secondary:hover {
  opacity: .8;
}

.btn--no-outline-tertiary {
  border-color: transparent;
  background: transparent;
  color: #13b2d4;
}

.btn--close, .Modal__CloseButton, .sticky-footer__close {
  float: right;
  border: 0;
  background: 0 0;
  font-size: 1.3125rem;
  line-height: 1;
  color: #fefefe;
}

.interior-section.early-access-signup a.btn--outline-secondary {
  color: #777;
}

.btn--hosted-metrics {
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-color: #965fa6;
  background: -webkit-gradient(linear, left top, left bottom, from(#965fa6), to(#885297));
  background: linear-gradient(#965fa6 0%, #885297 100%);
  color: #fefefe;
}

.btn--hosted-metrics:hover {
  background: -webkit-gradient(linear, left top, left bottom, from(#794b87), to(#6a4076));
  background: linear-gradient(#794b87, #6a4076 100%);
  color: #fefefe;
}

.btn-row {
  margin-bottom: 0.625rem;
}

.btn-row .btn {
  margin-right: 1.25rem;
  margin-bottom: 1rem;
}

.btn-row .btn:last-child {
  margin-right: 0;
}

.btn-row.narrow {
  margin-bottom: 0;
}

.btn-row.tall {
  margin-bottom: 2.5rem;
}

.btn-inline {
  margin: 0 0.625rem 0.625rem 0.625rem;
}

.btn--sub-text {
  display: block;
  margin-top: 1.25rem;
  font-size: 0.8125rem;
}

.btn--grafanacon {
  border-color: #ff6019;
  background-color: #fc4e00;
  background: -webkit-gradient(linear, left top, left bottom, from(#fc4e00), to(#c93e00));
  background: linear-gradient(#fc4e00 0%, #c93e00 100%);
  color: #fefefe;
}

.btn--grafanacon:hover {
  border-color: #ff6019;
  background-color: #ff6019;
  background: #ff6019;
  cursor: pointer;
  color: #fefefe;
}

.btn--outline-grafanacon {
  border-color: #e3257d;
  background: transparent;
  color: #e3257d;
}

.btn--outline-grafanacon:hover {
  border: 1px solid #e3257d;
  -o-border-image: linear-gradient(to bottom right, #e3257d 0%, #e3257d 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#e3257d), to(#e3257d));
     border-image: linear-gradient(to bottom right, #e3257d 0%, #e3257d 100%);
  border-image-slice: 1;
  color: #ea5c9e;
}

.btn--outline-grafanacon:hover {
  background: none;
  border: 1px solid #fefefe;
  border-radius: 2px;
  color: #fefefe;
}

.vertical-margin {
  margin: 3rem 0;
}

.inline__social {
  overflow: hidden;
  text-indent: 110%;
  white-space: nowrap;
  padding: 0;
  display: inline-block;
  margin-right: 0.625rem;
  width: 24px;
  height: 24px;
  opacity: 0.6;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
}

.inline__social:hover {
  opacity: 1;
}

.inline__social.twitter {
  background: rgba(0, 0, 0, 0.6) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMTAzOC41IDE3MSAyNCAyMCI+PHBhdGggZD0iTTEwNjEuMDkgMTc0LjQ1MmE4Ljc2MiA4Ljc2MiAwIDAgMS0yLjE2NiAyLjIzOCAxMi4zOTcgMTIuMzk3IDAgMCAxLS40OTQgNC4wNDEgMTIuNDEyIDEyLjQxMiAwIDAgMS0xLjU0OCAzLjMzNSAxMy4xNjIgMTMuMTYyIDAgMCAxLTIuNDgxIDIuODIzYy0uOTYuODItMi4xMTQgMS40NzMtMy40NjEgMS45NjFzLTIuNzkyLjczMS00LjMzMy43MzFjLTIuNDA1IDAtNC42Mi0uNjQ5LTYuNjQ0LTEuOTQ4LjM1OS4wNC43MDQuMDYgMS4wMzQuMDYgMi4wMDkgMCAzLjgwNC0uNjE5IDUuMzg0LTEuODU3YTQuMjA1IDQuMjA1IDAgMCAxLTIuNTE3LS44NjUgNC4yNjUgNC4yNjUgMCAwIDEtMS41My0yLjE0NSA0LjMxOSA0LjMxOSAwIDAgMCAxLjk1Ny0uMDcyYy0xLS4yLTEuODI5LS42OTgtMi40ODgtMS40OTRhNC4xOTQgNC4xOTQgMCAwIDEtLjk4OS0yLjc1NXYtLjA1NGMuNjE0LjM0IDEuMjY4LjUyMSAxLjk2NC41NDJhNC4zMTYgNC4zMTYgMCAwIDEtMS40MDktMS41NDUgNC4yMyA0LjIzIDAgMCAxLS41Mi0yLjA2MWMwLS43OC4xOTUtMS41MDYuNTg2LTIuMTc4YTEyLjM1IDEyLjM1IDAgMCAwIDMuOTUyIDMuMTk5IDEyLjA0NyAxMi4wNDcgMCAwIDAgNC45ODEgMS4zMyA0LjE5NCA0LjE5NCAwIDAgMS0uMTE0LS45ODdjMC0xLjE5Ni40MjMtMi4yMTggMS4yNy0zLjA2NC44NDctLjg0NyAxLjg2OC0xLjI3IDMuMDY0LTEuMjcgMS4yNTIgMCAyLjMwNy40NTYgMy4xNjUgMS4zNjhhOC42MjcgOC42MjcgMCAwIDAgMi43NTItMS4wNTMgNC4xOTIgNC4xOTIgMCAwIDEtMS45MDQgMi4zOTkgOC41NTggOC41NTggMCAwIDAgMi40ODktLjY3OXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat center center;
  background-size: 80%;
}

.inline__social.github {
  background: rgba(0, 0, 0, 0.6) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMTAzOC41IDE3MSAyNCAyMCI+PHBhdGggZD0iTTEwNTYuMDIzIDE3Mi4yYy4zMTIuNzA5LjUxNCAxLjg4NS4yMTMgMi43NDcgMS4yMzQgMS4wNTMgMS42NTcgMy42MTMgMS4wNjIgNS43MDUgMS43NTguMTM0IDMuODUyLS4wNjQgNS4yMDMuNDc1LTEuMjYzLS4xNjItMi45ODgtLjQ4MS00LjYxOC0uMzctLjMwOS4wMjEtLjc2Ni0uMDEyLS43NDQuNDIzIDEuODg2LjE0OCAzLjc2LjMwOSA1LjMxLjc5Mi0xLjUzNi0uMjUtMy40MDEtLjYzMy01LjMxLS42ODYtLjc4OSAxLjU1Ni0yLjM3NiAyLjMyMS00LjU2NiAyLjQ4Mi4yMzYuNTEzLjY4Ni43MDguNzk3IDEuNTMyLjE2NCAxLjIzMS0uMjU3IDMuMDM1LjE1OCAzLjg1Ni4yLjM5My41MjUuNDA0Ljc0NC43NC0uNTM3LjYzNS0xLjg2Ny0uMDcxLTIuMDE4LS43NC0uMjYtMS4xNDUuMzk1LTIuOTIxLS4zMTgtMy42OTcuMDUgMS4yNDktLjI5NiAzLjAwNC4wNTMgNC4xMTkuMTM3LjQzOS41MzQuNjA4LjQyNSAxLjAwNC0yLjQ5NC4yNTMtMS40NTItMy4yMjgtMS44NTktNS4yODItLjM3Ni4wMjctLjIxMS41NjQtLjIxMi43OTMtLjAxMSAyLjAwNi40MTEgNC43NTgtMS43NTIgNC40OS0uMDY0LS40MjEuMjktLjU2NS40MjQtLjk1LjM5NS0xLjEyOS0uMDc0LTIuODExLjEwNy00LjE3My0uODI2LjYyMi4wODYgMi43OTUtLjQyNSAzLjkwOS0uMjk1LjY0MS0xLjI0NC45Mi0xLjk2NC42MzMuMDk0LS40NzcuNTg3LS40Ljc5Ni0uODQ1LjI5Mi0uNjIuMDAyLTEuNTEzLjEwNi0yLjQzLTEuNTI4LjMwNS0yLjcxMy0uMDQ0LTMuMjkyLTEuMDA0LS4yNi0uNDMxLS4zMjQtLjkzOC0uNjM4LTEuMzItLjMxMi0uMzgyLS44MS0uNDM0LS45NTUtLjk1IDEuODkyLS40NTUgMS45NjQgMS45NDcgMy42NjQgMi4wMDcuNTIxLjAxOS43OTItLjE1MSAxLjI3NC0uMjY0LjEzNS0uNjA2LjQyNC0xLjA1OC44NDktMS4zNzUtMi4xMTQtLjI4OS0zLjg2LS45NDgtNC42NzItMi41MzRhMjkuMTA1IDI5LjEwNSAwIDAgMC01LjMxMS43MzljMS40NzktLjUzNyAzLjMwMy0uNzMgNS4yNTctLjc5My0uMTE1LS42OTMtMS4xMjUtLjUwMi0xLjc1Mi0uNDc1LTEuMTY1LjA1MS0yLjYzMi4xOTYtMy41NTguMzcgMS4zNDMtLjQ3OSAzLjIyNi0uNDE5IDUuMDQ1LS40MjMtLjU1Ni0xLjc0NC0uMzYzLTQuNTE1Ljg1LTUuNTQ2LS4zNDQtLjg2Ni0uMjM3LTIuMjg0LjIxMi0yLjk1OCAxLjM1NC4wNjEgMi4xNzYuNjUxIDMuMDI2IDEuMjE2IDEuMDU2LS4zIDIuMTY1LS40NDkgMy42MTEtLjM3LjYwOC4wMzQgMS4yNDEuMzA3IDEuNjk4LjI2NC40NS0uMDQyLjk0NS0uNTQ2IDEuMzgtLjczOS41NjktLjI1MyAxLjA1LS4zNDkgMS43LS4zNzJ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat center center;
  background-size: 90%;
}

.inline__social.linkedin {
  background: rgba(0, 0, 0, 0.6) url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjQiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyNCAyMCI+PHN0eWxlPi5zdDB7ZmlsbDojZmZmfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTYuOCAxOC45VjYuN2gtNHYxMi4yaDR6TTQuOCA1YzEuNCAwIDIuMy0uOSAyLjMtMi4xQzcuMSAxLjcgNi4yLjggNC44LjhzLTIuMy45LTIuMyAyLjFjMCAxLjIuOSAyLjEgMi4zIDIuMXpNOS4xIDE4LjloNC4xdi02LjhjMC0uNCAwLS43LjEtMSAuMy0uNyAxLTEuNSAyLjEtMS41IDEuNSAwIDIgMS4xIDIgMi44djYuNWg0LjF2LTdjMC0zLjgtMi01LjUtNC43LTUuNS0yLjIgMC0zLjIgMS4yLTMuNyAyVjYuN2gtNHYxMi4yeiIvPjwvc3ZnPg==) no-repeat center center;
  background-size: 78%;
}

.card-container {
  height: 100%;
  padding: 1rem;
  border-radius: 4px;
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  text-overflow: clip;
}

.card-container--tall {
  min-height: 13.5rem;
}

.card-container--short {
  min-height: 9.5rem;
}

.card-container--no-min {
  min-height: 0;
}

.card-container.card-container--min-height-1 {
  min-height: 1rem;
}

.card-container.card-container--min-height-2 {
  min-height: 2rem;
}

.card-container.card-container--min-height-3 {
  min-height: 3rem;
}

.card-container.card-container--min-height-4 {
  min-height: 4rem;
}

.card-container.card-container--min-height-5 {
  min-height: 5rem;
}

.card-container.card-container--min-height-6 {
  min-height: 6rem;
}

.card-container.card-container--min-height-7 {
  min-height: 7rem;
}

.card-container.card-container--min-height-8 {
  min-height: 8rem;
}

.card-container.card-container--min-height-9 {
  min-height: 9rem;
}

.card-container.card-container--min-height-10 {
  min-height: 10rem;
}

.card-container.card-container--min-height-11 {
  min-height: 11rem;
}

.card-container.card-container--min-height-12 {
  min-height: 12rem;
}

.card-container.card-container--min-height-13 {
  min-height: 13rem;
}

.card-container.card-container--min-height-14 {
  min-height: 14rem;
}

.card-container.card-container--min-height-15 {
  min-height: 15rem;
}

.card-container.card-container--min-height-16 {
  min-height: 16rem;
}

.card-container.card-container--min-height-17 {
  min-height: 17rem;
}

.card-container.card-container--min-height-18 {
  min-height: 18rem;
}

.card-container.card-container--min-height-19 {
  min-height: 19rem;
}

.card-container.card-container--min-height-20 {
  min-height: 20rem;
}

.card-container.card-container--min-height-21 {
  min-height: 21rem;
}

.card-container.card-container--min-height-22 {
  min-height: 22rem;
}

.card-container.card-container--min-height-23 {
  min-height: 23rem;
}

.card-container.card-container--min-height-24 {
  min-height: 24rem;
}

.card-container.card-container--min-height-25 {
  min-height: 25rem;
}

.card-container.card-container--min-height-26 {
  min-height: 26rem;
}

.card-container.card-container--min-height-27 {
  min-height: 27rem;
}

.card-container.card-container--min-height-28 {
  min-height: 28rem;
}

.card-container.card-container--min-height-29 {
  min-height: 29rem;
}

.card-container.card-container--min-height-30 {
  min-height: 30rem;
}

.card-container.card-container--min-height-31 {
  min-height: 31rem;
}

.card-container.card-container--min-height-32 {
  min-height: 32rem;
}

.card-container.card-container--min-height-33 {
  min-height: 33rem;
}

.card-container.card-container--min-height-34 {
  min-height: 34rem;
}

.card-container.card-container--min-height-35 {
  min-height: 35rem;
}

.card-container.card-container--min-height-36 {
  min-height: 36rem;
}

.card-container.card-container--min-height-37 {
  min-height: 37rem;
}

.card-container.card-container--min-height-38 {
  min-height: 38rem;
}

.card-container.card-container--min-height-39 {
  min-height: 39rem;
}

.card-container.card-container--min-height-40 {
  min-height: 40rem;
}

.card-container.card-container--min-height-41 {
  min-height: 41rem;
}

.card-container.card-container--min-height-42 {
  min-height: 42rem;
}

.card-container.card-container--min-height-43 {
  min-height: 43rem;
}

.card-container.card-container--min-height-44 {
  min-height: 44rem;
}

.card-container.card-container--min-height-45 {
  min-height: 45rem;
}

.card-container.card-container--min-height-46 {
  min-height: 46rem;
}

.card-container.card-container--min-height-47 {
  min-height: 47rem;
}

.card-container.card-container--min-height-48 {
  min-height: 48rem;
}

.card-container.card-container--min-height-49 {
  min-height: 49rem;
}

.card-container.card-container--min-height-50 {
  min-height: 50rem;
}

.card-container.card-container--min-height-51 {
  min-height: 51rem;
}

.card-container.card-container--min-height-52 {
  min-height: 52rem;
}

.card-container.card-container--min-height-53 {
  min-height: 53rem;
}

.card-container.card-container--min-height-54 {
  min-height: 54rem;
}

.card-container.card-container--min-height-55 {
  min-height: 55rem;
}

.card-container.card-container--min-height-56 {
  min-height: 56rem;
}

.card-container.card-container--min-height-57 {
  min-height: 57rem;
}

.card-container.card-container--min-height-58 {
  min-height: 58rem;
}

.card-container.card-container--min-height-59 {
  min-height: 59rem;
}

.card-container.card-container--min-height-60 {
  min-height: 60rem;
}

.card-container.card-container--height-1 {
  height: 1rem;
}

.card-container.card-container--height-2 {
  height: 2rem;
}

.card-container.card-container--height-3 {
  height: 3rem;
}

.card-container.card-container--height-4 {
  height: 4rem;
}

.card-container.card-container--height-5 {
  height: 5rem;
}

.card-container.card-container--height-6 {
  height: 6rem;
}

.card-container.card-container--height-7 {
  height: 7rem;
}

.card-container.card-container--height-8 {
  height: 8rem;
}

.card-container.card-container--height-9 {
  height: 9rem;
}

.card-container.card-container--height-10 {
  height: 10rem;
}

.card-container.card-container--height-11 {
  height: 11rem;
}

.card-container.card-container--height-12 {
  height: 12rem;
}

.card-container.card-container--height-13 {
  height: 13rem;
}

.card-container.card-container--height-14 {
  height: 14rem;
}

.card-container.card-container--height-15 {
  height: 15rem;
}

.card-container.card-container--height-16 {
  height: 16rem;
}

.card-container.card-container--height-17 {
  height: 17rem;
}

.card-container.card-container--height-18 {
  height: 18rem;
}

.card-container.card-container--height-19 {
  height: 19rem;
}

.card-container.card-container--height-20 {
  height: 20rem;
}

.card-container.card-container--height-21 {
  height: 21rem;
}

.card-container.card-container--height-22 {
  height: 22rem;
}

.card-container.card-container--height-23 {
  height: 23rem;
}

.card-container.card-container--height-24 {
  height: 24rem;
}

.card-container.card-container--height-25 {
  height: 25rem;
}

.card-container.card-container--height-26 {
  height: 26rem;
}

.card-container.card-container--height-27 {
  height: 27rem;
}

.card-container.card-container--height-28 {
  height: 28rem;
}

.card-container.card-container--height-29 {
  height: 29rem;
}

.card-container.card-container--height-30 {
  height: 30rem;
}

.card-container.card-container--height-31 {
  height: 31rem;
}

.card-container.card-container--height-32 {
  height: 32rem;
}

.card-container.card-container--height-33 {
  height: 33rem;
}

.card-container.card-container--height-34 {
  height: 34rem;
}

.card-container.card-container--height-35 {
  height: 35rem;
}

.card-container.card-container--height-36 {
  height: 36rem;
}

.card-container.card-container--height-37 {
  height: 37rem;
}

.card-container.card-container--height-38 {
  height: 38rem;
}

.card-container.card-container--height-39 {
  height: 39rem;
}

.card-container.card-container--height-40 {
  height: 40rem;
}

.card-container.card-container--height-41 {
  height: 41rem;
}

.card-container.card-container--height-42 {
  height: 42rem;
}

.card-container.card-container--height-43 {
  height: 43rem;
}

.card-container.card-container--height-44 {
  height: 44rem;
}

.card-container.card-container--height-45 {
  height: 45rem;
}

.card-container.card-container--height-46 {
  height: 46rem;
}

.card-container.card-container--height-47 {
  height: 47rem;
}

.card-container.card-container--height-48 {
  height: 48rem;
}

.card-container.card-container--height-49 {
  height: 49rem;
}

.card-container.card-container--height-50 {
  height: 50rem;
}

.card-container.card-container--height-51 {
  height: 51rem;
}

.card-container.card-container--height-52 {
  height: 52rem;
}

.card-container.card-container--height-53 {
  height: 53rem;
}

.card-container.card-container--height-54 {
  height: 54rem;
}

.card-container.card-container--height-55 {
  height: 55rem;
}

.card-container.card-container--height-56 {
  height: 56rem;
}

.card-container.card-container--height-57 {
  height: 57rem;
}

.card-container.card-container--height-58 {
  height: 58rem;
}

.card-container.card-container--height-59 {
  height: 59rem;
}

.card-container.card-container--height-60 {
  height: 60rem;
}

.card-container--flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.card-container--interactive:hover {
  background: linear-gradient(135deg, #343434 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.card-container--interactive:active {
  background: linear-gradient(135deg, #2c2c2c 0%, #232323 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

code,
pre {
  background-color: #555;
  color: #fefefe;
  border-radius: 4px;
}

code {
  padding: 2px;
  color: #fefefe;
  background-color: #555;
  border: 1px solid #2f2f2f;
  white-space: nowrap;
}

pre {
  padding: 10px;
  display: block;
  line-height: 1.45;
  word-break: break-all;
  word-wrap: break-word;
  white-space: pre;
  white-space: pre-wrap;
  background-color: #555;
}

pre.pre--no-bottom-margin {
  margin-bottom: 0.1875rem;
}

pre.pre--no-top-margin {
  margin-top: 0.1875rem;
}

pre.prettyprint {
  margin-bottom: 1.45;
}

pre.scrollable {
  word-break: normal;
  word-wrap: normal;
  white-space: nowrap;
}

pre code {
  padding: 0;
  color: inherit;
  white-space: pre;
  white-space: pre-wrap;
  background-color: transparent;
  border: 0;
}

pre.scrollable > code {
  white-space: nowrap;
}

.code-block {
  background-color: #555;
  color: #fefefe;
  padding: 10px;
  border-radius: 4px;
  line-height: 1.45;
  word-break: normal;
  word-wrap: normal;
  white-space: nowrap;
  background-color: #555;
  font-family: consolas, monospace, monospace;
  font-size: .95em;
}

.code-block .gm-scrollbar-container {
  margin-bottom: -5px;
}

.copy-to-clipboard--container {
  height: 5px;
  margin-top: 0.625rem;
  margin-bottom: 1.875rem;
}

.copy-to-clipboard--button-container {
  height: 45px;
  margin-top: 0.625rem;
  margin-bottom: 1rem;
}

.copy-to-clipboard {
  position: absolute;
  font-size: 0.75rem;
  color: #f46800;
  background-color: transparent;
  outline: 0;
  cursor: pointer;
}

.copy-to-clipboard:hover {
  opacity: .8;
}

.copy-to-clipboard:active {
  opacity: .9;
}

.clipboard-enter {
  opacity: 0.01;
  -webkit-transition: all 100ms ease-in;
  transition: all 100ms ease-in;
}

.clipboard-enter.clipboard-enter-active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.clipboard-appear {
  opacity: 0.01;
  -webkit-transition: all 200ms ease-in-out 300ms;
  transition: all 200ms ease-in-out 300ms;
}

.clipboard-appear.clipboard-appear-active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.clipboard-leave {
  opacity: 1;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.clipboard-leave.clipboard-leave-active {
  opacity: 0.01;
  -webkit-transform: translate(0, -25px);
          transform: translate(0, -25px);
}

.download {
  text-align: left;
}

.download__logo {
  width: 4.125rem;
  height: 4.125rem;
  margin: 0 0.5rem 0.5rem 0;
}

.download__logo > img {
  display: block;
  width: 100%;
  height: auto;
  border-radius: 4px;
}

.download__body .plugin-card__byline {
  margin-left: 5rem;
}

.download__name {
  margin: 0 0 0 5rem;
  color: #fefefe;
  font-size: 1.25rem;
}

.download__copy {
  margin: 0 0 0.5rem 5rem;
  color: #a2a2a2;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.downloads-list__item {
  height: 100%;
  padding: 1rem;
  border-radius: 4px;
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  min-height: 13.5rem;
  overflow: hidden;
  text-overflow: clip;
}

.downloads-list__item--short {
  min-height: 9.5rem;
}

.downloads-list__item-interactive:hover {
  background: linear-gradient(135deg, #343434 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.downloads-list__item-interactive:active {
  background: linear-gradient(135deg, #2c2c2c 0%, #232323 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.dropdown {
  display: block;
  position: relative;
  width: auto;
  min-width: 110px;
  max-width: 100%;
  margin: 0 0 3.125rem;
  padding: 1px 0;
  border: 0 solid transparent;
  border-radius: 2px;
  background-color: #555;
  overflow: hidden;
  vertical-align: top;
}

.dropdown--tight {
  margin-bottom: 0.9375rem;
}

.dropdown--inline {
  display: inline-block;
  margin: -0.3125rem 0 0 0;
  min-width: auto;
}

.dropdown.form__input {
  padding: 1px 0;
}

.dropdown > select {
  position: relative;
  width: 115%;
  min-width: 115%;
  max-width: 115%;
  margin: 0;
  padding: 0.625rem;
  border: 0;
  outline: none;
  background: transparent;
  color: #c5c5c5;
  background-color: #555;
  font-size: 16px;
  font-weight: 400;
  text-overflow: '';
  -webkit-appearance: none;
  -moz-appearance: menulist-text;
  appearance: none;
}

.dropdown--tight > select {
  line-height: normal;
  padding: 0.5rem 1.75rem 0.5rem 0.5rem;
  font-size: 0.875rem;
}

.dropdown--inline > select {
  line-height: normal;
  padding: 0.3125rem 1.75rem 0.3125rem 0.5rem;
  font-size: 100%;
  width: auto;
  min-width: auto;
}

.dropdown > select::-ms-expand {
  display: none;
}

.dropdown::after {
  position: absolute;
  top: 50%;
  right: 10px;
  height: 12px;
  margin-top: -6px;
  padding: 0;
  background-color: transparent;
  color: #c5c5c5;
  font-family: sans-serif;
  line-height: 12px;
  text-align: center;
  content: '\25BE';
  pointer-events: none;
}

.dropdown > select:focus {
  outline: none;
}

.dropdown > select:-moz-focusring {
  color: transparent;
  text-shadow: 0 0 0 #c5c5c5;
}

.event-list {
  border-left: 1px solid #555;
}

.event__type {
  text-transform: uppercase;
  font-weight: 100;
  font-size: 0.875rem;
  color: #eaeaea;
  display: block;
  margin-bottom: 0.625rem;
}

.event__location {
  font-weight: 100;
  font-size: 0.875rem;
  color: #898989;
}

.event__title {
  margin: 0 auto;
  color: #fefefe;
}

.event__copy b {
  color: #fefefe;
}

.event__copy--tall {
  min-height: 11rem;
}

.event__margin-bottom {
  margin-bottom: 6.25rem;
}

.event__past {
  display: block;
}

.event__past b {
  color: #fefefe;
}

.event .event-img {
  background-color: #161616;
  border-radius: 50%;
}

.event .strip {
  background-color: transparent;
  border-radius: 0;
}

.plugin-filter .plugin-filter__header--narrow {
  padding: 0.625rem;
  background: linear-gradient(135deg, #505050 0%, #3c3c3c 100%);
}

.plugin-filter .plugin-filter__header--narrow img {
  opacity: 1;
}

.plugin-filter .plugin-filter__header {
  display: none;
}

.plugin-filter .fa-plus-square-o, .plugin-filter .fa-minus-square-o {
  float: right;
  padding-top: 0.3125rem;
  padding-right: 0.625rem;
}

.plugin-filter .plugin-filter__options--collapsed {
  display: none;
}

.plugin-filter .plugin-filter__options--expanded {
  display: block;
}

@media (min-width: 40.625rem) {
  .plugin-filter .plugin-filter__options--collapsed, .plugin-filter .plugin-filter__options--expanded {
    display: block;
  }
  .plugin-filter .plugin-filter__header {
    display: block;
  }
  .plugin-filter .plugin-filter__header--narrow {
    display: none;
  }
}

@font-face {
  font-family: 'grafana-icons';
  src: url(/dist/c044ad01d28a3c4bb7017813551bb394.eot);
  src: url(/dist/c044ad01d28a3c4bb7017813551bb394.eot) format("embedded-opentype"), url(/dist/c170b5022c5921def9f7f5c87529d29a.ttf) format("truetype"), url(/dist/cb0c2a71fdcb28c6f74cbbfc19fd92b4.woff) format("woff"), url(/dist/a399f8f09a56de408f63b1633c1e99a8.svg) format("svg");
  font-weight: normal;
  font-style: normal;
}

[class^="icon-gf-"], [class*=" icon-gf-"] {
  /* use !important to prevent issues with browser extensions that change fonts */
  font-family: 'grafana-icons' !important;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  line-height: 1;
  /* Better Font Rendering =========== */
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

.icon-gf-raintank_wordmark:before {
  content: "\E600";
}

.icon-gf-raintank_icn:before {
  content: "\E601";
}

.icon-gf-raintank_r-icn:before {
  content: "\E905";
}

.icon-gf-check-alt:before {
  content: "\E603";
}

.icon-gf-check:before {
  content: "\E604";
}

.icon-gf-collector:before {
  content: "\E605";
}

.icon-gf-dashboard:before {
  content: "\E606";
}

.icon-gf-panel:before {
  content: "\E904";
}

.icon-gf-datasources:before {
  content: "\E607";
}

.icon-gf-endpoint-tiny:before {
  content: "\E608";
}

.icon-gf-endpoint:before {
  content: "\E609";
}

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

.icon-gf-filter:before {
  content: "\E60A";
}

.icon-gf-status:before {
  content: "\E60B";
}

.icon-gf-monitoring:before {
  content: "\E60C";
}

.icon-gf-monitoring-tiny:before {
  content: "\E620";
}

.icon-gf-jump-to-dashboard:before {
  content: "\E60D";
}

.icon-gf-warn:before {
  content: "\E60E";
}

.icon-gf-nodata:before {
  content: "\E60F";
}

.icon-gf-critical:before {
  content: "\E610";
}

.icon-gf-online:before {
  content: "\E611";
}

.icon-gf-event-error:before {
  content: "\E623";
}

.icon-gf-event:before {
  content: "\E624";
}

.icon-gf-sadface:before {
  content: "\E907";
}

.icon-gf-private-collector:before {
  content: "\E612";
}

.icon-gf-alert:before {
  content: "\E61F";
}

.icon-gf-alert-disabled:before {
  content: "\E621";
}

.icon-gf-refresh:before {
  content: "\E613";
}

.icon-gf-save:before {
  content: "\E614";
}

.icon-gf-share:before {
  content: "\E616";
}

.icon-gf-star:before {
  content: "\E617";
}

.icon-gf-search:before {
  content: "\E618";
}

.icon-gf-settings:before {
  content: "\E615";
}

.icon-gf-add:before {
  content: "\E619";
}

.icon-gf-remove:before {
  content: "\E61A";
}

.icon-gf-video:before {
  content: "\E61B";
}

.icon-gf-bulk_action:before {
  content: "\E61C";
}

.icon-gf-users:before {
  content: "\E622";
}

.icon-gf-globe:before {
  content: "\E61D";
}

.icon-gf-snapshot:before {
  content: "\E61E";
}

.icon-gf-play-grafana-icon:before {
  content: "\E629";
}

.icon-gf-grafana-icon:before {
  content: "\E625";
}

.icon-gf-email:before {
  content: "\E628";
}

.icon-gf-stopwatch:before {
  content: "\E626";
}

.icon-gf-skull:before {
  content: "\E900";
}

.icon-gf-probe:before {
  content: "\E901";
}

.icon-gf-apps:before {
  content: "\E902";
}

.icon-gf-scale:before {
  content: "\E906";
}

.icon-gf-pending:before {
  content: "\E909";
}

.icon-gf-verified:before {
  content: "\E90A";
}

.icon-gf_prem_plugin:before {
  content: "\E90C";
}

.icon-gf-worldping:before {
  content: "\E627";
}

.icon-gf-grafana_wordmark:before {
  content: "\E903";
}

.icon-gf-download:before {
  content: "\F019";
}

.form {
  margin: 0 auto;
}

@media (min-width: 40.625rem) {
  .form {
    max-width: 22.5rem;
  }
}

@media (min-width: 40.625rem) {
  .form--profile {
    max-width: 47.5rem;
  }
}

.form-section {
  margin-bottom: 1rem;
}

.form-section--med {
  margin-bottom: 2rem;
}

.form-section--big {
  margin-bottom: 3.5rem;
}

.form-group {
  margin-bottom: 0.9375rem;
  margin-right: 0.9375rem;
}

@media (min-width: 40.625rem) {
  .form-group {
    max-width: 22.5rem;
    margin-right: 0.625rem;
  }
}

.form-group--tiny {
  margin-bottom: 0.5rem;
}

.form-group-inline {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: start;
      align-content: flex-start;
}

.form-group-inline .gf-form-flex {
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
}

.form-group-inline--centered {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.form-group-inline--start {
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
}

.form__label {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #555;
  display: block;
}

.form__label--big {
  margin-bottom: 0.625rem;
}

.form__input {
  display: inline-block;
  width: 100%;
  margin-bottom: 0.125rem;
  border: 1px solid #555;
  border-radius: 0.25rem;
  background: #555 0.625rem 50% no-repeat;
  line-height: 1.5rem;
  vertical-align: top;
  padding: 0.625rem;
  color: #fefefe;
}

.form__input.input-size-auto {
  width: auto;
}

.form__input--display-only {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  line-height: 1.5rem;
  font-size: 1rem;
}

.form__input--tight {
  line-height: normal;
  padding: 0.5rem;
  border-radius: 0.125rem;
}

.form__input--tiny {
  line-height: 0.875rem;
  padding: 0.25rem;
  border-radius: 0.125rem;
  font-size: 0.875rem;
}

.form__input--file-input-wrapper input[type=file] {
  cursor: pointer;
}

.form__input--logo {
  width: 8.125rem;
  height: 6.25rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwIiBoZWlnaHQ9Ijc4LjQiIHZpZXdCb3g9IjAgMCAxMDAgNzguNCI+PHN0eWxlPi5zdDB7ZmlsbDpub25lfS5zdDF7ZmlsbDojODk4OTg5fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE4LjggMTYuNmM0IDAgNy4yIDMuMiA3LjIgNy4yUzIyLjggMzEgMTguOCAzMXMtNy4yLTMuMi03LjItNy4yIDMuMy03LjIgNy4yLTcuMnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNODMuNSA2Ni42YzAgMi44LTIuMyA1LjEtNS4xIDUuMUgxMS44Yy0yLjggMC01LjEtMi4zLTUuMS01LjFWMTdjMC0yLjggMi4zLTUuMSA1LjEtNS4xSDY0Yy42LTIuNCAxLjYtNC43IDMtNi43SDExLjhDNS4zIDUuMiAwIDEwLjUgMCAxN3Y0OS42YzAgNi41IDUuMyAxMS44IDExLjggMTEuOGg2Ni43YzYuNSAwIDExLjgtNS4zIDExLjgtMTEuOFYzNS40Yy0yLjEuOC00LjMgMS4yLTYuNyAxLjJ2MzB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI2LjcgNDEuN0wxMC42IDU0Ljl2OS4yYzAgMS44IDEuNSAzLjMgMy40IDMuM2g2MS44YzEuOSAwIDMuNC0xLjUgMy40LTMuM1YzNi4yYy01LTEuMS05LjMtNC0xMi4yLThMMzUuNiA1MGwtOC45LTguM3oiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSIxOC44IiBjeT0iMjMuNyIgcj0iNy4yIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTgzLjQgMGMtOS4yIDAtMTYuNiA3LjUtMTYuNiAxNi42IDAgOS4yIDcuNSAxNi42IDE2LjYgMTYuNlMxMDAgMjUuOCAxMDAgMTYuNkMxMDAgNy41IDkyLjUgMCA4My40IDB6bTkuNyAxNy41YzAgLjQtLjMuOC0uOC44SDg1djcuM2MwIC40LS4zLjgtLjguOGgtMS43Yy0uNCAwLS44LS4zLS44LS44di03LjNoLTcuM2MtLjQgMC0uOC0uMy0uOC0uOHYtMS43YzAtLjQuMy0uOC44LS44aDcuM1Y3LjdjMC0uNC4zLS44LjgtLjhoMS43Yy40IDAgLjguMy44LjhWMTVoNy4zYy40IDAgLjguMy44Ljh2MS43eiIvPjwvc3ZnPg==);
  background-position: center center;
  border: 1px solid #555;
  color: transparent;
  margin-top: 5px;
}

.form__input--logo-edit {
  width: 1.5625rem;
  height: 1.5625rem;
  background-color: transparent;
  border: 0;
  cursor: pointer;
}

.form__input--screenshot {
  width: 8.125rem;
  height: 6.25rem;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTAwIiBoZWlnaHQ9Ijc4LjQiIHZpZXdCb3g9IjAgMCAxMDAgNzguNCI+PHN0eWxlPi5zdDB7ZmlsbDpub25lfS5zdDF7ZmlsbDojODk4OTg5fTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE4LjggMTYuNmM0IDAgNy4yIDMuMiA3LjIgNy4yUzIyLjggMzEgMTguOCAzMXMtNy4yLTMuMi03LjItNy4yIDMuMy03LjIgNy4yLTcuMnoiLz48cGF0aCBjbGFzcz0ic3QxIiBkPSJNODMuNSA2Ni42YzAgMi44LTIuMyA1LjEtNS4xIDUuMUgxMS44Yy0yLjggMC01LjEtMi4zLTUuMS01LjFWMTdjMC0yLjggMi4zLTUuMSA1LjEtNS4xSDY0Yy42LTIuNCAxLjYtNC43IDMtNi43SDExLjhDNS4zIDUuMiAwIDEwLjUgMCAxN3Y0OS42YzAgNi41IDUuMyAxMS44IDExLjggMTEuOGg2Ni43YzYuNSAwIDExLjgtNS4zIDExLjgtMTEuOFYzNS40Yy0yLjEuOC00LjMgMS4yLTYuNyAxLjJ2MzB6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTI2LjcgNDEuN0wxMC42IDU0Ljl2OS4yYzAgMS44IDEuNSAzLjMgMy40IDMuM2g2MS44YzEuOSAwIDMuNC0xLjUgMy40LTMuM1YzNi4yYy01LTEuMS05LjMtNC0xMi4yLThMMzUuNiA1MGwtOC45LTguM3oiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSIxOC44IiBjeT0iMjMuNyIgcj0iNy4yIi8+PHBhdGggY2xhc3M9InN0MSIgZD0iTTgzLjQgMGMtOS4yIDAtMTYuNiA3LjUtMTYuNiAxNi42IDAgOS4yIDcuNSAxNi42IDE2LjYgMTYuNlMxMDAgMjUuOCAxMDAgMTYuNkMxMDAgNy41IDkyLjUgMCA4My40IDB6bTkuNyAxNy41YzAgLjQtLjMuOC0uOC44SDg1djcuM2MwIC40LS4zLjgtLjguOGgtMS43Yy0uNCAwLS44LS4zLS44LS44di03LjNoLTcuM2MtLjQgMC0uOC0uMy0uOC0uOHYtMS43YzAtLjQuMy0uOC44LS44aDcuM1Y3LjdjMC0uNC4zLS44LjgtLjhoMS43Yy40IDAgLjguMy44LjhWMTVoNy4zYy40IDAgLjguMy44Ljh2MS43eiIvPjwvc3ZnPg==);
  background-position: center center;
  border: 1px solid #555;
  color: transparent;
}

.form__input--max-60 {
  max-width: 60rem;
}

.form__input--full-width-textarea {
  margin-right: 0;
  max-width: none;
}

.form__input--tight-textarea textarea {
  line-height: 1.3;
}

.form__input--narrow {
  width: 8rem;
}

.form__input--hidden {
  display: none;
}

.form__input:focus,
.form__input--focused {
  -webkit-box-shadow: 0 0 5px #898989;
          box-shadow: 0 0 5px #898989;
  border: 1px solid #898989;
  outline-style: none;
  outline-color: transparent;
}

.form__input--tight.form__input--focused {
  -webkit-box-shadow: 0 0 5px #a2a2a2;
          box-shadow: 0 0 5px #a2a2a2;
}

.form__input--valid, .form__input--valid:focus {
  -webkit-box-shadow: 0 0 10px #3adb76;
          box-shadow: 0 0 10px #3adb76;
  border: 1px solid #3adb76;
  outline-style: none;
  outline-color: transparent;
}

.form__input--invalid, .form__input--invalid:focus {
  -webkit-box-shadow: 0 0 10px #ea2531;
          box-shadow: 0 0 10px #ea2531;
  border: 1px solid #ea2531;
  outline-style: none;
  outline-color: transparent;
}

.form__input-error, .form__input-warning, .form__input-success {
  font-size: 0.875rem;
  margin-bottom: 0.3125rem;
  text-align: left;
}

.form__input-message-error, .form__input-message-warning, .form__input-message-success {
  font-size: 0.875rem;
  margin-bottom: 0.3125rem;
}

.form__input-error, .form__input-message-error {
  color: #ea2531;
}

.form__input-success, .form__input-message-success {
  color: #3adb76;
}

.form__input-warning, .form__input-message-warning {
  color: #e94d00;
}

.form__input-subtext {
  font-size: 0.8125rem;
  text-align: left;
}

.form__input--lowercase {
  text-transform: lowercase;
}

.form__btn {
  width: 100%;
  font-weight: 700;
  margin-top: 0.9375rem;
}

@media (min-width: 40.625rem) {
  .form__btn {
    width: auto;
  }
}

.form-inline-title {
  font-size: 1rem;
  font-weight: 600;
  margin-bottom: 2px;
  color: #fefefe;
}

.form-inline-title__sub-copy {
  font-size: 0.9375rem;
  color: #fefefe;
  margin-bottom: 0.9375rem;
  display: block;
}

.nice-form label {
  display: block;
  cursor: pointer;
}

.nice-form label .radio-overlay, .nice-form label .checkbox-overlay {
  display: inline-block;
  margin: 5px 5px 0 0;
  width: 20px;
  height: 20px;
  border-radius: 12px;
  cursor: pointer;
  vertical-align: text-bottom;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.3), 1px 1px 0px 0px rgba(255, 255, 255, 0.065);
          box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.3), 1px 1px 0px 0px rgba(255, 255, 255, 0.065);
  background: #1f1f1f;
  outline: none;
}

.nice-form label .radio-multi-line-label {
  display: inline-block;
  vertical-align: top;
  margin: 0.1875rem 0 0 0.3125rem;
}

.nice-form label .radio-multi-line__label {
  color: #fefefe;
  display: block;
  font-weight: 700;
}

.nice-form label .inline-radio {
  margin-right: 1.25rem;
  display: inline-block;
}

.nice-form label .radio-multi-line__subcopy {
  display: block;
  font-size: 0.875rem;
}

.nice-form label .checkbox-overlay--black-bg {
  background: #0a0a0a;
}

.nice-form label .checkbox-overlay {
  border-radius: 0;
}

.nice-form label input {
  display: none;
}

.nice-form label input[type="radio"]:checked + span:before {
  width: 100%;
  height: 100%;
  margin: 0;
  display: block;
  content: "";
  background-position: 0 0;
  background-image: radial-gradient(#f7941d 0%, #f7941d 15%, rgba(247, 148, 29, 0.3) 28%, rgba(247, 148, 29, 0) 70%);
  background-repeat: no-repeat;
}

.nice-form label input[type="checkbox"]:checked + span:before {
  width: 100%;
  height: 100%;
  margin: 0;
  display: block;
  content: "";
  background-position: 0 0;
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4KPCEtLSBHZW5lcmF0b3I6IEFkb2JlIElsbHVzdHJhdG9yIDIwLjEuMCwgU1ZHIEV4cG9ydCBQbHVnLUluIC4gU1ZHIFZlcnNpb246IDYuMDAgQnVpbGQgMCkgIC0tPgo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4IgoJIHdpZHRoPSIyMHB4IiBoZWlnaHQ9IjIwcHgiIHZpZXdCb3g9IjAgMCAyMCAyMCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMjAgMjA7IiB4bWw6c3BhY2U9InByZXNlcnZlIj4KPHN0eWxlIHR5cGU9InRleHQvY3NzIj4KCS5zdDB7ZmlsbDojRjc5NDFEO30KCS5zdDF7b3BhY2l0eTowLjY7ZmlsdGVyOnVybCgjYSk7ZW5hYmxlLWJhY2tncm91bmQ6bmV3ICAgIDt9Cjwvc3R5bGU+CjxmaWx0ZXIgIGlkPSJhIj4KCTxmZUdhdXNzaWFuQmx1ciAgc3RkRGV2aWF0aW9uPSI0Ij48L2ZlR2F1c3NpYW5CbHVyPgo8L2ZpbHRlcj4KPHBhdGggY2xhc3M9InN0MCIgZD0iTTE0LjIsNC42bC02LjEsNi4xTDUuOCw4LjNjLTAuMi0wLjItMC40LTAuMi0wLjYsMGwtMS45LDEuOWMtMC4yLDAuMi0wLjIsMC40LDAsMC42bDQuNiw0LjYKCWMwLjIsMC4yLDAuNCwwLjIsMC42LDBsOC4zLTguM2MwLjItMC4yLDAuMi0wLjQsMC0wLjZsLTEuOS0xLjlDMTQuNyw0LjUsMTQuNCw0LjUsMTQuMiw0LjZMMTQuMiw0LjZ6Ii8+CjxnIGNsYXNzPSJzdDEiPgoJPHBhdGggY2xhc3M9InN0MCIgZD0iTTE1LjUsMS4zbC04LDkuOUw0LjQsNy4zQzQuMSw3LDMuOCw3LDMuNiw3LjNsLTIuNSwzLjFjLTAuMiwwLjMtMC4yLDAuNiwwLDAuOWw2LDcuNGMwLjIsMC4zLDAuNSwwLjMsMC43LDAKCQlMMTguNyw1LjNjMC4yLTAuMywwLjItMC42LDAtMC45bC0yLjUtMy4xQzE2LDEsMTUuNywxLDE1LjUsMS4zeiIvPgo8L2c+Cjwvc3ZnPgo=);
  background-repeat: no-repeat;
}

.nice-form .nice-form--card-container {
  margin-bottom: 0.9375rem;
}

.nice-form .nice-form--text-input__group {
  margin-top: 0.9375rem;
}

.nice-form .nice-form--text-input {
  display: block;
}

.icon-form__input--height-match {
  padding: 0.75rem;
}

.email-form__input {
  background: #555 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDI1IDE4Ij48dGl0bGU+aWNvbl9lbWFpbDwvdGl0bGU+PHBhdGggZD0iTTI0IDBIMWExIDEgMCAwIDAtMSAxdjE2YTEgMSAwIDAgMCAxIDFoMjNhMSAxIDAgMCAwIDEtMVYxYTEgMSAwIDAgMC0xLTF6bTAgMXYxNS4xNzZsLTguMjUtOC4yNUwyMy4zOCAxSDI0em0tMTEuNSA5Ljg3M0wxNS4wMDcgOC42bDguNCA4LjRIMS4zbDguNTQtOC41Mzh6TTIxLjg5MyAxTDEyLjUgOS41MjMgMy4wOTQgMWgxOC44ek0xLjYgMWw3LjUgNi43OUwxIDE1Ljg4OFYxaC42eiIgZmlsbD0iI2EzYTNhMyIvPjwvc3ZnPg==) 0.625rem 50% no-repeat;
  padding: 0.75rem 0.75rem 0.75rem 3rem;
}

.email-form__input--grafanacon-announcement {
  background: #2c2c2c url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDI1IDE4Ij48dGl0bGU+aWNvbl9lbWFpbDwvdGl0bGU+PHBhdGggZD0iTTI0IDBIMWExIDEgMCAwIDAtMSAxdjE2YTEgMSAwIDAgMCAxIDFoMjNhMSAxIDAgMCAwIDEtMVYxYTEgMSAwIDAgMC0xLTF6bTAgMXYxNS4xNzZsLTguMjUtOC4yNUwyMy4zOCAxSDI0em0tMTEuNSA5Ljg3M0wxNS4wMDcgOC42bDguNCA4LjRIMS4zbDguNTQtOC41Mzh6TTIxLjg5MyAxTDEyLjUgOS41MjMgMy4wOTQgMWgxOC44ek0xLjYgMWw3LjUgNi43OUwxIDE1Ljg4OFYxaC42eiIgZmlsbD0iI2EzYTNhMyIvPjwvc3ZnPg==) 0.625rem 50% no-repeat;
  padding: 0.75rem 0.75rem 0.75rem 3rem;
}

.email-form__input--tight {
  background: #555 url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIxOCIgdmlld0JveD0iMCAwIDI1IDE4Ij48dGl0bGU+aWNvbl9lbWFpbDwvdGl0bGU+PHBhdGggZD0iTTI0IDBIMWExIDEgMCAwIDAtMSAxdjE2YTEgMSAwIDAgMCAxIDFoMjNhMSAxIDAgMCAwIDEtMVYxYTEgMSAwIDAgMC0xLTF6bTAgMXYxNS4xNzZsLTguMjUtOC4yNUwyMy4zOCAxSDI0em0tMTEuNSA5Ljg3M0wxNS4wMDcgOC42bDguNCA4LjRIMS4zbDguNTQtOC41Mzh6TTIxLjg5MyAxTDEyLjUgOS41MjMgMy4wOTQgMWgxOC44ek0xLjYgMWw3LjUgNi43OUwxIDE1Ljg4OFYxaC42eiIgZmlsbD0iI2EzYTNhMyIvPjwvc3ZnPg==) 0.625rem 50% no-repeat;
  padding: 0.5rem 0.5rem 0.5rem 3rem;
}

.search-form__input--tight {
  background: #555 url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMTQiIGhlaWdodD0iMTQiIHZpZXdCb3g9IjAgMCAxNCAxNCI+PHN0eWxlPi5zdDB7ZmlsbDpub25lfTwvc3R5bGU+PHBhdGggY2xhc3M9InN0MCIgZD0iTTguNSAyLjFDNy42IDEuMiA2LjUuOCA1LjMuOHMtMi40LjQtMy4yIDEuM0MuMyAzLjkuMyA2LjcgMi4xIDguNWMuOS45IDIgMS4zIDMuMiAxLjNzMi4zLS41IDMuMi0xLjNjMS43LTEuOCAxLjctNC43IDAtNi40eiIgZmlsbD0iI2EzYTNhMyIvPjxwYXRoIGQ9Ik0xMy43IDEyLjNMMTAgOC42Yy0uMS0uMS0uMy0uMi0uNS0uMyAxLjUtMiAxLjMtNC45LS41LTYuOEM4IC41IDYuNiAwIDUuMyAwUzIuNi41IDEuNSAxLjVjLTIuMSAyLjEtMi4xIDUuNCAwIDcuNCAxIDEgMi40IDEuNSAzLjcgMS41IDEuMSAwIDIuMi0uMyAzLjEtMSAwIC4yLjEuNC4zLjVsMy43IDMuN2MuMi4yLjUuMy43LjNzLjUtLjEuNy0uM2MuNC0uMy40LS45IDAtMS4zek0yLjEgOC41Qy4zIDYuNy4zIDMuOSAyLjEgMi4xIDMgMS4yIDQuMS44IDUuMy44czIuMy41IDMuMiAxLjNjMS44IDEuOCAxLjggNC42IDAgNi40LS45LjktMiAxLjMtMy4yIDEuM3MtMi40LS41LTMuMi0xLjN6IiBmaWxsPSIjYTNhM2EzIi8+PC9zdmc+) 0.5rem 49% no-repeat;
  padding: 0.5rem 0.5rem 0.5rem 2rem;
  font-size: 0.875rem;
}

.metric-form__input {
  background: #555 url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNC4zcHgiIHZpZXdCb3g9Ii0xODcgNzMuNyAyNSAyNC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xODcgNzMuNyAyNSAyNC4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCgk+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRTJFMkUyO30NCjwvc3R5bGU+DQo8Zz4NCgk8dGl0bGU+aWNvbl9kYXRhLXNvdXJjZTwvdGl0bGU+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTc0LjUsOTQuM2MtNS41LDAtMTAuMi0xLjYtMTIuMy00Yy0wLjEsMC4zLTAuMiwwLjYtMC4yLDFjMCwzLjIsNS43LDYsMTIuNSw2czEyLjUtMi43LDEyLjUtNg0KCQkJYzAtMC4zLTAuMS0wLjctMC4yLTFDLTE2NC40LDkyLjctMTY5LDk0LjMtMTc0LjUsOTQuM3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0xNzQuNSw4OC45Yy01LjUsMC0xMC4yLTEuNi0xMi4zLTRjLTAuMSwwLjMtMC4yLDAuNi0wLjIsMWMwLDMuMiw1LjcsNiwxMi41LDZzMTIuNS0yLjcsMTIuNS02DQoJCQljMC0wLjMtMC4xLTAuNy0wLjItMUMtMTY0LjQsODcuMy0xNjksODguOS0xNzQuNSw4OC45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTE4Nyw4MC40YzAsMy4yLDUuNyw2LDEyLjUsNnMxMi41LTIuNywxMi41LTZzLTUuNy02LTEyLjUtNlMtMTg3LDc3LjEtMTg3LDgwLjR6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=) 0.625rem 50% no-repeat;
  padding: 0.68rem 0.75rem 0.68rem 3rem;
}

.form__input-messages {
  min-height: 2rem;
  margin-top: 0.6rem;
}

.gnet-card-wrapper {
  margin: 1.25rem 0;
}

.gnet-card-wrapper .jp-card-front, .gnet-card-wrapper .jp-card-back {
  background: #1f1f1f;
}

.gnet-card-wrapper .jp-card-container {
  margin: 0;
}

.credit-card-logo-container {
  position: relative;
  background: #0a0a0a;
  height: 36px;
  width: 60px;
  font: "Helvetica Neue";
  overflow: hidden;
}

.credit-card-logo-container .jp-card-logo {
  -webkit-box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
          box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.3);
}

.form__input-URL--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.form__input-URL--container > :not(:last-child) {
  margin-right: 0.3125rem;
}

.form__submit--success {
  color: #3adb76;
}

.form__submit--airplane {
  font-size: 3rem;
  display: block;
  margin-bottom: 2rem;
}

.service-summary {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  padding: 1rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  border-radius: 4px;
}

@media (min-width: 62rem) {
  .service-summary {
    margin: 0 1rem;
  }
}

.service-summary--small {
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin: 0;
}

.service-summary--small-interior {
  margin-left: 1rem;
}

.service-summary__img {
  margin-bottom: 0.5rem;
}

.service-summary--title {
  text-align: left;
  color: #fefefe;
  font-weight: bold;
  font-size: 1.125rem;
  margin-bottom: 1rem;
}

.service-summary__list {
  color: #fefefe;
  font-size: 0.875rem;
  padding-left: 0;
}

.service-summary__list--small {
  margin-bottom: 2rem;
}

.service-summary__list-item {
  list-style: none;
  margin: 0 auto 0.625rem 1.875rem;
  position: relative;
}

.service-summary__list-item a {
  color: #fefefe;
}

.service-summary__list-item a:hover {
  color: #f46800;
}

.service-summary__list-item--check::before {
  font-family: 'grafana-icons';
  content: "\E603";
  color: #3adb76;
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

.service-summary__list-item--users::before {
  font-family: 'grafana-icons';
  content: "\E622";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -6px;
  left: 3px;
}

.service-summary__list-item--dashboards::before {
  font-family: 'grafana-icons';
  content: "\E606";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

.service-summary__list-item--rebuilds::before {
  font-family: 'grafana-icons';
  content: "\E626";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 2px;
}

.service-summary__list-item--phone::before {
  font-family: 'FontAwesome';
  content: "\F095";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 4px;
}

.service-summary__list-item--community::before {
  font-family: 'FontAwesome';
  content: "\F1CD";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 4px;
}

.service-summary__list-item--support::before {
  content: ' ';
  background-image: url(/img/icon_support.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.service-summary__list-item--support-grey::before {
  content: ' ';
  background-image: url(/img/icon_support-grey.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.service-summary__list-item--premium::before {
  content: ' ';
  background-image: url(/img/icon_diamond.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -1px;
  left: 3px;
}

.service-summary__list-item--premium-grey, .service-summary__list-item--support-grey {
  color: #898989;
}

.service-summary__list-item--premium-grey::before {
  content: ' ';
  background-image: url(/img/icon_diamond-grey.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -1px;
  left: 3px;
}

.service-summary__list-item--alerts::before {
  font-family: 'grafana-icons';
  content: "\E611";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

.service-summary__list-item--email::before {
  font-family: 'grafana-icons';
  content: "\E628";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -3px;
  left: 3px;
}

.service-summary__list-item--grafana::before {
  font-family: 'grafana-icons';
  content: "\E625";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -5px;
  left: 3px;
}

.service-summary__list-item--x::before {
  font-family: 'grafana-icons';
  content: "\E61A";
  font-size: 140%;
  color: #d6041b;
  margin-left: -2.125rem;
  position: absolute;
  top: -5px;
  left: 3px;
}

.service-summary__list-item--slack::before {
  content: ' ';
  background-image: url(/img/Slack_Mark_Monochrome_White.svg);
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  margin-left: -2.125rem;
  position: absolute;
  top: 0px;
  left: 3px;
}

.service-summary__list-item--ssl::before {
  font-family: 'FontAwesome';
  content: "\F023";
  font-size: 150%;
  margin-left: -2.125rem;
  position: absolute;
  top: -6px;
  left: 5px;
}

.service-summary__list-item--auth::before {
  font-family: 'FontAwesome';
  content: "\F090";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 4px;
}

.service-summary__list-item--domain::before {
  font-family: 'FontAwesome';
  content: "\F1FA";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 4px;
}

.service-summary__list-item--prometheus::before {
  content: ' ';
  background-image: url(/img/icon_hosted_metrics--square.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.service-summary__fine-print {
  list-style: none;
  margin: 0 1.875rem 0.625rem 1.875rem;
  text-align: center;
  font-style: italic;
  position: relative;
}

.service-summary__fine-print a {
  color: #fefefe;
}

.service-summary__fine-print a:hover {
  color: #f46800;
}

.service-summary__also-includes {
  font-size: 0.875rem;
  text-align: center;
  margin: 0 2rem 1rem;
}

.service-summary__price {
  text-align: center;
  font-size: 2.25rem;
  color: #fefefe;
  font-style: italic;
  font-weight: 700;
  padding: 0 0 1rem 0;
}

.service-summary__price p {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

.service-summary__price > .strike {
  font-weight: 400;
  color: #555;
  position: relative;
  display: inline-block;
}

.service-summary__price > .strike::before, .service-summary__price .strike::after {
  content: '';
  border-bottom: 2px solid #555;
  width: 100%;
  position: absolute;
  right: 0;
  top: 45%;
}

.service-summary__price > .strike::before {
  -webkit-transform: skewY(15deg);
          transform: skewY(15deg);
}

.service-summary__price > .strike::after {
  -webkit-transform: skewY(-15deg);
          transform: skewY(-15deg);
}

.service-summary__price small {
  font-size: 50%;
  font-weight: normal;
}

.service-summary__price small.currency {
  vertical-align: super;
}

.service-summary__price small.currency--strike {
  vertical-align: super;
  color: #555;
  font-weight: 300;
}

.service-summary--section-header {
  font-size: 0.8125rem;
  font-weight: 600;
  color: #898989;
  display: block;
  text-transform: uppercase;
}

.service-summary__price__period {
  font-size: 1.3125rem;
  display: inline-block;
}

.service-summary--notes {
  color: #a2a2a2;
  font-size: 0.6875rem;
  display: block;
  margin-bottom: 0.625rem;
}

.service-summary--notes-gcloud {
  color: #a2a2a2;
  font-size: 0.875rem;
  display: block;
  margin-bottom: 0.625rem;
  margin-top: 2rem;
}

.plan-select {
  margin: 0.625rem;
  font-size: 1.3125rem;
}

.plan-select--inline-form {
  margin-left: 0;
  margin-bottom: 2rem;
  margin-top: 0.3125rem;
}

.plan-select--form.Select-placeholder, .plan-select--form.Select--single > .Select-control .Select-value {
  line-height: 34px;
}

.plan-select--form.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.plan-select--form.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #eaeaea;
}

.plan-select--form .Select-control, .plan-select--form .Select-menu-outer {
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  border: none;
  color: #eaeaea;
  height: 25px;
  cursor: pointer;
}

.plan-select--form .Select-option {
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  border: none;
  color: #eaeaea;
}

.plan-select--form .Select-option.is-focused {
  background: #161616;
}

.plan-select--form .Select-option.is-selected {
  background: #1f1f1f;
}

.plan-select--form .Select-option.is-selected::after {
  font-family: FontAwesome;
  color: #fefefe;
  font-size: 0.75rem;
  display: inline-block;
  float: right;
  line-height: 35px;
  content: "\F00C";
}

.plan-select--form .Select-arrow {
  border-width: 5px 5px 5px 4px;
}

.plan-select--form.is-open > .Select-control .Select-arrow {
  top: -5px;
}

.list {
  padding: 0;
  margin: 0;
}

.list__header {
  margin-right: 0.625rem;
  padding-right: 0.625rem;
}

.list__footer-note {
  display: block;
  margin: 2rem auto 1rem auto;
  text-align: center;
  font-size: 90%;
}

.list__footer-note strong {
  color: #fefefe;
}

.list__footer-note i {
  margin-right: 0.5rem;
}

.list__row, .list__row--no-hover {
  list-style: none;
  background: linear-gradient(135deg, #2f2f2f 0%, #2c2c2c 100%);
  margin-bottom: 0.1875rem;
  padding: 0.8125rem 1.25rem;
}

.list__row:hover, .list__row--no-hover:hover {
  background: linear-gradient(135deg, #2c2c2c 0%, #2a2a2a 100%);
}

.list__row:active, .list__row--no-hover:active {
  background: linear-gradient(135deg, #2a2a2a 0%, #272727 100%);
}

.list__row--no-hover:hover, .list__row--no-hover:active {
  background: linear-gradient(135deg, #2f2f2f 0%, #2c2c2c 100%);
}

.list__item {
  -webkit-box-flex: 3;
      -ms-flex: 3 9rem;
          flex: 3 9rem;
  text-align: left;
  -ms-flex-item-align: center;
      align-self: center;
}

.list__item--narrow {
  text-align: left;
  -ms-flex-item-align: center;
      align-self: center;
  margin-right: 1.25rem;
}

.list__item--narrow:last-child {
  margin-right: 0;
}

.list__itemImage {
  margin-right: 0.625rem;
  -webkit-box-flex: 0;
      -ms-flex: 0 0 4rem;
          flex: 0 0 4rem;
}

.list__itemName {
  color: #fefefe;
  font-weight: bold;
  font-size: 1.125rem;
  margin: 0 .5rem 0 0;
}

.list__itemInlineBadge {
  display: inline-block;
  position: relative;
  top: 0.375rem;
}

.list__itemDesc {
  color: #898989;
  font-size: 0.875rem;
  line-height: 1.125rem;
}

.list__itemFooter > div {
  display: inline-block;
  padding-right: 1.25rem;
}

.list__itemDate {
  margin-left: 0.3125rem;
}

.list__itemContent, .list__item--empty {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  text-decoration: none;
  color: #fefefe;
}

.list__item--empty {
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.list__item--empty p {
  color: #898989;
}

.list__table {
  display: table;
}

.list__table li {
  display: table-row;
}

.list__table li span {
  display: table-cell;
  padding: 0.3125rem;
}

.media {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.media__figure {
  margin-right: 1em;
}

.media__body {
  -webkit-box-flex: 1;
      -ms-flex: 1;
          flex: 1;
}

img.img-full {
  width: 100%;
  height: auto;
  margin: 0 auto;
  border-radius: 3px;
  -webkit-filter: drop-shadow(0 -5px 5px #0a0a0a);
  filter: drop-shadow(0 -5px 5px #0a0a0a);
}

img.two-column-hero__img-jetpacktocat {
  width: auto;
  max-height: 350px;
}

img.two-column-hero__img-support {
  width: auto;
  max-height: 200px;
}

img.two-column-hero__img-enterprise {
  width: auto;
  max-height: 290px;
}

img.two-column-hero__img-training {
  width: auto;
  max-height: 215px;
}

@media (min-width: 62rem) {
  .asteroid-field {
    width: 18.75rem;
  }
}

.asteroid {
  position: relative;
  height: 370px;
  background: url(/dist/e6b5074db815f2f94d812988b5caa42c.svg) no-repeat;
  background-size: 425px 492px;
}

@media (min-width: 62rem) {
  .asteroid {
    width: 407px;
  }
}

.asteroid-name {
  display: block;
  position: absolute;
  top: 223px;
  left: 25px;
  width: 328px;
  color: #898989;
  font-weight: 900;
  font-size: 27px;
  text-transform: uppercase;
  text-align: center;
  -webkit-transform: skew(6deg, -8.5deg);
          transform: skew(6deg, -8.5deg);
  text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.2);
}

.asteroid-reserved {
  display: block;
  position: absolute;
  top: 206px;
  left: 152px;
  color: #898989;
  font-size: 0.75rem;
  font-weight: 900;
  text-transform: uppercase;
  text-align: center;
  -webkit-transform: skew(6deg, -8.5deg);
          transform: skew(6deg, -8.5deg);
  text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.2);
}

.asteroid-name-long {
  top: 229px;
  font-size: 16px;
}

.asteroid-name-medium {
  font-size: 20px;
}

.modal__hosted-metrics {
  margin: 0 auto;
  width: 350px;
}

.modal__hosted-metrics > img {
  display: block;
  width: 100%;
  height: auto;
}

.upgraded-container {
  position: relative;
  width: 150px;
  height: 150px;
  margin: 0 auto;
}

.launch-container {
  position: relative;
  width: 250px;
  height: 288px;
  margin: 0 auto;
}

.launch-title {
  font-size: 1.3125rem;
  font-style: italic;
  font-weight: 400;
  color: #f46800;
  text-align: center;
  margin: 1.25rem 0;
}

.launch-copy {
  display: block;
  text-align: center;
  margin-bottom: 0.3125rem;
}

.launch-copy--last {
  margin-bottom: 1.25rem;
}

.launch-button {
  margin-top: 1.25rem;
}

.starship-rocket {
  display: none;
}

@media (min-width: 62rem) {
  .starship-rocket {
    display: block;
    position: absolute;
    left: 66px;
  }
}

.starship-shadow {
  display: none;
}

@media (min-width: 62rem) {
  .starship-shadow {
    display: block;
    position: absolute;
    top: 202px;
    left: 100px;
  }
}

.starship-launchpad {
  display: none;
}

@media (min-width: 62rem) {
  .starship-launchpad {
    display: block;
    position: absolute;
    top: 180px;
  }
}

.starship-rocket.rumble {
  -webkit-animation: starship-rumble 1.5s ease-in infinite;
          animation: starship-rumble 1.5s ease-in infinite;
}

@-webkit-keyframes starship-rumble {
  0% {
    top: 0px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  20% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  30% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  40% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  50% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  60% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  70% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  80% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  90% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

@keyframes starship-rumble {
  0% {
    top: 0px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  20% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  30% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  40% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  50% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  60% {
    -webkit-transform: rotate(-2deg);
            transform: rotate(-2deg);
  }
  70% {
    -webkit-transform: rotate(2deg);
            transform: rotate(2deg);
  }
  80% {
    -webkit-transform: rotate(-1deg);
            transform: rotate(-1deg);
  }
  90% {
    -webkit-transform: rotate(1deg);
            transform: rotate(1deg);
  }
  100% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
}

.starship-rocket.active {
  -webkit-animation: starship-takeoff 1s ease-in forwards;
          animation: starship-takeoff 1s ease-in forwards;
}

.starship-shadow.active {
  -webkit-animation: shadow-takeoff 1s ease-in forwards;
          animation: shadow-takeoff 1s ease-in forwards;
}

@-webkit-keyframes starship-takeoff {
  0% {
    top: 0px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
  14% {
    -webkit-transform: rotate(-6deg);
            transform: rotate(-6deg);
  }
  21% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  25% {
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }
  29% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  32% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  36% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    top: -50px;
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: -2000px;
  }
}

@keyframes starship-takeoff {
  0% {
    top: 0px;
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  10% {
    -webkit-transform: rotate(7deg);
            transform: rotate(7deg);
  }
  14% {
    -webkit-transform: rotate(-6deg);
            transform: rotate(-6deg);
  }
  21% {
    -webkit-transform: rotate(10deg);
            transform: rotate(10deg);
  }
  25% {
    -webkit-transform: rotate(-9deg);
            transform: rotate(-9deg);
  }
  29% {
    -webkit-transform: rotate(8deg);
            transform: rotate(8deg);
  }
  32% {
    -webkit-transform: rotate(5deg);
            transform: rotate(5deg);
  }
  36% {
    -webkit-transform: rotate(15deg);
            transform: rotate(15deg);
  }
  40% {
    -webkit-transform: rotate(0deg);
            transform: rotate(0deg);
  }
  50% {
    top: -50px;
    opacity: 1;
  }
  100% {
    opacity: 0;
    top: -2000px;
  }
}

@-webkit-keyframes shadow-takeoff {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  14% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  21% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  25% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  29% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  32% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  36% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  40% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
    left: 126px;
  }
  70% {
    left: 200px;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
  100% {
    left: 250px;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}

@keyframes shadow-takeoff {
  0% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  10% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  14% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  21% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  25% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  29% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  32% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  36% {
    -webkit-transform: scale(1.05);
            transform: scale(1.05);
  }
  40% {
    -webkit-transform: scale(0.95);
            transform: scale(0.95);
  }
  50% {
    -webkit-transform: scale(1);
            transform: scale(1);
  }
  60% {
    -webkit-transform: scale(1.2);
            transform: scale(1.2);
    opacity: 1;
    left: 126px;
  }
  70% {
    left: 200px;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
  100% {
    left: 250px;
    -webkit-transform: scale(1.5);
            transform: scale(1.5);
    opacity: 0;
  }
}

.rc-tooltip-inner {
  text-align: center;
}

.screenshot--mission {
  overflow: hidden;
  cursor: pointer;
  position: relative;
}

.screenshot--mission > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  transition: -webkit-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  -webkit-transform: scale3d(1, 1, 1);
  transform: scale3d(1, 1, 1);
  height: 100%;
  width: 100%;
}

.screenshot--mission:hover > img {
  -webkit-transform: scale3d(1.05, 1.05, 1.05);
  transform: scale3d(1.05, 1.05, 1.05);
}

.screenshot--mission:hover .screenshot__zoom img {
  opacity: 1;
}

.mission--overflow {
  overflow: hidden;
}

.mission__margin-bottom {
  margin-bottom: 3.125rem;
}

.org--overview-header {
  margin-top: 0;
}

.org-header__row {
  padding-bottom: 1rem;
}

.org-header__avatar {
  float: left;
  margin-right: 1rem;
}

.org-header__name {
  color: #fefefe;
  margin: 0.3rem 0 0 0;
  font-weight: 200;
}

.org-header__slug {
  font-style: italic;
  margin: 0;
  font-weight: 200;
}

.org-header__url {
  margin-top: 0.2rem;
  font-size: 0.875rem;
}

.org-header__url a {
  color: inherit;
}

.org-header__joined {
  margin-top: 0.2rem;
  font-size: 0.875rem;
}

.org-header__member-list {
  text-align: right;
  font-size: 0.875rem;
}

.org-header__member-list ul {
  display: block;
  padding: 0;
  margin: 0.5rem 0 0;
}

.org-header__member-list ul li {
  display: inline-block;
  margin: 0 0 0 0.1rem;
  padding: 0;
  width: 3rem;
  height: 3rem;
}

.org-header__member-list-title {
  font-style: italic;
}

.org-header__no-members {
  text-align: right;
  font-size: 0.875rem;
  font-style: italic;
}

.org-profile__view-more {
  text-align: center;
  font-size: 0.875rem;
  font-style: italic;
  color: #898989;
  display: block;
}

.org-profile__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin: 0 0 2.5rem 0;
}

.org-profile__header--image {
  max-width: 64px;
  max-height: 64px;
}

.org-profile__header-plugins {
  padding-left: 2.2rem;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi45NzgiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyMi45NzggMjUiPjx0aXRsZT5pY29uX2FwcHM8L3RpdGxlPjxwYXRoIGQ9Ik0yMS4yMjQgMTEuMjFhMS43NiAxLjc2IDAgMCAwLTEuNjgyIDEuMjU3SDE0Ljg5YTQuMjMgNC4yMyAwIDAgMC0uMy0xLjE0MmwzLjExNC0xLjhBMi4wNSAyLjA1IDAgMSAwIDE3LjEyIDguMWExLjk4NiAxLjk4NiAwIDAgMCAuMDguNTY1bC0zLjExOCAxLjhhNC4yNDMgNC4yNDMgMCAwIDAtLjgzNS0uODM1bC41ODYtMS4wMTVhMi4xNjUgMi4xNjUgMCAwIDAgLjU5My4wODYgMi4xMTYgMi4xMTYgMCAxIDAtMS40NS0uNThsLS41OCAxLjAxMmEzLjk1NSAzLjk1NSAwIDAgMC0xLjE0LS4zVjMuMDA4YTEuNTQ3IDEuNTQ3IDAgMSAwLTEgMHY1LjgxN2E0LjIzIDQuMjMgMCAwIDAtMS4xNDMuM2wtMi4wNi0zLjU2MkExLjY4NCAxLjY4NCAwIDAgMCA3LjUxIDQuNGExLjcxIDEuNzEgMCAxIDAtMS4zMiAxLjY2bDIuMDYgMy41N2E0LjMyMyA0LjMyMyAwIDAgMC0uODQzLjg0M2wtMy41NjYtMi4wNmExLjc2IDEuNzYgMCAwIDAgLjA0NS0uMzkgMS43IDEuNyAwIDEgMC0xLjcgMS43IDEuNjg2IDEuNjg2IDAgMCAwIDEuMTU1LS40NTNsMy41NyAyLjA2YTQuMDkgNC4wOSAwIDAgMC0uMyAxLjEzM0g1LjIwNmEyLjMwNSAyLjMwNSAwIDEgMCAwIDFoMS40MDdhNC4yMyA0LjIzIDAgMCAwIC4zIDEuMTQyTDMuMTAyIDE2LjhhMS44MjMgMS44MjMgMCAxIDAgLjU1IDEuMyAxLjc3NSAxLjc3NSAwIDAgMC0uMDYzLS40MzhsMy44MjItMi4yMDZhNC4yIDQuMiAwIDAgMCAuODQzLjg0bC0yLjk4IDUuMTkzYTEuNzI3IDEuNzI3IDAgMCAwLS40MTMtLjA1IDEuNzggMS43OCAwIDEgMCAxLjI3Ny41NGwyLjk4LTUuMTc4YTQuMDkgNC4wOSAwIDAgMCAxLjEzMy4zdjEuNDA4YTIuMDU1IDIuMDU1IDAgMSAwIC45OSAwVjE3LjFhNC4yMyA0LjIzIDAgMCAwIDEuMTQzLS4zbDIuNDYgNC4yNmExLjgyNCAxLjgyNCAwIDEgMCAxLjMwNi0uNTUyIDEuNzc4IDEuNzc4IDAgMCAwLS40NDYuMDU3bC0yLjQ2LTQuMjY1YTMuOTYgMy45NiAwIDAgMCAuODI2LS44MjdsLjQ0Ni4yNThhMi4zMjQgMi4zMjQgMCAwIDAtLjEyLjczOCAyLjQgMi40IDAgMSAwIC42Mi0xLjZsLS40NDMtLjI1NGE0LjE1NSA0LjE1NSAwIDAgMCAuMzEtMS4xNTRoNC42NmExLjc1MyAxLjc1MyAwIDEgMCAxLjY4LTIuMjV6bTAgMi43MWEuOTU4Ljk1OCAwIDEgMSAuOTU4LS45NTguOTYuOTYgMCAwIDEtLjk1OC45NnpNMTAuNzUgMTYuMTRhMy4xNzcgMy4xNzcgMCAxIDEgMy4xNzctMy4xNzggMy4xOCAzLjE4IDAgMCAxLTMuMTc3IDMuMTc3em03LjE2My04LjA0YTEuMjYgMS4yNiAwIDEgMSAxLjI2IDEuMjYgMS4yNiAxLjI2IDAgMCAxLTEuMjYtMS4yNnpNMTUuNzQgNi41OTRhMS4zMTQgMS4zMTQgMCAxIDEtMS4zMTUtMS4zMTQgMS4zMTUgMS4zMTUgMCAwIDEgMS4zMTQgMS4zMTR6TTkuOTk2IDEuNTQ4YS43NTMuNzUzIDAgMSAxIC43NTMuNzUzLjc1NC43NTQgMCAwIDEtLjc1My0uNzUyek00Ljg5NyA0LjRhLjkxLjkxIDAgMSAxIC45MS45MS45MS45MSAwIDAgMS0uOTEtLjkxek0yLjE5IDguOTM2YS45MS45MSAwIDEgMSAuOTA4LS45MS45MS45MSAwIDAgMS0uOTEuOTF6bS43NyA1LjUyNmExLjUwNiAxLjUwNiAwIDEgMSAxLjUwNS0xLjUwNiAxLjUwOCAxLjUwOCAwIDAgMS0xLjUwOCAxLjUwNnptLS4xIDMuNjQ2YTEuMDMyIDEuMDMyIDAgMSAxLTEuMDMzLTEuMDMyIDEuMDMzIDEuMDMzIDAgMCAxIDEuMDMyIDEuMDMyem0yLjk4NyA1LjExYS45ODYuOTg2IDAgMSAxLS45ODYtLjk4Ny45ODcuOTg3IDAgMCAxIC45ODcuOTg3em00LjktMS40NmExLjI2IDEuMjYgMCAxIDEgMS4yNi0xLjI2IDEuMjYgMS4yNiAwIDAgMS0xLjI1NyAxLjI2em02LjQ0Mi41N2ExLjAzMiAxLjAzMiAwIDEgMS0xLjAzMy0xLjAyOCAxLjAzMyAxLjAzMyAwIDAgMSAxLjAzMiAxLjAyOHptLS40LTcuNDU4YTEuNiAxLjYgMCAxIDEtMS42IDEuNiAxLjYgMS42IDAgMCAxIDEuNi0xLjZ6IiBmaWxsPSIjODk4OTg5Ii8+PC9zdmc+) no-repeat left 50%;
}

.org-profile__header-dashboards {
  padding-left: 2.2rem;
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNC42OTkiIHZpZXdCb3g9IjAgMCAyNSAyNC42OTkiPjx0aXRsZT5pY29uX2Rhc2hib2FyZDwvdGl0bGU+PHBhdGggZD0iTTMuMzYuMDA0TDAgMy4zNjRWNi4wOEw2LjA3NC4wMDNIMy4zNnptNi4yMTMgMGgtMi41NkwwIDcuMDE4djIuNTZjMCAuMDQ4IDAgLjEuMDA4LjE0Nkw5LjcxOC4wMTJDOS42Ny4wMDggOS42MjMuMDA0IDkuNTc0LjAwNHptLjkxNS4xOGwtMTAuMyAxMC4zYTIuNCAyLjQgMCAwIDAgMS4zODggMS4zMjZsMTAuMjQtMTAuMjRBMi40MjcgMi40MjcgMCAwIDAgMTAuNDg3LjE4NHptMS40NjUgOS40OTZsLTIuMjc4IDIuMjdhMi4zOCAyLjM4IDAgMCAwIDIuMjc4LTIuMjd6bS05LjU2OSAyLjI4SDUuMDhsNi44NzctNi44NzdWMi4zNjhsLTkuNTk0IDkuNTk0aC4wMnptMy42MzMgMGgyLjcxNWwzLjIyNS0zLjIyOHYtMi43MXpNMi4zODQuMDA0QTIuMzg3IDIuMzg3IDAgMCAwIDAgMi4zOXYuMDM1TDIuNDIuMDA1aC0uMDM2em0xMC42NTkgOS41NzNhMi4zNCAyLjM0IDAgMCAwIC40IDEuMzIzTDIzLjk0My40QTIuMzc3IDIuMzc3IDAgMCAwIDIyLjYyIDBoLS45OTJsLTguNTg1IDguNTl2Ljk4NnptMi4zODQgMi4zODNoLjYxMkwyNSAzdi0uNjFhMi4zODIgMi4zODIgMCAwIDAtLjU2NC0xLjU0TDEzLjg4OCAxMS4zOTRhMi4zNzcgMi4zNzcgMCAwIDAgMS41NC41Njh6bTAtMTEuOTU2YTIuMzg3IDIuMzg3IDAgMCAwLTIuMzg0IDIuMzg1djEuNjA3TDE3LjAzNi4wMDRoLTEuNjF6TTEzLjA0MyA3LjY1TDIwLjY5LjAwMmgtMi43MTZsLTQuOTMgNC45MzNWNy42NXptOS41NzMgNC4zMWEyLjQyIDIuNDIgMCAwIDAgLjkxLS4xOGwxLjI5LTEuMjlBMi4zMzIgMi4zMzIgMCAwIDAgMjUgOS41ODNWNy41OThsLTQuMzY4IDQuMzY4aDEuOTg4em0tMi45MjYgMEwyNSA2LjY1VjMuOTRsLTguMDIgOC4wMmgyLjcxem0tMTcuMzA2Ljc3N2EyLjMzNSAyLjMzNSAwIDAgMC0xLjA0LjI0NWwtMS4xIDEuMUEyLjM1MiAyLjM1MiAwIDAgMCAwIDE1LjEyMnYxLjkxM2w0LjMtNC4zSDIuMzg0em03LjE4OSAxMS45NTdhMi4zODcgMi4zODcgMCAwIDAgMi4zODQtMi4zODR2LTEuNjhsLTQuMDYyIDQuMDY0aDEuNjc4em0yLjM4NC03LjcxNmwtNy43MTUgNy43MTZoMi43MTRsNS01di0yLjcxNnptLTIuMzg0LTQuMjQxSDguODlMMCAyMS42Mjd2LjY4MmEyLjM1NSAyLjM1NSAwIDAgMCAuNTM1IDEuNWwxMC41NC0xMC41NDNhMi4zOTMgMi4zOTMgMCAwIDAtMS41LS41M3ptLTQuMzM1IDBMMCAxNy45NzV2Mi43MTRsNy45NTMtNy45NTRINS4yMzh6bTYuNzE5IDIuMzgzYTIuMzU2IDIuMzU2IDAgMCAwLS40MzMtMS4zNjJMMS4wMiAyNC4yNjZhMi4zODYgMi4zODYgMCAwIDAgMS4zNjMuNDMzSDMuM2w4LjY1NC04LjY1NXYtLjkyNHptMTAuNTQ5IDkuNTc0aC4xMDZBMi4zODcgMi4zODcgMCAwIDAgMjUgMjIuMzF2LS4xMDd6TTEzLjA1IDE0Ljk1bDIuMi0yLjJhMi4zOSAyLjM5IDAgMCAwLTIuMiAyLjJ6bS0uMDA3Ljk0NnYyLjcxbDUuODctNS44N0gxNi4yem02LjgwOS0zLjE1OWwtNi44MSA2LjgxdjIuNzE1bDkuNTI0LTkuNTI0aC0yLjcxNHpNMjUgMTUuMTJhMS43MTUgMS43MTUgMCAwIDAtLjAxMi0uMjFsLTkuNzc4IDkuNzc2YTEuOTM3IDEuOTM3IDAgMCAwIC4yMTIuMDEyaDIuNDlMMjUgMTcuNjE1VjE1LjEyem0tMS42MjUtMi4yNTJMMTMuMTcgMjMuMDc0YTIuNCAyLjQgMCAwIDAgMS4zIDEuNDE2TDI0LjggMTQuMTZhMi4zOCAyLjM4IDAgMCAwLTEuNDItMS4yOTN6TTI1IDE4LjU1bC02LjE0OCA2LjE0M2gyLjcxNUwyNSAyMS4yNjVWMTguNTV6IiBmaWxsPSIjODk4OTg5Ii8+PC9zdmc+) no-repeat left 50%;
}

.org-profile__header-enterprise-download {
  margin-bottom: 0;
}

.org-profile__header-section {
  -ms-flex-preferred-size: 100%;
      flex-basis: 100%;
  margin-left: 0.625rem;
}

.org-profile__header-name {
  margin: 0 0;
}

.org-profile__header-url {
  display: block;
  margin-top: 0;
  margin-bottom: 0;
  font-size: 0.875rem;
}

.org-profile__header-url--bottom-margin {
  margin-bottom: 1.25rem;
}

.logout-link__container {
  margin-top: 1rem;
  margin-left: 0.7rem;
}

.logout-link {
  font-size: 0.875rem;
  color: #777;
  text-decoration: none;
}

.logout-link:hover {
  color: #a2a2a2;
}

.plugin-card--buttons {
  margin: 1rem 0 0.5rem 5rem;
}

.plugin-card--buttons > * {
  display: block;
  margin-bottom: 1rem;
}

.plugin-card--buttons .min-button-height {
  min-height: 30px;
}

.plugin-card--buttons .delete {
  font-size: 0.875rem;
}

.org-profile__itemlist {
  margin-bottom: 2rem;
}

.org-display {
  margin: 1.25rem 0.625rem;
  padding: 0.625rem;
  font-size: 1.5rem;
}

.org-select {
  margin: 1.25rem 0.625rem;
  font-size: 1.5rem;
}

.org-select--form.Select-placeholder, .org-select--form.Select--single > .Select-control .Select-value {
  line-height: 50px;
}

.org-select--form.has-value.Select--single > .Select-control .Select-value .Select-value-label,
.org-select--form.has-value.is-pseudo-focused.Select--single > .Select-control .Select-value .Select-value-label {
  color: #eaeaea;
}

.org-select--form .Select-control,
.org-select--form .Select-menu-outer,
.org-select--form.is-open > .Select-control,
.org-select--form.is-focused > .Select-control,
.org-select--form.is-focused:not(.is-open) .Select-control {
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  border: none;
  color: #eaeaea;
  height: 50px;
  cursor: pointer;
}

.org-select--form .Select-input, .org-select--form .Select-input:focus {
  background: none;
}

.org-select--form .Select-option {
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  border: none;
  color: #eaeaea;
}

.org-select--form .Select-option.is-focused {
  background: #161616;
}

.org-select--form .Select-option.is-selected {
  background: #1f1f1f;
}

.org-select--form .Select-option.is-selected::after {
  font-family: FontAwesome;
  color: #fefefe;
  font-size: 0.75rem;
  display: inline-block;
  float: right;
  line-height: 35px;
  content: "\F00C";
}

.org-select--form .Select-arrow {
  border-width: 5px 5px 5px 4px;
}

.org-select--form.is-open > .Select-control .Select-arrow {
  top: -5px;
}

.org-subscription--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.org-subscription--image {
  margin-right: 0.625rem;
}

.org-subscription--title {
  text-align: center;
  color: #fefefe;
  font-weight: bold;
  font-size: 1.125rem;
  margin: 0 .5rem 0 0;
}

.org-subscription--active {
  color: #3adb76;
}

.org-subscription__list {
  padding-left: 1rem;
  color: #fefefe;
  margin-bottom: 2rem;
}

.org-subscription__list-item {
  list-style: none;
  margin: 0 auto 0.625rem 1.875rem;
  position: relative;
  min-height: 1.25rem;
}

@media (min-width: 62rem) {
  .org-subscription__list-item {
    width: 14.0625rem;
  }
}

.org-subscription__list-item a {
  color: #fefefe;
}

.org-subscription__list-item a:hover {
  color: #f46800;
}

.org-subscription__list-item--check::before {
  font-family: 'grafana-icons';
  content: "\E603";
  color: #3adb76;
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

.org-subscription__list-item--email::before {
  font-family: 'grafana-icons';
  content: "\E628";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -5px;
  left: 3px;
}

.org-subscription__list-item--users::before {
  font-family: 'grafana-icons';
  content: "\E622";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -6px;
  left: 3px;
}

.org-subscription__list-item--support::before {
  content: ' ';
  background-image: url(/img/icon_support.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.org-subscription__list-item--slack::before {
  content: ' ';
  background-image: url(/img/Slack_Mark_Monochrome_White.svg);
  background-size: 20px 20px;
  height: 20px;
  width: 20px;
  margin-left: -2.125rem;
  position: absolute;
  top: 0px;
  left: 3px;
}

.org-subscription__list-item--premium::before {
  content: ' ';
  background-image: url(/img/icon_diamond.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -1px;
  left: 2px;
}

.org-subscription__list-note {
  font-size: 0.875rem;
  display: block;
  color: #B8B8B8;
}

a.org-subscription__contact {
  font-size: 0.75rem;
  text-align: center;
  color: #a2a2a2;
}

.org-select-in-page__container {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-align: baseline;
      -ms-flex-align: baseline;
          align-items: baseline;
  margin-left: 0.75rem;
}

.org-select-in-page__label {
  font-size: 0.9375rem;
}

.org-select-in-page__item {
  display: block;
}

@media (min-width: 55.625rem) {
  .org-select-in-page__item {
    display: inline-block;
  }
}

.org-select-in-page__AccountDropdown {
  margin: 0.5rem 0 2rem 1.25rem;
  padding: 0.3125rem 0.625rem;
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  color: #eaeaea;
  cursor: pointer;
}

.org-select-in-page-account__menu {
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(#444444), color-stop(75%, #0a0a0a));
  background: linear-gradient(to right, #444444 0%, #0a0a0a 75%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  top: 44px;
  left: 0;
  min-width: 12.5rem;
  margin-top: 0;
  z-index: 600;
  border-radius: 4px 0 4px 4px;
  background: linear-gradient(135deg, #262626 0%, #161616 100%);
}

.org-select-in-page__item--account {
  position: relative;
}

@media (min-width: 62rem) {
  .org-select-in-page__item--account.open {
    background: #1f1f1f;
    border-radius: 4px 4px 0 0;
  }
  .org-select-in-page__item--account.open .org-select-in-page-account__menu {
    visibility: visible;
    opacity: 1;
    z-index: 602;
  }
  .org-select-in-page__item--account.open .org-select-in-page-account__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-perspective: 600;
    perspective: 600;
    opacity: 0.01;
    z-index: 601;
    overflow: auto;
  }
}

.org-select-in-page-account__toggle i {
  vertical-align: text-top;
  color: #a2a2a2;
  display: none;
}

@media (min-width: 55.625rem) {
  .org-select-in-page-account__toggle i {
    display: inline-block;
  }
}

.org-select-in-page-account__menu .modal-nav__item {
  display: block;
  margin: 0 0.625rem 0 0;
  text-align: left;
}

.org-select-in-page-account__menu .modal-nav__link {
  display: block;
}

.org-select-in-page__account-profile {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  text-align: left;
  padding: 0.625rem 0;
}

.org-select-in-page__account-profile a {
  color: #fefefe;
  text-decoration: none;
}

.org-select-in-page__account-profile a:hover {
  color: #fefefe;
}

.org-select-in-page__account-profile li {
  margin: 0;
  list-style: none;
}

.org-select-in-page__org-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0.625rem 1rem;
  cursor: pointer;
}

.org-select-in-page__org-item:hover {
  background-color: #262626;
}

.org-select-in-page__org-item.is-selected {
  background: #161616;
}

.org-select-in-page__org-item.is-selected::after {
  font-family: FontAwesome;
  color: #fefefe;
  font-size: 0.75rem;
  display: inline-block;
  float: right;
  line-height: 22px;
  content: "\F00C";
}

.org-select-in-page__org-text-container {
  min-width: 9.375rem;
  margin-left: 0.625rem;
}

.org-select-in-page__org-item--sublinks {
  line-height: 15px;
}

.org-select-in-page__org-item--sublinks a {
  display: inline-block;
  color: #a2a2a2;
  font-size: 0.75rem;
}

.org-select-in-page__org-item--sublinks a:hover {
  color: #f46800;
}

.org-select-in-page__account-profile--small {
  font-size: 0.75rem;
  color: #c5c5c5;
  display: block;
}

.org-select-in-page__item {
  display: inline-block;
  vertical-align: middle;
}

.org-select-in-page__item .btn {
  margin: 0 0.9375rem;
}

.org-select-in-page__item--home {
  display: block;
}

@media (min-width: 55.625rem) {
  .org-select-in-page__item--home {
    display: none;
  }
}

.org-select-in-page__item--home a {
  font-weight: 800;
  color: #fefefe;
  text-decoration: none;
}

.org-select-in-page__link {
  color: #eaeaea;
  font-size: 1.5rem;
  text-decoration: none;
  padding: 0.4375rem 0.3125rem;
}

.org-select-in-page__link:hover {
  color: #f46800 !important;
}

.org-select-in-page__link--highlight {
  color: #f46800 !important;
}

.org-select-in-page__link--discrete {
  font-size: 0.75rem;
  color: #B8B8B8 !important;
}

.org-select-in-page__link--loud {
  font-size: 0.75rem;
  color: #eaeaea !important;
}

.org-select-in-page__link--affordance::after {
  font-family: FontAwesome;
  color: #c5c5c5;
  font-size: 0.625rem;
  margin-left: 5px;
  display: inline-block;
  content: "\F0D7";
}

.org--interior-section__title {
  margin-bottom: 1rem;
}

.pager__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  color: #898989;
  margin-top: 1.25rem;
}

.pager__container .pager__item {
  margin-right: 0.375rem;
}

.pager__container .pager__item span {
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.3), 1px 1px 0px 0px rgba(255, 255, 255, 0.1);
          box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.3), 1px 1px 0px 0px rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  padding: 0.375rem 0.625rem;
}

.pager__container .pager__item a {
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3), -1px -1px 0px 0px rgba(255, 255, 255, 0.1);
          box-shadow: 1px 1px 0px 0px rgba(0, 0, 0, 0.3), -1px -1px 0px 0px rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  padding: 0.375rem 0.625rem;
}

.pager__container .pager__page-number {
  margin: 0 0.625rem;
}

.page-breadcrumbs {
  margin: 0 0 1.875rem;
  padding: 0;
  list-style: none;
}

.page-breadcrumbs__item {
  display: inline-block;
  color: #898989;
  font-size: 1rem;
}

.page-breadcrumbs__item:not(:last-child)::after {
  display: inline-block;
  margin: 0 0.3125rem 0 0.5rem;
  content: '\BB';
}

.page-breadcrumbs__item > b {
  color: #f46800;
  font-weight: 400;
}

.page-breadcrumbs__link {
  color: #898989;
  text-decoration: none;
}

.page-tabs {
  margin: 0 0 1.25rem;
  border-bottom: 1px solid #a2a2a2;
}

.page-tabs::before, .page-tabs::after {
  display: table;
  content: ' ';
}

.page-tabs::after {
  clear: both;
}

@media (min-width: 40.625rem) {
  .page-tabs {
    padding-left: 1.25rem;
  }
}

.page-tabs > .tab-link {
  margin-bottom: -1px;
  float: left;
}

.page-tabs > .tab-link:last-child {
  margin-bottom: -1px;
}

.tab-link,
a.tab-link,
.page-tabs a.tab-link {
  display: block;
  padding: 0.625rem 1.5625rem;
  border: 1px solid transparent;
  color: #fefefe;
  font-size: 0.875rem;
  text-decoration: none;
  cursor: pointer;
}

.tab-link-active,
a.tab-link-active,
.page-tabs a.tab-link-active {
  border: 1px solid #a2a2a2;
  border-radius: 0.1875rem 0.1875rem 0 0;
  border-bottom-color: #262626;
  background: #262626;
}

.plugin-card__header {
  margin-bottom: 2.1875rem;
}

.plugin-card__name {
  margin: 0 0.625rem 0 0;
  color: #fefefe;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 400;
}

.plugin-card__name a {
  color: #fefefe;
  text-decoration: none;
}

.plugin-card__byline {
  margin: 0 0 0.4rem 0;
  color: #a2a2a2;
  font-size: 0.8125rem;
  font-weight: 400;
}

.plugin-card__byline--edit {
  padding-top: 1rem;
}

.plugin-card__description {
  display: block;
  max-width: 37.5rem;
  font-size: 0.875rem;
}

.plugin-card__body > p {
  margin: 0 0 2.5rem;
  color: #fefefe;
  font-size: 0.875rem;
}

.plugin-card__header > img {
  border-radius: 0.5rem;
}

.plugin-card__single-line {
  display: inline-block;
}

.plugin-card__edit-btn {
  margin-left: 1.25rem;
}

@media (min-width: 40.625rem) {
  .plugin-card__details-container {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex: 2;
        -ms-flex: 2 1 auto;
            flex: 2 1 auto;
  }
}

.plugin-card__details-container--description {
  -webkit-box-flex: 8;
      -ms-flex-positive: 8;
          flex-grow: 8;
  width: 0;
}

.plugin-card__details-container--ratings {
  -webkit-box-flex: 2;
      -ms-flex-positive: 2;
          flex-grow: 2;
  width: 0;
  color: #fefefe;
}

.plugin-card__details-container--ratings h4 {
  margin-top: 0.5625rem;
  white-space: nowrap;
}

.plugin-card__worldping-signup {
  margin: 0 0 0.2rem 1rem;
}

.plugin-category {
  margin-top: 0;
  color: #898989;
  font-size: 0.6875rem;
  line-height: 1.5625rem;
  font-weight: 400;
  text-align: left;
}

.page-sidebar .plugin-category {
  color: #898989;
  font-size: 0.6875rem;
  line-height: 1.5625rem;
  font-weight: 400;
}

.plugin-category a {
  color: #c5c5c5;
}

.plugin-category__no-margin {
  margin-bottom: 0;
}

.plugin-category__small-margin {
  margin-bottom: 0.4rem;
}

.plugin-category__icon {
  display: inline-block;
  padding: 0 0.625rem 0 1.25rem;
  background-repeat: no-repeat;
  background-position: 0 45%;
  font-weight: 700;
  text-transform: uppercase;
  background-size: 15px;
}

.plugin-category__icon--in-sentence {
  text-transform: none;
  padding: 0 0 0 1.25rem;
}

.plugin-category__icon.app {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi45NzgiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyMi45NzggMjUiPjx0aXRsZT5pY29uX2FwcHM8L3RpdGxlPjxwYXRoIGQ9Ik0yMS4yMjQgMTEuMjFhMS43NiAxLjc2IDAgMCAwLTEuNjgyIDEuMjU3SDE0Ljg5YTQuMjMgNC4yMyAwIDAgMC0uMy0xLjE0MmwzLjExNC0xLjhBMi4wNSAyLjA1IDAgMSAwIDE3LjEyIDguMWExLjk4NiAxLjk4NiAwIDAgMCAuMDguNTY1bC0zLjExOCAxLjhhNC4yNDMgNC4yNDMgMCAwIDAtLjgzNS0uODM1bC41ODYtMS4wMTVhMi4xNjUgMi4xNjUgMCAwIDAgLjU5My4wODYgMi4xMTYgMi4xMTYgMCAxIDAtMS40NS0uNThsLS41OCAxLjAxMmEzLjk1NSAzLjk1NSAwIDAgMC0xLjE0LS4zVjMuMDA4YTEuNTQ3IDEuNTQ3IDAgMSAwLTEgMHY1LjgxN2E0LjIzIDQuMjMgMCAwIDAtMS4xNDMuM2wtMi4wNi0zLjU2MkExLjY4NCAxLjY4NCAwIDAgMCA3LjUxIDQuNGExLjcxIDEuNzEgMCAxIDAtMS4zMiAxLjY2bDIuMDYgMy41N2E0LjMyMyA0LjMyMyAwIDAgMC0uODQzLjg0M2wtMy41NjYtMi4wNmExLjc2IDEuNzYgMCAwIDAgLjA0NS0uMzkgMS43IDEuNyAwIDEgMC0xLjcgMS43IDEuNjg2IDEuNjg2IDAgMCAwIDEuMTU1LS40NTNsMy41NyAyLjA2YTQuMDkgNC4wOSAwIDAgMC0uMyAxLjEzM0g1LjIwNmEyLjMwNSAyLjMwNSAwIDEgMCAwIDFoMS40MDdhNC4yMyA0LjIzIDAgMCAwIC4zIDEuMTQyTDMuMTAyIDE2LjhhMS44MjMgMS44MjMgMCAxIDAgLjU1IDEuMyAxLjc3NSAxLjc3NSAwIDAgMC0uMDYzLS40MzhsMy44MjItMi4yMDZhNC4yIDQuMiAwIDAgMCAuODQzLjg0bC0yLjk4IDUuMTkzYTEuNzI3IDEuNzI3IDAgMCAwLS40MTMtLjA1IDEuNzggMS43OCAwIDEgMCAxLjI3Ny41NGwyLjk4LTUuMTc4YTQuMDkgNC4wOSAwIDAgMCAxLjEzMy4zdjEuNDA4YTIuMDU1IDIuMDU1IDAgMSAwIC45OSAwVjE3LjFhNC4yMyA0LjIzIDAgMCAwIDEuMTQzLS4zbDIuNDYgNC4yNmExLjgyNCAxLjgyNCAwIDEgMCAxLjMwNi0uNTUyIDEuNzc4IDEuNzc4IDAgMCAwLS40NDYuMDU3bC0yLjQ2LTQuMjY1YTMuOTYgMy45NiAwIDAgMCAuODI2LS44MjdsLjQ0Ni4yNThhMi4zMjQgMi4zMjQgMCAwIDAtLjEyLjczOCAyLjQgMi40IDAgMSAwIC42Mi0xLjZsLS40NDMtLjI1NGE0LjE1NSA0LjE1NSAwIDAgMCAuMzEtMS4xNTRoNC42NmExLjc1MyAxLjc1MyAwIDEgMCAxLjY4LTIuMjV6bTAgMi43MWEuOTU4Ljk1OCAwIDEgMSAuOTU4LS45NTguOTYuOTYgMCAwIDEtLjk1OC45NnpNMTAuNzUgMTYuMTRhMy4xNzcgMy4xNzcgMCAxIDEgMy4xNzctMy4xNzggMy4xOCAzLjE4IDAgMCAxLTMuMTc3IDMuMTc3em03LjE2My04LjA0YTEuMjYgMS4yNiAwIDEgMSAxLjI2IDEuMjYgMS4yNiAxLjI2IDAgMCAxLTEuMjYtMS4yNnpNMTUuNzQgNi41OTRhMS4zMTQgMS4zMTQgMCAxIDEtMS4zMTUtMS4zMTQgMS4zMTUgMS4zMTUgMCAwIDEgMS4zMTQgMS4zMTR6TTkuOTk2IDEuNTQ4YS43NTMuNzUzIDAgMSAxIC43NTMuNzUzLjc1NC43NTQgMCAwIDEtLjc1My0uNzUyek00Ljg5NyA0LjRhLjkxLjkxIDAgMSAxIC45MS45MS45MS45MSAwIDAgMS0uOTEtLjkxek0yLjE5IDguOTM2YS45MS45MSAwIDEgMSAuOTA4LS45MS45MS45MSAwIDAgMS0uOTEuOTF6bS43NyA1LjUyNmExLjUwNiAxLjUwNiAwIDEgMSAxLjUwNS0xLjUwNiAxLjUwOCAxLjUwOCAwIDAgMS0xLjUwOCAxLjUwNnptLS4xIDMuNjQ2YTEuMDMyIDEuMDMyIDAgMSAxLTEuMDMzLTEuMDMyIDEuMDMzIDEuMDMzIDAgMCAxIDEuMDMyIDEuMDMyem0yLjk4NyA1LjExYS45ODYuOTg2IDAgMSAxLS45ODYtLjk4Ny45ODcuOTg3IDAgMCAxIC45ODcuOTg3em00LjktMS40NmExLjI2IDEuMjYgMCAxIDEgMS4yNi0xLjI2IDEuMjYgMS4yNiAwIDAgMS0xLjI1NyAxLjI2em02LjQ0Mi41N2ExLjAzMiAxLjAzMiAwIDEgMS0xLjAzMy0xLjAyOCAxLjAzMyAxLjAzMyAwIDAgMSAxLjAzMiAxLjAyOHptLS40LTcuNDU4YTEuNiAxLjYgMCAxIDEtMS42IDEuNiAxLjYgMS42IDAgMCAxIDEuNi0xLjZ6IiBmaWxsPSIjODk4OTg5Ii8+PC9zdmc+);
}

.plugin-category__icon.page {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjUiIGhlaWdodD0iMjQuNyIgdmlld0JveD0iLTM3IDM4LjMgMjUgMjQuNyI+PHN0eWxlPi5zdDB7ZmlsbDpub25lfS5zdDF7ZmlsbDojODk4OTg5fTwvc3R5bGU+PHRpdGxlPmljb25fZGFzaGJvYXJkPC90aXRsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTE2LjYgMzkuM2gtMTUuOGMtMS45IDAtMy41IDEuNi0zLjUgMy41di45aDIyLjd2LS45Yy4xLTItMS41LTMuNS0zLjQtMy41em0tMTYuOSAzLjNjLS41IDAtLjktLjQtLjktLjlzLjQtLjkuOS0uOS45LjQuOS45LS40LjktLjkuOXptMi4zIDBjLS41IDAtLjktLjQtLjktLjlzLjQtLjkuOS0uOS45LjQuOS45LS40LjktLjkuOXoiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSItMzMuNSIgY3k9IjQxLjciIHI9Ii45Ii8+PGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iLTMxLjIiIGN5PSI0MS43IiByPSIuOSIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0tMjQuOCA1Ni42aDl2MmgtOXptMC0zLjRoOXYyaC05em0wLTMuNGg5djJoLTl6bS04LjctMy40aDE3LjZ2MmgtMTcuNnptLS4xIDMuNGg3LjJ2OC44aC03LjJ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTS0xNi42IDM4LjNoLTE1LjhjLTIuNSAwLTQuNSAyLTQuNSA0LjV2MTUuOGMwIDIuNSAyIDQuNSA0LjUgNC41aDE1LjhjMi41IDAgNC41LTIgNC41LTQuNVY0Mi44Yy0uMS0yLjUtMi4xLTQuNS00LjUtNC41em0zLjUgMjAuMmMwIDEuOS0xLjYgMy41LTMuNSAzLjVoLTE1LjhjLTEuOSAwLTMuNS0xLjYtMy41LTMuNVY0NC42aDIyLjd2MTMuOXptMC0xNC44aC0yMi43di0uOWMwLTEuOSAxLjYtMy41IDMuNS0zLjVoMTUuOGMxLjkgMCAzLjUgMS42IDMuNSAzLjV2Ljl6Ii8+PC9zdmc+);
}

.plugin-category__icon.dashboard {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNC42OTkiIHZpZXdCb3g9IjAgMCAyNSAyNC42OTkiPjx0aXRsZT5pY29uX2Rhc2hib2FyZDwvdGl0bGU+PHBhdGggZD0iTTMuMzYuMDA0TDAgMy4zNjRWNi4wOEw2LjA3NC4wMDNIMy4zNnptNi4yMTMgMGgtMi41NkwwIDcuMDE4djIuNTZjMCAuMDQ4IDAgLjEuMDA4LjE0Nkw5LjcxOC4wMTJDOS42Ny4wMDggOS42MjMuMDA0IDkuNTc0LjAwNHptLjkxNS4xOGwtMTAuMyAxMC4zYTIuNCAyLjQgMCAwIDAgMS4zODggMS4zMjZsMTAuMjQtMTAuMjRBMi40MjcgMi40MjcgMCAwIDAgMTAuNDg3LjE4NHptMS40NjUgOS40OTZsLTIuMjc4IDIuMjdhMi4zOCAyLjM4IDAgMCAwIDIuMjc4LTIuMjd6bS05LjU2OSAyLjI4SDUuMDhsNi44NzctNi44NzdWMi4zNjhsLTkuNTk0IDkuNTk0aC4wMnptMy42MzMgMGgyLjcxNWwzLjIyNS0zLjIyOHYtMi43MXpNMi4zODQuMDA0QTIuMzg3IDIuMzg3IDAgMCAwIDAgMi4zOXYuMDM1TDIuNDIuMDA1aC0uMDM2em0xMC42NTkgOS41NzNhMi4zNCAyLjM0IDAgMCAwIC40IDEuMzIzTDIzLjk0My40QTIuMzc3IDIuMzc3IDAgMCAwIDIyLjYyIDBoLS45OTJsLTguNTg1IDguNTl2Ljk4NnptMi4zODQgMi4zODNoLjYxMkwyNSAzdi0uNjFhMi4zODIgMi4zODIgMCAwIDAtLjU2NC0xLjU0TDEzLjg4OCAxMS4zOTRhMi4zNzcgMi4zNzcgMCAwIDAgMS41NC41Njh6bTAtMTEuOTU2YTIuMzg3IDIuMzg3IDAgMCAwLTIuMzg0IDIuMzg1djEuNjA3TDE3LjAzNi4wMDRoLTEuNjF6TTEzLjA0MyA3LjY1TDIwLjY5LjAwMmgtMi43MTZsLTQuOTMgNC45MzNWNy42NXptOS41NzMgNC4zMWEyLjQyIDIuNDIgMCAwIDAgLjkxLS4xOGwxLjI5LTEuMjlBMi4zMzIgMi4zMzIgMCAwIDAgMjUgOS41ODNWNy41OThsLTQuMzY4IDQuMzY4aDEuOTg4em0tMi45MjYgMEwyNSA2LjY1VjMuOTRsLTguMDIgOC4wMmgyLjcxem0tMTcuMzA2Ljc3N2EyLjMzNSAyLjMzNSAwIDAgMC0xLjA0LjI0NWwtMS4xIDEuMUEyLjM1MiAyLjM1MiAwIDAgMCAwIDE1LjEyMnYxLjkxM2w0LjMtNC4zSDIuMzg0em03LjE4OSAxMS45NTdhMi4zODcgMi4zODcgMCAwIDAgMi4zODQtMi4zODR2LTEuNjhsLTQuMDYyIDQuMDY0aDEuNjc4em0yLjM4NC03LjcxNmwtNy43MTUgNy43MTZoMi43MTRsNS01di0yLjcxNnptLTIuMzg0LTQuMjQxSDguODlMMCAyMS42Mjd2LjY4MmEyLjM1NSAyLjM1NSAwIDAgMCAuNTM1IDEuNWwxMC41NC0xMC41NDNhMi4zOTMgMi4zOTMgMCAwIDAtMS41LS41M3ptLTQuMzM1IDBMMCAxNy45NzV2Mi43MTRsNy45NTMtNy45NTRINS4yMzh6bTYuNzE5IDIuMzgzYTIuMzU2IDIuMzU2IDAgMCAwLS40MzMtMS4zNjJMMS4wMiAyNC4yNjZhMi4zODYgMi4zODYgMCAwIDAgMS4zNjMuNDMzSDMuM2w4LjY1NC04LjY1NXYtLjkyNHptMTAuNTQ5IDkuNTc0aC4xMDZBMi4zODcgMi4zODcgMCAwIDAgMjUgMjIuMzF2LS4xMDd6TTEzLjA1IDE0Ljk1bDIuMi0yLjJhMi4zOSAyLjM5IDAgMCAwLTIuMiAyLjJ6bS0uMDA3Ljk0NnYyLjcxbDUuODctNS44N0gxNi4yem02LjgwOS0zLjE1OWwtNi44MSA2LjgxdjIuNzE1bDkuNTI0LTkuNTI0aC0yLjcxNHpNMjUgMTUuMTJhMS43MTUgMS43MTUgMCAwIDAtLjAxMi0uMjFsLTkuNzc4IDkuNzc2YTEuOTM3IDEuOTM3IDAgMCAwIC4yMTIuMDEyaDIuNDlMMjUgMTcuNjE1VjE1LjEyem0tMS42MjUtMi4yNTJMMTMuMTcgMjMuMDc0YTIuNCAyLjQgMCAwIDAgMS4zIDEuNDE2TDI0LjggMTQuMTZhMi4zOCAyLjM4IDAgMCAwLTEuNDItMS4yOTN6TTI1IDE4LjU1bC02LjE0OCA2LjE0M2gyLjcxNUwyNSAyMS4yNjVWMTguNTV6IiBmaWxsPSIjODk4OTg5Ii8+PC9zdmc+);
}

.plugin-category__icon.datasource {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNC4zcHgiIHZpZXdCb3g9Ii0xODcgNzMuNyAyNSAyNC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xODcgNzMuNyAyNSAyNC4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCgk+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRTJFMkUyO30NCjwvc3R5bGU+DQo8Zz4NCgk8dGl0bGU+aWNvbl9kYXRhLXNvdXJjZTwvdGl0bGU+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTc0LjUsOTQuM2MtNS41LDAtMTAuMi0xLjYtMTIuMy00Yy0wLjEsMC4zLTAuMiwwLjYtMC4yLDFjMCwzLjIsNS43LDYsMTIuNSw2czEyLjUtMi43LDEyLjUtNg0KCQkJYzAtMC4zLTAuMS0wLjctMC4yLTFDLTE2NC40LDkyLjctMTY5LDk0LjMtMTc0LjUsOTQuM3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0xNzQuNSw4OC45Yy01LjUsMC0xMC4yLTEuNi0xMi4zLTRjLTAuMSwwLjMtMC4yLDAuNi0wLjIsMWMwLDMuMiw1LjcsNiwxMi41LDZzMTIuNS0yLjcsMTIuNS02DQoJCQljMC0wLjMtMC4xLTAuNy0wLjItMUMtMTY0LjQsODcuMy0xNjksODguOS0xNzQuNSw4OC45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTE4Nyw4MC40YzAsMy4yLDUuNyw2LDEyLjUsNnMxMi41LTIuNywxMi41LTZzLTUuNy02LTEyLjUtNlMtMTg3LDc3LjEtMTg3LDgwLjR6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
}

.plugin-category__icon.panel {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNC4zMzEiIHZpZXdCb3g9Ii02MiA2My42NjkgMjUgMjQuMzMxIj48dGl0bGU+aWNvbl9kYXRhLXNvdXJjZTwvdGl0bGU+PHBhdGggZD0iTS00MS40MDUgNjMuNjczaC0xNi4xOUE0LjQxIDQuNDEgMCAwIDAtNjIgNjguMDc4djE1LjUxN0E0LjQxIDQuNDEgMCAwIDAtNTcuNTk1IDg4aDE2LjE5QTQuNDEgNC40MSAwIDAgMC0zNyA4My41OTVWNjguMDc4YTQuNDEgNC40MSAwIDAgMC00LjQwNS00LjQwNXptMy43MjcgMTkuOTIyYTMuNzMxIDMuNzMxIDAgMCAxLTMuNzI3IDMuNzI3aC0xNi4xOWEzLjczMSAzLjczMSAwIDAgMS0zLjcyNy0zLjcyN1Y2OC4wNzhhMy43MzEgMy43MzEgMCAwIDEgMy43MjctMy43MjdoMTYuMTlhMy43MzEgMy43MzEgMCAwIDEgMy43MjcgMy43Mjd2MTUuNTE3eiIgZmlsbD0iIzg5ODk4OSIvPjxnIGZpbGw9IiM4OTg5ODkiPjxwYXRoIGQ9Ik0tNTYuNDU3IDg1LjE0N2gxMy45MTRhMi4zNSAyLjM1IDAgMCAwIDIuMjctMS43NTloLTE4LjQ1NGEyLjM1MSAyLjM1MSAwIDAgMCAyLjI3IDEuNzU5em0uMDQ3LTguNzA2bDIuMDg3LjgzLjgxLS45NzdoLTUuMjk5djEuNjgzbDEuNjM2LTEuNDA4YS43NTEuNzUxIDAgMCAxIC43NjYtLjEyOHptNS44MzktMy42OTRoLTguMjQxdjIuODI4aDUuODk1em03Ljk0OSAyLjgyOGguNzM5bDEuNjk1LTEuMzA0di0xLjUyNGgtNC4yN3ptLTE2LjE5IDQuMzgxdjIuNzEzaDE4LjYyNHYtMi44MjhoLTE4LjQ5MXptOS43NjYtOS4wNDdhLjc0OC43NDggMCAwIDEgLjg5MS0uMjAybDIuODY5IDEuMzIyaDUuMDk5VjY5LjJoLTE4LjYyNXYyLjgyOGg4LjgzOGwuOTI4LTEuMTE5em02LjUwMy00LjM4N2gtMTMuOTE0YTIuMzUyIDIuMzUyIDAgMCAwLTIuMzE2IDEuOTZoMTguNTQ1YTIuMzUgMi4zNSAwIDAgMC0yLjMxNS0xLjk2em0tNC43NjggNi4yMjVoLTEuMzExbC0yLjM0NiAyLjgyOGg2LjU1OGwtMS4zODItMi4xMjh6Ii8+PHBhdGggZD0iTS00Mi4xMDUgNzcuNjM5YS43NDcuNzQ3IDAgMCAxLTEuMDg2LS4xODZsLS43NTItMS4xNThoLTcuNjIxbC0xLjk1MiAyLjM1NGEuNzUuNzUgMCAwIDEtLjg1NC4yMTlsLTIuMTcyLS44NjQtMS4zMDEgMS4xMmgxNy42NTd2LTIuODI4aC0uMTdsLTEuNzQ5IDEuMzQzeiIvPjwvZz48L3N2Zz4=);
}

.plugin-category__icon.grafana {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI1IDI1Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSIxNy40NzgiIHkxPSIyNSIgeDI9IjE3LjQ3OCIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgtNC45NzgpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZjYzBkIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjE1OTJhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHRpdGxlPmljb25fZ3JhZmFuYTwvdGl0bGU+PHBhdGggZD0iTTE2LjU0OCAxNi40MjJjLS4xODctLjIyNC0uNTU2LjA2NS0uNzY3LjEyM2EyLjkyMiAyLjkyMiAwIDAgMS0uODA0LjA3MiAyLjIzNCAyLjIzNCAwIDAgMS0uOTI4LS4yNCAyLjg2NCAyLjg2NCAwIDAgMS0uNjktLjQ1IDIuNDQ1IDIuNDQ1IDAgMCAxLS41MzctLjY4NyAyLjQxOCAyLjQxOCAwIDAgMS0uMy0uODUzIDMuMTE1IDMuMTE1IDAgMCAxLS4wMy0uNTg0IDIuMTkyIDIuMTkyIDAgMCAxIC4wMy0uMzYgMy4zNiAzLjM2IDAgMCAxIC45Ni0xLjggMy4zMjMgMy4zMjMgMCAwIDEgMi4yNDctLjg4MyAzLjk0OCAzLjk0OCAwIDAgMSAxLjkyOC41MSA0LjA0NyA0LjA0NyAwIDAgMSAxLjY2MiAxLjczNiAzLjk0NyAzLjk0NyAwIDAgMSAuMzc0IDEuMTY4IDQuOTUyIDQuOTUyIDAgMCAxLS4zNDMgMi41NDUgNi4wNCA2LjA0IDAgMCAxLS42NDcgMS4xOCA1LjIxNCA1LjIxNCAwIDAgMS0yLjA4IDEuNjkyIDQuNzQ4IDQuNzQ4IDAgMCAxLTEuMjg3LjM5IDUuMDEgNS4wMSAwIDAgMS0uOTg4LjA3NCA2LjkgNi45IDAgMCAxLTMuMTQ0LS44MSA3LjIzIDcuMjMgMCAwIDEtMi45OC0zLjAyMyA2Ljk3MiA2Ljk3MiAwIDAgMS0uNzMyLTMuMTZBOC4zOTIgOC4zOTIgMCAwIDEgOS44NCA3LjIxN2E2LjM4NCA2LjM4NCAwIDAgMSAyLjU3Mi0xLjUzIDcuNDQ2IDcuNDQ2IDAgMCAxIDEuMTA3LS4yNzdjLjMxNy0uMDUyLjY0OC0uMDg0Ljk2LS4xNTQuMSAwIC4yOTQtLjAxNS4zNDUtLjAxNWE5Ljk2IDkuOTYgMCAwIDEgMS45NzYuMTM2IDguMjEgOC4yMSAwIDAgMSAzLjY1NiAxLjY3IDkuNDY0IDkuNDY0IDAgMCAxIDEuMzIyIDEuMjc0IDExLjIwNyAxMS4yMDcgMCAwIDEgMS4wOSAxLjY1IDcuNTE1IDcuNTE1IDAgMCAxIC43NDYgMS45NjIuMjI1LjIyNSAwIDAgMCAuMjEuMTVjLjIyLS4wMzIuMTc2LS4yODIuMTc2LS40NDIgMC0uMjMzLS4wMS0uNDY1LS4wMzYtLjdhOC40MyA4LjQzIDAgMCAwLS4yNDgtMS4zNzdBOC45MiA4LjkyIDAgMCAwIDIxLjIgNS4zYTMuNjU3IDMuNjU3IDAgMCAwLS40MzQtMi42IDMuODQzIDMuODQzIDAgMCAwLTIuNTE1LjY0MyA3LjE3IDcuMTcgMCAwIDAtMS4yMzUtLjQyNSA1LjA3NiA1LjA3NiAwIDAgMC0xLjI5My0uMjY0QTQuNjUyIDQuNjUyIDAgMCAwIDEzLjQ2NCAwYTQuOTc1IDQuOTc1IDAgMCAwLTIuMjMgMi44NmMuMDE0LjAzLjAzLjA0NS4wNDQuMDc1YTcuNjUgNy42NSAwIDAgMC0xLjUuNTY1IDcuOTc4IDcuOTc4IDAgMCAwLS43NjMuNDEyYy0uMTE1LjA3LS4yMzMuMTQyLS4zNDYuMjE2YTEuMSAxLjEgMCAwIDEtLjMxLjIuMjM2LjIzNiAwIDAgMS0uMDE2LS4wNiA2LjUyNyA2LjUyNyAwIDAgMC00LjkxLjE5NSA3LjA0IDcuMDQgMCAwIDAgMS4yODcgNC44MiAxMS4yMTYgMTEuMjE2IDAgMCAwLS4zOCAxLjMzIDYuNiA2LjYgMCAwIDAtLjIzMyAxLjQwOCA2LjQ1NiA2LjQ1NiAwIDAgMC0zLjExMyAzLjYyNCA2LjgxOCA2LjgxOCAwIDAgMCA0LjM0IDIuNDQgOS44MyA5LjgzIDAgMCAwIDEuNTQzIDIuMDhBNS4zOCA1LjM4IDAgMCAwIDYuOTgyIDI0YTYuMTYzIDYuMTYzIDAgMCAwIDQuMDEyLTEuMjI3IDExLjQ3NSAxMS40NzUgMCAwIDAgMy42NjguNTI0QTQuNDggNC40OCAwIDAgMCAxNy41NjYgMjVhNC41NTMgNC41NTMgMCAwIDAgMS4zOTItMy4xMTQuMDguMDggMCAwIDAtLjA0NS0uMDMgNi45IDYuOSAwIDAgMCAuODIzLS42NTggOC41MjUgOC41MjUgMCAwIDAgLjgwNS0uODQyIDUuMTI2IDUuMTI2IDAgMCAwIC42NjMtLjkyNCAzLjYzNSAzLjYzNSAwIDAgMCAyLjUzLS45MjggMy43MzYgMy43MzYgMCAwIDAtMS4zNDctMi40N2MtLjAxNSAwLS4wMyAwLS4wMy4wMTVhNy4zMDcgNy4zMDcgMCAwIDAtLjEyLTIuMzUgNi40MSA2LjQxIDAgMCAwLTUuMzYtNC44OCA1LjMyIDUuMzIgMCAwIDAtMS43NjYuMDMgNC45NzggNC45NzggMCAwIDAtMS42My42MTIgNC44NSA0Ljg1IDAgMCAwLTIuMjMgNS4yODUgMy44IDMuOCAwIDAgMCAxLjYwNSAyLjEzMiAzLjcwNyAzLjcwNyAwIDAgMCAxLjMuNDk0IDMuOTY2IDMuOTY2IDAgMCAwIC42OS4wNTNjLjEgMCAuMjEtLjAyMy4zMTMtLjAxNWExLjkxOCAxLjkxOCAwIDAgMCAuNjQzLS4xN2MuMjUzLS4xLjQ1My0uMjY1LjY5LS4zODRhLjMzNC4zMzQgMCAwIDAgLjA2LS40MzR6IiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+);
}

.plugin-category__icon.collector {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjUiIGhlaWdodD0iMjQuMyIgdmlld0JveD0iMCAwIDI1IDI0LjMiPjxzdHlsZT4uc3Qwe2ZpbGw6bm9uZX0uc3Qxe2ZpbGw6Izg4OH08L3N0eWxlPjx0aXRsZT5pY29uX2RhdGEtc291cmNlPC90aXRsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMy40IDE3LjNjMS4xIDEuOSA0LjggMy4zIDkuMSAzLjMgNC4yIDAgNy45LTEuNCA5LjEtMy4zLTEuNyAxLjctNS4xIDIuOC05LjEgMi44LTQtLjEtNy4zLTEuMi05LjEtMi44eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zLjQgMTguNmMxLjEgMS45IDQuOCAzLjMgOS4xIDMuMyA0LjIgMCA3LjktMS40IDkuMS0zLjMtMS43IDEuNy01LjEgMi44LTkuMSAyLjhzLTcuMy0xLjEtOS4xLTIuOHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMy40IDIwYzEuMSAxLjkgNC44IDMuMyA5LjEgMy4zIDQuMiAwIDcuOS0xLjQgOS4xLTMuMy0xLjcgMS43LTUuMSAyLjgtOS4xIDIuOFM1LjIgMjEuNyAzLjQgMjB6TTMuNCAxNS45YzEuMSAxLjkgNC44IDMuMyA5LjEgMy4zIDQuMiAwIDcuOS0xLjQgOS4xLTMuMy0xLjcgMS43LTUuMSAyLjgtOS4xIDIuOHMtNy4zLTEuMS05LjEtMi44ek0xMi41IDE0LjRjLTQuMSAwLTcuNi0xLjItOS4yLTMgLjkgMiA0LjcgMy42IDkuMiAzLjYgNC41IDAgOC40LTEuNiA5LjItMy42LTEuNiAxLjgtNS4xIDMtOS4yIDN6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTMuNCAxNC41YzEuMSAxLjkgNC44IDMuMyA5LjEgMy4zIDQuMiAwIDcuOS0xLjQgOS4xLTMuMy0xLjcgMS43LTUuMSAyLjgtOS4xIDIuOHMtNy4zLTEuMS05LjEtMi44ek0xNy45IDguN0wyMCA5LjhsLTUuNCAyLTEtNS41IDEuOSAxLjJjLjctLjkgMS4zLTEuNiAyLTIuMS0xLjItLjQtMi41LS42LTMuOS0uN0wxMi41IDZsLTEuMS0xLjNjLTEuNS4xLTIuOC4zLTQgLjcuNy41IDEuMyAxLjEgMiAyLjFsMS45LTEuMi0xIDUuNS01LjMtMiAyLjEtMS4xcy0uOC0xLjMtMi4yLTIuMmMtMS4xLjctMS44IDEuNi0xLjggMi42IDAgMi40IDQuMyA0LjUgOS40IDQuNSA1LjEgMCA5LjQtMi4xIDkuNC00LjUgMC0xLS43LTEuOC0xLjgtMi42LTEuNC45LTIuMiAyLjItMi4yIDIuMnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMy40IDEzLjJjMS4xIDEuOSA0LjggMy4zIDkuMSAzLjMgNC4yIDAgNy45LTEuNCA5LjEtMy4zLTEuNyAxLjctNS4xIDIuOC05LjEgMi44LTQtLjEtNy4zLTEuMi05LjEtMi44eiIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0yNCA1LjVzLTIuNS0yLjItNS40LS44Yy0xLjItLjUtMi43LS44LTQuMi0uOWwxLjgtMi4zSDE0UzE0LjEuMSAxMi42LjFjLS44IDAtMS4zLjQtMS4zIDEuNEw5IDEuNmwxLjggMi4yYy0xLjYuMS0zLjEuNC00LjMuOS0zLTEuMy01LjUuOC01LjUuOCAxLjItLjEgMi4yLjEgMyAuNS0xLjEuOS0xLjggMS45LTEuOCAzLjF2OS43YzAgMyA0LjUgNS40IDEwLjMgNS40IDUuNSAwIDkuOC0yLjEgMTAuMi00LjlWOS4xYzAtMS4xLS43LTIuMi0xLjgtMy4xLjktLjQgMS45LS42IDMuMS0uNXpNMTIuNSAyMy4zYy00LjIgMC03LjktMS40LTkuMS0zLjMgMS43IDEuNyA1LjEgMi44IDkuMSAyLjhzNy4zLTEuMSA5LjEtMi44Yy0xLjIgMS45LTQuOSAzLjMtOS4xIDMuM3ptMC0xLjRjLTQuMiAwLTcuOS0xLjQtOS4xLTMuMyAxLjcgMS43IDUuMSAyLjggOS4xIDIuOHM3LjMtMS4xIDkuMS0yLjhjLTEuMiAxLjktNC45IDMuMy05LjEgMy4zem0wLTEuM2MtNC4yIDAtNy45LTEuNC05LjEtMy4zIDEuNyAxLjcgNS4xIDIuOCA5LjEgMi44czcuMy0xLjEgOS4xLTIuOGMtMS4yIDEuOC00LjkgMy4zLTkuMSAzLjN6bTAtMS40Yy00LjIgMC03LjktMS40LTkuMS0zLjMgMS43IDEuNyA1LjEgMi44IDkuMSAyLjhzNy4zLTEuMSA5LjEtMi44Yy0xLjIgMS45LTQuOSAzLjMtOS4xIDMuM3ptMC0xLjRjLTQuMiAwLTcuOS0xLjQtOS4xLTMuMyAxLjcgMS43IDUuMSAyLjggOS4xIDIuOHM3LjMtMS4xIDkuMS0yLjhjLTEuMiAxLjktNC45IDMuMy05LjEgMy4zem0wLTEuM2MtNC4yIDAtNy45LTEuNC05LjEtMy4zIDEuNyAxLjcgNS4xIDIuOCA5LjEgMi44czcuMy0xLjEgOS4xLTIuOGMtMS4yIDEuOC00LjkgMy4zLTkuMSAzLjN6bTAtMS40Yy00LjUgMC04LjQtMS42LTkuMi0zLjYgMS43IDEuOCA1LjEgMyA5LjIgM3M3LjYtMS4yIDkuMi0zYy0uOCAyLTQuNyAzLjYtOS4yIDMuNnptOS40LTZjMCAyLjQtNC4zIDQuNS05LjQgNC41LTUuMSAwLTkuNC0yLjEtOS40LTQuNSAwLTEgLjctMS44IDEuOC0yLjYgMS40LjkgMi4yIDIuMiAyLjIgMi4yTDUgOS44bDUuNCAyIDEtNS41LTEuOSAxLjFjLS43LS45LTEuMy0xLjYtMi0yLjEgMS4yLS40IDIuNi0uNiA0LS43bDEuMSAxLjMgMS4xLTEuM2MxLjQuMSAyLjcuMyAzLjkuNy0uNy41LTEuMyAxLjEtMiAyLjFsLTEuOS0xLjIgMSA1LjUgNS40LTJMMTggOC42cy44LTEuMyAyLjItMi4yYzEgLjggMS43IDEuNyAxLjcgMi43eiIvPjwvc3ZnPg==);
}

.plugin-category__icon.verified {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI1IDI1Ij48ZGVmcz48cmFkaWFsR3JhZGllbnQgaWQ9ImEiIGN4PSIxMi41IiBjeT0iMTIuNSIgcj0iMTEuOTAxIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmNlYzAwIi8+PHN0b3Agb2Zmc2V0PSIuODQiIHN0b3AtY29sb3I9IiNmNTg0MWYiLz48L3JhZGlhbEdyYWRpZW50PjwvZGVmcz48dGl0bGU+aWNvbl92ZXJpZmllZDwvdGl0bGU+PHBhdGggZmlsbD0idXJsKCNhKSIgZD0iTTkuNzkgMjIuNjE2bC0zLjI0LjE5LTEuNDU2LTIuOS0yLjktMS40NTUuMTktMy4yNEwuNiAxMi41bDEuNzg0LTIuNzEtLjE5LTMuMjQgMi45LTEuNDU2IDEuNDU1LTIuOSAzLjI0LjE5TDEyLjUuNmwyLjcxIDEuNzg0IDMuMjQtLjE5IDEuNDU2IDIuOSAyLjkgMS40NTUtLjE5IDMuMjRMMjQuNCAxMi41bC0xLjc4NCAyLjcxLjE5IDMuMjQtMi45IDEuNDU2LTEuNDU1IDIuOS0zLjI0LS4xOUwxMi41IDI0LjRsLTIuNzEtMS43ODQiLz48cGF0aCBkPSJNMTIuNSAxLjJsMi4zIDEuNTEuMjc3LjE4My4zMy0uMDIgMi43NDctLjE2IDEuMjMgMi40NTcuMTUuMy4zLjE1IDIuNDU2IDEuMjMtLjE2MyAyLjc0Mi0uMDIuMzMuMTgzLjI3NiAxLjUxIDIuMy0xLjUxIDIuMy0uMTgzLjI3Ny4wMi4zMy4xNiAyLjc0Ny0yLjQ1NyAxLjIzLS4zLjE1LS4xNS4zLTEuMjMyIDIuNDU3LTIuNzQ2LS4xNi0uMzMtLjAyLS4yNzIuMTgtMi4zIDEuNTEtMi4zLTEuNTEtLjI3Ny0uMTgzLS4zMy4wMi0yLjc0Ny4xNi0xLjIzLTIuNDU3LS4xNS0uMy0uMy0uMTUtMi40NTQtMS4yMy4xNi0yLjc0NS4wMi0uMzMtLjE4Mi0uMjc1LTEuNTEtMi4zIDEuNTEtMi4zLjE4My0uMjc3LS4wMi0uMzMtLjE2LTIuNzQ0TDUuMTcgNS42MTVsLjMtLjE1LjE1LS4zIDEuMjMtMi40NTQgMi43NDQuMTYuMzMuMDIuMjc2LS4xODIgMi4zLTEuNTFtMC0xLjJMOS42NTMgMS44NzVsLTMuNC0uMi0xLjUzIDMuMDQ3TDEuNjc0IDYuMjVsLjIgMy40TDAgMTIuNWwxLjg3NSAyLjg0Ny0uMiAzLjQgMy4wNDcgMS41MjggMS41MjggMy4wNSAzLjQtLjJMMTIuNSAyNWwyLjg0Ny0xLjg3NSAzLjQuMiAxLjUyOC0zLjA0NyAzLjA0Ny0xLjUyOC0uMi0zLjRMMjUgMTIuNWwtMS44NzUtMi44NDcuMi0zLjQtMy4wNDctMS41My0xLjUyOC0zLjA0OC0zLjQuMkwxMi41IDB6IiBmaWxsPSIjZjE2NTI5Ii8+PHBhdGggZmlsbD0iI2ZmZiIgZD0iTTUuNjI1IDEzLjQzOGw0Ljg0NCA0Ljg0MyA4LjY1NS04LjY1NUwxNy4yNSA3Ljc1bC02LjUgNi41LTMuMDk0LTMuMDk0LTIuMDMgMi4yODIiLz48L3N2Zz4=);
  color: #f46800;
}

.plugin-category__icon.premium {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjUwIiBoZWlnaHQ9IjE5OCIgdmlld0JveD0iMCAwIDI1MCAxOTgiPjxzdHlsZT4uc3Qwe2ZpbGw6dXJsKCNTVkdJRF8xXyl9PC9zdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzFfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjEyNi44NSIgeTE9IjIyNi40MzkiIHgyPSIxMjMuNjI4IiB5Mj0iLTU5LjU3OCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmMjAwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjE1YTI5Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMjQ1LjUgNTAuNUwyMDQuNyA1LjdjLTMuMy0zLjYtOC01LjctMTIuOS01LjdINTguMmMtNC45IDAtOS42IDIuMS0xMi45IDUuN0w0LjUgNTAuNUMxLjYgNTMuNyAwIDU3LjkgMCA2Mi4zUzEuNiA3MC44IDQuNiA3NGwxMDcuNiAxMTcuNmMzLjMgMy42IDggNS43IDEyLjkgNS43czkuNi0yLjEgMTIuOS01LjdMMjQ1LjQgNzRjMi45LTMuMiA0LjYtNy40IDQuNi0xMS43IDAtNC40LTEuNi04LjYtNC41LTExLjh6bS0xMC44IDUuNGgtMzUuNGwtMTctMTkuMyAxNy4yLTE5LjUgMzUuMiAzOC44em0tODIuMi00NC4zbDIyIDI1LTE3IDE5LjNoLTExLjRsLTE3LjMtMTkuNiAyMS44LTI0LjdoMS45em0tNTEuOCA1NS45bDE4LjYgMTA4LjZMNTguOCA2Ny41aDQxLjl6bTQyLjcgMEwxMjUgMTc1LjIgMTA2LjYgNjcuNWgzNi44em0tMzEuOC0xMS42TDEyNSA0MC43bDEzLjQgMTUuMmgtMjYuOHptMzcuNyAxMS42aDQ0LjVsLTYzLjIgMTA5LjQgMTguNy0xMDkuNHptMTUuOS0xMS42TDE3OC40IDQxbDEzLjIgMTQuOWgtMjYuNHpNMTI1IDMybC0xNy45LTIwLjRIMTQzTDEyNSAzMnpNOTkuMyAxMS42bDIxLjggMjQuNy0xNy4zIDE5LjZIOTNMNzUuNyAzNi4zbDIxLjgtMjQuN2gxLjh6bS0xNCA0NC4zSDU4LjRsMTMuNC0xNS4yIDEzLjUgMTUuMnpNNTIuMiA2Ny41TDExMSAxNzMgMTQuNCA2Ny41aDM3Ljh6bTE0OC4zIDBoMzUuMWwtOTUuMyAxMDQuMiA2MC4yLTEwNC4yem0tNS4xLTU0LjZsLTE3IDE5LjMtMTguMi0yMC42aDMxLjZjMS4zIDAgMi42LjUgMy42IDEuM3pNODkuOCAxMS42TDcxLjggMzJsLTE3LTE5LjNjMS0uNyAyLjEtMS4xIDMuNC0xLjFoMzEuNnptLTM5IDUuM0w2OCAzNi4zIDUwLjcgNTUuOUgxNS4zbDM1LjUtMzl6Ii8+PC9zdmc+Cg==);
}

.plugin-category__icon.preview {
  background-image: url("/img/icon_pending.svg");
  color: #f27c49;
}

.plugin-category__icon.deprecated {
  color: #f27c49;
  padding: 0 0.625rem 0 0.625rem;
}

.plugin-category-description__section {
  margin-bottom: 2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  border-radius: 4px;
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  text-overflow: clip;
}

.plugin-category-description__icon {
  display: inline-block;
  padding: 0.625rem 0.625rem 0.625rem 1.75rem;
  margin: 0 1.25rem;
  background-repeat: no-repeat;
  background-position: 0 45%;
  background-size: 20px;
  font-size: 0.875rem;
}

.plugin-category-description__icon.app {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi45NzgiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyMi45NzggMjUiPjx0aXRsZT5pY29uX2FwcHM8L3RpdGxlPjxwYXRoIGQ9Ik0yMS4yMjQgMTEuMjFhMS43NiAxLjc2IDAgMCAwLTEuNjgyIDEuMjU3SDE0Ljg5YTQuMjMgNC4yMyAwIDAgMC0uMy0xLjE0MmwzLjExNC0xLjhBMi4wNSAyLjA1IDAgMSAwIDE3LjEyIDguMWExLjk4NiAxLjk4NiAwIDAgMCAuMDguNTY1bC0zLjExOCAxLjhhNC4yNDMgNC4yNDMgMCAwIDAtLjgzNS0uODM1bC41ODYtMS4wMTVhMi4xNjUgMi4xNjUgMCAwIDAgLjU5My4wODYgMi4xMTYgMi4xMTYgMCAxIDAtMS40NS0uNThsLS41OCAxLjAxMmEzLjk1NSAzLjk1NSAwIDAgMC0xLjE0LS4zVjMuMDA4YTEuNTQ3IDEuNTQ3IDAgMSAwLTEgMHY1LjgxN2E0LjIzIDQuMjMgMCAwIDAtMS4xNDMuM2wtMi4wNi0zLjU2MkExLjY4NCAxLjY4NCAwIDAgMCA3LjUxIDQuNGExLjcxIDEuNzEgMCAxIDAtMS4zMiAxLjY2bDIuMDYgMy41N2E0LjMyMyA0LjMyMyAwIDAgMC0uODQzLjg0M2wtMy41NjYtMi4wNmExLjc2IDEuNzYgMCAwIDAgLjA0NS0uMzkgMS43IDEuNyAwIDEgMC0xLjcgMS43IDEuNjg2IDEuNjg2IDAgMCAwIDEuMTU1LS40NTNsMy41NyAyLjA2YTQuMDkgNC4wOSAwIDAgMC0uMyAxLjEzM0g1LjIwNmEyLjMwNSAyLjMwNSAwIDEgMCAwIDFoMS40MDdhNC4yMyA0LjIzIDAgMCAwIC4zIDEuMTQyTDMuMTAyIDE2LjhhMS44MjMgMS44MjMgMCAxIDAgLjU1IDEuMyAxLjc3NSAxLjc3NSAwIDAgMC0uMDYzLS40MzhsMy44MjItMi4yMDZhNC4yIDQuMiAwIDAgMCAuODQzLjg0bC0yLjk4IDUuMTkzYTEuNzI3IDEuNzI3IDAgMCAwLS40MTMtLjA1IDEuNzggMS43OCAwIDEgMCAxLjI3Ny41NGwyLjk4LTUuMTc4YTQuMDkgNC4wOSAwIDAgMCAxLjEzMy4zdjEuNDA4YTIuMDU1IDIuMDU1IDAgMSAwIC45OSAwVjE3LjFhNC4yMyA0LjIzIDAgMCAwIDEuMTQzLS4zbDIuNDYgNC4yNmExLjgyNCAxLjgyNCAwIDEgMCAxLjMwNi0uNTUyIDEuNzc4IDEuNzc4IDAgMCAwLS40NDYuMDU3bC0yLjQ2LTQuMjY1YTMuOTYgMy45NiAwIDAgMCAuODI2LS44MjdsLjQ0Ni4yNThhMi4zMjQgMi4zMjQgMCAwIDAtLjEyLjczOCAyLjQgMi40IDAgMSAwIC42Mi0xLjZsLS40NDMtLjI1NGE0LjE1NSA0LjE1NSAwIDAgMCAuMzEtMS4xNTRoNC42NmExLjc1MyAxLjc1MyAwIDEgMCAxLjY4LTIuMjV6bTAgMi43MWEuOTU4Ljk1OCAwIDEgMSAuOTU4LS45NTguOTYuOTYgMCAwIDEtLjk1OC45NnpNMTAuNzUgMTYuMTRhMy4xNzcgMy4xNzcgMCAxIDEgMy4xNzctMy4xNzggMy4xOCAzLjE4IDAgMCAxLTMuMTc3IDMuMTc3em03LjE2My04LjA0YTEuMjYgMS4yNiAwIDEgMSAxLjI2IDEuMjYgMS4yNiAxLjI2IDAgMCAxLTEuMjYtMS4yNnpNMTUuNzQgNi41OTRhMS4zMTQgMS4zMTQgMCAxIDEtMS4zMTUtMS4zMTQgMS4zMTUgMS4zMTUgMCAwIDEgMS4zMTQgMS4zMTR6TTkuOTk2IDEuNTQ4YS43NTMuNzUzIDAgMSAxIC43NTMuNzUzLjc1NC43NTQgMCAwIDEtLjc1My0uNzUyek00Ljg5NyA0LjRhLjkxLjkxIDAgMSAxIC45MS45MS45MS45MSAwIDAgMS0uOTEtLjkxek0yLjE5IDguOTM2YS45MS45MSAwIDEgMSAuOTA4LS45MS45MS45MSAwIDAgMS0uOTEuOTF6bS43NyA1LjUyNmExLjUwNiAxLjUwNiAwIDEgMSAxLjUwNS0xLjUwNiAxLjUwOCAxLjUwOCAwIDAgMS0xLjUwOCAxLjUwNnptLS4xIDMuNjQ2YTEuMDMyIDEuMDMyIDAgMSAxLTEuMDMzLTEuMDMyIDEuMDMzIDEuMDMzIDAgMCAxIDEuMDMyIDEuMDMyem0yLjk4NyA1LjExYS45ODYuOTg2IDAgMSAxLS45ODYtLjk4Ny45ODcuOTg3IDAgMCAxIC45ODcuOTg3em00LjktMS40NmExLjI2IDEuMjYgMCAxIDEgMS4yNi0xLjI2IDEuMjYgMS4yNiAwIDAgMS0xLjI1NyAxLjI2em02LjQ0Mi41N2ExLjAzMiAxLjAzMiAwIDEgMS0xLjAzMy0xLjAyOCAxLjAzMyAxLjAzMyAwIDAgMSAxLjAzMiAxLjAyOHptLS40LTcuNDU4YTEuNiAxLjYgMCAxIDEtMS42IDEuNiAxLjYgMS42IDAgMCAxIDEuNi0xLjZ6IiBmaWxsPSIjODk4OTg5Ii8+PC9zdmc+);
}

.plugin-category-description__icon.page {
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjUiIGhlaWdodD0iMjQuNyIgdmlld0JveD0iLTM3IDM4LjMgMjUgMjQuNyI+PHN0eWxlPi5zdDB7ZmlsbDpub25lfS5zdDF7ZmlsbDojODk4OTg5fTwvc3R5bGU+PHRpdGxlPmljb25fZGFzaGJvYXJkPC90aXRsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTE2LjYgMzkuM2gtMTUuOGMtMS45IDAtMy41IDEuNi0zLjUgMy41di45aDIyLjd2LS45Yy4xLTItMS41LTMuNS0zLjQtMy41em0tMTYuOSAzLjNjLS41IDAtLjktLjQtLjktLjlzLjQtLjkuOS0uOS45LjQuOS45LS40LjktLjkuOXptMi4zIDBjLS41IDAtLjktLjQtLjktLjlzLjQtLjkuOS0uOS45LjQuOS45LS40LjktLjkuOXoiLz48Y2lyY2xlIGNsYXNzPSJzdDEiIGN4PSItMzMuNSIgY3k9IjQxLjciIHI9Ii45Ii8+PGNpcmNsZSBjbGFzcz0ic3QxIiBjeD0iLTMxLjIiIGN5PSI0MS43IiByPSIuOSIvPjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0tMjQuOCA1Ni42aDl2MmgtOXptMC0zLjRoOXYyaC05em0wLTMuNGg5djJoLTl6bS04LjctMy40aDE3LjZ2MmgtMTcuNnptLS4xIDMuNGg3LjJ2OC44aC03LjJ6Ii8+PHBhdGggY2xhc3M9InN0MSIgZD0iTS0xNi42IDM4LjNoLTE1LjhjLTIuNSAwLTQuNSAyLTQuNSA0LjV2MTUuOGMwIDIuNSAyIDQuNSA0LjUgNC41aDE1LjhjMi41IDAgNC41LTIgNC41LTQuNVY0Mi44Yy0uMS0yLjUtMi4xLTQuNS00LjUtNC41em0zLjUgMjAuMmMwIDEuOS0xLjYgMy41LTMuNSAzLjVoLTE1LjhjLTEuOSAwLTMuNS0xLjYtMy41LTMuNVY0NC42aDIyLjd2MTMuOXptMC0xNC44aC0yMi43di0uOWMwLTEuOSAxLjYtMy41IDMuNS0zLjVoMTUuOGMxLjkgMCAzLjUgMS42IDMuNSAzLjV2Ljl6Ii8+PC9zdmc+);
}

.plugin-category-description__icon.dashboard {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNC42OTkiIHZpZXdCb3g9IjAgMCAyNSAyNC42OTkiPjx0aXRsZT5pY29uX2Rhc2hib2FyZDwvdGl0bGU+PHBhdGggZD0iTTMuMzYuMDA0TDAgMy4zNjRWNi4wOEw2LjA3NC4wMDNIMy4zNnptNi4yMTMgMGgtMi41NkwwIDcuMDE4djIuNTZjMCAuMDQ4IDAgLjEuMDA4LjE0Nkw5LjcxOC4wMTJDOS42Ny4wMDggOS42MjMuMDA0IDkuNTc0LjAwNHptLjkxNS4xOGwtMTAuMyAxMC4zYTIuNCAyLjQgMCAwIDAgMS4zODggMS4zMjZsMTAuMjQtMTAuMjRBMi40MjcgMi40MjcgMCAwIDAgMTAuNDg3LjE4NHptMS40NjUgOS40OTZsLTIuMjc4IDIuMjdhMi4zOCAyLjM4IDAgMCAwIDIuMjc4LTIuMjd6bS05LjU2OSAyLjI4SDUuMDhsNi44NzctNi44NzdWMi4zNjhsLTkuNTk0IDkuNTk0aC4wMnptMy42MzMgMGgyLjcxNWwzLjIyNS0zLjIyOHYtMi43MXpNMi4zODQuMDA0QTIuMzg3IDIuMzg3IDAgMCAwIDAgMi4zOXYuMDM1TDIuNDIuMDA1aC0uMDM2em0xMC42NTkgOS41NzNhMi4zNCAyLjM0IDAgMCAwIC40IDEuMzIzTDIzLjk0My40QTIuMzc3IDIuMzc3IDAgMCAwIDIyLjYyIDBoLS45OTJsLTguNTg1IDguNTl2Ljk4NnptMi4zODQgMi4zODNoLjYxMkwyNSAzdi0uNjFhMi4zODIgMi4zODIgMCAwIDAtLjU2NC0xLjU0TDEzLjg4OCAxMS4zOTRhMi4zNzcgMi4zNzcgMCAwIDAgMS41NC41Njh6bTAtMTEuOTU2YTIuMzg3IDIuMzg3IDAgMCAwLTIuMzg0IDIuMzg1djEuNjA3TDE3LjAzNi4wMDRoLTEuNjF6TTEzLjA0MyA3LjY1TDIwLjY5LjAwMmgtMi43MTZsLTQuOTMgNC45MzNWNy42NXptOS41NzMgNC4zMWEyLjQyIDIuNDIgMCAwIDAgLjkxLS4xOGwxLjI5LTEuMjlBMi4zMzIgMi4zMzIgMCAwIDAgMjUgOS41ODNWNy41OThsLTQuMzY4IDQuMzY4aDEuOTg4em0tMi45MjYgMEwyNSA2LjY1VjMuOTRsLTguMDIgOC4wMmgyLjcxem0tMTcuMzA2Ljc3N2EyLjMzNSAyLjMzNSAwIDAgMC0xLjA0LjI0NWwtMS4xIDEuMUEyLjM1MiAyLjM1MiAwIDAgMCAwIDE1LjEyMnYxLjkxM2w0LjMtNC4zSDIuMzg0em03LjE4OSAxMS45NTdhMi4zODcgMi4zODcgMCAwIDAgMi4zODQtMi4zODR2LTEuNjhsLTQuMDYyIDQuMDY0aDEuNjc4em0yLjM4NC03LjcxNmwtNy43MTUgNy43MTZoMi43MTRsNS01di0yLjcxNnptLTIuMzg0LTQuMjQxSDguODlMMCAyMS42Mjd2LjY4MmEyLjM1NSAyLjM1NSAwIDAgMCAuNTM1IDEuNWwxMC41NC0xMC41NDNhMi4zOTMgMi4zOTMgMCAwIDAtMS41LS41M3ptLTQuMzM1IDBMMCAxNy45NzV2Mi43MTRsNy45NTMtNy45NTRINS4yMzh6bTYuNzE5IDIuMzgzYTIuMzU2IDIuMzU2IDAgMCAwLS40MzMtMS4zNjJMMS4wMiAyNC4yNjZhMi4zODYgMi4zODYgMCAwIDAgMS4zNjMuNDMzSDMuM2w4LjY1NC04LjY1NXYtLjkyNHptMTAuNTQ5IDkuNTc0aC4xMDZBMi4zODcgMi4zODcgMCAwIDAgMjUgMjIuMzF2LS4xMDd6TTEzLjA1IDE0Ljk1bDIuMi0yLjJhMi4zOSAyLjM5IDAgMCAwLTIuMiAyLjJ6bS0uMDA3Ljk0NnYyLjcxbDUuODctNS44N0gxNi4yem02LjgwOS0zLjE1OWwtNi44MSA2LjgxdjIuNzE1bDkuNTI0LTkuNTI0aC0yLjcxNHpNMjUgMTUuMTJhMS43MTUgMS43MTUgMCAwIDAtLjAxMi0uMjFsLTkuNzc4IDkuNzc2YTEuOTM3IDEuOTM3IDAgMCAwIC4yMTIuMDEyaDIuNDlMMjUgMTcuNjE1VjE1LjEyem0tMS42MjUtMi4yNTJMMTMuMTcgMjMuMDc0YTIuNCAyLjQgMCAwIDAgMS4zIDEuNDE2TDI0LjggMTQuMTZhMi4zOCAyLjM4IDAgMCAwLTEuNDItMS4yOTN6TTI1IDE4LjU1bC02LjE0OCA2LjE0M2gyLjcxNUwyNSAyMS4yNjVWMTguNTV6IiBmaWxsPSIjODk4OTg5Ii8+PC9zdmc+);
}

.plugin-category-description__icon.datasource {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNC4zcHgiIHZpZXdCb3g9Ii0xODcgNzMuNyAyNSAyNC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xODcgNzMuNyAyNSAyNC4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCgk+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRTJFMkUyO30NCjwvc3R5bGU+DQo8Zz4NCgk8dGl0bGU+aWNvbl9kYXRhLXNvdXJjZTwvdGl0bGU+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTc0LjUsOTQuM2MtNS41LDAtMTAuMi0xLjYtMTIuMy00Yy0wLjEsMC4zLTAuMiwwLjYtMC4yLDFjMCwzLjIsNS43LDYsMTIuNSw2czEyLjUtMi43LDEyLjUtNg0KCQkJYzAtMC4zLTAuMS0wLjctMC4yLTFDLTE2NC40LDkyLjctMTY5LDk0LjMtMTc0LjUsOTQuM3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0xNzQuNSw4OC45Yy01LjUsMC0xMC4yLTEuNi0xMi4zLTRjLTAuMSwwLjMtMC4yLDAuNi0wLjIsMWMwLDMuMiw1LjcsNiwxMi41LDZzMTIuNS0yLjcsMTIuNS02DQoJCQljMC0wLjMtMC4xLTAuNy0wLjItMUMtMTY0LjQsODcuMy0xNjksODguOS0xNzQuNSw4OC45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTE4Nyw4MC40YzAsMy4yLDUuNyw2LDEyLjUsNnMxMi41LTIuNywxMi41LTZzLTUuNy02LTEyLjUtNlMtMTg3LDc3LjEtMTg3LDgwLjR6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
}

.plugin-category-description__icon.panel {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNC4zMzEiIHZpZXdCb3g9Ii02MiA2My42NjkgMjUgMjQuMzMxIj48dGl0bGU+aWNvbl9kYXRhLXNvdXJjZTwvdGl0bGU+PHBhdGggZD0iTS00MS40MDUgNjMuNjczaC0xNi4xOUE0LjQxIDQuNDEgMCAwIDAtNjIgNjguMDc4djE1LjUxN0E0LjQxIDQuNDEgMCAwIDAtNTcuNTk1IDg4aDE2LjE5QTQuNDEgNC40MSAwIDAgMC0zNyA4My41OTVWNjguMDc4YTQuNDEgNC40MSAwIDAgMC00LjQwNS00LjQwNXptMy43MjcgMTkuOTIyYTMuNzMxIDMuNzMxIDAgMCAxLTMuNzI3IDMuNzI3aC0xNi4xOWEzLjczMSAzLjczMSAwIDAgMS0zLjcyNy0zLjcyN1Y2OC4wNzhhMy43MzEgMy43MzEgMCAwIDEgMy43MjctMy43MjdoMTYuMTlhMy43MzEgMy43MzEgMCAwIDEgMy43MjcgMy43Mjd2MTUuNTE3eiIgZmlsbD0iIzg5ODk4OSIvPjxnIGZpbGw9IiM4OTg5ODkiPjxwYXRoIGQ9Ik0tNTYuNDU3IDg1LjE0N2gxMy45MTRhMi4zNSAyLjM1IDAgMCAwIDIuMjctMS43NTloLTE4LjQ1NGEyLjM1MSAyLjM1MSAwIDAgMCAyLjI3IDEuNzU5em0uMDQ3LTguNzA2bDIuMDg3LjgzLjgxLS45NzdoLTUuMjk5djEuNjgzbDEuNjM2LTEuNDA4YS43NTEuNzUxIDAgMCAxIC43NjYtLjEyOHptNS44MzktMy42OTRoLTguMjQxdjIuODI4aDUuODk1em03Ljk0OSAyLjgyOGguNzM5bDEuNjk1LTEuMzA0di0xLjUyNGgtNC4yN3ptLTE2LjE5IDQuMzgxdjIuNzEzaDE4LjYyNHYtMi44MjhoLTE4LjQ5MXptOS43NjYtOS4wNDdhLjc0OC43NDggMCAwIDEgLjg5MS0uMjAybDIuODY5IDEuMzIyaDUuMDk5VjY5LjJoLTE4LjYyNXYyLjgyOGg4LjgzOGwuOTI4LTEuMTE5em02LjUwMy00LjM4N2gtMTMuOTE0YTIuMzUyIDIuMzUyIDAgMCAwLTIuMzE2IDEuOTZoMTguNTQ1YTIuMzUgMi4zNSAwIDAgMC0yLjMxNS0xLjk2em0tNC43NjggNi4yMjVoLTEuMzExbC0yLjM0NiAyLjgyOGg2LjU1OGwtMS4zODItMi4xMjh6Ii8+PHBhdGggZD0iTS00Mi4xMDUgNzcuNjM5YS43NDcuNzQ3IDAgMCAxLTEuMDg2LS4xODZsLS43NTItMS4xNThoLTcuNjIxbC0xLjk1MiAyLjM1NGEuNzUuNzUgMCAwIDEtLjg1NC4yMTlsLTIuMTcyLS44NjQtMS4zMDEgMS4xMmgxNy42NTd2LTIuODI4aC0uMTdsLTEuNzQ5IDEuMzQzeiIvPjwvZz48L3N2Zz4=);
}

.plugin-category-description__icon.grafana {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNSIgdmlld0JveD0iMCAwIDI1IDI1Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSIxNy40NzgiIHkxPSIyNSIgeDI9IjE3LjQ3OCIgZ3JhZGllbnRUcmFuc2Zvcm09InRyYW5zbGF0ZSgtNC45NzgpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZjYzBkIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjE1OTJhIi8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHRpdGxlPmljb25fZ3JhZmFuYTwvdGl0bGU+PHBhdGggZD0iTTE2LjU0OCAxNi40MjJjLS4xODctLjIyNC0uNTU2LjA2NS0uNzY3LjEyM2EyLjkyMiAyLjkyMiAwIDAgMS0uODA0LjA3MiAyLjIzNCAyLjIzNCAwIDAgMS0uOTI4LS4yNCAyLjg2NCAyLjg2NCAwIDAgMS0uNjktLjQ1IDIuNDQ1IDIuNDQ1IDAgMCAxLS41MzctLjY4NyAyLjQxOCAyLjQxOCAwIDAgMS0uMy0uODUzIDMuMTE1IDMuMTE1IDAgMCAxLS4wMy0uNTg0IDIuMTkyIDIuMTkyIDAgMCAxIC4wMy0uMzYgMy4zNiAzLjM2IDAgMCAxIC45Ni0xLjggMy4zMjMgMy4zMjMgMCAwIDEgMi4yNDctLjg4MyAzLjk0OCAzLjk0OCAwIDAgMSAxLjkyOC41MSA0LjA0NyA0LjA0NyAwIDAgMSAxLjY2MiAxLjczNiAzLjk0NyAzLjk0NyAwIDAgMSAuMzc0IDEuMTY4IDQuOTUyIDQuOTUyIDAgMCAxLS4zNDMgMi41NDUgNi4wNCA2LjA0IDAgMCAxLS42NDcgMS4xOCA1LjIxNCA1LjIxNCAwIDAgMS0yLjA4IDEuNjkyIDQuNzQ4IDQuNzQ4IDAgMCAxLTEuMjg3LjM5IDUuMDEgNS4wMSAwIDAgMS0uOTg4LjA3NCA2LjkgNi45IDAgMCAxLTMuMTQ0LS44MSA3LjIzIDcuMjMgMCAwIDEtMi45OC0zLjAyMyA2Ljk3MiA2Ljk3MiAwIDAgMS0uNzMyLTMuMTZBOC4zOTIgOC4zOTIgMCAwIDEgOS44NCA3LjIxN2E2LjM4NCA2LjM4NCAwIDAgMSAyLjU3Mi0xLjUzIDcuNDQ2IDcuNDQ2IDAgMCAxIDEuMTA3LS4yNzdjLjMxNy0uMDUyLjY0OC0uMDg0Ljk2LS4xNTQuMSAwIC4yOTQtLjAxNS4zNDUtLjAxNWE5Ljk2IDkuOTYgMCAwIDEgMS45NzYuMTM2IDguMjEgOC4yMSAwIDAgMSAzLjY1NiAxLjY3IDkuNDY0IDkuNDY0IDAgMCAxIDEuMzIyIDEuMjc0IDExLjIwNyAxMS4yMDcgMCAwIDEgMS4wOSAxLjY1IDcuNTE1IDcuNTE1IDAgMCAxIC43NDYgMS45NjIuMjI1LjIyNSAwIDAgMCAuMjEuMTVjLjIyLS4wMzIuMTc2LS4yODIuMTc2LS40NDIgMC0uMjMzLS4wMS0uNDY1LS4wMzYtLjdhOC40MyA4LjQzIDAgMCAwLS4yNDgtMS4zNzdBOC45MiA4LjkyIDAgMCAwIDIxLjIgNS4zYTMuNjU3IDMuNjU3IDAgMCAwLS40MzQtMi42IDMuODQzIDMuODQzIDAgMCAwLTIuNTE1LjY0MyA3LjE3IDcuMTcgMCAwIDAtMS4yMzUtLjQyNSA1LjA3NiA1LjA3NiAwIDAgMC0xLjI5My0uMjY0QTQuNjUyIDQuNjUyIDAgMCAwIDEzLjQ2NCAwYTQuOTc1IDQuOTc1IDAgMCAwLTIuMjMgMi44NmMuMDE0LjAzLjAzLjA0NS4wNDQuMDc1YTcuNjUgNy42NSAwIDAgMC0xLjUuNTY1IDcuOTc4IDcuOTc4IDAgMCAwLS43NjMuNDEyYy0uMTE1LjA3LS4yMzMuMTQyLS4zNDYuMjE2YTEuMSAxLjEgMCAwIDEtLjMxLjIuMjM2LjIzNiAwIDAgMS0uMDE2LS4wNiA2LjUyNyA2LjUyNyAwIDAgMC00LjkxLjE5NSA3LjA0IDcuMDQgMCAwIDAgMS4yODcgNC44MiAxMS4yMTYgMTEuMjE2IDAgMCAwLS4zOCAxLjMzIDYuNiA2LjYgMCAwIDAtLjIzMyAxLjQwOCA2LjQ1NiA2LjQ1NiAwIDAgMC0zLjExMyAzLjYyNCA2LjgxOCA2LjgxOCAwIDAgMCA0LjM0IDIuNDQgOS44MyA5LjgzIDAgMCAwIDEuNTQzIDIuMDhBNS4zOCA1LjM4IDAgMCAwIDYuOTgyIDI0YTYuMTYzIDYuMTYzIDAgMCAwIDQuMDEyLTEuMjI3IDExLjQ3NSAxMS40NzUgMCAwIDAgMy42NjguNTI0QTQuNDggNC40OCAwIDAgMCAxNy41NjYgMjVhNC41NTMgNC41NTMgMCAwIDAgMS4zOTItMy4xMTQuMDguMDggMCAwIDAtLjA0NS0uMDMgNi45IDYuOSAwIDAgMCAuODIzLS42NTggOC41MjUgOC41MjUgMCAwIDAgLjgwNS0uODQyIDUuMTI2IDUuMTI2IDAgMCAwIC42NjMtLjkyNCAzLjYzNSAzLjYzNSAwIDAgMCAyLjUzLS45MjggMy43MzYgMy43MzYgMCAwIDAtMS4zNDctMi40N2MtLjAxNSAwLS4wMyAwLS4wMy4wMTVhNy4zMDcgNy4zMDcgMCAwIDAtLjEyLTIuMzUgNi40MSA2LjQxIDAgMCAwLTUuMzYtNC44OCA1LjMyIDUuMzIgMCAwIDAtMS43NjYuMDMgNC45NzggNC45NzggMCAwIDAtMS42My42MTIgNC44NSA0Ljg1IDAgMCAwLTIuMjMgNS4yODUgMy44IDMuOCAwIDAgMCAxLjYwNSAyLjEzMiAzLjcwNyAzLjcwNyAwIDAgMCAxLjMuNDk0IDMuOTY2IDMuOTY2IDAgMCAwIC42OS4wNTNjLjEgMCAuMjEtLjAyMy4zMTMtLjAxNWExLjkxOCAxLjkxOCAwIDAgMCAuNjQzLS4xN2MuMjUzLS4xLjQ1My0uMjY1LjY5LS4zODRhLjMzNC4zMzQgMCAwIDAgLjA2LS40MzR6IiBmaWxsPSJ1cmwoI2EpIi8+PC9zdmc+);
}

.plugin-dependencies {
  margin: 0;
  font-size: 0.875rem;
}

.plugin-rating {
  display: table;
  width: 10rem;
  height: 10rem;
  border: 1px solid #898989;
  text-align: center;
}

@media (min-width: 62rem) {
  .plugin-rating {
    float: right;
  }
}

.plugin-rating__body {
  display: table-cell;
  vertical-align: middle;
}

.plugin-section-header {
  position: relative;
  font-size: 1.5rem;
  color: #a2a2a2;
}

.plugin-section-header::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.0625rem;
  background: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
  background: linear-gradient(to right, #ff8100 0%, #993300 75%);
  content: '';
}

.plugin-screenshot {
  margin-top: 0;
  margin-bottom: 2.5rem;
}

.plugin-screenshot li {
  background-color: #404040;
  margin-right: 3px;
  margin-bottom: 3px;
  padding: 5px 3px 0 3px;
  height: 110px;
  vertical-align: middle;
}

.plugin-screenshot li:nth-last-child(2) {
  margin-right: 5px;
}

.plugin-screenshot li.plugin-screenshot__add {
  background-color: transparent;
  padding-left: 0;
}

.plugin-section {
  margin-bottom: 3.125rem;
}

.plugin-installation-section {
  margin-bottom: 4rem;
}

.plugin-installation--section-head {
  margin-bottom: 2rem;
}

.plugin-installation--section-head h2 {
  margin-bottom: 0.3125rem;
}

.plugin-installation--section-head p {
  margin-top: 0;
  color: #898989;
}

.installation-steps {
  margin-bottom: 3rem;
}

h2 > .installation-number {
  font-weight: 700;
  padding: 3px 9px;
  border: 3px solid #fefefe;
  border-radius: 50%;
  margin-right: 0.625rem;
}

h3 > .installation-number {
  font-weight: 700;
  padding: 0 6px;
  border: 3px solid #fefefe;
  border-radius: 50%;
  margin-right: 0.625rem;
}

.installation-deprecated {
  color: #f27c49;
  margin-bottom: 3rem;
}

.plugin-grafana-menu {
  margin: 0 0.625rem;
  padding: 6px 10px;
  font-size: 1rem;
  display: inline-block;
  cursor: default;
  background-color: #292929;
  -o-border-image: linear-gradient(#ffd500 0%, #ff4400 99%, #ff4400 100%);
     border-image: -webkit-gradient(linear, left top, left bottom, from(#ffd500), color-stop(99%, #ff4400), to(#ff4400));
     border-image: linear-gradient(#ffd500 0%, #ff4400 99%, #ff4400 100%);
  border-image-slice: 1;
  border-top: 0;
  border-right: 0;
  border-bottom: 0;
  border-left: 2px solid transparent;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
          box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

.plugin-grafana-menu__icon {
  display: inline-block;
  padding: 0 0.625rem 0 1.875rem;
  background-repeat: no-repeat;
  background-position: 0 45%;
  background-size: 20px;
}

.plugin-grafana-menu__icon.app {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi45NzgiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyMi45NzggMjUiPjx0aXRsZT5pY29uX2FwcHM8L3RpdGxlPjxwYXRoIGQ9Ik0yMS4yMjQgMTEuMjFhMS43NiAxLjc2IDAgMCAwLTEuNjgyIDEuMjU3SDE0Ljg5YTQuMjMgNC4yMyAwIDAgMC0uMy0xLjE0MmwzLjExNC0xLjhBMi4wNSAyLjA1IDAgMSAwIDE3LjEyIDguMWExLjk4NiAxLjk4NiAwIDAgMCAuMDguNTY1bC0zLjExOCAxLjhhNC4yNDMgNC4yNDMgMCAwIDAtLjgzNS0uODM1bC41ODYtMS4wMTVhMi4xNjUgMi4xNjUgMCAwIDAgLjU5My4wODYgMi4xMTYgMi4xMTYgMCAxIDAtMS40NS0uNThsLS41OCAxLjAxMmEzLjk1NSAzLjk1NSAwIDAgMC0xLjE0LS4zVjMuMDA4YTEuNTQ3IDEuNTQ3IDAgMSAwLTEgMHY1LjgxN2E0LjIzIDQuMjMgMCAwIDAtMS4xNDMuM2wtMi4wNi0zLjU2MkExLjY4NCAxLjY4NCAwIDAgMCA3LjUxIDQuNGExLjcxIDEuNzEgMCAxIDAtMS4zMiAxLjY2bDIuMDYgMy41N2E0LjMyMyA0LjMyMyAwIDAgMC0uODQzLjg0M2wtMy41NjYtMi4wNmExLjc2IDEuNzYgMCAwIDAgLjA0NS0uMzkgMS43IDEuNyAwIDEgMC0xLjcgMS43IDEuNjg2IDEuNjg2IDAgMCAwIDEuMTU1LS40NTNsMy41NyAyLjA2YTQuMDkgNC4wOSAwIDAgMC0uMyAxLjEzM0g1LjIwNmEyLjMwNSAyLjMwNSAwIDEgMCAwIDFoMS40MDdhNC4yMyA0LjIzIDAgMCAwIC4zIDEuMTQyTDMuMTAyIDE2LjhhMS44MjMgMS44MjMgMCAxIDAgLjU1IDEuMyAxLjc3NSAxLjc3NSAwIDAgMC0uMDYzLS40MzhsMy44MjItMi4yMDZhNC4yIDQuMiAwIDAgMCAuODQzLjg0bC0yLjk4IDUuMTkzYTEuNzI3IDEuNzI3IDAgMCAwLS40MTMtLjA1IDEuNzggMS43OCAwIDEgMCAxLjI3Ny41NGwyLjk4LTUuMTc4YTQuMDkgNC4wOSAwIDAgMCAxLjEzMy4zdjEuNDA4YTIuMDU1IDIuMDU1IDAgMSAwIC45OSAwVjE3LjFhNC4yMyA0LjIzIDAgMCAwIDEuMTQzLS4zbDIuNDYgNC4yNmExLjgyNCAxLjgyNCAwIDEgMCAxLjMwNi0uNTUyIDEuNzc4IDEuNzc4IDAgMCAwLS40NDYuMDU3bC0yLjQ2LTQuMjY1YTMuOTYgMy45NiAwIDAgMCAuODI2LS44MjdsLjQ0Ni4yNThhMi4zMjQgMi4zMjQgMCAwIDAtLjEyLjczOCAyLjQgMi40IDAgMSAwIC42Mi0xLjZsLS40NDMtLjI1NGE0LjE1NSA0LjE1NSAwIDAgMCAuMzEtMS4xNTRoNC42NmExLjc1MyAxLjc1MyAwIDEgMCAxLjY4LTIuMjV6bTAgMi43MWEuOTU4Ljk1OCAwIDEgMSAuOTU4LS45NTguOTYuOTYgMCAwIDEtLjk1OC45NnpNMTAuNzUgMTYuMTRhMy4xNzcgMy4xNzcgMCAxIDEgMy4xNzctMy4xNzggMy4xOCAzLjE4IDAgMCAxLTMuMTc3IDMuMTc3em03LjE2My04LjA0YTEuMjYgMS4yNiAwIDEgMSAxLjI2IDEuMjYgMS4yNiAxLjI2IDAgMCAxLTEuMjYtMS4yNnpNMTUuNzQgNi41OTRhMS4zMTQgMS4zMTQgMCAxIDEtMS4zMTUtMS4zMTQgMS4zMTUgMS4zMTUgMCAwIDEgMS4zMTQgMS4zMTR6TTkuOTk2IDEuNTQ4YS43NTMuNzUzIDAgMSAxIC43NTMuNzUzLjc1NC43NTQgMCAwIDEtLjc1My0uNzUyek00Ljg5NyA0LjRhLjkxLjkxIDAgMSAxIC45MS45MS45MS45MSAwIDAgMS0uOTEtLjkxek0yLjE5IDguOTM2YS45MS45MSAwIDEgMSAuOTA4LS45MS45MS45MSAwIDAgMS0uOTEuOTF6bS43NyA1LjUyNmExLjUwNiAxLjUwNiAwIDEgMSAxLjUwNS0xLjUwNiAxLjUwOCAxLjUwOCAwIDAgMS0xLjUwOCAxLjUwNnptLS4xIDMuNjQ2YTEuMDMyIDEuMDMyIDAgMSAxLTEuMDMzLTEuMDMyIDEuMDMzIDEuMDMzIDAgMCAxIDEuMDMyIDEuMDMyem0yLjk4NyA1LjExYS45ODYuOTg2IDAgMSAxLS45ODYtLjk4Ny45ODcuOTg3IDAgMCAxIC45ODcuOTg3em00LjktMS40NmExLjI2IDEuMjYgMCAxIDEgMS4yNi0xLjI2IDEuMjYgMS4yNiAwIDAgMS0xLjI1NyAxLjI2em02LjQ0Mi41N2ExLjAzMiAxLjAzMiAwIDEgMS0xLjAzMy0xLjAyOCAxLjAzMyAxLjAzMyAwIDAgMSAxLjAzMiAxLjAyOHptLS40LTcuNDU4YTEuNiAxLjYgMCAxIDEtMS42IDEuNiAxLjYgMS42IDAgMCAxIDEuNi0xLjZ6IiBmaWxsPSIjODk4OTg5Ii8+PC9zdmc+);
}

.plugin-grafana-menu__icon.dashboard {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNC42OTkiIHZpZXdCb3g9IjAgMCAyNSAyNC42OTkiPjx0aXRsZT5pY29uX2Rhc2hib2FyZDwvdGl0bGU+PHBhdGggZD0iTTMuMzYuMDA0TDAgMy4zNjRWNi4wOEw2LjA3NC4wMDNIMy4zNnptNi4yMTMgMGgtMi41NkwwIDcuMDE4djIuNTZjMCAuMDQ4IDAgLjEuMDA4LjE0Nkw5LjcxOC4wMTJDOS42Ny4wMDggOS42MjMuMDA0IDkuNTc0LjAwNHptLjkxNS4xOGwtMTAuMyAxMC4zYTIuNCAyLjQgMCAwIDAgMS4zODggMS4zMjZsMTAuMjQtMTAuMjRBMi40MjcgMi40MjcgMCAwIDAgMTAuNDg3LjE4NHptMS40NjUgOS40OTZsLTIuMjc4IDIuMjdhMi4zOCAyLjM4IDAgMCAwIDIuMjc4LTIuMjd6bS05LjU2OSAyLjI4SDUuMDhsNi44NzctNi44NzdWMi4zNjhsLTkuNTk0IDkuNTk0aC4wMnptMy42MzMgMGgyLjcxNWwzLjIyNS0zLjIyOHYtMi43MXpNMi4zODQuMDA0QTIuMzg3IDIuMzg3IDAgMCAwIDAgMi4zOXYuMDM1TDIuNDIuMDA1aC0uMDM2em0xMC42NTkgOS41NzNhMi4zNCAyLjM0IDAgMCAwIC40IDEuMzIzTDIzLjk0My40QTIuMzc3IDIuMzc3IDAgMCAwIDIyLjYyIDBoLS45OTJsLTguNTg1IDguNTl2Ljk4NnptMi4zODQgMi4zODNoLjYxMkwyNSAzdi0uNjFhMi4zODIgMi4zODIgMCAwIDAtLjU2NC0xLjU0TDEzLjg4OCAxMS4zOTRhMi4zNzcgMi4zNzcgMCAwIDAgMS41NC41Njh6bTAtMTEuOTU2YTIuMzg3IDIuMzg3IDAgMCAwLTIuMzg0IDIuMzg1djEuNjA3TDE3LjAzNi4wMDRoLTEuNjF6TTEzLjA0MyA3LjY1TDIwLjY5LjAwMmgtMi43MTZsLTQuOTMgNC45MzNWNy42NXptOS41NzMgNC4zMWEyLjQyIDIuNDIgMCAwIDAgLjkxLS4xOGwxLjI5LTEuMjlBMi4zMzIgMi4zMzIgMCAwIDAgMjUgOS41ODNWNy41OThsLTQuMzY4IDQuMzY4aDEuOTg4em0tMi45MjYgMEwyNSA2LjY1VjMuOTRsLTguMDIgOC4wMmgyLjcxem0tMTcuMzA2Ljc3N2EyLjMzNSAyLjMzNSAwIDAgMC0xLjA0LjI0NWwtMS4xIDEuMUEyLjM1MiAyLjM1MiAwIDAgMCAwIDE1LjEyMnYxLjkxM2w0LjMtNC4zSDIuMzg0em03LjE4OSAxMS45NTdhMi4zODcgMi4zODcgMCAwIDAgMi4zODQtMi4zODR2LTEuNjhsLTQuMDYyIDQuMDY0aDEuNjc4em0yLjM4NC03LjcxNmwtNy43MTUgNy43MTZoMi43MTRsNS01di0yLjcxNnptLTIuMzg0LTQuMjQxSDguODlMMCAyMS42Mjd2LjY4MmEyLjM1NSAyLjM1NSAwIDAgMCAuNTM1IDEuNWwxMC41NC0xMC41NDNhMi4zOTMgMi4zOTMgMCAwIDAtMS41LS41M3ptLTQuMzM1IDBMMCAxNy45NzV2Mi43MTRsNy45NTMtNy45NTRINS4yMzh6bTYuNzE5IDIuMzgzYTIuMzU2IDIuMzU2IDAgMCAwLS40MzMtMS4zNjJMMS4wMiAyNC4yNjZhMi4zODYgMi4zODYgMCAwIDAgMS4zNjMuNDMzSDMuM2w4LjY1NC04LjY1NXYtLjkyNHptMTAuNTQ5IDkuNTc0aC4xMDZBMi4zODcgMi4zODcgMCAwIDAgMjUgMjIuMzF2LS4xMDd6TTEzLjA1IDE0Ljk1bDIuMi0yLjJhMi4zOSAyLjM5IDAgMCAwLTIuMiAyLjJ6bS0uMDA3Ljk0NnYyLjcxbDUuODctNS44N0gxNi4yem02LjgwOS0zLjE1OWwtNi44MSA2LjgxdjIuNzE1bDkuNTI0LTkuNTI0aC0yLjcxNHpNMjUgMTUuMTJhMS43MTUgMS43MTUgMCAwIDAtLjAxMi0uMjFsLTkuNzc4IDkuNzc2YTEuOTM3IDEuOTM3IDAgMCAwIC4yMTIuMDEyaDIuNDlMMjUgMTcuNjE1VjE1LjEyem0tMS42MjUtMi4yNTJMMTMuMTcgMjMuMDc0YTIuNCAyLjQgMCAwIDAgMS4zIDEuNDE2TDI0LjggMTQuMTZhMi4zOCAyLjM4IDAgMCAwLTEuNDItMS4yOTN6TTI1IDE4LjU1bC02LjE0OCA2LjE0M2gyLjcxNUwyNSAyMS4yNjVWMTguNTV6IiBmaWxsPSIjODk4OTg5Ii8+PC9zdmc+);
}

.plugin-grafana-menu__icon.datasource {
  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNC4zcHgiIHZpZXdCb3g9Ii0xODcgNzMuNyAyNSAyNC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xODcgNzMuNyAyNSAyNC4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCgk+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRTJFMkUyO30NCjwvc3R5bGU+DQo8Zz4NCgk8dGl0bGU+aWNvbl9kYXRhLXNvdXJjZTwvdGl0bGU+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTc0LjUsOTQuM2MtNS41LDAtMTAuMi0xLjYtMTIuMy00Yy0wLjEsMC4zLTAuMiwwLjYtMC4yLDFjMCwzLjIsNS43LDYsMTIuNSw2czEyLjUtMi43LDEyLjUtNg0KCQkJYzAtMC4zLTAuMS0wLjctMC4yLTFDLTE2NC40LDkyLjctMTY5LDk0LjMtMTc0LjUsOTQuM3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0xNzQuNSw4OC45Yy01LjUsMC0xMC4yLTEuNi0xMi4zLTRjLTAuMSwwLjMtMC4yLDAuNi0wLjIsMWMwLDMuMiw1LjcsNiwxMi41LDZzMTIuNS0yLjcsMTIuNS02DQoJCQljMC0wLjMtMC4xLTAuNy0wLjItMUMtMTY0LjQsODcuMy0xNjksODguOS0xNzQuNSw4OC45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTE4Nyw4MC40YzAsMy4yLDUuNyw2LDEyLjUsNnMxMi41LTIuNywxMi41LTZzLTUuNy02LTEyLjUtNlMtMTg3LDc3LjEtMTg3LDgwLjR6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=);
}

.plugin-grafana-enable--btn {
  color: #fff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #689c00;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#70a800), to(#5c8a00));
  background-image: linear-gradient(to bottom, #70a800, #5c8a00);
  background-repeat: repeat-x;
  border-color: #70a800;
  display: inline-block;
  font-weight: normal;
  line-height: .8;
  font-size: .85rem;
  text-align: center;
  cursor: default;
  border: 1px solid transparent;
  padding: 0.6rem 1rem;
  margin: 0 0.625rem;
  border-radius: 2px;
  -webkit-box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
          box-shadow: 5px 5px 5px 0px rgba(0, 0, 0, 0.75);
}

p.inline-paragraph {
  display: inline-block;
}

div.plugin-readme img {
  max-width: 95%;
}

div.plugin-readme code {
  padding: 2px;
}

div.plugin-readme table th {
  border-top: 3px solid #262626;
  border-right: 2px solid #262626;
  background-color: #2F2F2F;
  text-align: center;
  padding: 5px 10px;
}

div.plugin-readme table td {
  border-top: 3px solid #262626;
  border-right: 2px solid #262626;
  background-color: #2F2F2F;
  padding: 5px 10px;
}

.dashboard-datasourceinput__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 0.625rem;
}

.dashboard-datasourceinput__title {
  text-align: left;
  margin-top: 0;
  color: #898989;
  font-size: 0.6875rem;
  line-height: 1.5625rem;
  font-weight: 700;
  text-transform: uppercase;
  margin-bottom: 0;
}

.dashboard-datasourceinput__image {
  margin-right: 0.625rem;
}

.dashboard-datasourceinput__image--narrow {
  margin-right: 0.3125rem;
}

.dashboard-datasourceinput__image--middle {
  vertical-align: middle;
}

.dashboard-category__title {
  text-align: left;
  margin-top: 0;
  color: #898989;
  font-size: 0.875rem;
  line-height: 1.5625rem;
  margin-bottom: 0;
  font-weight: 700;
}

.premium-overlay--relative {
  position: relative;
  min-height: 40.625rem;
}

@media (min-width: 62rem) {
  .premium-overlay--relative {
    min-height: 34.375rem;
  }
}

.premium-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  text-align: center;
  z-index: 500;
}

.premium-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  margin-bottom: 2rem;
  margin-right: 2rem;
  background-color: rgba(31, 31, 31, 0.7);
  padding: 2rem 1rem;
  -webkit-box-shadow: 5px 5px 5px #1f1f1f;
          box-shadow: 5px 5px 5px #1f1f1f;
}

.premium-diamond {
  width: 45px;
  margin: -5px 15px 0 0;
}

.premium-copy {
  color: #fefefe;
  text-align: left;
}

.premium-copy p {
  margin-top: 0;
}

.premium-copy .premium-copy--plugin-note {
  font-size: 0.875rem;
  color: #a2a2a2;
  display: block;
  margin-top: 1.5rem;
  margin-bottom: 0;
}

.premium-copy .premium-copy--plugin-note a {
  color: #f46800;
  font-size: 0.875rem;
}

.premium-fade {
  -webkit-filter: blur(5px) opacity(15%);
          filter: blur(5px) opacity(15%);
}

.side-menu--section-header {
  margin: 1.3rem 0.4rem -0.2rem 0.6rem;
  font-size: 0.8125rem;
  font-weight: 600;
  color: #898989;
  display: block;
  text-transform: uppercase;
}

.side-menu-link {
  display: block;
  padding: 0 0 0 0.5rem;
  margin: 0.6rem 0.4rem 0 0.65rem;
  color: #B8B8B8;
  font-size: 0.875rem;
  line-height: 1em;
  text-decoration: none;
}

.side-menu-link--extra-margin {
  margin-top: 1.5rem;
}

.side-menu-link--parent {
  padding-left: 0;
}

.side-menu-link--active {
  font-weight: bold;
  border-left: 0.15rem solid #f46800;
  padding-left: 0.35rem;
  color: #c5c5c5;
}

.signup {
  margin-bottom: 3.75rem;
  padding: 1.875rem;
  border-width: 1px;
  text-align: center;
  border: 1px solid #f46800;
  -o-border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
     border-image: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
     border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
  border-image-slice: 1;
}

@media (min-width: 62rem) {
  .signup {
    margin: 0 1.875rem 3.75rem;
    padding: 3.75rem 6.25rem;
  }
}

.signup--modal {
  margin-bottom: 1.25rem;
  padding: 0.5rem;
  text-align: center;
}

@media (min-width: 62rem) {
  .signup--modal {
    margin: 0 1.875rem 3.75rem;
    padding: 0;
  }
}

.signup .page-section__headline, .signup--modal .page-section__headline {
  padding-bottom: 0;
}

.signup--modal .page-section__subhead {
  margin-bottom: 1rem;
  font-size: 1rem;
}

@media (min-width: 62rem) {
  .signup--modal .page-section__subhead {
    margin-bottom: 2rem;
  }
}

.signup > p {
  font-size: 1.25rem;
}

.signup a {
  color: #f46800;
  font-weight: 700;
  text-decoration: none;
}

.signup-form {
  max-width: 38.125rem;
  margin: 0 auto;
}

.signup-form__in-page-box {
  margin-left: 0;
}

.btn.signup-form__btn {
  width: 100%;
  font-weight: 400;
}

@media (min-width: 40.625rem) {
  .btn.signup-form__btn {
    width: auto;
  }
}

.signup-form__newsletter {
  margin-top: 1rem;
  font-size: 85%;
}

.signup-form__newsletter-label {
  display: -webkit-inline-box;
  display: -ms-inline-flexbox;
  display: inline-flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  max-width: 18.125rem;
  margin-bottom: 1rem;
}

.signup--modal--ui-list {
  margin-bottom: 2rem;
}

.site-nav-canvas {
  position: fixed;
  top: 0;
  bottom: 0;
  left: 100%;
  padding: 6.25rem 2.5rem 2.5rem;
  -webkit-transition: left ease-in-out 250ms;
  transition: left ease-in-out 250ms;
  background: rgba(10, 10, 10, 0.9);
  will-change: transform;
}

@media (max-width: 55.5625rem) {
  .site-nav-canvas {
    width: 70%;
  }
}

@media (min-width: 40.625rem) {
  .site-nav-canvas {
    width: 50%;
  }
}

@media (min-width: 55.625rem) {
  .site-nav-canvas {
    position: static;
    width: 100%;
    margin-top: 0.5625rem;
    padding: 0;
    background: transparent;
  }
}

@media (max-width: 55.5625rem) {
  .site-nav-canvas--open {
    left: 30%;
    overflow-y: auto;
  }
}

@media (min-width: 40.625rem) {
  .site-nav-canvas--open {
    left: 50%;
  }
}

@media (min-width: 55.625rem) {
  .site-nav-canvas--open {
    left: auto;
    width: auto;
  }
}

@media (max-width: 55.5625rem) {
  .site-nav-canvas .btn {
    width: 100%;
  }
}

@media (max-width: 55.5625rem) {
  .site-nav-canvas .site-nav__item {
    display: block;
  }
}

@media (max-width: 55.5625rem) {
  .site-nav-canvas .site-nav__item--text a,
  .site-nav-canvas .site-nav__item--home a {
    display: inline-block;
    width: 100%;
    height: 100%;
    font-size: 1.3125rem;
  }
}

@media (min-width: 55.625rem) {
  .site-nav {
    padding: 1.875rem 0 0 0;
  }
}

.site-nav--top {
  padding: 0;
}

@media (min-width: 55.625rem) {
  .site-nav--top {
    position: absolute;
    top: 0;
    right: 0;
    text-align: right;
    margin: 0.3125rem 0 0.9375rem;
  }
  .site-nav--top .site-nav__link {
    font-size: 0.75rem;
  }
}

.site-nav--top .site-nav__link {
  color: #B8B8B8;
}

.site-nav__item {
  display: block;
}

@media (min-width: 55.625rem) {
  .site-nav__item {
    display: inline-block;
  }
}

.site-nav__social {
  display: none;
}

@media (min-width: 55.625rem) {
  .site-nav__social {
    display: block;
  }
}

.site-nav__item {
  display: inline-block;
  vertical-align: middle;
}

.site-nav__item .btn {
  margin: 0 0.9375rem;
}

.site-nav__item--home {
  display: block;
}

@media (min-width: 55.625rem) {
  .site-nav__item--home {
    display: none;
  }
}

.site-nav__item--home a {
  font-weight: 800;
  color: #fefefe;
  text-decoration: none;
}

.site-nav__link {
  color: #eaeaea;
  font-size: 0.9375rem;
  font-weight: 700;
  text-decoration: none;
  padding: 0.4375rem 0.9375rem;
}

.site-nav__link:hover {
  color: #f46800 !important;
}

.site-nav__link--highlight {
  color: #f46800 !important;
}

.site-nav__link--discrete {
  font-size: 0.75rem;
  color: #B8B8B8 !important;
}

.site-nav__link--loud {
  font-size: 0.75rem;
  color: #eaeaea !important;
}

.site-nav__link--affordance::after {
  font-family: FontAwesome;
  color: #c5c5c5;
  font-size: 0.625rem;
  margin-left: 5px;
  display: inline-block;
  content: "\F0D7";
}

.site-nav__btn {
  display: block;
}

.site-nav__social {
  overflow: hidden;
  text-indent: 110%;
  white-space: nowrap;
  padding: 0;
  display: inline-block;
  width: 24px;
  height: 24px;
  opacity: 0.6;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 50%;
}

.site-nav__social:hover {
  opacity: 1;
}

.site-nav__social.twitter {
  background: rgba(0, 0, 0, 0.6) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMTAzOC41IDE3MSAyNCAyMCI+PHBhdGggZD0iTTEwNjEuMDkgMTc0LjQ1MmE4Ljc2MiA4Ljc2MiAwIDAgMS0yLjE2NiAyLjIzOCAxMi4zOTcgMTIuMzk3IDAgMCAxLS40OTQgNC4wNDEgMTIuNDEyIDEyLjQxMiAwIDAgMS0xLjU0OCAzLjMzNSAxMy4xNjIgMTMuMTYyIDAgMCAxLTIuNDgxIDIuODIzYy0uOTYuODItMi4xMTQgMS40NzMtMy40NjEgMS45NjFzLTIuNzkyLjczMS00LjMzMy43MzFjLTIuNDA1IDAtNC42Mi0uNjQ5LTYuNjQ0LTEuOTQ4LjM1OS4wNC43MDQuMDYgMS4wMzQuMDYgMi4wMDkgMCAzLjgwNC0uNjE5IDUuMzg0LTEuODU3YTQuMjA1IDQuMjA1IDAgMCAxLTIuNTE3LS44NjUgNC4yNjUgNC4yNjUgMCAwIDEtMS41My0yLjE0NSA0LjMxOSA0LjMxOSAwIDAgMCAxLjk1Ny0uMDcyYy0xLS4yLTEuODI5LS42OTgtMi40ODgtMS40OTRhNC4xOTQgNC4xOTQgMCAwIDEtLjk4OS0yLjc1NXYtLjA1NGMuNjE0LjM0IDEuMjY4LjUyMSAxLjk2NC41NDJhNC4zMTYgNC4zMTYgMCAwIDEtMS40MDktMS41NDUgNC4yMyA0LjIzIDAgMCAxLS41Mi0yLjA2MWMwLS43OC4xOTUtMS41MDYuNTg2LTIuMTc4YTEyLjM1IDEyLjM1IDAgMCAwIDMuOTUyIDMuMTk5IDEyLjA0NyAxMi4wNDcgMCAwIDAgNC45ODEgMS4zMyA0LjE5NCA0LjE5NCAwIDAgMS0uMTE0LS45ODdjMC0xLjE5Ni40MjMtMi4yMTggMS4yNy0zLjA2NC44NDctLjg0NyAxLjg2OC0xLjI3IDMuMDY0LTEuMjcgMS4yNTIgMCAyLjMwNy40NTYgMy4xNjUgMS4zNjhhOC42MjcgOC42MjcgMCAwIDAgMi43NTItMS4wNTMgNC4xOTIgNC4xOTIgMCAwIDEtMS45MDQgMi4zOTkgOC41NTggOC41NTggMCAwIDAgMi40ODktLjY3OXoiIGZpbGw9IiNmZmYiLz48L3N2Zz4=) no-repeat center center;
  background-size: 80%;
}

.site-nav__social.github {
  background: rgba(0, 0, 0, 0.6) url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyMCIgdmlld0JveD0iMTAzOC41IDE3MSAyNCAyMCI+PHBhdGggZD0iTTEwNTYuMDIzIDE3Mi4yYy4zMTIuNzA5LjUxNCAxLjg4NS4yMTMgMi43NDcgMS4yMzQgMS4wNTMgMS42NTcgMy42MTMgMS4wNjIgNS43MDUgMS43NTguMTM0IDMuODUyLS4wNjQgNS4yMDMuNDc1LTEuMjYzLS4xNjItMi45ODgtLjQ4MS00LjYxOC0uMzctLjMwOS4wMjEtLjc2Ni0uMDEyLS43NDQuNDIzIDEuODg2LjE0OCAzLjc2LjMwOSA1LjMxLjc5Mi0xLjUzNi0uMjUtMy40MDEtLjYzMy01LjMxLS42ODYtLjc4OSAxLjU1Ni0yLjM3NiAyLjMyMS00LjU2NiAyLjQ4Mi4yMzYuNTEzLjY4Ni43MDguNzk3IDEuNTMyLjE2NCAxLjIzMS0uMjU3IDMuMDM1LjE1OCAzLjg1Ni4yLjM5My41MjUuNDA0Ljc0NC43NC0uNTM3LjYzNS0xLjg2Ny0uMDcxLTIuMDE4LS43NC0uMjYtMS4xNDUuMzk1LTIuOTIxLS4zMTgtMy42OTcuMDUgMS4yNDktLjI5NiAzLjAwNC4wNTMgNC4xMTkuMTM3LjQzOS41MzQuNjA4LjQyNSAxLjAwNC0yLjQ5NC4yNTMtMS40NTItMy4yMjgtMS44NTktNS4yODItLjM3Ni4wMjctLjIxMS41NjQtLjIxMi43OTMtLjAxMSAyLjAwNi40MTEgNC43NTgtMS43NTIgNC40OS0uMDY0LS40MjEuMjktLjU2NS40MjQtLjk1LjM5NS0xLjEyOS0uMDc0LTIuODExLjEwNy00LjE3My0uODI2LjYyMi4wODYgMi43OTUtLjQyNSAzLjkwOS0uMjk1LjY0MS0xLjI0NC45Mi0xLjk2NC42MzMuMDk0LS40NzcuNTg3LS40Ljc5Ni0uODQ1LjI5Mi0uNjIuMDAyLTEuNTEzLjEwNi0yLjQzLTEuNTI4LjMwNS0yLjcxMy0uMDQ0LTMuMjkyLTEuMDA0LS4yNi0uNDMxLS4zMjQtLjkzOC0uNjM4LTEuMzItLjMxMi0uMzgyLS44MS0uNDM0LS45NTUtLjk1IDEuODkyLS40NTUgMS45NjQgMS45NDcgMy42NjQgMi4wMDcuNTIxLjAxOS43OTItLjE1MSAxLjI3NC0uMjY0LjEzNS0uNjA2LjQyNC0xLjA1OC44NDktMS4zNzUtMi4xMTQtLjI4OS0zLjg2LS45NDgtNC42NzItMi41MzRhMjkuMTA1IDI5LjEwNSAwIDAgMC01LjMxMS43MzljMS40NzktLjUzNyAzLjMwMy0uNzMgNS4yNTctLjc5My0uMTE1LS42OTMtMS4xMjUtLjUwMi0xLjc1Mi0uNDc1LTEuMTY1LjA1MS0yLjYzMi4xOTYtMy41NTguMzcgMS4zNDMtLjQ3OSAzLjIyNi0uNDE5IDUuMDQ1LS40MjMtLjU1Ni0xLjc0NC0uMzYzLTQuNTE1Ljg1LTUuNTQ2LS4zNDQtLjg2Ni0uMjM3LTIuMjg0LjIxMi0yLjk1OCAxLjM1NC4wNjEgMi4xNzYuNjUxIDMuMDI2IDEuMjE2IDEuMDU2LS4zIDIuMTY1LS40NDkgMy42MTEtLjM3LjYwOC4wMzQgMS4yNDEuMzA3IDEuNjk4LjI2NC40NS0uMDQyLjk0NS0uNTQ2IDEuMzgtLjczOS41NjktLjI1MyAxLjA1LS4zNDkgMS43LS4zNzJ6IiBmaWxsPSIjZmZmIi8+PC9zdmc+) no-repeat center center;
  background-size: 90%;
}

.site-nav__toggle {
  display: block;
  position: absolute;
  top: 1.375rem;
  right: 0;
  width: 2.5rem;
  height: 2.5rem;
  padding: 0;
  float: right;
  border: 0;
  border-radius: 0.25rem;
  outline: none;
  background: transparent;
}

@media (min-width: 55.625rem) {
  .site-nav__toggle {
    display: none;
    margin-top: 0.9375rem;
  }
}

.site-nav__toggle > .m,
.site-nav__toggle > .t,
.site-nav__toggle > .b {
  display: block;
  position: absolute;
  height: 0.125rem;
  pointer-events: none;
}

.site-nav__toggle > .m {
  top: 1.0625rem;
  right: 0.5rem;
  left: 0.5rem;
  -webkit-transition: opacity ease-in-out 125ms;
  transition: opacity ease-in-out 125ms;
  background-color: #fefefe;
  opacity: 1;
  -webkit-transition-delay: 125ms, 0s;
          transition-delay: 125ms, 0s;
}

.site-nav__toggle > .t,
.site-nav__toggle > .b {
  right: 0.5rem;
  left: 0.5rem;
  background-color: #fefefe;
  content: '';
  -webkit-transition-delay: 125ms, 0s;
          transition-delay: 125ms, 0s;
  -webkit-transition-duration: 125ms, 125ms;
          transition-duration: 125ms, 125ms;
}

.site-nav__toggle > .t {
  top: 0.625rem;
  -webkit-transition-property: top, -webkit-transform;
  transition-property: top, -webkit-transform;
  transition-property: top, transform;
  transition-property: top, transform, -webkit-transform;
}

.site-nav__toggle > .b {
  bottom: 0.875rem;
  -webkit-transition-property: bottom, -webkit-transform;
  transition-property: bottom, -webkit-transform;
  transition-property: bottom, transform;
  transition-property: bottom, transform, -webkit-transform;
}

.site-nav__toggle.nav-open > .m {
  opacity: 0;
  -webkit-transition-delay: 0s, 125ms;
          transition-delay: 0s, 125ms;
}

.site-nav__toggle.nav-open > .t,
.site-nav__toggle.nav-open > .b {
  background-color: #fefefe;
  -webkit-transition-delay: 0s, 125ms;
          transition-delay: 0s, 125ms;
}

.site-nav__toggle.nav-open > .t {
  top: 1.1875rem;
  -webkit-transform: rotate(45deg);
          transform: rotate(45deg);
}

.site-nav__toggle.nav-open > .b {
  bottom: 1.1875rem;
  -webkit-transform: rotate(-45deg);
          transform: rotate(-45deg);
}

.site-nav-dropdown__menu {
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(#444444), color-stop(75%, #0a0a0a));
  background: linear-gradient(to right, #444444 0%, #0a0a0a 75%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  top: 27px;
  left: 0;
  margin-top: 0;
  z-index: 600;
  min-width: 15rem;
  border-radius: 4px;
  background: linear-gradient(135deg, #262626 0%, #161616 100%);
}

.site-nav__item--dropdown {
  position: relative;
}

@media (min-width: 62rem) {
  .site-nav__item--dropdown:hover .site-nav-dropdown__menu {
    visibility: visible;
    opacity: 1;
  }
}

.site-nav-dropdown__toggle i {
  vertical-align: text-top;
  color: #a2a2a2;
  display: none;
}

@media (min-width: 55.625rem) {
  .site-nav-dropdown__toggle i {
    display: inline-block;
  }
}

.site-nav-dropdown__menu .site-nav__item {
  display: block;
  margin: 0;
  text-align: left;
}

.site-nav-dropdown__menu .site-nav__link {
  display: block;
}

.site-nav-account__menu {
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(#444444), color-stop(75%, #0a0a0a));
  background: linear-gradient(to right, #444444 0%, #0a0a0a 75%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  top: 22px;
  right: 0;
  min-width: 12.5rem;
  margin-top: 0;
  z-index: 600;
  border-radius: 4px 0 4px 4px;
  background: linear-gradient(135deg, #262626 0%, #161616 100%);
}

.site-nav__item--account {
  position: relative;
}

@media (min-width: 55.625rem) {
  .site-nav__item--account:hover {
    background: #161616;
    border-radius: 4px;
  }
  .site-nav__item--account.open {
    background: #1f1f1f;
    border-radius: 4px 4px 0 0;
  }
  .site-nav__item--account.open .site-nav-account__menu {
    visibility: visible;
    opacity: 1;
    z-index: 602;
  }
  .site-nav__item--account.open .site-nav-account__overlay {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    -webkit-perspective: 600;
    perspective: 600;
    opacity: 0.01;
    z-index: 601;
    overflow: auto;
  }
}

.site-nav-account__toggle i {
  vertical-align: text-top;
  color: #a2a2a2;
  display: none;
}

@media (min-width: 55.625rem) {
  .site-nav-account__toggle i {
    display: inline-block;
  }
}

@media (max-width: 55.5625rem) {
  .site-nav-canvas--open .site-nav-account__toggle {
    display: none;
  }
}

@media (max-width: 55.5625rem) {
  .site-nav-canvas--open .site-nav-account__menu {
    visibility: visible;
    position: initial;
    margin-top: 0.625rem;
    padding-top: 0.625rem;
    border-top: 1px solid #262626;
    opacity: 1;
    background: transparent;
  }
}

.site-nav-account__menu .site-nav__item {
  display: block;
  margin: 0 0.625rem 0 0;
  text-align: left;
}

.site-nav-account__menu .site-nav__link {
  display: block;
}

.site-nav__account-profile {
  display: inline-block;
  width: 100%;
  height: 100%;
  font-size: 1rem;
  text-align: left;
  padding: 0.625rem 0;
  border-bottom: 1px solid #262626;
  -o-border-image: linear-gradient(to right, #444444 0%, #0a0a0a 75%);
     border-image: -webkit-gradient(linear, left top, right top, from(#444444), color-stop(75%, #0a0a0a));
     border-image: linear-gradient(to right, #444444 0%, #0a0a0a 75%);
  border-image-slice: 1;
}

.site-nav__account-profile a {
  color: #fefefe;
  text-decoration: none;
}

.site-nav__account-profile a:hover {
  color: #fefefe;
}

.site-nav__account-profile li {
  margin: 0;
  list-style: none;
}

.site-nav-canvas--open .site-nav__account-profile {
  border: 0;
  -o-border-image: initial;
     border-image: initial;
  border-image-slice: initial;
}

a.site-nav__org-link {
  display: block;
  font-size: 0.75rem !important;
  color: #f46800;
  text-decoration: none;
}

a.site-nav__org-link:hover {
  color: #fefefe;
}

.site-nav__org-item {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  position: relative;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  padding: 0.625rem 1rem;
  cursor: pointer;
}

.site-nav__org-item:hover {
  background-color: #262626;
}

.site-nav__org-item.is-selected {
  background: #161616;
  padding: 1.25rem 1rem;
}

.site-nav__org-item.is-selected::after {
  font-family: FontAwesome;
  color: #fefefe;
  font-size: 0.75rem;
  display: inline-block;
  float: right;
  line-height: 22px;
  content: "\F00C";
}

@media (max-width: 55.5625rem) {
  .site-nav-canvas--open .site-nav__org-item.is-selected::after {
    position: absolute;
    top: 1rem;
    right: 1rem;
  }
}

.site-nav__org-text-container {
  min-width: 9.375rem;
  margin-left: 0.625rem;
  padding-top: 0.3125rem;
}

.site-nav__org-text-container.is-selected {
  padding-top: 0;
}

.site-nav__org-item--sublinks {
  line-height: 15px;
}

.site-nav__org-item--sublinks a {
  display: inline-block;
  color: #a2a2a2;
  font-size: 0.75rem;
}

.site-nav__org-item--sublinks a:hover {
  color: #f46800;
}

.site-nav__account-profile--small {
  font-size: 0.75rem;
  color: #c5c5c5;
  display: block;
}

.site-nav__user-profile {
  text-align: center;
  padding: 1rem;
  font-size: 0.75rem;
}

@media (max-width: 55.5625rem) {
  .site-nav-canvas--open .site-nav__user-profile a {
    width: auto;
    font-size: 0.75rem;
  }
}

.spinner {
  position: fixed;
  top: 0;
  left: 0;
  width: 100vw;
  height: 100vh;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 601;
}

.spinner__content {
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
  color: #fefefe;
}

.plugin-spotlight {
  margin-bottom: 2.5rem;
  padding: 2.5rem 2.5rem 0 2.5rem;
  border-radius: 4px;
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.plugin-spotlight::before, .plugin-spotlight::after {
  display: table;
  content: ' ';
}

.plugin-spotlight::after {
  clear: both;
}

.plugin-spotlight .verified {
  float: none;
}

.plugin-spotlight__screenshot {
  position: relative;
  overflow: hidden;
}

.plugin-spotlight__screenshot::before, .plugin-spotlight__screenshot::after {
  display: table;
  content: ' ';
}

.plugin-spotlight__screenshot::after {
  clear: both;
}

@media (min-width: 68.75rem) {
  .plugin-spotlight__screenshot {
    width: calc(98% - 26.875rem);
    float: left;
  }
}

.plugin-spotlight__screenshot > img {
  display: block;
  position: relative;
  width: 100%;
  max-width: 47.3125rem;
  height: auto;
  float: left;
  opacity: 0;
}

.plugin-spotlight--animate .plugin-spotlight__screenshot > img {
  -webkit-animation: screenshot-pop 200ms ease-in-out 200ms forwards;
          animation: screenshot-pop 200ms ease-in-out 200ms forwards;
}

@-webkit-keyframes screenshot-pop {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

@keyframes screenshot-pop {
  0% {
    opacity: 0;
    -webkit-transform: translate(0, 30px);
            transform: translate(0, 30px);
  }
  100% {
    opacity: 1;
    -webkit-transform: translate(0, 0);
            transform: translate(0, 0);
  }
}

.plugin-spotlight__badge {
  display: block;
  position: absolute;
  top: 0;
  right: 0;
  left: auto;
  width: 6.25rem;
  height: 6.25rem;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAKsAAACrCAYAAAAZ6GwZAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAJ0JJREFUeNrsfQt4XMV59syubLBjywqXgLEDa/BNJomlkMSBv/ktJQHSlhQJaJ88zd9a2zYX2oIlwqVt8kdSEppCCZKTpklpUq3zNG2eBLDcnyYBknrdCxgI8ULABmPwEmwMbbAX+QaWds//fXNmzvlmztnV7kornZXme57xWmfmzO1757vM7XBmSdDIJ5tb4KcJgvpVlIGQa7xrd7qGZbeRshXlSNkZyyHG+KwF56eaE/DTwRy2XvyWRwiaNPTa1sa/qx68UHYLlLsB/ttmALQUDUO52/EXys5asM4GkH5aSLGNRQHqMASCAkMT9FAxMGGaTRBSjd/cnSujXJScXbLsRJGyM1KiMpGGF0mHwIWyody0BevMBCkyfkhKM5PxW1FqAvMzJYCG7ykpnDDUdX8x0BKQ9hrmRVaWjdIyXQzw8H6LlL5XhgwwBGsS3s1asM4UoF7b3CfB4gPFEQAbLkcqhkpnLtR4Vwh4EPCvQ1gkQWYOjhSUvbkaqSiB3wFl9xoDpr/xG7v7LFjrGaR/vKaJOc4WAhgEZg8wNjVJgyAhB0FXGclTElTZSSobyxwg0hpsad7Z+Le7chas9QbUP1mDTNzmOTCOULnJUsyEd9qkxEoY0jLb+PVd2ZKDwjcP1pOo7Urdj1OuKrPNMBOw3PQ45Q4BFzuIA9gO7+QsWOuEjvxJsw5UxvsXfn1XX5F0KKE2lOGVZyVwNy38+sSnkqDsFulstRV1uPRZiM0onaHsXDCvNdA2p5cCNiydBWsUwfqnzTsJ+JIL/0ZX+xCPIO2WYGmqoggEbT/km66ibm3SdGirotycnIEYhLJzRr5d0oEUgIX4VgvWqAP1uuYBCURU/UGgXifAMlSGNCsXtCjxhhd+rbgkgzKVmbChSpCGSfkklJkOAJZ7gB2E+B4L1qgC9XoBxG3KoVn41d1JI55Kn8mmrAzbybP1ITbwZFIS2pgy2jhEHL52iE9bsEYNqBuFDbhNqnUETevCTb60g/haAnU6KQntTJF2Yvt3ygGSE4DdNDOWa/kMBGqAQRCPKngLm7nUCe0dLrc/LFinA6TdnqPUq0maQSJpusVc6M4qHal6oZzQJIP+HC6029Qk/cKOHazfWYLIg/XIDc3mbiQm/g5uQHElyIAuQY70NG+bJKcm6pSGtrcbbacSVpHaEGNK2szCO6MN5MiB9chnhMpez8KXKsPJYYMoOczOhryoszEbKLXwK4ZT6Q72XuB0dwUzHAjk7ZDXsAVrEKAJ5u9IKkddZ1WHSgblQvKcbUAtCljZH2oBRAmCcmYo1Lwu5pmd1WA9ciN0oCPsze4QMOKofgL/Dx2VrjDPIVb+HtWZSKjqkwvvKF+tA5jbJIDXsuDOMqRByLO/kjxnDFiP3iTU/ZCSpI4jRrHYpwkdkqkyT5QcAzPcmarE6epZ8NfVbdqBQa+Wgzs49/oT80xCnsOzBqxHbw6o6EHcsgedkKsiL7U61MtqN/lez5SVMwHDC26von9vam6SWxKp9ktBXskZDVYJLLplLyNG6u2lJSm8J9LHzx5j+VcaGPNXhdbPEk9/0mYMmL8TLEv6kwEP0uPwoEVqwhaSV2c1AyDyYD16y2qwJTnZCSX2d/aENRbStkFatY5upeXUSuE0487mBbc9ky4ibAaIVsxA2nZIm5tZYP2z1Vs8p8cBNXLbM8mQNF1WnUfLfFjwV8+kQoQJ7qFVgB2GNJ0zBqxH/3x1H/NXmVILvqwDFeITLPx8lKVomA5J4FnW4Bn1O/ohvq/uwXr0L1bjatNObxR+WR+FEA8qX9ix1oOP8swCB/v0L3XTAADra0vOWiG+pvsPYlPQ0CExJDioFc6SBlBxZG5jXBx5ZjZENoiTF5JfVNQlJV8Zm4IdbTWVrEc/u6qLNKJzwa3PDpM4dLR2WqFVd9QKfMwQPtIdbUmIS9WnZOViTRp/0xpQP7cKJek2K7HqMmwT/JMk+MrFLTVMzsfWnxlw7P+uwpWPBHdld7+GYc4GcFUE42you4B8GzDY3S/jEsj3+pOseAmEO9oyC770rGeYH/v8qoSY9rASqp5Dl+Cjkq7IX45zrpLvdWgGqBG22XheU1VhacrI5ONmg+/1AdZjvavayCgcJs+brFSdQdK117ddBZ9lnOB/3UhWzhRYs2/pfzYb8tyGmRE8UAo+q2kszuoIrO6eSCRzkni91Z4zikx+Kn6fV4vCGmpkXCj18ITxvMXyd0ZRi8HfJ1j4xu1IS1bVCHM3jl1SnVlk8jMXCuKogvXYF1bRO/nTJUeipZklWX1+N0kcRFyycrbRc64+7y/LHfviKutczcAg+KqcLOS372RtjDRYj39pFa5YdXG3str8Kjy70q7+zMhwpSGsNsvnXYiHKEtWtaEhx5k4y0+py2rNGUldOlYF33MGHiZJaU+GRP3LVXj8mR53SM7/rL/75vit2u4rSzOPSvE7BSjrmf8Xz+amHazHv7wy4Y4grq5DT0HFkiRe3mrHE5anM5WcLPzTOv/P9+SIACNHXxz0XTohPjstZgCCEAKOnn2uV+hgpTSgSpJnqkS8DTMyiHlVba+AiwMnJeNRkO1DvEjhNXWS9fhfreyWN6lolx/AyBk20nXJ21EszQbigIE/25MyhJp2mQlzj8j0Q7rBmoL1+G0rm2TB6pSqd8c9FJ4z0tqTALOTWuffsidjCC3/Gw7+7S7i6zmQNjfpYJVApef+07KwbEha61DNdofrFl3CSlwkmH6KWXxZplzAlgXW47evpFd/I/XPv3lPX5F0YRetWZp9NChxkgvBSR+xcV3n7ObxATsuWI//9Urz42dJyDgVkq6L2QsqLOmUFYC9KQQvt6+kX5ZxJexNpQFbDljpzdFJs2CIN+9AsmTJpIzETiZEwCnApiG+veqpq+N3gNfvb5gOjJDjXxGjY6f4zLldJ7eheEB87BR4odNbiCfAldqwLfBWjWSFjBPM/3BEev5ndNRD/IC1TS1VY8sClnoMLCntLT7kAfHZSiWrmkcVc6gBiWqBaqk66jYlrMRXTuKttyLJemJgRcJxxMqU6/nf8FwfiWuDuG22zy1NhDhn7fN6nkt7AvDOFd4MAcQtg7iAdA0/1sKdXrHNz530HzTihji3nW1pwoSO1TIfvA7iTC0a9JravJQZoG6G2zSvZ683nXBicHmfnZqyNEmUkHgSJHDGxWqoj7/xwAoZdDB/HdecH9tg+9jSJJKJJ4W3JonDcSQrZ+vVtT/zuvd6dsOJTfAyZwk7DWPDJIaEwJWSrog3/xqi9ePbrP4FBWnj+ZVWEFiqASGuhgnOEHctLGSRKcxmVYm2G8/bbL9aqgGZuNpeDG8aWE/8zXJ6A3XOkKw1NQH4oiUstnTdlKsifmoji53ZbFXyNJoCBs5yKk7gsYQZ0KJmXuf96d40AfGkS1W+cAmLN1/N4ss+zPgZzYH4woFH2NhjXxO/tSAst+EDnxP18OjNEVZ4+VF28ofXWnk3hYT4Unibd93eNPxNtXw6HKzF5k8neV614b3XQ7iuZJrYknXM+bdbanKRPJ/byOZ86DbGTmnUI+BvAV47jzy9VKT/G6a6HnM+eBuLr75q3HT5Z+5lzpEDtZGqzVdpQM0/e6+QqrFz1rn/txRJahjX3Sr1vNLC3tkVACqCA0PhZVfdx05vFmaB86vdNbuJC0FJyx/ddktN2mupCpPgG8ubygMrYxklgd/4xvK2U6+VdgT8wt8TqwVIMlP1jwFIlCRT5Tqv7RZhPOsDAecc2R+Qvgh0VPOKnJMjLvCNNIyUx8sAtUgbUl5YO3HAlZM+UNdy8i+RR1hblX/AFy4tmaZU3uY7NL8C8gq00kRI4Uzy3JuycowrUzWwAihzb3zTA6XppWXZBJZaG97VxRhhzNhDt7L8nnvLsg9P+dRzrhR8/GuCoQ2XfNbNCzrxzaGLXGAlwGG6xHCYCJ28+7dYHCX7Kl2yY14YcNCMpW8R+WJd4+/coNXXB9QBdvKfXH+zoe02L783/26FyAfLoDR6/7WskP2JXuZ7ri+aP7YJ6zoeaIu1Fwcfvi9YBoMG62QOOtRio/f/sSgr0Meo6R7/qmibpoGg78eeTEHdr9PbiDz4bruWV4WUDcw6KTx+em+utM3qTsoiN9YaMWnyvc7KVe/KqzSG559KlQXU2GK/w/ji97H4RdeRTn9U5NGw/rYACMNAEAuZdaBMRqk496P/KJhcKh9Vb5rf3Gv+JfQ9ZGzhRQnWuWXkj3U5eqBk3zRcdL3WDxoQcWBwt9/mXP63oQMCQYhxo/f9n2AfYx9AW8z3cHDMhRCoO6TDfigcrHLWxgksPq318FaGNapEb4eRydaq5fzcRk0CFLIPVqTmTLWMwMLOye+5hzVc/FkNqMgslAKaNEM1BgAQ6oxKLPgb81FBAxLE5X+RYmMP36q9U3iNqEPCOPy/GISoLaiUIaBDgNB3VP6U0TT/YhJVA6qsJwYsfwx+sa8pULG/RDmkT7AvFU+0Pob88T1sB2031lu10dQUE5o9CeKqw8BhKcnq4Mu4sTrxxl0XtJz6yefFS6d+au8w/F2VKRA7Y7U++l95BMvxmXjFd4OzASB5EdSxc96n27nbbxEgdW2npSx+2Tf8d37+VTYGKkxJH4YdrwAA5Y3e93FXKr37eu85PlPpKZBOwnNlO8eFVnAZ6xx0606lkad+//Xjrv128nMs/o4u2qeQx9XaO7QdMVlPmn8xe3gOqOfQMpF2fMmtrzKTlFkh0xRefFBIR2p7Okf3B6Tl6IPXir6nfSX6FwA8tv1mtyqf2KuJx6J1HscEAHx5S62IN8hL4WvruJIVXk6TVYQNxigYrnqlIkyVcndUIxPNgJ0o4k9fo4Ex/9w93rvxi67XVOcYxHv5EmC4AJDPT9edK/U8BmCi5TiHZBzOvZJ3Cod2uempHagAIdullSHLpuBF0NB2xGj+pE5miCcu1dTz6L/frPWlqm+cmFxjO2710og+NSWi0RZsO9bP5JnoXyyPs8AiTuHQ7mpXr4aN+qhvp+UEDsuclEqFmgLB/QITp5NHgHH3BmweASQ0Hxb45gOmK2bP5p/S79TQAEDy5guWEgbs91VckXJihtTxZiqoOjdUfwB8cxuD6T3ptlQDYCnbL3behzXAOyEmgwA01VDE5FIefMBEK9J2OuALUgu47Vuj29fVO1fbi5gAqfJnUNGOkOu2b3zrAvqto8ykSFackJfPETA4Ykd/cq3OsBDppaStJ/FIJztkdIuRTwFA46jUk881lW6UQ+tQ0CT0mvCyDfBhnOnYFX75oJ8/1QDI+NGRon2opS0izTTfAOtL8jNNFzTHtLqZbdc0SpE+fG3XRPYFeHYp4CxB9p9sLRusp/7R82lys3ELeZ6t5nZk0WF09J93aSBN/AwdRNzoLPUsLL2Ih45XcebI51C+eG6+o/I8pbFoOfy05mAZ5kA5vMsv22A+O7Zfl84nR/T8tTbuKt2Phocelkbz7M04Ipm9PjYGgJfWGHTsMIkrwZdKAuKJ1DVBnqcrW5sqJhWrGEFCClA1ueIqCFfrEuG8SzVQmJKg8MojxetEpTXabBcS54ZICmoCiPpQKRbSRgRSjNZLTikFJDGVOmF1NvcgUPtyxVWh0hLLRedGSOqQOmrPS/ULkaq0LfmnUyX7mBsSn0pcfva6AK8mrG1LtaHobAD18Cp6Xpryu1Is3uI7RA0fuI05ACqhiqDxmgRDJwbK0Z69tssoW68HAhSdmfi6z2nvCQbItAETIKQtyIjYuR+Wdbxdjzz6kluvEvnETguJoys8OC+5/CoB8njrRl16iXSOeK76Cn9Ht37U7RMcYDI95hEHAGGbcaBjH45uvUK0Ny7BVKwtWK/C3rvdNEX6mJ++OsAPN/0aw7naVTUmKsVVKFjfTJ2fKPpulXNq+V1D0HGXap2D/4+f1hyYKXBAdQZsv8O7tbILr+qOiGBui+84aVKUswBjlFfvM4N0yoe+qas59Z6SUmeHSCMCdl/q7BBxhVd3sDjN3wCOyh/NCTN/17G6lOUhDm3d2PKrQ9uspG1h7z26UCBtUf079p83+ZqmSB/HTguxyVmI3Tw6Mjm71Mj+acTfKV0vZMs1A7zPAJ2SfCFNMqn+80DQqNH7f9dVG8XGFjR+bNunQ9TQfgFgM8/8E18NruAAQ0f/30dD1Ys2E3DYV7mFlx6UUlCnsf+6GcrYFDQPqDQ6vCvU8RB1kWVgWcKpChnA+ce+GMjfHIjOqy7oxx77Umg9qTrGfsJ6F+tfwQNZL27Y0rSPtUEnyw+0/dCEnCsXT8qKS76QIWZAW9lyEjJR17kMA8I7yXNcLBiY8CCCBsfOvcwA2QMaIxBYyolxlF0YZnSDpFEgRElWkINBSSfP3kINvOF5H4jAtAIdOCBh4ii1pKRBCSXeQ7UtGVSQtrcmWak9TtL6Jkh4XWl7VX40L5WWtiksn7C+U/1HpTACyxwwpfq4WBuRd97GGdK3VVIP4GuQ4GuLnL5Kw/P2ccH65ncA7f6NK8lTNrzgzXm9udnLrO4odsHVrOF/+er35HcuYJamnYYBX50EX+gZD0lktp/y+y+ki4L15HfO9y4NBpM1C4mXkThcBttXVwBdu5HFzpLOxlnrNBNg7L4rLFSiQcvm/r5vn4Kw3MfdJX181gpxuXCblbNeNTHLuXF9C+64qqeDaDgt9K7rBUgpUIVae3KTPagXndBlzB0nvYOEXL+kzQPryX8UklPdDDg49/d8ESzjNtbTcBW2WMgyIAIVHSpLkaGNEl+u2e/iTtmx3TSOTF05vdIoQLHbb/iRA+QrG3VB6KWP/qCF8beu8bfKHd6l7Ue1FAlqkk57py9pHMRfF2P6JW2CbSe/m6D2aHLux7OeUwVx6FBtsX1qqcbUCbgbJrjznS20az+ezcakPbrRu9iCbNs6+U+JJvGRAmtX2VD7MCTw5vtIw2Sr6kZqs3pbs+b+bpaee+lmrL7Uv6W6Nge829QlDlMUn7GT/5xoIVuzNhszABvsiLdhCoO52X+zmhlAnPLR7yXUqlRuzseyb1Xp4Ln9nKWl6aBWwGGG4PCwlLo9DeQ0YcZAdV2sVPG3vV9/gMuGuV31Mb3W5M5UOP+9w0LUpw4Ni+4G7TYIa3HqSs1jmUcM1ke2OXMaWezCjSy27Brx/9CpqwMPsELmi+7mjGmk+GX/6oISqJD5AivscR1cUf8LXRMNB1f+gd+sKv+G3/wPxt4i9xs8eiMrZO+pd7CauNsuwZoAyeqEO1DciSxQ423/7AGglNRyjr80pXOq/Mz3M+d/dmh1pfUUcbJfqUbANPxt6/R3y+wLBVSR/+u7yucb1g3ejbwW8tvT1MD8YyumGdAWxbrHVv5BAKiKydj5bL7LvPzPbpwSoCJAYyugTudcxtjx/Wzsh7/mx73VqOfrZA8t1BnfVZLV+dWOiuur5T86ouVftP8S1zC+3O1D58W7Wf6xG6PG4jYDhwqXLXTzdY7VAWFne8wHJhce/qSm6oWUAuBULKUmUB8BVFkfE8jmgFJU2DXInJcfEBKuWumm5V9mHgqolbwzzeThskHu0EZTQLu4daJ3W9WM5hO1B8x2ju/XpAlKFyph+KI13r1Y4jnauwguzGcUL364O3CgUbwH8QKE0iYW+SK4SLxQwYt06abUOwJBMwGo1DPMAzYWXAJGIPIz3q+/jxL4+P7ig4G77VWDByW9aB/pB1MrefX9n8g4eVlDsirNn2sg3laTkSiaYDU7+plxHJxL7hLARDVb2PsPLH7RHZpTxkEy5v/9YxpgY83dIgScNgCMShtb0834edfo9YG/4/LZ2L0JDUyMgDW25DIWw3pIQI39+Nc0AIo6zl8a7jii6n78Rn82QdGJ/Sx+8V0+UBUBQLHdsffe4QKWaoW1n/fb9dPfiCpYFS4zMXI09jwTrNUesa1lYFSygOSJ/+/vCVs1ND1KVMV0dMzef1dg9gAZiJLWO+L9njtCgarSxoHBoh4lHDxkvrCfSVk4WLx6nalLTP+oNID9A98rClQlhUV6I3+scwCoWGdsG0rURSUcUlq36eYv18GKuPT6h0xZtehYrcHtK5NAhd3G1zkRsB/8YSjAqBoVzEK1D1KpsOOTejrpUfMLwJ47l9jEz/8DK/zHx5hzkKj/xRIQ8Ew4RYpgEDnPDLoB6sgN84AOMmo6eM4hDholbSW4sZ5YPpX6ys4MgE9qDyw/YNagXYzPSR1UWhGkqRAJbRnEnff1oAbqbY0Nn9fU0PFiTr6FG1qGogZW56W7mYP2HAGVsAFXg+oGIBX+02euaZ9hnLD9lKQjYBbnpwjgEaCFX3zB60EPpHPc+wkKwOTYurv09M/4Aym2ujvcXjWBNuLG8Xd9XgcqtoNOUZnpz9QXQ5xf3s0KP3fNg9gZxN7FvgATAesWh8FIByIdhBHaNultpEI8MsefrYqJ+1i5ugXO8VatGjoBtNwZ9uIiFAo7P8MKT/UHJIiQTu++w09LHRRkzsjTfpwxnKkzJYCN+dNyzbk/CBR0Wt5G2ey1Hf47Z5q3Dz4Mg6pZGzjYvqLpVTm0bAQ3eUejETn3+pYlulli1jcaYVjgzq9lhx/H0jEhSX1QGhsJnE1RBCsG54Vvs/xPLmHOK/frVUYJiIwxwQSgoO/rnvbT8Pc6jfnsxEt+etOGVMynMxOl8v8ViVu0JjCJ70lt9YyUreezI/z5swPjlh0wS2j7ohM2Gf28wQMx4FRtEVQXYbWN/cvbvRmAhitfSlOxHDlCG/TRT7jMMqedkDlUkiCYPEBfHpRWFJAkrWn7qnz4oguL2qSmPSnyD8nLK4c+MwafNjXmlb0mIJ3HKzusDRGjYYk31wRwcdhG8RmToEwBenMsJlDca6C7x4uLaHAOPRxQ6xqTwWZj+de99Pz8P9CZ+cZLjDdeqL+v8p+7kPGzL9dVeizEBKB1KlU2Kcd7j9qktGyQ3rRsL32psikoMU6VbdrJUeIh4gtxpuOuV8UJfDJ6ujXGNqnThmP3LfWWvBp+a38W4pLTvdeRn3Exi628wXNwtLi3/7YuTUDFUcnnqmg/LT/9Yj9u37fduLER3aFRVwWtukG3Zfd/34073bRJSX0WGYBUcXMadQl+RDpLdKAwP23svd/S23Xkaa8vTIcrrGwap7X50MPR2scK+BI4U1IV8adOUyMuvRUs9Z8r9vfl71uyQS4EDMH/W+NXHMjJuGH4OzmdswOxFTDwoMPjK+EXAaCcK2Q0lUzosCBYG31JwuctZbGzwC48+yOML/1tXa0C+LgEFaYT6SFNDMuA8mh657k7Rd4iDQEYB+DGRtz8nSd6gmVjnbGsBmOH2MhTrhOOcRJMfNkfshjamEt/h7F5S/XVMa9sKiWh3uRistC4eW/XxwK0SbQVp7v23Dnd6j8JOPNMTcBZE/S0wlkW4voCYFUvQuu2ScAOMObfHQAvpSAjcVZmyufelvyOx0wPoMVs2N19UvKR9Ag6+rdkZOHxP/SnbPaBFDvrcn8qbK3ORGf/DwRYQ6d4SP7Ok7o2w7oisB1mgEJJeynpvPph2Stu8G1htdx7yE+vtV9JbsHNxvA4cykXByAGqIMznVNWjgBqytAqA97KqaPfXaFdcgEv4vcEBpU5kP/hkm4jHmzbaTAJcCXqROl9qc6BH7DCfwHYQFUGgGmmffV+VngEmJX372d1DgPjnrwhOKGOu5n23smcX/Tod84e+H7oYBFxR54Oxp3YX1QVO9lvucCidcQyqS0ugWe2DesdagLQOLDJ2aGgU+WMjUyn+g8AVeDNv0xlUOCRjTMVnP/ROTvJykEy/usv65n+aEkXEdVTR6DOhPqas4ixhcCYQw/5jNfW6P+I8WZ59QEAx9nd60ocAIywIaU6DaWGRa4qPe0Skb+Ddt/Y6+FpoQ4CPDiQRl/X6sFPI8AslYeZH642jbgLF7H1O3zJ+ug1QUeyUg2FdVLtwoEVNqimRlcCpgyg/uicLmJmZgBzrSGrW6Fgxc0D2whgU/By0kiDGXdFcQ6Ev3PANR2QyS9+ywVrhImfBbbuqz8u2gZ0/go/aWYzhMbDEq6otkOawJbV0MuEMSFk0C4A627R6sr/eHEu/pGD1CDD/3dE8aYWXsymiyJQ3wr2buu3hfMkzAeQqhxt54VkRiH79zPjFhlHbEfVjHrA1YAHVKc4UMddEYaM8JKLLWRytjN++UHfc7t/8aTc1zqpBE5G7IP+vsHCw5dOo7orY5bjPfeAai5hY0PdRRtmBvUAfgYJfuhtP2kAaycIxKKHAMYdr/kHFlOTIMeZsyx22Ss5EofXDkVGunK0+1b5V3UVfnZNtE0AlKznfoKxt33EcMhA0h78PnOe/8pMASpiZln8MheMhQfObnIYV9hxJeplB0ueVilLuUDG9A6BHgDrIImLrO1ad4RTTwvfwdjhh2Zi61KAmyTBDdXKrRCXGVcLlaWqMCPOUvTeIQL3rfYmkUkKOJWWe2imtm+rgRt1v1qqHKCWDVYDlInCT89KkOdpCzQbygjenKnAzzhfEwxVPGU7Ah9+Zbjw07epP9EsyMrnOXieY/YCN0sl7NXYh/6b7lNtUftu4XnZu/piFRaaIWANe27JUincMAM/FeGmoaIicStX+HPLDkuV4IjOENQIrLEiqj5m+99SRThS1FQzsHK0NVxKG8/bLAcslaA2Ay+In94Qc3JSbVZLlqaNKjUDLOQtTaYZUEOwFnOkrINlaTJwZM0AS7NcIAcubMvarrRUgrLj4KcmNmtaenYJY5ogI5bPLFkKI8eY/I95WEnXUrKqEbLeAOt2yxFLxW3Uot+ryNYOrFiou/mgzXnodPNrcHazhg3Fgrf+L3CDnwDglQu5SiUrAaV/iRu/5DUcISnLFBsCAXAh8aFmAjpI3HDNwAqF4jUv8tZBVjeXuNkQpcvWmLpsLS3wVDMHS1B+s3Sy2pxHFrXxda8LI5lffCjj7FiEJwi6rZFmSdIgv/h1z7lCvDAn3yb/3Fy56VuNc/fIon1yRiANYG0nz80j3JZmL4lzVYCPHMHHNinosvB82dTMs3LW7zlajy7ybVe3Ykny6W0bZmcQONCAijjxHav+6mBX7dTZo41qlCAwW/l7R7IkrkVKWHt6YPZRTkjU94346v+xxgRzxIHTJqGN3zfSPrVgfUwCUlxy4bgi/z1HcloF8Uw4tybBLJv8T4Lg8oH6s4XSNOQt8pKLdhpfezMAUY4FigtgxaYEBOSAEZ+F0Arx/W4aG2Z46Ed+hwBxwMWHmAHoqRaoE5Ks3sh5fCG9N2AYniT5RUdzRhqUshtlOmsazCyVn4KwiV90JKvzfAHwmSM2lE+TgjTJiRQ2KTcoQcWGxFWFvhfYyd99NFskbYeUxFdaE6FuVT0en86AUAqd1Hd+vsA1AdWskINAPZqcaNGTdt2Xs/MtKO67yYjr563HBku+g41yv2HQZVEQeUoxh/cXE0IEB4iBXqJBBwEHPZNRgUm9mw4q2iVtFFXRLE5T8JZjqXHeS8j3OiwmIkcoPXsAcKVBmgHeOwKkCSKw8L3UZFVk0i9ShEpjZYeYfkgMG4orFsMA3EyJd6N3K+Hsph7g12AJfrVIAbOB6dtG02JWoKU0wKcdrKQhbUIdcP1kI359VI7WrXzt8eEi722J4r2vs8guzQm/o+VYOhD1xPwO4W8IkPIm4720MP9C3os0WEnj2uSml46QmYCsGIHvOq41znlyPr2309LUUyfwZNjgSZvUmImQGYFhAOpmED7pWlZqSu9Thga3SPNgA9P3DwxC5/QYafukoW5paqkfeNFn8II6z0gZadalIe2UXR01bZd/O0/Oc0eqfxwmxd95Immk2RY0IyzVUP0D+E5oS6HOL+b58+iO0oQn0tNRvWm9qR46oolxh0wcO/38HW96o9p56lQE6jaLoimjdv6ON9J+/58CvOC93qyAw5MgUHLTVblIfFbBeXruNjJ70MovPJkpEmepdpSGfm8n/U5vO9fipouicm9AJ/NvlDOnrjZZHE0Jmf08QByozihUMDIfrHF2zeli/ke7lvE1o1kSt48xe9S7hpSF/l5G+hv7ep/8MwlxqShUMjI3sogO8TdtdxlDarPd0FzTsNnob/VJylxUgBopySpG9O4G5XmKz9Dw5rEcibPStVZStXlsGeln+rmoFMQlo1LRaN115R+XwbPl3UZc0krAmoSk0c/dsv+rPn4yK8DKV49l6SeMnD0NCRKXtoCdfKCKflVSFfubfPJH8CNSsixi5OyJJ8SUCZfndVbk2434oYBNa6mKjgYwrszrizDPxd1pQndvQCvEZ61kLTV6sIN89dMGHdhnxGMHJy3aJkTJEKD2MTWfjds6IwbUSErWwCiX9ipfnk8Z8ThpvcU6XRWRe6BvRV5bz3f2xnEvqpo2DGgzC9bxwLo37p6K9I++JPkF+VRIOjQJeu2VmyVVPkrJfnPAi6jnRf8NyXTuKeXl+ZwFa6V9/HwcvVJ6w0s/Pz/fVyQtXqKwXkrjsLNdOSlZtst9lwzAn5bvKgmOv1eyaNwo4551Cta1RUwruXVdL+vaVOR9/Cz6dng3/KzUC0L193rpHQDqBdEEauTBKjvUvJIoLaTs+ePbVPAuMjQHaTMVlolSGiXORja1p3ERKLjsmSqnfUadBWjhvXSZ7aOnOVyJen50gVoXYCWApcd6caULmTrIl9Wug0PKrSUNy0FYu/bsE+3pBglKB2HNy51VYCWd3S3tU9nRjjq3vpknCpVJz2ysiUjrDLyfK1FuB3P33k6+lHXkwbplQXuymroWeR/f3eBqC3kUxZEnkJflB+uF/3UFVo9xXOwI6jKistJEeIL5H7DNSAminC9Ue2vlb1OICsb3t/LzCqlQhvNJv78rJ+zEkIHmvBjrkvZzqbo+wfx7+bPyuQJ1C2mr6XymoNyeSkFvwVotaF+MJaRN2cEmf/oK53p7+LmFYaNMBM0WNjn7axFknTAw9NtrfhnrACAN1KRNrsrfBGVm65HndQtWg8HqSHAp71hJ2qyYEXD/Tz9Jr1QlnQlIAWCTIeV1SS86USVo+iHfVEi+Q4bGUGedwuq6XpbfUsJZy8i2DkN5mXrn84wAaxEAKzsvVwmj4L02aWa0aBLw7UGVKUDL1bHkMhwoB0yMMJC+FJDYGaGmzy2kKxywTcKmPbe+1PusB+uEwb5fk3JZAdilxUEP6VtCJJ2Q5GW8R1fiUpDeLidbqhiwfc6BmEPCAIRJcbAwH5mfnz+UZ3vd0kRA1QbhMAEV/h9BnKgyv4R8n+a5D8uxvW3NgIkD9mUhTdGh6g44bO6RkAxfXNy+dA4KIOLNzxtCHKJB4XCdMzPtTAvW6QLtQSFNe1n4VUiMOGSK2kp46sMCpIvrcxrJgrV+QNskAOtunCkF3CBAHTmVtNhKUgvW6QDvq0Li0sDILIII/CwrQSdK/1+AAQAX7i8mzFWiJwAAAABJRU5ErkJggg==) no-repeat;
  background-size: cover;
  opacity: 0;
}

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi) {
  .plugin-spotlight__badge {
    background-image: url(/dist/2da021dcde76fa21810b4b7b80d6f139.png);
  }
}

@media (min-width: 40.625rem) {
  .plugin-spotlight__badge {
    width: 10.6875rem;
    height: 10.6875rem;
  }
}

@media (min-width: 68.75rem) {
  .plugin-spotlight__badge {
    right: 0;
    left: auto;
  }
}

.plugin-spotlight--animate .plugin-spotlight__badge {
  -webkit-animation: badge-appear 400ms linear 400ms forwards;
          animation: badge-appear 400ms linear 400ms forwards;
}

@-webkit-keyframes badge-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

@keyframes badge-appear {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}

.plugin-spotlight__body {
  margin-bottom: 2.5rem;
}

@media (min-width: 68.75rem) {
  .plugin-spotlight__body {
    width: 26.875rem;
    margin-bottom: 0;
    float: left;
  }
}

.sticky-footer {
  position: fixed;
  bottom: 0px;
  width: 100%;
  overflow: visible;
  z-index: 600;
  padding: 1.25rem;
  background-color: #0a0a0a;
  -webkit-box-shadow: 0px -5px 15px 0px #0a0a0a;
          box-shadow: 0px -5px 15px 0px #0a0a0a;
  opacity: 0.97;
  min-height: 100px;
  padding: 0.3125rem 0.625rem 0.625rem 0.625rem;
}

.sticky-footer--dark {
  background: url(/dist/369033e1140ffefd91593a7904b5d0a8.jpg) 0 0 repeat;
}

.sticky-footer--career {
  background-color: #8497a5;
}

.sticky-footer--grafanacon {
  background: url(/dist/576c54d9299c94b5f675e33446c13fc7.jpg) 0 200px repeat;
}

.sticky-footer--grafanacon-la {
  background: url(/dist/5ee8d98e85f34984bdd0785bb74726d9.jpg) -100px 330px repeat;
}

.sticky-footer__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  height: 100%;
  margin: 7px 20px 0 0;
}

@media (min-width: 75rem) {
  .sticky-footer__container {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    margin: 7px 40px 0 0;
  }
}

.sticky-footer__headline {
  margin-bottom: 0;
  line-height: 0;
}

.sticky-footer__copy {
  color: #333333;
  padding: 0 0.625rem;
  text-align: center;
  font-size: 1.4rem;
}

.sticky-footer__copy span {
  font-size: 1.5rem;
  font-weight: 700;
  color: #fc4e00;
  -webkit-filter: drop-shadow(2px 2px 0px #0a0a0a);
  filter: drop-shadow(2px 2px 0px #0a0a0a);
}

.sticky-footer__copy p {
  margin-bottom: 0;
}

.sticky-footer__copy--dark {
  color: #fefefe;
}

.sticky-footer__copy--grafanacon {
  color: #fefefe;
  width: 60%;
}

.sticky-footer__copy--career {
  color: #fefefe;
}

.sticky-footer__cta {
  display: inline-block;
  margin-left: 1.25rem;
}

.sticky-footer__points {
  display: inline-block;
  margin-bottom: 10px;
  margin-left: 5px;
  line-height: 1.8;
}

.sticky-footer__points .number {
  font-weight: 700;
}

@media (min-width: 40.625rem) {
  .sticky-footer__points .number {
    padding: 3px 7px;
    border: 3px solid #333333;
    border-radius: 50%;
  }
}

.sticky-footer__footer-signup {
  display: inline-block;
  margin: 0.625rem 0;
}

.sticky-footer__image {
  position: absolute;
  top: -58px;
  width: 130px;
  left: 40px;
}

.sticky-footer__image--container {
  width: 255px;
  position: relative;
  height: 35px;
  margin-bottom: 1rem;
}

.sticky-footer__image--grafanacloud {
  width: 100%;
  position: absolute;
  top: -37px;
  left: 0;
}

.sticky-footer__image--grafanacon {
  width: 100%;
  position: absolute;
  top: -80px;
  left: 0;
  -webkit-filter: drop-shadow(0 -5px 5px #0a0a0a);
  filter: drop-shadow(0 -5px 5px #0a0a0a);
}

@media (min-width: 75rem) {
  .sticky-footer__image--grafanacon {
    left: 80px;
  }
}

.sticky-footer__image--career {
  width: 200px;
  margin-bottom: -30px;
  position: absolute;
  left: 40px;
  top: -110px;
  -webkit-filter: drop-shadow(0 -5px 5px #0a0a0a);
  filter: drop-shadow(0 -5px 5px #0a0a0a);
}

@media (min-width: 75rem) {
  .sticky-footer__image--career {
    left: 40px;
    top: -50px;
  }
}

.sticky-footer__close {
  position: absolute;
  top: 10px;
  right: 10px;
  color: #333333;
}

.sticky-footer__close--dark {
  color: #c5c5c5;
}

.sticky-footer__close--career {
  color: #c5c5c5;
}

.sticky-footer__close--grafanacon {
  color: #c5c5c5;
}

.sticky-footer__deny {
  margin-right: 1.25rem;
  cursor: pointer;
}

.sfanimate-enter {
  opacity: 0.01;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
}

.sfanimate-enter.sfanimate-enter-active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 500ms ease-in;
  transition: all 500ms ease-in;
}

.sfanimate-appear {
  opacity: 0.01;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
}

.sfanimate-appear.sfanimate-appear-active {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
  -webkit-transition: all 800ms ease-in 1200ms;
  transition: all 800ms ease-in 1200ms;
}

.sfanimate-leave {
  opacity: 1;
  -webkit-transform: translate(0, 0);
          transform: translate(0, 0);
}

.sfanimate-leave.sfanimate-leave-active {
  opacity: 0.01;
  -webkit-transform: translate(0, 100px);
          transform: translate(0, 100px);
  -webkit-transition: all 500ms ease-out;
  transition: all 500ms ease-out;
}

.page-subnav {
  background: #1f1f1f;
  display: none;
}

@media (min-width: 40.625rem) {
  .page-subnav {
    display: block;
  }
}

.page-subnav__tabs {
  margin: 0;
  padding: 0;
  list-style: none;
}

@media (min-width: 40.625rem) {
  .page-subnav__tabs {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    border-right: 1px solid #131313;
    border-left: 1px solid #363636;
  }
}

@media (min-width: 40.625rem) {
  .subnav__item {
    width: 33.333%;
    border-right: 1px solid #363636;
    border-left: 1px solid #131313;
  }
}

.subnav__link {
  display: block;
  position: relative;
  padding: 20px;
  font-size: 23px;
  font-style: italic;
  text-decoration: none;
}

@media (min-width: 40.625rem) {
  .subnav__link {
    padding: 20px;
    text-align: center;
  }
  .subnav__link::after {
    display: block;
    position: absolute;
    right: 0;
    bottom: 0;
    left: 0;
    height: 1px;
    content: '';
  }
}

.page-subnav__drop-shadow {
  -webkit-box-shadow: 0 1px 5px #0a0a0a;
          box-shadow: 0 1px 5px #0a0a0a;
}

.subnav__link.visualize {
  color: #fefefe;
}

.subnav__link.visualize:hover::after {
  background: -webkit-gradient(linear, left top, right top, from(#fefefe), color-stop(75%, #fefefe));
  background: linear-gradient(to right, #fefefe 0%, #fefefe 75%);
}

.subnav__link.extend {
  color: #d077e8;
}

.subnav__link.extend:hover::after {
  background: -webkit-gradient(linear, left top, right top, from(#dc99ee), color-stop(75%, #d077e8));
  background: linear-gradient(to right, #dc99ee 0%, #d077e8 75%);
}

.subnav__link.host {
  color: #13b2d4;
}

.subnav__link.host:hover::after {
  background: -webkit-gradient(linear, left top, right top, from(#4ec5df), color-stop(75%, #13b2d4));
  background: linear-gradient(to right, #4ec5df 0%, #13b2d4 75%);
}

.subnav__link.support {
  color: #d6041b;
}

.subnav__link.support:hover::after {
  background: -webkit-gradient(linear, left top, right top, from(#e04354), color-stop(75%, #d6041b));
  background: linear-gradient(to right, #e04354 0%, #d6041b 75%);
}

.subnav__link.platform {
  color: #13b2d4;
}

.subnav__link.platform:hover::after {
  background: -webkit-gradient(linear, left top, right top, from(#4ec5df), color-stop(75%, #13b2d4));
  background: linear-gradient(to right, #4ec5df 0%, #13b2d4 75%);
}

.subnav__link.grafana {
  color: #f46800;
}

.subnav__link.grafana:hover::after {
  background: -webkit-gradient(linear, left top, right top, from(#f78e40), color-stop(75%, #f46800));
  background: linear-gradient(to right, #f78e40 0%, #f46800 75%);
}

.subnav__link.metrics {
  color: #d077e8;
}

.subnav__link.metrics:hover::after {
  background: -webkit-gradient(linear, left top, right top, from(#dc99ee), color-stop(75%, #d077e8));
  background: linear-gradient(to right, #dc99ee 0%, #d077e8 75%);
}

.subnav__link.alerting {
  color: #d6041b;
}

.subnav__link.alerting:hover::after {
  background: -webkit-gradient(linear, left top, right top, from(#e04354), color-stop(75%, #d6041b));
  background: linear-gradient(to right, #e04354 0%, #d6041b 75%);
}

.subnav__link.visualize.active {
  color: #f46800;
}

.subnav__link.visualize.active::after {
  background: -webkit-gradient(linear, left top, right top, from(#f78e40), color-stop(75%, #f46800));
  background: linear-gradient(to right, #f78e40 0%, #f46800 75%);
}

.subnav__link.extend.active {
  color: #d077e8;
}

.subnav__link.extend.active::after {
  background: -webkit-gradient(linear, left top, right top, from(#dc99ee), color-stop(75%, #d077e8));
  background: linear-gradient(to right, #dc99ee 0%, #d077e8 75%);
}

.subnav__link.host.active {
  color: #13b2d4;
}

.subnav__link.host.active::after {
  background: -webkit-gradient(linear, left top, right top, from(#4ec5df), color-stop(75%, #13b2d4));
  background: linear-gradient(to right, #4ec5df 0%, #13b2d4 75%);
}

.subnav__link.support.active {
  color: #d6041b;
}

.subnav__link.support.active::after {
  background: -webkit-gradient(linear, left top, right top, from(#e04354), color-stop(75%, #d6041b));
  background: linear-gradient(to right, #e04354 0%, #d6041b 75%);
}

.subnav__link.platform.active {
  color: #13b2d4;
}

.subnav__link.platform.active::after {
  background: -webkit-gradient(linear, left top, right top, from(#4ec5df), color-stop(75%, #13b2d4));
  background: linear-gradient(to right, #4ec5df 0%, #13b2d4 75%);
}

.subnav__link.grafana.active {
  color: #f46800;
}

.subnav__link.grafana.active::after {
  background: -webkit-gradient(linear, left top, right top, from(#f78e40), color-stop(75%, #f46800));
  background: linear-gradient(to right, #f78e40 0%, #f46800 75%);
}

.subnav__link.metrics.active {
  color: #d077e8;
}

.subnav__link.metrics.active::after {
  background: -webkit-gradient(linear, left top, right top, from(#dc99ee), color-stop(75%, #d077e8));
  background: linear-gradient(to right, #dc99ee 0%, #d077e8 75%);
}

.svg-gradient__get-grafana {
  height: 1.45em;
  width: 5em;
}

.svg-gradient-text:hover {
  fill: #f46800;
}

.table {
  margin-bottom: 2rem;
}

.table th {
  text-align: left;
  color: #fefefe;
  padding: 2px 20px;
}

.table .table__firstcol {
  padding-left: 0;
}

.table td.table__col-desc {
  width: 50%;
}

.table td {
  padding: 2px 20px;
}

.team__title {
  text-transform: uppercase;
  font-weight: 100;
  font-size: 0.875rem;
  color: #eaeaea;
  margin-top: 0;
}

.team__name {
  margin: 0 auto;
  color: #fefefe;
}

.team__img {
  background-color: #0a0a0a;
  margin: 0 auto;
  width: 200px;
  height: 200px;
  border-radius: 50%;
}

.team__img.co-founder {
  width: 275px;
  height: 275px;
}

.team__social-icons {
  display: block;
}

.team__bio-right {
  text-align: right;
}

.page-section--testimonial {
  background: url(/dist/462521747851dd2f0b94c7b81c89b14d.jpg) 0 0 repeat;
  background-size: cover;
  padding: 1.875rem 0;
  margin-bottom: 5rem;
}

.page-section--testimonial2 {
  background: url(/dist/369033e1140ffefd91593a7904b5d0a8.jpg) 0 0 repeat;
  background-size: cover;
  padding: 1.875rem 0;
  margin-bottom: 5rem;
}

.testimonial-logos {
  background: url(/dist/462521747851dd2f0b94c7b81c89b14d.jpg) 0 0 repeat;
  background-size: cover;
  padding: 1.5625rem 0 0 0;
  margin-bottom: 1rem;
  -webkit-box-shadow: 0px 0px 20px #111;
          box-shadow: 0px 0px 20px #111;
  text-align: center;
}

.testimonial-logos img {
  padding-right: 1.875rem;
  vertical-align: middle;
  margin-bottom: 0.625rem;
}

.testimonial-logos__link {
  display: block;
  font-weight: bold;
  font-size: 85%;
  padding: 0.5rem 0 1rem 0;
}

.testimonial-container {
  background: url(/dist/462521747851dd2f0b94c7b81c89b14d.jpg) 0 0 repeat;
  background-size: cover;
  padding: 1.875rem 0;
  margin-bottom: 5rem;
  -webkit-box-shadow: 0px 0px 20px #111;
          box-shadow: 0px 0px 20px #111;
}

.testimonial-container .testimonial {
  margin-bottom: 0;
}

.testimonial-container .testimonial__logo {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.testimonial {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
      -ms-flex-pack: start;
          justify-content: flex-start;
  margin-bottom: 7rem;
}

.testimonial__logo {
  width: 25%;
  position: relative;
  margin-right: 3.125rem;
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem;
  -webkit-box-flex: 0;
      -ms-flex: none;
          flex: none;
}

.testimonial__logo img {
  width: 100%;
  max-height: 110px;
}

.testimonial__logo--circle {
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-size: contain;
  background-size: 70%;
  border-radius: 50%;
  width: 200px;
  height: 200px;
  background-color: black;
}

.testimonial__logo--circle--digital-ocean {
  background-image: url(https://www.digitalocean.com/assets/media/logos-badges/png/DO_Logo_Vertical_Blue-6321464d.png);
}

.testimonial__text {
  width: 75%;
}

.testimonial__quote {
  display: block;
  font-size: 1.5rem;
  font-style: italic;
  color: #fefefe;
  margin-bottom: 1.25rem;
}

.testimonial__quote--gray {
  color: #c5c5c5;
}

.testimonial__quote--right-align {
  text-align: right;
  margin-right: 3.125rem;
}

.testimonial__attribution {
  display: block;
  color: #898989;
  font-weight: 700;
}

.testimonial__attribution--with-button {
  margin-bottom: 1rem;
}

.use-case__key {
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.3), 1px 1px 0px 0px rgba(255, 255, 255, 0.1);
          box-shadow: -1px -1px 0px 0px rgba(0, 0, 0, 0.3), 1px 1px 0px 0px rgba(255, 255, 255, 0.1);
  border-radius: 4px;
  padding: 0 10px !important;
  margin-bottom: 1.25rem;
  line-height: 0;
}

.use-case__key h4 {
  font-size: 0.875rem;
  color: #898989;
}

.use-case__key h4 span {
  font-weight: 400;
  color: #eaeaea;
  padding-left: 0.625rem;
  padding-right: 0.625rem;
  margin-left: 0.625rem;
}

.use-case__key h4 span.devops {
  border-left: 3px solid #13b2d4;
}

.use-case__key h4 span.ad-tech {
  border-left: 3px solid #f46800;
}

.use-case__key h4 span.iiot {
  border-left: 3px solid yellow;
}

.use-case__key h4 span.other {
  border-left: 3px solid #3adb76;
}

.use-case__item {
  position: relative;
  margin: 0 0 60px 0;
  padding: 0 3.125rem 0 0;
  text-align: center;
}

.use-case__item h5 {
  text-align: left;
  padding-left: 0.625rem;
}

.use-case__item--devops img {
  border: 4px solid #13b2d4;
}

.use-case__item--devops h5 {
  border-left: 3px solid #13b2d4;
}

.use-case__item--iiot img {
  border: 4px solid yellow;
}

.use-case__item--iiot h5 {
  border-left: 3px solid yellow;
}

.use-case__item--ad-tech img {
  border: 4px solid #f46800;
}

.use-case__item--ad-tech h5 {
  border-left: 3px solid #f46800;
}

.use-case__item--other img {
  border: 4px solid #3adb76;
}

.use-case__item--other h5 {
  border-left: 3px solid #3adb76;
}

.use-case__copy {
  font-size: 0.875rem;
  text-align: left;
  padding-bottom: 3.125rem;
}

.use-case__thumbnail {
  border-radius: 50%;
  background-color: #000000;
  width: 125px;
  height: 125px;
}

.use-case__cta {
  position: absolute;
  bottom: 0;
}

.card-container--study {
  position: relative;
  text-align: center;
  height: auto;
  margin-bottom: 1.875rem;
}

.card-container--study h4 {
  text-align: left;
}

.card-container--study h5 {
  margin-top: 0;
  margin-bottom: 2.5rem;
  text-transform: uppercase;
  font-size: 0.6875rem;
  font-weight: 400;
  text-align: left;
}

.card-container--study .case-study__logo {
  margin-bottom: 2.5rem;
  max-width: 75%;
  text-align: center;
}

.case-study__headline {
  text-align: left;
  margin-bottom: 1.25rem;
  font-size: 2.25rem;
  font-weight: 400;
  font-color: #fefefe;
  font-style: italic;
}

.case-study__copy {
  text-align: left;
}

.case-study__copy b {
  color: #fefefe;
}

.case-study__copy--tall {
  min-height: 9.375rem;
}

.case-study__cta {
  position: absolute;
  bottom: 2.875rem;
  left: 2.625rem;
}

.case-study-hero {
  text-align: center;
}

.case-study-quote {
  display: block;
  background-color: #0a0a0a;
  border-left: 2px solid #f46800;
  margin-bottom: 20px;
  padding: 20px;
  font-size: 1.5rem;
  font-style: italic;
}

.case-study-quote .quote {
  margin-bottom: 20px;
}

.case-study-quote .author {
  font-style: normal;
  text-align: right;
  font-size: 1.125rem;
}

.case-study-bar {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
      -ms-flex-pack: end;
          justify-content: flex-end;
  margin-right: 4rem;
}

.case-study-bar__text {
  text-align: right;
}

@media (min-width: 62rem) {
  .case-study-bar__text {
    margin-right: 3.125rem;
  }
}

.case-study-bar__headline {
  font-size: 1.3125rem;
  font-weight: 700;
  font-style: italic;
  color: #fefefe;
  display: block;
}

@media (min-width: 62rem) {
  .case-study-bar__headline {
    font-size: 2.25rem;
  }
}

.case-study-bar__sub-copy {
  color: #eaeaea;
  font-size: 1rem;
  display: block;
  margin-bottom: 1.25rem;
}

.case-study-bar__logo {
  display: none;
  position: relative;
  margin-right: 3.125rem;
  min-width: 225px;
}

@media (min-width: 62rem) {
  .case-study-bar__logo {
    display: block;
  }
}

.case-study-bar__paper-stack {
  position: absolute;
  top: -47px;
  background-repeat: no-repeat;
  background-size: 85%;
  width: 200px;
  height: 225px;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjAwIiBoZWlnaHQ9IjI1NSIgdmlld0JveD0iMCAwIDIwMCAyNTUiPjxzdHlsZT4uc3Qwe2ZpbGw6Izg5ODk4OX08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xMzcuNyAzM2wtMTYuNS0xNi41TDEwNC43IDBIMjIuOEMxMC4yIDAgMCAxMC4yIDAgMjIuOHYxNzYuNGMwIDEwLjYgNy4zIDE5LjYgMTcuMiAyMi4xIDIgOC4xIDguNCAxNC41IDE2LjUgMTYuNSAyLjUgOS45IDExLjQgMTcuMiAyMi4xIDE3LjJoMTIxLjRjMTIuNiAwIDIyLjgtMTAuMiAyMi44LTIyLjhWOTUuNEwxMzcuNyAzM3ptMzkuNSAyMTAuNEg1NS44Yy02LjIgMC0xMS4zLTUuMS0xMS4zLTExLjNWNTUuOGMwLTYuMiA1LjEtMTEuMyAxMS4zLTExLjNoNzMuN3Y1OS40aDU5djEyOC4yYzAgNi4zLTUuMSAxMS4zLTExLjMgMTEuM3pNMTEuNSAyMi44YzAtNi4yIDUuMS0xMS4zIDExLjMtMTEuM2g3My43djVIMzkuM2MtMTIuNiAwLTIyLjggMTAuMi0yMi44IDIyLjh2MTY5LjJjLTMtMi00LjktNS40LTQuOS05LjNWMjIuOHpNMTQxIDkyLjRWNTIuN2wzOS43IDM5LjdIMTQxek0yOCAyMTUuN1YzOS4zQzI4IDMzLjEgMzMuMSAyOCAzOS4zIDI4SDExM3Y1SDU1LjhDNDMuMiAzMyAzMyA0My4yIDMzIDU1LjhWMjI1Yy0zLTItNS01LjQtNS05LjN6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTcxLjggOTIuNGg0NC43VjEwNEg3MS44ek03MS44IDExNy40aDkwLjlWMTI5SDcxLjh6TTcxLjggMTQyLjNoOTAuOXYxMS42SDcxLjh6TTcxLjggMTY3LjNoOTAuOXYxMS42SDcxLjh6TTcxLjggMTkyLjJoOTAuOXYxMS42SDcxLjh6Ii8+PC9zdmc+);
}

.thumbnail {
  position: relative;
}

.thumbnail-action {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  width: 1.5625rem;
  height: 1.5625rem;
  color: #c5c5c5;
}

.thumbnail-action input[type=file] {
  cursor: pointer;
  font-size: 0;
  width: 1.875rem !important;
  height: 1.875rem !important;
}

.thumbnail-action__icon {
  position: absolute;
  top: 0.1875rem;
  right: 0.375rem;
  cursor: pointer;
}

.thumbnail:hover .thumbnail-action {
  display: block;
}

.thumbnail-action:hover {
  color: #fefefe;
}

.updates-enter {
  opacity: 0.01;
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 300ms ease-in;
  transition: all 300ms ease-in;
}

.updates-enter.updates-enter-active {
  opacity: 1;
  max-height: 3rem;
}

.updates-appear {
  opacity: 0.01;
  max-height: 0;
  overflow-y: hidden;
  -webkit-transition: all 200ms ease-in-out 300ms;
  transition: all 200ms ease-in-out 300ms;
}

.updates-appear.updates-appear-active {
  opacity: 1;
  max-height: 3rem;
}

.updates-leave {
  opacity: 1;
  max-height: 3rem;
  overflow-y: hidden;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.updates-leave.updates-leave-active {
  opacity: 0.01;
  max-height: 0;
}

.user-profile__container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 15rem;
}

.user-header__name {
  color: #fefefe;
  margin: 0.3rem 0 0 0;
  font-weight: 200;
}

.user-header__slug {
  font-style: italic;
  margin: 0;
  font-weight: 200;
}

.user-header__url {
  margin-top: 0.2rem;
  font-size: 0.875rem;
}

.user-header__url a {
  color: inherit;
}

.user-header__joined {
  margin-top: 0.2rem;
  font-size: 0.875rem;
  margin-bottom: 1rem;
}

.user-profile__member-list {
  font-size: 0.875rem;
  margin-bottom: 2rem;
}

.user-profile__member-list ul {
  display: inline;
  padding: 0;
  margin: 0.5rem 0;
}

.user-profile__member-list ul li {
  display: block;
  padding: 0;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.user-profile__member-list-title {
  font-style: italic;
  margin-right: 0.5rem;
  margin-bottom: 0.5rem;
}

.basic-profile .avatar--large {
  margin: 0 auto;
}

.view-toggle {
  display: none;
}

@media (min-width: 40.625rem) {
  .view-toggle {
    display: block;
  }
}

.view-toggle button {
  border: 0;
  width: 40px;
  height: 40px;
  padding: 0.75rem;
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  display: inline-block;
  outline: none;
}

.view-toggle button:hover {
  background: linear-gradient(135deg, #363636 0%, #272727 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.toggle-item img {
  width: 16px;
  opacity: 0.3;
}

.view-toggle .active {
  background: linear-gradient(135deg, #505050 0%, #3c3c3c 100%);
}

.view-toggle .active img {
  opacity: 1;
}

.toggle-item:first-child {
  border-radius: 4px 0 0 4px;
}

.toggle-item:last-child {
  border-radius: 0 4px 4px 0;
}

.value-box {
  background: url(/dist/369033e1140ffefd91593a7904b5d0a8.jpg) 0 0 repeat;
  background-size: cover;
  padding: 1.875rem 0;
  margin-bottom: 6.25rem;
  -webkit-box-shadow: 0px 0px 20px #111;
          box-shadow: 0px 0px 20px #111;
}

.value-box--small-bottom {
  margin-bottom: 3.125rem;
}

.value-box__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 62rem) {
  .value-box__content {
    margin-left: 4rem;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.value-box__img {
  position: relative;
  display: none;
}

@media (min-width: 62rem) {
  .value-box__img {
    display: block;
  }
}

.value-box__header {
  font-style: normal;
  margin-bottom: 2rem;
}

.value-box__list {
  padding-left: 0;
  margin-bottom: 1rem;
  margin-right: 4rem;
}

.value-box__list > li {
  list-style: none;
  margin: 0 auto 0.625rem 2.1875rem;
  position: relative;
  min-height: 1.875rem;
  color: #fefefe;
}

.value-box__list > li::before {
  font-family: 'grafana-icons';
  content: "\E603";
  color: #3adb76;
  font-size: 160%;
  margin-left: -2.5rem;
  position: absolute;
  top: -6px;
}

.value-box__copy {
  color: #fefefe;
}

.multi-select .dropdown {
  margin-bottom: 0;
  width: 10.625rem;
}

.multi-select__delete {
  cursor: pointer;
  color: #c5c5c5;
}

.multi-select__delete:hover {
  color: #fefefe;
}

.email-unconfirmed {
  display: inline-block;
}

.email-unconfirmed__status {
  margin-bottom: 1rem;
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.email-unconfirmed__status b {
  color: #f46800;
}

.email-unconfirmed__status button {
  margin-right: 1rem;
  margin-left: 1rem;
}

.email-unconfirmed__message--success {
  color: #3adb76;
}

.email-unconfirmed__message--fail {
  color: #ea2531;
}

.screenshot {
  max-height: 25rem;
  border: 1px solid #0a0a0a;
  border-radius: 0.25rem;
  overflow: hidden;
  cursor: pointer;
  position: relative;
  -webkit-box-shadow: 0px 0px 20px #111;
          box-shadow: 0px 0px 20px #111;
  margin-bottom: 1rem;
  /* &:hover {
    > img {
      -webkit-transform: scale3d(1.05, 1.05, 1.05);
      transform: scale3d(1.05, 1.05, 1.05);
    }
  } */
}

.screenshot > img {
  -webkit-transition: -webkit-transform 0.15s ease 0s;
  transition: -webkit-transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s;
  transition: transform 0.15s ease 0s, -webkit-transform 0.15s ease 0s;
  max-width: 100%;
  height: auto;
}

.screenshot--round {
  border: none;
  padding-top: 1rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.screenshot--round img {
  width: 200px;
  height: 200px;
  border-radius: 50%;
  border: 1px solid black;
  -webkit-box-shadow: 0 0 20px #111;
          box-shadow: 0 0 20px #111;
}

.screenshot--transparent {
  border: none;
  padding-top: 1rem;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.screenshot__zoom {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  top: 0;
}

.screenshot__zoom > img {
  left: 50%;
  margin-left: -10px;
  margin-top: -10px;
  opacity: 0;
  position: absolute;
  top: 50%;
  -webkit-transition: opacity 0.3s ease 0s;
  transition: opacity 0.3s ease 0s;
}

.screenshot__zoom .fa-play {
  font-size: 1.5rem;
  color: #fefefe;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

/* Hosted Metrics
------------------------ */
.rc-slider {
  margin-bottom: 3.125rem;
}

.rc-slider .rc-slider-track {
  background: -webkit-gradient(linear, left top, right top, from(#ffb400), to(#c83300));
  background: linear-gradient(90deg, #ffb400 0%, #c83300 100%);
}

.rc-slider .rc-slider-mark {
  top: 24px;
}

.rc-slider .rc-slider-step {
  border-left: 3px solid #ffb400;
}

.rc-slider .rc-slider-handle {
  position: absolute;
  margin-left: -12px;
  margin-top: -10px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 50%;
  border: solid 3px #f46800;
  background-color: #fff;
}

.rc-slider .rc-slider-handle:hover {
  border: solid 2px #f46800;
}

.rc-slider .rc-slider-handle:active {
  background-color: #e94d00;
}

.hm-slider--free {
  display: inline-block;
  width: 14%;
  background: -webkit-gradient(linear, left top, right top, from(#555), to(#262626));
  background: linear-gradient(90deg, #555 0%, #262626 100%);
  color: #a2a2a2;
  height: 5rem;
  margin-right: 0.1875rem;
  margin-bottom: 1rem;
  padding-top: 2rem;
  border-radius: 4px 0 0 4px;
}

@media (max-width: 62rem) {
  .hm-slider--free {
    font-size: 0.75rem;
  }
}

.hm-slider--pro {
  display: inline-block;
  width: 69%;
  background: -webkit-gradient(linear, left top, right top, from(#f7ba00), to(#d55900));
  background: linear-gradient(90deg, #f7ba00 0%, #d55900 100%);
  height: 5rem;
  margin-right: 0.1875rem;
  margin-bottom: 1rem;
  padding-top: 2rem;
}

@media (max-width: 62rem) {
  .hm-slider--pro {
    font-size: 0.75rem;
  }
}

.hm-slider--elite {
  display: inline-block;
  width: 15%;
  background: -webkit-gradient(linear, left top, right top, from(#d55900), to(#c83300));
  background: linear-gradient(90deg, #d55900 0%, #c83300 100%);
  height: 5rem;
  margin-bottom: 1rem;
  padding-top: 2rem;
  border-radius: 0 4px 4px 0;
}

@media (max-width: 62rem) {
  .hm-slider--elite {
    font-size: 0.75rem;
  }
}

.hm-slider-desc {
  color: #fefefe;
  margin-bottom: 1.5rem;
}

.hm-slider-desc .plan-name, .hm-slider-desc .plan-price {
  margin: 0;
  font-size: 5rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 1;
}

.hm-slider-desc .plan-name small, .hm-slider-desc .plan-price small {
  font-size: 30%;
  font-weight: normal;
  letter-spacing: 0;
}

.hm-slider-desc .plan-name small.currency, .hm-slider-desc .plan-price small.currency {
  vertical-align: super;
}

.hm-slider-desc .plan-name--enterprise, .hm-slider-desc .plan-name--starter, .hm-slider-desc .plan-price--enterprise, .hm-slider-desc .plan-price--starter {
  top: 0.625rem;
}

.hm-slider-desc .plan-capacity {
  margin: 0;
  font-size: 1.125rem;
}

.hm-slider-bullets {
  margin-top: 0;
}

/* WorldPing Checks
------------------------ */
.wp-slider {
  font-weight: 700;
  text-align: center;
  color: #eaeaea;
}

.wp-slider .rc-slider-track {
  background: -webkit-gradient(linear, left top, right top, from(#13b2d4), color-stop(75%, #0f8ba5));
  background: linear-gradient(to right, #13b2d4 0%, #0f8ba5 75%);
}

.wp-slider .rc-slider-mark {
  top: 24px;
}

.wp-slider .rc-slider-step {
  border-left: 3px solid #13b2d4;
}

.wp-slider .rc-slider-handle {
  position: absolute;
  margin-left: -12px;
  margin-top: -10px;
  width: 24px;
  height: 24px;
  cursor: pointer;
  border-radius: 50%;
  border: solid 3px #13b2d4;
  background-color: #fff;
}

.wp-slider .rc-slider-handle:hover {
  border: solid 2px #13b2d4;
}

.wp-slider .rc-slider-handle:active {
  background-color: #0f8ba5;
}

.wp-slider-desc {
  color: #fefefe;
  padding-bottom: 1.5rem;
  margin-bottom: 1.5rem;
}

.wp-slider-desc .plan-name, .wp-slider-desc .plan-price {
  margin: 0;
  font-size: 2.25rem;
  font-style: italic;
  weight: 700;
}

.wp-slider-desc .plan-name small, .wp-slider-desc .plan-price small {
  font-size: 50%;
  font-weight: normal;
}

.wp-slider-desc .plan-name small.currency, .wp-slider-desc .plan-price small.currency {
  vertical-align: super;
}

.wp-slider-desc .plan-name--enterprise, .wp-slider-desc .plan-name--starter, .wp-slider-desc .plan-price--enterprise, .wp-slider-desc .plan-price--starter {
  top: 0.625rem;
}

.wp-slider-desc .plan-capacity {
  margin: 0;
  font-size: 1.125rem;
}

.wp-slider-bullets {
  margin-top: 0;
}

.wp-slider-emc {
  margin-bottom: 1.25rem;
}

.rc-slider-dot-active {
  border-color: #fefefe;
  background: rgba(255, 255, 255, 0);
}

.rc-slider-mark-text {
  color: #eaeaea;
  font-size: 0.875rem;
  font-weight: 700;
  margin-left: -45px !important;
  width: auto !important;
}

.rc-slider-mark-text-active {
  margin-left: -5px !important;
}

.rc-slider-tooltip-inner {
  padding: 6px;
  min-width: 24px;
  height: 24px;
  font-size: 12px;
  line-height: 1;
  color: #fff;
  text-align: center;
  text-decoration: none;
  background-color: rgba(0, 0, 0, 0.6);
  border-radius: 4px;
  -webkit-box-shadow: 0 0 4px #d9d9d9;
          box-shadow: 0 0 4px #d9d9d9;
}

.rc-slider-tooltip-placement-top .rc-slider-tooltip-arrow {
  border-top-color: rgba(0, 0, 0, 0.6);
}

.plan-name--container {
  position: relative;
  min-height: 3.125rem;
}

.plan-price--container {
  position: relative;
  min-height: 4.5rem;
}

.plan-price--sub-copy {
  position: absolute;
  top: 2.125rem;
}

.planimation {
  position: relative;
}

.planimate-enter {
  opacity: 0.01;
}

.planimate-enter.planimate-enter-active {
  opacity: 1;
  -webkit-transition: all 200ms ease-in;
  transition: all 200ms ease-in;
}

.planimate-appear {
  opacity: 0.01;
}

.planimate-leave {
  opacity: 1;
}

.planimate-leave.planimate-leave-active {
  opacity: 0.01;
  -webkit-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.two-column-hero {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 2rem;
}

@media (min-width: 40.625rem) {
  .two-column-hero {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
  }
}

.two-column-hero__text,
.two-column-hero__figure {
  position: relative;
  width: 100%;
}

@media (min-width: 40.625rem) {
  .two-column-hero__text,
  .two-column-hero__figure {
    width: 50%;
    padding: 1rem 1rem 1rem 0;
  }
}

.two-column-hero__text {
  -webkit-box-ordinal-group: 3;
      -ms-flex-order: 2;
          order: 2;
}

@media (min-width: 40.625rem) {
  .two-column-hero__text {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

.two-column-hero__figure {
  margin: 0 0 1.25rem 0;
  -webkit-box-ordinal-group: 2;
      -ms-flex-order: 1;
          order: 1;
}

.two-column-hero__figure > img {
  width: 100%;
  vertical-align: middle;
}

.two-column-hero__figure > img.border {
  border: 1px solid #555;
}

.two-column-hero__figure > img.grafana-enterprise-hero {
  width: 200px;
}

@media (min-width: 40.625rem) {
  .two-column-hero__figure {
    margin: 0;
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

.two-column-hero__figure-with-caption {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.two-column-hero__figure-caption {
  display: block;
  font-size: 0.75rem;
}

.two-column-hero__subheading {
  color: #eaeaea;
  font-size: 1.125rem;
  text-transform: uppercase;
}

.two-column-hero__paragraph {
  font-size: 1.125rem;
  line-height: 1.875rem;
}

.two-column-hero__paragraph strong {
  color: #c5c5c5;
}

.two-column-hero__list {
  font-size: 1rem;
  margin-left: -1.5rem;
  color: #fefefe;
}

.two-column-hero__video-container {
  border: 1px solid #555;
  width: 100%;
  height: 327px;
  vertical-align: middle;
  text-align: center;
  padding: 150px 0;
}

.page-letterhead {
  background-position: center 35%;
  background-repeat: no-repeat;
  background-size: cover;
  overflow: hidden;
  position: relative;
  padding: 0.625rem 0 1.875rem 0;
}

.page-letterhead--video {
  position: relative;
  max-height: 800px;
  overflow: hidden;
  background: -webkit-gradient(linear, left bottom, left top, color-stop(75%, transparent), to(rgba(0, 0, 0, 0.8)));
  background: linear-gradient(0deg, transparent 75%, rgba(0, 0, 0, 0.8));
  top: 4.6875rem;
  padding: 0;
  margin-bottom: 6rem;
}

@media (min-width: 40.625rem) {
  .page-letterhead--video {
    padding: 3.125rem 0 4.375rem 0;
  }
}

@media (min-width: 55.625rem) {
  .page-letterhead--video {
    padding: 6.875rem 0 1.25rem 0;
    top: 0;
    margin-bottom: 2rem;
  }
}

@media (min-width: 75rem) {
  .page-letterhead--video {
    padding: 6.875rem 0 1.875rem 0;
  }
}

@media (min-width: 40.625rem) {
  .page-letterhead--video-grafanacon {
    margin-bottom: 2rem;
  }
}

@media (min-width: 55.625rem) {
  .page-letterhead--video-grafanacon {
    margin-bottom: 0;
  }
}

.page-letterhead--with-bg {
  padding: 9.375rem 0 1.875rem 0;
  -webkit-box-shadow: 0 0 20px #0a0a0a;
          box-shadow: 0 0 20px #0a0a0a;
  background: black;
  z-index: 1;
}

.page-letterhead--with-bg:after {
  position: absolute;
  content: "";
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  z-index: -1;
  -webkit-filter: blur(2px);
          filter: blur(2px);
  opacity: 0.7;
  background-image: url(/dist/a5b1347ea87c68e06a8277fd7ce214aa.jpg);
}

.page-letterhead__heading {
  margin-bottom: 0;
  line-height: 3.125rem;
  text-shadow: 1px 1px 7px #000;
  font-size: 2.65rem;
}

@media (min-width: 40.625rem) {
  .page-letterhead__heading {
    font-size: 2rem;
  }
}

@media (min-width: 62rem) {
  .page-letterhead__heading {
    font-size: 2.5rem;
    line-height: 3.75rem;
  }
}

.page-letterhead__heading--lead {
  text-align: center;
}

.page-letterhead__heading--with-tabs {
  margin-bottom: 2rem;
}

.page-letterhead__hero {
  padding: 3.75rem 0 0 0;
}

.page-letterhead__hero--grafana-cloud-headline {
  padding: 10rem 0 0 0;
}

.page-letterhead__vid {
  width: 100%;
  height: auto;
  position: absolute;
  z-index: -1;
  top: 0;
  left: 0;
  opacity: 0.5;
  -webkit-box-shadow: 0 0 20px #0a0a0a;
          box-shadow: 0 0 20px #0a0a0a;
}

.page-letterhead__subheading {
  color: #eaeaea;
  font-weight: normal;
  text-shadow: 2px 2px 4px #000;
  margin: 0 0 0.625rem 0;
  padding-bottom: 0.625rem;
  border-bottom: 1px solid #f46800;
  border-image: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
  border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
  -o-border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
  border-image-slice: 1;
  border-image-width: 0 0 1 0;
  font-size: 1rem;
}

@media (min-width: 62rem) {
  .page-letterhead__subheading {
    font-size: 1.25rem;
  }
}

.page-letterhead__cta_wrapper {
  width: 12.5rem;
  margin: 3.125rem auto 0.625rem auto;
}

.page-letterhead__cta_wrapper .btn {
  width: 100%;
}

@media (min-width: 62rem) {
  .page-letterhead__cta_wrapper {
    margin: 5.3125rem auto 2.1875rem auto;
  }
}

.page-submenu {
  background: #1f1f1f;
  border-bottom: 1px solid #161616;
}

.page-submenu .cta {
  position: absolute;
  top: 10px;
  right: 10px;
}

.page-submenu .wrapper {
  padding: 0 10px;
  position: relative;
}

.page-submenu__list {
  text-align: center;
  position: relative;
}

.page-submenu__list-item {
  color: #fefefe;
  border-bottom: 1px solid #161616;
  display: inline-block;
  padding: 0.6875rem 0.4375rem;
  font-size: 0.875rem;
  position: relative;
  top: 1px;
}

.page-submenu__list-item:last-child {
  margin-right: 0 !important;
}

@media (min-width: 40.625rem) {
  .page-submenu__list-item {
    padding: 0.9375rem 0.9375rem;
    font-size: 1rem;
  }
}

@media (min-width: 55.625rem) {
  .page-submenu__list-item {
    padding: 1.0625rem 1.5625rem 0.8125rem 1.5625rem;
    font-size: 1.125rem;
  }
}

.page-submenu__list-item--active {
  border-bottom: 1px solid #f46800;
  -o-border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
     border-image: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
     border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
  border-image-slice: 1;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}

.page-submenu__list-item:hover {
  color: #f46800;
}

.page-submenu__logo {
  position: absolute;
  z-index: 100;
  top: 10px;
  left: 20px;
  display: block;
  width: 37px;
  height: 37px;
  opacity: 0;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}

.page-submenu__logo > img {
  width: 37px;
  height: 37px;
}

.page-submenu .site-nav__toggle {
  position: absolute;
  right: 7px;
  top: 2px;
  opacity: 0;
  display: none;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}

.page-submenu--sticky .page-submenu {
  -webkit-box-shadow: 0 0 20px #0a0a0a;
          box-shadow: 0 0 20px #0a0a0a;
  background: #0a0a0a;
  -webkit-transition: background 400ms ease-in;
  transition: background 400ms ease-in;
  z-index: 10000;
}

@media (min-width: 40.625rem) {
  .page-submenu--sticky .page-submenu .page-submenu__logo {
    opacity: 1;
    -webkit-transition: opacity 400ms ease-in;
    transition: opacity 400ms ease-in;
  }
}

.org-submenu {
  background: #1f1f1f;
  border-bottom: 1px solid #161616;
}

.org-submenu .cta {
  position: absolute;
  top: 10px;
  right: 10px;
}

.org-submenu .wrapper {
  padding: 0 10px;
  position: relative;
}

.org-submenu__list {
  text-align: left;
  position: relative;
}

.org-submenu__list-item {
  color: #fefefe;
  border-bottom: 1px solid #161616;
  display: inline-block;
  padding: 0.6875rem 0.4375rem;
  font-size: 0.875rem;
  position: relative;
  top: 1px;
}

.org-submenu__list-item:last-child {
  margin-right: 0 !important;
}

@media (min-width: 40.625rem) {
  .org-submenu__list-item {
    padding: 0.9375rem 0.9375rem;
    font-size: 1rem;
  }
}

@media (min-width: 55.625rem) {
  .org-submenu__list-item {
    padding: 1.0625rem 1.5625rem 0.8125rem 1.5625rem;
    font-size: 1.125rem;
  }
}

.org-submenu__list-item--active {
  border-bottom: 1px solid #f46800;
  -o-border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
     border-image: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
     border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
  border-image-slice: 1;
  border-top: 0;
  border-right: 0;
  border-left: 0;
}

.org-submenu__list-item:hover {
  color: #f46800;
}

.org-submenu .site-nav__toggle {
  position: absolute;
  right: 7px;
  top: 2px;
  opacity: 0;
  display: none;
  -webkit-transition: opacity 0s;
  transition: opacity 0s;
}

.org-submenu--sticky .org-submenu {
  -webkit-box-shadow: 0 0 20px #0a0a0a;
          box-shadow: 0 0 20px #0a0a0a;
  background: #0a0a0a;
  -webkit-transition: background 400ms ease-in;
  transition: background 400ms ease-in;
  z-index: 10000;
}

.feature-image-fade-in {
  opacity: 1;
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
  position: absolute;
  top: 0;
  left: 0;
}

.feature-image-fade-out {
  opacity: 0;
  -webkit-transition: opacity .5s linear;
  transition: opacity .5s linear;
}

.feature-image-div {
  position: relative;
}

.feature-image-div-playing {
  position: relative;
}

.feature-image-div::after {
  font-family: FontAwesome;
  content: "\F01D";
  color: rgba(235, 235, 235, 0.5);
  font-size: 400%;
  position: absolute;
  top: 0%;
  left: 0%;
  height: 100%;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.edit-dashboard-logo figure {
  margin: 0;
}

.edit-dashboard-logo--container {
  background-color: #404040;
  margin-right: 1.875rem;
  margin-bottom: 3px;
  padding: 5px 3px 0 3px;
  height: 110px;
  vertical-align: middle;
}

.edit-dashboard-readme__preview {
  min-height: 10.5rem;
}

.edit-dashboard--flex-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.edit-dashboard--delete {
  color: #e94d00;
  float: right;
}

.delete-confirm-link__copy {
  margin-right: 0.9375rem;
}

.delete-confirm-link__cancel {
  margin-left: 0.625rem;
}

.dashboard-copy__pre {
  line-height: 1;
}

.plugins {
  margin-bottom: 3.75rem;
  padding-top: 1.25rem;
  text-align: center;
}

@media (min-width: 62rem) {
  .plugins {
    padding: 1.25rem 1.875rem;
  }
}

.plugins .page-section__title {
  margin: 0 0 0.625rem;
  text-align: left;
}

.plugins > p {
  font-size: 1.25rem;
  text-align: left;
}

.pillars {
  margin-bottom: 3.75rem;
}

@media (min-width: 62rem) {
  .pillars {
    margin-bottom: 8.75rem;
  }
}

.pillars .page-section__headline {
  margin-bottom: 1.875rem;
}

@media (min-width: 40.625rem) {
  .pillars-list {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
}

.pillars-list__title {
  font-style: italic;
  font-weight: 400;
}

.pillars-list__item {
  position: relative;
  margin-bottom: 2.5rem;
  padding-bottom: 2.5rem;
}

@media (min-width: 40.625rem) {
  .pillars-list__item {
    width: 50%;
    padding-right: 2.5rem;
  }
}

@media (min-width: 75rem) {
  .pillars-list__item {
    width: 25%;
    margin-bottom: 0;
  }
}

.pillars-list__icon {
  text-align: center;
  padding-right: 1.5rem;
}

.pillars-list__icon img {
  display: inline-block;
  width: 6.25rem;
}

.pillars-list p {
  font-size: 1.125rem;
}

.pillars-list p > a {
  font-weight: 700;
  text-decoration: none;
}

.pillars-list__item.visualize h2,
.pillars-list__item.visualize a {
  color: #f46800;
  text-decoration: none;
}

.pillars-list__item.visualize .btn {
  border-color: #f46800;
  color: #f46800;
}

.pillars-list__item.apps h2,
.pillars-list__item.apps a {
  color: #d077e8;
  text-decoration: none;
}

.pillars-list__item.apps .btn {
  border-color: #d077e8;
  color: #d077e8;
}

.pillars-list__item.scale h2,
.pillars-list__item.scale a {
  color: #13b2d4;
  text-decoration: none;
}

.pillars-list__item.scale .btn {
  border-color: #13b2d4;
  color: #13b2d4;
}

.pillars-list__item.support h2,
.pillars-list__item.support a {
  color: #ea2531;
  text-decoration: none;
}

.pillars-list__item.support .btn {
  border-color: #ea2531;
  color: #ea2531;
}

.pillars-list__footer {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
}

@media (min-width: 62rem) {
  .pillars-list__footer {
    padding-right: 1.875rem;
  }
}

.pillars-list__footer .visualize {
  border-color: #f46800;
  background: transparent;
  color: #f46800;
}

.pillars-list__footer .visualize:hover {
  border: 1px solid #f46800;
  -o-border-image: linear-gradient(to bottom right, #f46800 0%, #f26529 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#f46800), to(#f26529));
     border-image: linear-gradient(to bottom right, #f46800 0%, #f26529 100%);
  border-image-slice: 1;
  color: #f78e40;
}

.pillars-list__footer .extend {
  border-color: #d077e8;
  background: transparent;
  color: #d077e8;
}

.pillars-list__footer .extend:hover {
  border: 1px solid #d077e8;
  -o-border-image: linear-gradient(to bottom right, #d077e8 0%, #a442c1 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#d077e8), to(#a442c1));
     border-image: linear-gradient(to bottom right, #d077e8 0%, #a442c1 100%);
  border-image-slice: 1;
  color: #dc99ee;
}

.pillars-list__footer .host {
  border-color: #13b2d4;
  background: transparent;
  color: #13b2d4;
}

.pillars-list__footer .host:hover {
  border: 1px solid #13b2d4;
  -o-border-image: linear-gradient(to bottom right, #13b2d4 0%, #1c6094 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#13b2d4), to(#1c6094));
     border-image: linear-gradient(to bottom right, #13b2d4 0%, #1c6094 100%);
  border-image-slice: 1;
  color: #4ec5df;
}

.pillars-list__footer .support {
  border-color: #d6041b;
  background: transparent;
  color: #d6041b;
}

.pillars-list__footer .support:hover {
  border: 1px solid #d6041b;
  -o-border-image: linear-gradient(to bottom right, #d6041b 0%, #9e0437 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#d6041b), to(#9e0437));
     border-image: linear-gradient(to bottom right, #d6041b 0%, #9e0437 100%);
  border-image-slice: 1;
  color: #e04354;
}

.home-hero-card img {
  margin: 0 1.875rem 1.875rem 0;
  vertical-align: middle;
}

.home-hero-card small {
  margin: 0 0.625rem;
}

.home-hero-card .other-ds {
  font-size: 1.3125rem;
  color: #eaeaea;
}

.home-card {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  padding-bottom: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

.home-card .home-card__cta {
  position: absolute;
  bottom: 1.25rem;
}

.home-card-logo {
  margin-bottom: 0.5rem;
}

.datasources-card {
  margin-bottom: 0;
  display: -ms-flexbox;
  display: -webkit-box;
  display: flex;
  -ms-flex-align: center;
  -webkit-box-align: center;
          align-items: center;
  -ms-flex-pack: center;
  -webkit-box-pack: center;
          justify-content: center;
  border-radius: 4px;
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  overflow: hidden;
  text-overflow: clip;
}

.datasources-card h4 {
  font-size: 90%;
}

.datasources-img {
  display: none;
}

@media (min-width: 40.625rem) {
  .datasources-img {
    display: block;
    max-width: 62.5rem;
    margin: 0 auto;
  }
}

.datasources-img--small {
  margin: 0 auto;
  display: block;
}

@media (min-width: 40.625rem) {
  .datasources-img--small {
    display: none;
  }
}

.footer-cta {
  margin-bottom: 3.75rem;
  text-align: center;
}

.footer-cta .page-section__headline {
  margin-bottom: 1.875rem;
}

.company-pillar {
  margin-bottom: 2rem;
}

.company-pillar__heading {
  margin-bottom: 0.2rem;
}

.company-pillar__subheading {
  text-transform: uppercase;
  color: #B8B8B8;
}

.company-pillar__paragraph {
  margin-bottom: 1rem;
}

.company-pillar__icon-support {
  margin-bottom: 1rem;
}

@media (min-width: 62rem) {
  .company-pillar__icon-support {
    margin-top: 1.9375rem;
  }
}

.company-pillar__icon-training {
  margin-bottom: 1rem;
}

@media (min-width: 62rem) {
  .company-pillar__icon-training {
    margin-top: 1.6875rem;
  }
}

.login-form, .logged-in {
  text-align: center;
  margin-bottom: 5rem;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
}

.login-form .form-group, .logged-in .form-group {
  margin-left: auto;
  margin-right: auto;
}

.profile-avatar {
  border-radius: 2px;
  margin-bottom: 0.3125rem;
}

.profile-gnet-icon {
  display: inline-block;
  margin-right: 0.3125rem;
  vertical-align: sub;
}

.profile-username {
  display: inline-block;
  margin: 0 0 0.625rem 0;
  line-height: 2;
}

.profile-name {
  margin: 0;
  font-weight: 400;
}

.profile-logout {
  margin-top: 1.875rem;
}

.profile-logout a {
  color: #898989;
}

.profile-logout--icon {
  margin-right: 0.3125rem;
}

.profile-sidebar-text {
  margin: 0;
}

.profile-sidebar-ui-list {
  display: inline-block;
  margin-left: 1rem;
  vertical-align: top;
  padding-left: 0;
  font-size: 0.875rem;
}

@media (min-width: 40.625rem) {
  .profile-sidebar-ui-list {
    margin: 0 0 2.5rem;
  }
}

.profile-sidebar-ui-list > li {
  display: block;
  line-height: .5;
}

.profile-box {
  height: 200px;
  width: 200px;
  display: inline-block;
}

@media (min-width: 40.625rem) {
  .profile-box {
    display: block;
  }
}

.profile-asteroid {
  position: relative;
  height: 200px;
  background: url(/dist/e6b5074db815f2f94d812988b5caa42c.svg) no-repeat;
  background-size: 232px 280px;
  background-color: #1f1f1f;
}

.profile-asteroid-name {
  display: block;
  position: absolute;
  top: 118px;
  left: -63px;
  width: 328px;
  color: #898989;
  font-weight: 900;
  font-size: 23px;
  text-transform: uppercase;
  text-align: center;
  -webkit-transform: skew(6deg, -8.5deg);
          transform: skew(6deg, -8.5deg);
  text-shadow: 0px -1px 1px rgba(255, 255, 255, 0.2);
}

.profile-asteroid-name-long {
  top: 124px;
  font-size: 14px;
}

.profile-asteroid-name-medium {
  top: 124px;
  font-size: 14px;
}

.profile-interior--section {
  margin-bottom: 3rem;
}

.resource-list__item {
  margin-bottom: 1.875rem;
}

.resource-list__item h3, .resource-list__item p {
  margin: 0;
}

ul.plugin-types li {
  margin-bottom: 14px;
}

ul.plugin-types li h3 {
  margin: 0;
  color: #fefefe;
}

ul.plugin-types li p {
  margin: 0;
}

ul.plugin-types strong {
  color: #fefefe;
}

ul.plugin-types .datasource-plugins {
  background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0idXRmLTgiPz4NCjwhLS0gR2VuZXJhdG9yOiBBZG9iZSBJbGx1c3RyYXRvciAxOS4wLjEsIFNWRyBFeHBvcnQgUGx1Zy1JbiAuIFNWRyBWZXJzaW9uOiA2LjAwIEJ1aWxkIDApICAtLT4NCjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+DQo8c3ZnIHZlcnNpb249IjEuMSIgaWQ9IkxheWVyXzEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6eGxpbms9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmsiIHg9IjBweCIgeT0iMHB4Ig0KCSB3aWR0aD0iMjVweCIgaGVpZ2h0PSIyNC4zcHgiIHZpZXdCb3g9Ii0xODcgNzMuNyAyNSAyNC4zIiBzdHlsZT0iZW5hYmxlLWJhY2tncm91bmQ6bmV3IC0xODcgNzMuNyAyNSAyNC4zOyIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSINCgk+DQo8c3R5bGUgdHlwZT0idGV4dC9jc3MiPg0KCS5zdDB7ZmlsbDojRTJFMkUyO30NCjwvc3R5bGU+DQo8Zz4NCgk8dGl0bGU+aWNvbl9kYXRhLXNvdXJjZTwvdGl0bGU+DQoJPGc+DQoJCTxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0tMTc0LjUsOTQuM2MtNS41LDAtMTAuMi0xLjYtMTIuMy00Yy0wLjEsMC4zLTAuMiwwLjYtMC4yLDFjMCwzLjIsNS43LDYsMTIuNSw2czEyLjUtMi43LDEyLjUtNg0KCQkJYzAtMC4zLTAuMS0wLjctMC4yLTFDLTE2NC40LDkyLjctMTY5LDk0LjMtMTc0LjUsOTQuM3oiLz4NCgkJPHBhdGggY2xhc3M9InN0MCIgZD0iTS0xNzQuNSw4OC45Yy01LjUsMC0xMC4yLTEuNi0xMi4zLTRjLTAuMSwwLjMtMC4yLDAuNi0wLjIsMWMwLDMuMiw1LjcsNiwxMi41LDZzMTIuNS0yLjcsMTIuNS02DQoJCQljMC0wLjMtMC4xLTAuNy0wLjItMUMtMTY0LjQsODcuMy0xNjksODguOS0xNzQuNSw4OC45eiIvPg0KCQk8cGF0aCBjbGFzcz0ic3QwIiBkPSJNLTE4Nyw4MC40YzAsMy4yLDUuNyw2LDEyLjUsNnMxMi41LTIuNywxMi41LTZzLTUuNy02LTEyLjUtNlMtMTg3LDc3LjEtMTg3LDgwLjR6Ii8+DQoJPC9nPg0KPC9nPg0KPC9zdmc+DQo=) no-repeat left top;
  min-height: 40px;
  margin-left: -30px;
  padding-left: 40px;
  display: block;
}

ul.plugin-types .panel-plugins {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNC4zMzEiIHZpZXdCb3g9Ii02MiA2My42NjkgMjUgMjQuMzMxIj48dGl0bGU+aWNvbl9kYXRhLXNvdXJjZTwvdGl0bGU+PHBhdGggZD0iTS00MS40MDUgNjMuNjczaC0xNi4xOUE0LjQxIDQuNDEgMCAwIDAtNjIgNjguMDc4djE1LjUxN0E0LjQxIDQuNDEgMCAwIDAtNTcuNTk1IDg4aDE2LjE5QTQuNDEgNC40MSAwIDAgMC0zNyA4My41OTVWNjguMDc4YTQuNDEgNC40MSAwIDAgMC00LjQwNS00LjQwNXptMy43MjcgMTkuOTIyYTMuNzMxIDMuNzMxIDAgMCAxLTMuNzI3IDMuNzI3aC0xNi4xOWEzLjczMSAzLjczMSAwIDAgMS0zLjcyNy0zLjcyN1Y2OC4wNzhhMy43MzEgMy43MzEgMCAwIDEgMy43MjctMy43MjdoMTYuMTlhMy43MzEgMy43MzEgMCAwIDEgMy43MjcgMy43Mjd2MTUuNTE3eiIgZmlsbD0iIzg5ODk4OSIvPjxnIGZpbGw9IiM4OTg5ODkiPjxwYXRoIGQ9Ik0tNTYuNDU3IDg1LjE0N2gxMy45MTRhMi4zNSAyLjM1IDAgMCAwIDIuMjctMS43NTloLTE4LjQ1NGEyLjM1MSAyLjM1MSAwIDAgMCAyLjI3IDEuNzU5em0uMDQ3LTguNzA2bDIuMDg3LjgzLjgxLS45NzdoLTUuMjk5djEuNjgzbDEuNjM2LTEuNDA4YS43NTEuNzUxIDAgMCAxIC43NjYtLjEyOHptNS44MzktMy42OTRoLTguMjQxdjIuODI4aDUuODk1em03Ljk0OSAyLjgyOGguNzM5bDEuNjk1LTEuMzA0di0xLjUyNGgtNC4yN3ptLTE2LjE5IDQuMzgxdjIuNzEzaDE4LjYyNHYtMi44MjhoLTE4LjQ5MXptOS43NjYtOS4wNDdhLjc0OC43NDggMCAwIDEgLjg5MS0uMjAybDIuODY5IDEuMzIyaDUuMDk5VjY5LjJoLTE4LjYyNXYyLjgyOGg4LjgzOGwuOTI4LTEuMTE5em02LjUwMy00LjM4N2gtMTMuOTE0YTIuMzUyIDIuMzUyIDAgMCAwLTIuMzE2IDEuOTZoMTguNTQ1YTIuMzUgMi4zNSAwIDAgMC0yLjMxNS0xLjk2em0tNC43NjggNi4yMjVoLTEuMzExbC0yLjM0NiAyLjgyOGg2LjU1OGwtMS4zODItMi4xMjh6Ii8+PHBhdGggZD0iTS00Mi4xMDUgNzcuNjM5YS43NDcuNzQ3IDAgMCAxLTEuMDg2LS4xODZsLS43NTItMS4xNThoLTcuNjIxbC0xLjk1MiAyLjM1NGEuNzUuNzUgMCAwIDEtLjg1NC4yMTlsLTIuMTcyLS44NjQtMS4zMDEgMS4xMmgxNy42NTd2LTIuODI4aC0uMTdsLTEuNzQ5IDEuMzQzeiIvPjwvZz48L3N2Zz4=) no-repeat left top;
  min-height: 40px;
  margin-left: -30px;
  padding-left: 40px;
  display: block;
}

ul.plugin-types .app-plugins {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyMi45NzgiIGhlaWdodD0iMjUiIHZpZXdCb3g9IjAgMCAyMi45NzggMjUiPjx0aXRsZT5pY29uX2FwcHM8L3RpdGxlPjxwYXRoIGQ9Ik0yMS4yMjQgMTEuMjFhMS43NiAxLjc2IDAgMCAwLTEuNjgyIDEuMjU3SDE0Ljg5YTQuMjMgNC4yMyAwIDAgMC0uMy0xLjE0MmwzLjExNC0xLjhBMi4wNSAyLjA1IDAgMSAwIDE3LjEyIDguMWExLjk4NiAxLjk4NiAwIDAgMCAuMDguNTY1bC0zLjExOCAxLjhhNC4yNDMgNC4yNDMgMCAwIDAtLjgzNS0uODM1bC41ODYtMS4wMTVhMi4xNjUgMi4xNjUgMCAwIDAgLjU5My4wODYgMi4xMTYgMi4xMTYgMCAxIDAtMS40NS0uNThsLS41OCAxLjAxMmEzLjk1NSAzLjk1NSAwIDAgMC0xLjE0LS4zVjMuMDA4YTEuNTQ3IDEuNTQ3IDAgMSAwLTEgMHY1LjgxN2E0LjIzIDQuMjMgMCAwIDAtMS4xNDMuM2wtMi4wNi0zLjU2MkExLjY4NCAxLjY4NCAwIDAgMCA3LjUxIDQuNGExLjcxIDEuNzEgMCAxIDAtMS4zMiAxLjY2bDIuMDYgMy41N2E0LjMyMyA0LjMyMyAwIDAgMC0uODQzLjg0M2wtMy41NjYtMi4wNmExLjc2IDEuNzYgMCAwIDAgLjA0NS0uMzkgMS43IDEuNyAwIDEgMC0xLjcgMS43IDEuNjg2IDEuNjg2IDAgMCAwIDEuMTU1LS40NTNsMy41NyAyLjA2YTQuMDkgNC4wOSAwIDAgMC0uMyAxLjEzM0g1LjIwNmEyLjMwNSAyLjMwNSAwIDEgMCAwIDFoMS40MDdhNC4yMyA0LjIzIDAgMCAwIC4zIDEuMTQyTDMuMTAyIDE2LjhhMS44MjMgMS44MjMgMCAxIDAgLjU1IDEuMyAxLjc3NSAxLjc3NSAwIDAgMC0uMDYzLS40MzhsMy44MjItMi4yMDZhNC4yIDQuMiAwIDAgMCAuODQzLjg0bC0yLjk4IDUuMTkzYTEuNzI3IDEuNzI3IDAgMCAwLS40MTMtLjA1IDEuNzggMS43OCAwIDEgMCAxLjI3Ny41NGwyLjk4LTUuMTc4YTQuMDkgNC4wOSAwIDAgMCAxLjEzMy4zdjEuNDA4YTIuMDU1IDIuMDU1IDAgMSAwIC45OSAwVjE3LjFhNC4yMyA0LjIzIDAgMCAwIDEuMTQzLS4zbDIuNDYgNC4yNmExLjgyNCAxLjgyNCAwIDEgMCAxLjMwNi0uNTUyIDEuNzc4IDEuNzc4IDAgMCAwLS40NDYuMDU3bC0yLjQ2LTQuMjY1YTMuOTYgMy45NiAwIDAgMCAuODI2LS44MjdsLjQ0Ni4yNThhMi4zMjQgMi4zMjQgMCAwIDAtLjEyLjczOCAyLjQgMi40IDAgMSAwIC42Mi0xLjZsLS40NDMtLjI1NGE0LjE1NSA0LjE1NSAwIDAgMCAuMzEtMS4xNTRoNC42NmExLjc1MyAxLjc1MyAwIDEgMCAxLjY4LTIuMjV6bTAgMi43MWEuOTU4Ljk1OCAwIDEgMSAuOTU4LS45NTguOTYuOTYgMCAwIDEtLjk1OC45NnpNMTAuNzUgMTYuMTRhMy4xNzcgMy4xNzcgMCAxIDEgMy4xNzctMy4xNzggMy4xOCAzLjE4IDAgMCAxLTMuMTc3IDMuMTc3em03LjE2My04LjA0YTEuMjYgMS4yNiAwIDEgMSAxLjI2IDEuMjYgMS4yNiAxLjI2IDAgMCAxLTEuMjYtMS4yNnpNMTUuNzQgNi41OTRhMS4zMTQgMS4zMTQgMCAxIDEtMS4zMTUtMS4zMTQgMS4zMTUgMS4zMTUgMCAwIDEgMS4zMTQgMS4zMTR6TTkuOTk2IDEuNTQ4YS43NTMuNzUzIDAgMSAxIC43NTMuNzUzLjc1NC43NTQgMCAwIDEtLjc1My0uNzUyek00Ljg5NyA0LjRhLjkxLjkxIDAgMSAxIC45MS45MS45MS45MSAwIDAgMS0uOTEtLjkxek0yLjE5IDguOTM2YS45MS45MSAwIDEgMSAuOTA4LS45MS45MS45MSAwIDAgMS0uOTEuOTF6bS43NyA1LjUyNmExLjUwNiAxLjUwNiAwIDEgMSAxLjUwNS0xLjUwNiAxLjUwOCAxLjUwOCAwIDAgMS0xLjUwOCAxLjUwNnptLS4xIDMuNjQ2YTEuMDMyIDEuMDMyIDAgMSAxLTEuMDMzLTEuMDMyIDEuMDMzIDEuMDMzIDAgMCAxIDEuMDMyIDEuMDMyem0yLjk4NyA1LjExYS45ODYuOTg2IDAgMSAxLS45ODYtLjk4Ny45ODcuOTg3IDAgMCAxIC45ODcuOTg3em00LjktMS40NmExLjI2IDEuMjYgMCAxIDEgMS4yNi0xLjI2IDEuMjYgMS4yNiAwIDAgMS0xLjI1NyAxLjI2em02LjQ0Mi41N2ExLjAzMiAxLjAzMiAwIDEgMS0xLjAzMy0xLjAyOCAxLjAzMyAxLjAzMyAwIDAgMSAxLjAzMiAxLjAyOHptLS40LTcuNDU4YTEuNiAxLjYgMCAxIDEtMS42IDEuNiAxLjYgMS42IDAgMCAxIDEuNi0xLjZ6IiBmaWxsPSIjODk4OTg5Ii8+PC9zdmc+) no-repeat left top;
  min-height: 40px;
  margin-left: -30px;
  padding-left: 40px;
  display: block;
}

ul.plugin-types .dashboard-plugins {
  background: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNSIgaGVpZ2h0PSIyNC42OTkiIHZpZXdCb3g9IjAgMCAyNSAyNC42OTkiPjx0aXRsZT5pY29uX2Rhc2hib2FyZDwvdGl0bGU+PHBhdGggZD0iTTMuMzYuMDA0TDAgMy4zNjRWNi4wOEw2LjA3NC4wMDNIMy4zNnptNi4yMTMgMGgtMi41NkwwIDcuMDE4djIuNTZjMCAuMDQ4IDAgLjEuMDA4LjE0Nkw5LjcxOC4wMTJDOS42Ny4wMDggOS42MjMuMDA0IDkuNTc0LjAwNHptLjkxNS4xOGwtMTAuMyAxMC4zYTIuNCAyLjQgMCAwIDAgMS4zODggMS4zMjZsMTAuMjQtMTAuMjRBMi40MjcgMi40MjcgMCAwIDAgMTAuNDg3LjE4NHptMS40NjUgOS40OTZsLTIuMjc4IDIuMjdhMi4zOCAyLjM4IDAgMCAwIDIuMjc4LTIuMjd6bS05LjU2OSAyLjI4SDUuMDhsNi44NzctNi44NzdWMi4zNjhsLTkuNTk0IDkuNTk0aC4wMnptMy42MzMgMGgyLjcxNWwzLjIyNS0zLjIyOHYtMi43MXpNMi4zODQuMDA0QTIuMzg3IDIuMzg3IDAgMCAwIDAgMi4zOXYuMDM1TDIuNDIuMDA1aC0uMDM2em0xMC42NTkgOS41NzNhMi4zNCAyLjM0IDAgMCAwIC40IDEuMzIzTDIzLjk0My40QTIuMzc3IDIuMzc3IDAgMCAwIDIyLjYyIDBoLS45OTJsLTguNTg1IDguNTl2Ljk4NnptMi4zODQgMi4zODNoLjYxMkwyNSAzdi0uNjFhMi4zODIgMi4zODIgMCAwIDAtLjU2NC0xLjU0TDEzLjg4OCAxMS4zOTRhMi4zNzcgMi4zNzcgMCAwIDAgMS41NC41Njh6bTAtMTEuOTU2YTIuMzg3IDIuMzg3IDAgMCAwLTIuMzg0IDIuMzg1djEuNjA3TDE3LjAzNi4wMDRoLTEuNjF6TTEzLjA0MyA3LjY1TDIwLjY5LjAwMmgtMi43MTZsLTQuOTMgNC45MzNWNy42NXptOS41NzMgNC4zMWEyLjQyIDIuNDIgMCAwIDAgLjkxLS4xOGwxLjI5LTEuMjlBMi4zMzIgMi4zMzIgMCAwIDAgMjUgOS41ODNWNy41OThsLTQuMzY4IDQuMzY4aDEuOTg4em0tMi45MjYgMEwyNSA2LjY1VjMuOTRsLTguMDIgOC4wMmgyLjcxem0tMTcuMzA2Ljc3N2EyLjMzNSAyLjMzNSAwIDAgMC0xLjA0LjI0NWwtMS4xIDEuMUEyLjM1MiAyLjM1MiAwIDAgMCAwIDE1LjEyMnYxLjkxM2w0LjMtNC4zSDIuMzg0em03LjE4OSAxMS45NTdhMi4zODcgMi4zODcgMCAwIDAgMi4zODQtMi4zODR2LTEuNjhsLTQuMDYyIDQuMDY0aDEuNjc4em0yLjM4NC03LjcxNmwtNy43MTUgNy43MTZoMi43MTRsNS01di0yLjcxNnptLTIuMzg0LTQuMjQxSDguODlMMCAyMS42Mjd2LjY4MmEyLjM1NSAyLjM1NSAwIDAgMCAuNTM1IDEuNWwxMC41NC0xMC41NDNhMi4zOTMgMi4zOTMgMCAwIDAtMS41LS41M3ptLTQuMzM1IDBMMCAxNy45NzV2Mi43MTRsNy45NTMtNy45NTRINS4yMzh6bTYuNzE5IDIuMzgzYTIuMzU2IDIuMzU2IDAgMCAwLS40MzMtMS4zNjJMMS4wMiAyNC4yNjZhMi4zODYgMi4zODYgMCAwIDAgMS4zNjMuNDMzSDMuM2w4LjY1NC04LjY1NXYtLjkyNHptMTAuNTQ5IDkuNTc0aC4xMDZBMi4zODcgMi4zODcgMCAwIDAgMjUgMjIuMzF2LS4xMDd6TTEzLjA1IDE0Ljk1bDIuMi0yLjJhMi4zOSAyLjM5IDAgMCAwLTIuMiAyLjJ6bS0uMDA3Ljk0NnYyLjcxbDUuODctNS44N0gxNi4yem02LjgwOS0zLjE1OWwtNi44MSA2LjgxdjIuNzE1bDkuNTI0LTkuNTI0aC0yLjcxNHpNMjUgMTUuMTJhMS43MTUgMS43MTUgMCAwIDAtLjAxMi0uMjFsLTkuNzc4IDkuNzc2YTEuOTM3IDEuOTM3IDAgMCAwIC4yMTIuMDEyaDIuNDlMMjUgMTcuNjE1VjE1LjEyem0tMS42MjUtMi4yNTJMMTMuMTcgMjMuMDc0YTIuNCAyLjQgMCAwIDAgMS4zIDEuNDE2TDI0LjggMTQuMTZhMi4zOCAyLjM4IDAgMCAwLTEuNDItMS4yOTN6TTI1IDE4LjU1bC02LjE0OCA2LjE0M2gyLjcxNUwyNSAyMS4yNjVWMTguNTV6IiBmaWxsPSIjODk4OTg5Ii8+PC9zdmc+) no-repeat left top;
  min-height: 40px;
  margin-left: -30px;
  padding-left: 40px;
  display: block;
}

.inline-img {
  vertical-align: middle;
  margin: 0 0.3125rem;
}

.inline-number {
  list-style-type: none;
  margin: 0;
  counter-reset: li-counter;
}

.inline-number strong {
  color: #fefefe;
}

.inline-number ul {
  margin-left: -0.3125rem;
  margin-top: 0.625rem;
  margin-bottom: 1.25rem;
}

.inline-number > li {
  position: relative;
  margin-bottom: 2rem;
}

.inline-number > li li {
  list-style-type: none;
  line-height: 1.375rem;
}

.inline-number > li:before {
  position: relative;
  top: 0;
  left: -1.4em;
  width: 1.4em;
  margin-right: 0;
  padding: 0.3125rem 0.625rem;
  font-weight: 700;
  color: #fefefe;
  border: 3px solid #fefefe;
  border-radius: 50%;
  content: counter(li-counter);
  counter-increment: li-counter;
}

table.support-table {
  border: none;
  border-collapse: collapse;
  font-size: 90%;
  font-weight: 400;
}

table.support-table th {
  text-align: center;
}

table.support-table th.large {
  font-size: 150%;
  background-color: #2F2F2F;
  border-top: 3px solid #262626;
  border-right: 2px solid #262626;
  padding: 20px 0;
}

table.support-table th.blank {
  background-color: transparent;
}

table.support-table th.sec {
  color: #fff;
  font-size: 125%;
  padding-bottom: 1rem;
  position: relative;
}

table.support-table th.sec::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.0625rem;
  background: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
  background: linear-gradient(to right, #ff8100 0%, #993300 75%);
  content: '';
}

table.support-table th.sec-comm {
  color: #fff;
  font-size: 125%;
  padding-bottom: 1rem;
  position: relative;
}

table.support-table th.sec-comm::after {
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 0.0625rem;
  background: -webkit-gradient(linear, left top, right top, from(#13b2d4), color-stop(75%, #0f8ba5));
  background: linear-gradient(to right, #13b2d4 0%, #0f8ba5 75%);
  content: '';
}

table.support-table td {
  background-color: #262626;
  text-align: center;
  font-weight: 700;
  border: 1px solid #262626;
  color: #fefefe;
  height: 60px;
}

table.support-table td.sidebar {
  background-color: #2F2F2F;
  border-left: 1px solid #262626;
  border-right: 3px solid #262626;
  border-bottom: 1px solid #262626;
  width: 150px;
  text-align: left;
  font-size: 85%;
  padding: 15px;
}

table.support-table td.dev {
  font-weight: 300;
  background-color: #2F2F2F;
  border-left: 2px solid #262626;
  border-right: 2px solid #262626;
}

table.support-table td.dev .support-text {
  font-weight: 300;
  color: #04a64d;
  margin-top: 8px;
}

table.support-table td.prd {
  font-weight: 300;
  background-color: #2F2F2F;
  border-left: 2px solid #262626;
  border-right: 2px solid #262626;
}

table.support-table td.prd .support-text {
  color: #f79622;
  margin-top: 8px;
}

table.support-table td.pro {
  font-weight: 300;
  background-color: #2F2F2F;
  border-left: 2px solid #262626;
  border-right: 2px solid #262626;
}

table.support-table td.pro .support-text {
  color: #f79622;
  margin-top: 8px;
}

table.support-table td.ent {
  font-weight: 300;
  background-color: #2F2F2F;
  border-left: 2px solid #262626;
  border-right: 2px solid #262626;
}

table.support-table td.ent .support-text {
  color: #04a64d;
  margin-top: 8px;
}

table.support-table td img {
  display: block;
  margin: 20px auto 0 auto;
}

table.support-table p.small {
  font-weight: 300;
}

.dev-col {
  width: 200px;
  border: 2px solid #262626;
  height: 50px;
  color: #fff;
  background-color: #2F2F2F;
}

.prod-col {
  width: 200px;
  border: 2px solid #262626;
  height: 50px;
  color: #fff;
  background-color: #2F2F2F;
}

.pro-col {
  width: 200px;
  border: 2px solid #262626;
  height: 50px;
  color: #fff;
  background-color: #2F2F2F;
}

.enterprise-col {
  width: 200px;
  border: 2px solid #262626;
  height: 50px;
  color: #fff;
  background-color: #2F2F2F;
}

.support-plan-note {
  display: block;
  margin-bottom: 3rem;
  font-size: 90%;
}

.support-plan-note strong {
  color: #fefefe;
}

.support-plan--check {
  color: #3adb76;
  font-size: 140%;
}

.support-plan--x {
  color: #ea2531;
  font-size: 140%;
}

.support-plan-price--container {
  margin: 1.25rem 0;
  min-height: 4rem;
}

.support-plan-CTA {
  margin: 2rem 0;
}

.support-plan-price {
  color: #fefefe;
  display: block;
  margin: 0 0 0.3125rem 0;
  font-size: 2.25rem;
  font-style: italic;
  weight: 700;
}

.support-plan-price small {
  font-size: 50%;
  font-weight: normal;
}

.support-plan-price small.currency {
  vertical-align: super;
}

.support-plan-price--note {
  display: block;
  color: #a2a2a2;
  font-size: 0.875rem;
  font-style: italic;
}

.support-startup-banner {
  text-align: center;
}

.support-startup-banner span {
  font-size: 1.125rem;
  color: #fefefe;
  margin-right: 1.25rem;
}

.support-startup-banner b {
  color: #f46800;
}

.hm-section {
  margin-bottom: 3rem;
}

.hm-sub-section {
  margin-bottom: 1rem;
}

.hm-sub-section--clipboard {
  margin-bottom: 2rem;
}

.hm-section--title {
  margin-bottom: 0.3125rem;
  font-weight: 800;
  display: block;
}

.hm-section--sub-text {
  display: block;
  font-size: 0.875rem;
}

.hm-ul--grafana-ds {
  padding-left: 0;
  border-left: 3px solid #161616;
}

.hm-ul--grafana-ds code {
  padding: 0.3125rem 0.4375rem;
}

.hm-ul--grafana-ds li {
  margin-left: 0.625rem;
  line-height: 1.875rem;
  list-style: none;
}

.hm-ul--ds-helper {
  font-size: 0.875rem;
}

.hm-ul--ds-label {
  display: inline-block;
  width: 5rem;
  font-weight: 800;
}

.hm-ol {
  padding-left: 1.25rem;
}

.hm-ol li {
  margin-bottom: 1.875rem;
}

.hm-pay-attention {
  color: rgba(208, 119, 232, 0.7);
  font-size: 3rem;
  margin-right: 1.25rem;
}

.hm-container--take-note {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
      -ms-flex-align: start;
          align-items: flex-start;
}

.hm-container--take-note ul {
  margin-top: 0.3125rem;
  padding-left: 20px;
}

.hm-container--take-note li {
  margin-bottom: 0;
}

.hm-status--active {
  color: #3adb76;
}

.hm-status--creating {
  color: #f46800;
}

.hm-status--updating {
  color: #f46800;
}

.hm-status--failed {
  color: #ea2531;
}

.hosted__metrics-list {
  list-style: none;
  list-style-position: outside;
}

.hosted__metrics-item {
  margin-top: 1.25rem;
  margin-left: -2.5rem;
}

.hosted__metrics-item b {
  color: #fefefe;
}

.hosted__metrics-item em {
  color: #fefefe;
}

.hosted__metrics-item--slight-emphasis {
  font-weight: 700;
}

.hosted-metrics__img {
  margin: 0 auto;
  background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNTQwIiBoZWlnaHQ9IjI4Ny43IiB2aWV3Qm94PSIwIDAgNTQwIDI4Ny43Ij48c3R5bGU+LnN0MHtvcGFjaXR5OjJlLTI7ZmlsbDojYmNiZWMwfS5zdDF7ZmlsbDp1cmwoI1NWR0lEXzFfKX0uc3Qye2ZpbGw6dXJsKCNTVkdJRF8yXyl9LnN0M3tmaWxsOnVybCgjU1ZHSURfM18pfS5zdDR7ZmlsbDp1cmwoI1NWR0lEXzRfKX0uc3Q1e2ZpbGw6dXJsKCNTVkdJRF81Xyl9LnN0NntmaWxsOm5vbmU7c3Ryb2tlOiMwMGE2NTE7c3Ryb2tlLXdpZHRoOjA7c3Ryb2tlLWxpbmVjYXA6cm91bmQ7c3Ryb2tlLWxpbmVqb2luOnJvdW5kfS5zdDd7ZmlsbDp1cmwoI1NWR0lEXzZfKX0uc3Q4e2ZpbGw6dXJsKCNTVkdJRF83Xyl9PC9zdHlsZT48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMzk5LjUgNDEuMUwxNzcuMS43IDI3LjkgMTM3LjJsMTgwLjUgMTA1Ljl6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTE4MSAxNjguMWw2OS44IDExMyAyMDkuNC0xNy42TDQ3Ni4zIDEzMHoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNDUxLjYgMjIybC0zMzMuMi0xMy45TDc5LjEgMzcuNSAzMzQuNCAxLjMgNDI5IDE3OS41eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NS42IDI0NS41bDM2NC44IDkuOC0xMjIuMy0yMjRMMjcuOSAxMzcuMnoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTI0IDM4LjlsMzI1LjIgOC4yTDUxOS41IDE2OGwtODUuNCAxMTMuMXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNMTg5IDk2LjdMMzk2LjggMy45bDEzMS42IDEwMC4yTDQ3MSAyNDkuNXoiLz48cGF0aCBjbGFzcz0ic3QwIiBkPSJNNjcuNiAxMzguOWwtMiAxMDYuNiAxODUuMiA0MC44IDE0Mi44LTExMi42eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzQzLjQ3OCIgeTE9IjIxNy4xNTQiIHgyPSIzNDMuNDc4IiB5Mj0iNzQuNDc4Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNiMzgxYjkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4YjRmOWYiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGNsYXNzPSJzdDEiIGQ9Ik0zODEuNCAxODcuN2MxLTEuOSAxLjYtMy44IDEuNi01LjkgMC0uNy0uMS0xLjQtLjItMi4xLjEtLjcuMi0xLjQuMi0yLjEgMC0yLS42LTQtMS42LTUuOSAxLTEuOSAxLjYtMy44IDEuNi01LjkgMC0uNy0uMS0xLjQtLjItMi4xLjEtLjcuMi0xLjQuMi0yLjEgMC01LjctNC4zLTEwLjgtMTEuNC0xNC40LTEuOC0uOS0zLjctMS43LTUuOC0yLjUtMS0uNC0yLjEtLjctMy4zLTEtLjYtLjItMS4xLS4zLTEuNy0uNC0xLjItLjMtMi4zLS41LTMuNi0uOC0xLjItLjItMi41LS40LTMuNy0uNi0xLjMtLjItMi42LS4zLTMuOS0uNC0yLS4yLTQtLjItNi4xLS4yLTIuMSAwLTQuMS4xLTYuMS4yLTEuMy4xLTIuNi4yLTMuOS40LTEuMy4yLTIuNS40LTMuNy42LTEuMi4yLTIuNC41LTMuNi44LS42LjEtMS4xLjMtMS43LjQtMS4xLjMtMi4yLjYtMy4zIDEtMS42LjUtMy4xIDEuMS00LjUgMS44LTcuOSAzLjctMTIuOCA5LTEyLjggMTUuMSAwIC43LjEgMS40LjIgMi4xLS4xLjctLjIgMS40LS4yIDIuMSAwIDEgLjEgMiAuNCAzIC4yLjcuNSAxLjUuOCAyLjIuMS4yLjIuNS40LjctLjEuMi0uMy41LS40LjctLjMuNy0uNiAxLjQtLjggMi4yLS4zIDEtLjQgMi0uNCAzIDAgLjcuMSAxLjQuMiAyLjEtLjEuNy0uMiAxLjQtLjIgMi4xIDAgMiAuNiA0IDEuNiA1LjktMSAxLjktMS42IDMuOC0xLjYgNS45IDAgLjcuMSAxLjQuMiAyLjEtLjEuNy0uMiAxLjQtLjIgMi4xIDAgNi44IDYuMSAxMi43IDE1LjcgMTYuM2wxLjUuNmMxIC40IDIuMS43IDMuMyAxIDIuOC44IDUuOCAxLjQgOSAxLjggMS4zLjIgMi42LjMgMy45LjQgMiAuMiA0IC4yIDYuMS4yIDIuMSAwIDQuMS0uMSA2LjEtLjIgMS4zLS4xIDIuNi0uMiAzLjktLjQgMy4yLS40IDYuMi0xIDktMS44IDEuMS0uMyAyLjItLjYgMy4zLTFsMS41LS42YzEtLjQgMi0uOCAyLjktMS4yLjUtLjIuOS0uNCAxLjQtLjcgNy4xLTMuNyAxMS40LTguNyAxMS40LTE0LjQgMC0uNy0uMS0xLjQtLjItMi4xLjEtLjcuMi0xLjQuMi0yLjEuMS0yLjEtLjUtNC0xLjUtNS45em0tMzcuOSAxMi4yYy0xOCAwLTMzLTYuMi0zNi41LTE0LjQgNS45IDcuNCAxOS44IDEyLjQgMzYuNSAxMi40czMwLjYtNS4xIDM2LjUtMTIuNGMtMy41IDguMi0xOC41IDE0LjQtMzYuNSAxNC40em0wLTU2LjRjMjAuNiAwIDM3LjMgOC4xIDM3LjMgMTguMXMtMTYuNyAxOC4xLTM3LjMgMTguMWMtMjAuNiAwLTM3LjMtOC4xLTM3LjMtMTguMXMxNi43LTE4LjEgMzcuMy0xOC4xem0zNi41IDI2Yy0zLjUgOC4yLTE4LjUgMTQuNC0zNi41IDE0LjRzLTMzLTYuMi0zNi41LTE0LjRjNS45IDcuNCAxOS44IDEyLjQgMzYuNSAxMi40czMwLjYtNS4xIDM2LjUtMTIuNHptLTczLjggOC4xYzAtMS4zLjMtMi41LjgtMy44IDUuOSA3LjMgMTkuOCAxMi4zIDM2LjUgMTIuMyAxNi42IDAgMzAuNS01IDM2LjUtMTIuMy41IDEuMi44IDIuNS44IDMuOCAwIDEwLTE2LjcgMTguMS0zNy4zIDE4LjEtMjAuNiAwLTM3LjMtOC4yLTM3LjMtMTguMXptMzcuMyAzOC4zYy0xOCAwLTMzLTYuMi0zNi41LTE0LjQgNS45IDcuNCAxOS44IDEyLjQgMzYuNSAxMi40czMwLjYtNS4xIDM2LjUtMTIuNGMtMy41IDguMi0xOC41IDE0LjQtMzYuNSAxNC40em0wLTQuMmMtMjAuNiAwLTM3LjMtOC4xLTM3LjMtMTguMSAwLTEuMy4zLTIuNS44LTMuOCA1LjkgNy4zIDE5LjggMTIuMyAzNi41IDEyLjMgMTYuNiAwIDMwLjUtNSAzNi41LTEyLjMuNSAxLjIuOCAyLjUuOCAzLjggMCA5LjktMTYuOCAxOC4xLTM3LjMgMTguMXoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzJfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjE4Ni43MTIiIHkxPSIyMjguMDM2IiB4Mj0iMTg2LjcxMiIgeTI9IjY4LjEwNiI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmMjAwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjE1YTI5Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBjbGFzcz0ic3QyIiBkPSJNMjE5LjYgMTkxLjNoLS4xYzAtLjMuMS0uNy4xLTEgMC0uNi4xLTEuMS4xLTEuN1YxODcuOXYtLjktLjQtLjhsLS4xLS40Yy0uMS0uNi0uMi0xLjEtLjMtMS43LS41LTIuMi0xLjQtNC4zLTIuNS02LjItMS4xLTEuOS0yLjYtMy42LTQuMi01cy0zLjQtMi42LTUuMy0zLjRjLTEuOS0uOS0zLjktMS40LTUuOS0xLjYtLjktLjEtMS44LS4yLTIuNy0uMkgxOTcuOWgtMS4xYy0uNSAwLTEgLjEtMS41LjItMiAuNC0zLjggMS4xLTUuNCAyLjEtMS42IDEtMy4xIDIuMi00LjIgMy42LTEuMiAxLjQtMiAyLjktMi43IDQuNS0uNiAxLjYtMSAzLjItMS4xIDQuOHYyLjRjLjEuOC4yIDEuNi40IDIuMy40IDEuNSAxLjEgMi44IDIgNCAuOSAxLjEgMS45IDIuMSAyLjkgMi44IDEuMS43IDIuMiAxLjMgMy40IDEuNiAxLjEuMyAyLjMuNSAzLjMuNUgxOTUuNGMuMSAwIC4zIDAgLjQtLjEuMSAwIC4zIDAgLjQtLjEuMi0uMS41LS4xLjctLjIuNS0uMi45LS4zIDEuMy0uNXMuOC0uNCAxLjEtLjdjLjEtLjEuMi0uMS4zLS4yLjQtLjMuNC0uOC4xLTEuMi0uMi0uMi0uNC0uMy0uNy0uMy0uMSAwLS4zIDAtLjQuMS0uMSAwLS4yLjEtLjMuMS0uMy4yLS42LjMtMSAuNC0uMy4xLS43LjItMS4xLjMtLjIgMC0uNC4xLS42LjFoLS41LS43cy0uMSAwIDAgMEgxOTMuOGMtLjgtLjEtMS43LS40LTIuNS0uNy0uOC0uNC0xLjYtLjktMi4zLTEuNS0uNy0uNi0xLjMtMS40LTEuOC0yLjMtLjUtLjktLjgtMS44LTEtMi44LS4xLS41LS4xLTEtLjEtMS41di0uNi0uMmMwLS4zLjEtLjYuMS0uOC40LTIuMiAxLjUtNC4zIDMuMi02IC40LS40LjktLjggMS40LTEuMS41LS4zIDEtLjYgMS42LS45LjUtLjIgMS4xLS41IDEuNy0uNi42LS4yIDEuMi0uMyAxLjgtLjNoMS41Yy4xIDAgMCAwIDAgMEgxOTcuN2MuNy4xIDEuMy4xIDIgLjMgMS4zLjMgMi41LjggMy43IDEuNCAyLjMgMS4zIDQuMyAzLjMgNS41IDUuOC42IDEuMiAxIDIuNSAxLjMgMy45LjEuMy4xLjcuMSAxVjE4OWMwIC40LS4xLjctLjEgMS4xIDAgLjQtLjEuNy0uMiAxLjEtLjEuNC0uMi43LS4yIDEuMS0uMi43LS40IDEuNC0uNyAyLjEtLjUgMS40LTEuMyAyLjctMi4yIDMuOS0xLjggMi40LTQuMiA0LjQtNi45IDUuNi0xLjQuNi0yLjggMS4xLTQuMyAxLjMtLjcuMS0xLjUuMi0yLjIuMmgtMWMuMSAwIDAgMCAwIDBoLS4xYy0uNCAwLS44IDAtMS4yLS4xLTEuNi0uMS0zLjItLjQtNC43LS45LTEuNS0uNC0zLTEtNC40LTEuOC0yLjgtMS41LTUuMy0zLjYtNy4zLTYuMS0xLTEuMi0xLjktMi42LTIuNi00LS43LTEuNC0xLjMtMi45LTEuNy00LjQtLjQtMS41LS43LTMuMS0uOC00LjZ2LTEuOS0uNmMwLS44LjEtMS42LjItMi4zLjEtLjguMi0xLjYuNC0yLjQuMi0uOC40LTEuNi42LTIuMy40LTEuNSAxLTMgMS42LTQuNCAxLjMtMi44IDMtNS4zIDUtNy4zLjUtLjUgMS0xIDEuNi0xLjQuNi0uNCAxLjEtLjkgMS43LTEuMi42LS40IDEuMi0uNyAxLjgtMS4xLjMtLjIuNi0uMy45LS41LjItLjEuMy0uMS41LS4ycy4zLS4xLjUtLjJjLjYtLjMgMS4zLS41IDItLjcuMi0uMS4zLS4xLjUtLjJzLjMtLjEuNS0uMWMuMy0uMS43LS4yIDEtLjMuMiAwIC4zLS4xLjUtLjFzLjMtLjEuNS0uMS4zLS4xLjUtLjFoLjZjLjIgMCAuNC0uMS41LS4xLjIgMCAuNCAwIC42LS4xLjIgMCAuNC0uMS42LS4xaDEuN3MuMSAwIDAgMGgyLjdjMS4zLjEgMi42LjIgMy45LjQgMi41LjUgNC45IDEuMyA3LjEgMi40IDIuMiAxLjEgNC4xIDIuNCA1LjggMy44bC4zLjMuMy4zYy4yLjIuNC40LjYuNWwuNi42Yy4yLjIuNC40LjUuNi43LjggMS40IDEuNSAyIDIuMyAxLjIgMS41IDIuMiAzLjEgMi45IDQuNiAwIC4xLjEuMi4xLjMgMCAuMS4xLjIuMS4zLjEuMi4yLjQuMy41LjEuMi4yLjQuMi41LjEuMi4yLjMuMi41LjMuNy41IDEuMy44IDIgLjQgMSAuNiAxLjkuOCAyLjcuMS4zLjMuNS42LjVoLjFjLjMgMCAuNi0uMy42LS42IDAtLjggMC0xLjgtLjEtMy0uMS0xLjQtLjQtMy0uOC00LjgtLjUtMS44LTEuMi0zLjctMi4yLTUuNy0xLTItMi4zLTQuMS00LTYuMS0uNy0uOC0xLjQtMS42LTIuMi0yLjMgMS4yLTQuNi0xLjQtOC43LTEuNC04LjdoLTFjLTMuOSAwLTYuNCAxLjUtNy40IDIuMi0uMi0uMS0uNC0uMi0uNS0uMi0uOC0uMy0xLjUtLjYtMi4zLS45LS44LS4zLTEuNi0uNS0yLjUtLjctLjgtLjItMS43LS40LTIuNi0uNS0uMiAwLS4zIDAtLjUtLjEtMS45LTYuMi03LjUtOC44LTcuNS04LjgtNi4yIDQtNy40IDkuNS03LjQgOS41LjEuMS4xLjIuMi4zLS40LjEtLjguMi0xLjMuNC0uNS4xLTEgLjMtMS40LjUtLjUuMi0uOS40LTEuNC42LS45LjQtMS45LjktMi44IDEuNC0uOS41LTEuOCAxLjEtMi43IDEuNyAwIDAtLjEgMC0uMS4xIDAtLjEtLjEtLjItLjEtLjItMi41LTEtNS0xLjMtNy4yLTEuMy01LjMgMC05LjEgMi05LjEgMi0uNyA5LjIgMy41IDE1IDQuMyAxNi0uMi42LS40IDEuMS0uNiAxLjctLjYgMi4xLTEuMSA0LjItMS40IDYuNCAwIC4zLS4xLjYtLjEgMS04IDMuOS0xMC40IDEyLTEwLjQgMTIgNi43IDcuNyAxNC40IDguMSAxNC40IDguMSAxIDEuOCAyLjEgMy40IDMuNCA1IC41LjcgMS4xIDEuMyAxLjcgMS45LTIuNCA3IC4zIDEyLjcuMyAxMi43aC44YzcgMCAxMS41LTMuMyAxMi41LTQuMS43LjIgMS41LjUgMi4yLjcgMi4zLjYgNC42LjkgNyAxaDNjMy41IDUgOS42IDUuNyA5LjYgNS43IDQuOS01LjIgNC42LTEwLjQgNC42LTEwLjRsLS4xLS4xYzEtLjcgMS45LTEuNCAyLjgtMi4yIDEuOC0xLjYgMy4zLTMuNCA0LjYtNS4zLjEtLjIuMi0uNC40LS42aC42YzQuNiAwIDcuOC0zLjEgNy44LTMuMS0uNC02LjMtNC04LjgtNC04Ljh6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8zXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyNDAuNjI3IiB5MT0iMjI4LjAzNiIgeDI9IjI0MC42MjciIHkyPSI2OC4xMDYiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZjIwMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2YxNWEyOSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggY2xhc3M9InN0MyIgZD0iTTI1NC43IDE4Mi41Yy0zLjcgMS4zLTcuNyAyLTExLjkgMkgyMjJjMCAuMSAwIC4yLjEuM2wuMS40djQuNWgyMC41YzUuOCAwIDExLjQtMS4yIDE2LjQtMy4zLTEuNS0xLTMtMi40LTQuNC0zLjl6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF80XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxOTAuNzkzIiB5MT0iMjI4LjAzNiIgeDI9IjE5MC43OTMiIHkyPSI2OC4xMDYiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZjIwMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2YxNWEyOSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggY2xhc3M9InN0NCIgZD0iTTI0Mi44IDEwNi4zYy0xLjcgMC0zLjQuMS01IC4zLTkuMy0yMC4yLTI5LjctMzQuMy01My41LTM0LjMtMzIuNSAwLTU4LjggMjYuMy01OC44IDU4LjggMCAxIDAgMi4xLjEgMy4xaC0uOGMtMTUuNCAwLTI3LjkgMTIuNS0yNy45IDI3LjkgMCAxNS40IDEyLjUgMjcuOSAyNy45IDI3LjloMjAuOGwuMi0uN2MuMS0uMi43LTIuMiAyLjItNC43aC0yMy4xLS4xYy0xMi4zIDAtMjIuNC0xMC4xLTIyLjQtMjIuNCAwLTEyLjQgMTAuMS0yMi40IDIyLjQtMjIuNGguNmw1LjkuMi0uMy02YzAtLjktLjEtMS45LS4xLTIuOCAwLTI5LjQgMjQtNTMuNCA1My40LTUzLjQgMTAuNCAwIDIwLjUgMyAyOS4yIDguNyA4LjUgNS41IDE1LjEgMTMuMyAxOS40IDIyLjVsMS43IDMuNiAzLjktLjVjMS41LS4yIDMtLjMgNC40LS4zIDIwLjEgMCAzNi40IDE2LjMgMzYuNCAzNi40IDAgMTEuOC01LjcgMjIuMy0xNC40IDI5IDEuNSAxLjIgMy4xIDIuMyA0LjkgMy4xIDkuMS03LjcgMTUtMTkuMiAxNS0zMi0uMi0yMy4yLTE4LjktNDItNDItNDJ6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF81XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIyNzYuMDc2IiB5MT0iMjE3LjE1NCIgeDI9IjI3Ni4wNzYiIHkyPSI3NC40NzgiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2IzODFiOSIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzhiNGY5ZiIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggY2xhc3M9InN0NSIgZD0iTTI4MyAxODQuNmgtNS40LS4xYy0xMi4zIDAtMjIuNC0xMC4xLTIyLjQtMjIuNCAwLTExLjcgOS0yMS4zIDIwLjQtMjIuMy0uNS0xLjgtMS4xLTMuNi0xLjgtNS4zLTEzLjUgMS45LTI0IDEzLjUtMjQgMjcuNiAwIDE1LjQgMTIuNSAyNy45IDI3LjkgMjcuOWgyNC4yYy4yLS44LjUtMS41LjgtMi4zLS41LTEtLjgtMi4xLTEtMy4ySDI4M3oiLz48cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMjk3LjQgMTQ5LjR2LTQuMSIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNl8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzk4LjM3IiB5MT0iMjE3LjE1NCIgeDI9IjM5OC4zNyIgeTI9Ijc0LjQ3OCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYjM4MWI5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOGI0ZjlmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBjbGFzcz0ic3Q3IiBkPSJNNDA3LjggMTgyLjRjLTMuOCAxLjQtOCAyLjEtMTIuMyAyLjFoLTEwLjFjLS4yIDEuMS0uNiAyLjEtMSAzLjIuMy44LjYgMS41LjggMi4zaDEwLjNjNiAwIDExLjYtMS4zIDE2LjgtMy41LTEuMy0xLTIuNi0yLjEtMy44LTMuMy0uMi0uMy0uNS0uNS0uNy0uOHoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzdfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjM1OC4xMTEiIHkxPSIyMTUuODIiIHgyPSIzNTguMTExIiB5Mj0iNzMuNjY3Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNiMzgxYjkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4YjRmOWYiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGNsYXNzPSJzdDgiIGQ9Ik00MjUuNiAxNzcuMmMuNC0uNC44LS44IDEuMS0xLjIuMS0uMi4zLS4zLjQtLjUuMy0uNC43LS44IDEtMS4yLjEtLjIuMy0uNC40LS42bC45LTEuMmMuMS0uMi4zLS40LjQtLjYuMy0uNC42LS44LjgtMS4yLjEtLjIuMi0uNC40LS42LjMtLjUuNi0uOS44LTEuNC4xLS4yLjItLjMuMy0uNS4zLS42LjctMS4zIDEtMS45LjMtLjcuNi0xLjMuOS0yIC4xLS4yLjEtLjMuMi0uNS4yLS41LjQtMSAuNi0xLjYuMS0uMi4yLS41LjItLjcuMi0uNS4zLS45LjQtMS40LjEtLjMuMi0uNS4yLS44LjEtLjQuMi0uOS4zLTEuMy4xLS4zLjEtLjYuMi0uOS4xLS40LjItLjkuMy0xLjMuMS0uMy4xLS42LjItLjkuMS0uNS4xLS45LjItMS40IDAtLjMuMS0uNi4xLS45LjEtLjUuMS0xIC4xLTEuNSAwLS4yIDAtLjUuMS0uNyAwLS44LjEtMS41LjEtMi4zIDAtMjMuMS0xOC43LTQxLjgtNDEuOC00MS44LTEuNyAwLTMuNC4xLTUgLjMtOS4zLTIwLjItMjkuNy0zNC4zLTUzLjUtMzQuMy0yOS40IDAtNTMuOCAyMS42LTU4LjEgNDkuNyAxLjkgMi42IDMuNSA1LjQgNC44IDguMy40LTI5LjEgMjQuMi01Mi42IDUzLjQtNTIuNiAxMC40IDAgMjAuNSAzIDI5LjIgOC43IDguNSA1LjUgMTUuMSAxMy4zIDE5LjQgMjIuNWwxLjcgMy42IDMuOS0uNWMxLjUtLjIgMy0uMyA0LjQtLjMgMjAuMSAwIDM2LjQgMTYuMyAzNi40IDM2LjQgMCAuNyAwIDEuNC0uMSAyLjF2LjdjMCAuNS0uMS45LS4xIDEuNCAwIC4yLS4xLjUtLjEuNy0uMS40LS4xLjktLjIgMS4zIDAgLjItLjEuNS0uMS43LS4xLjUtLjIuOS0uMyAxLjQgMCAuMi0uMS40LS4xLjYtLjIuNi0uMyAxLjItLjUgMS44di4xYy0uMi42LS40IDEuMy0uNyAxLjktLjEuMi0uMS4zLS4yLjQtLjIuNS0uNC45LS42IDEuNGwtLjMuNmMtLjIuNC0uNC44LS42IDEuMy0uMS4yLS4yLjQtLjMuNS0uMi40LS41LjktLjcgMS4zLS4xLjEtLjIuMy0uMi40LS43IDEuMS0xLjQgMi4zLTIuMiAzLjMgMCAuMS0uMS4xLS4xLjItLjQuNS0uNy45LTEuMSAxLjRsLS4zLjNjLS4zLjQtLjcuOC0xIDEuMmwtLjMuM2MtLjQuNC0uOC44LTEuMiAxLjEtLjEuMS0uMi4yLS4zLjItMSAuOS0yIDEuOC0zLjEgMi42LTYgNC41LTEzLjUgNy4xLTIxLjYgNy4xaC0xMC4xYy0uMiAxLjEtLjUgMi4xLTEgMy4yLjMuOC42IDEuNS44IDIuM2gxMC4zYzExLjYgMCAyMi4yLTQuOCAyOS44LTEyLjUtLjEgMCAwLS4xLjEtLjJ6Ii8+PC9zdmc+);
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  height: 150px;
  width: 100%;
}

@media (min-width: 40.625rem) {
  .hosted-metrics__img {
    height: 225px;
  }
}

@media (min-width: 62rem) {
  .hosted-metrics__img {
    background-image: url(data:image/svg+xml;base64,PHN2ZyBpZD0iTGF5ZXJfMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iNDAwIiBoZWlnaHQ9IjU0MCIgdmlld0JveD0iMCAwIDQwMCA1NDAiPjxzdHlsZT4uc3Qwe29wYWNpdHk6MmUtMjtmaWxsOiNiY2JlYzB9LnN0MXtmaWxsOnVybCgjU1ZHSURfMV8pfS5zdDJ7ZmlsbDp1cmwoI1NWR0lEXzJfKX0uc3Qze2ZpbGw6dXJsKCNTVkdJRF8zXyl9LnN0NHtmaWxsOnVybCgjU1ZHSURfNF8pfS5zdDV7ZmlsbDp1cmwoI1NWR0lEXzVfKX0uc3Q2e2ZpbGw6bm9uZTtzdHJva2U6IzAwYTY1MTtzdHJva2Utd2lkdGg6MDtzdHJva2UtbGluZWNhcDpyb3VuZDtzdHJva2UtbGluZWpvaW46cm91bmR9LnN0N3tmaWxsOnVybCgjU1ZHSURfNl8pfS5zdDh7ZmlsbDp1cmwoI1NWR0lEXzdfKX08L3N0eWxlPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMzYgMzg3LjhsNTMuMS0yMTVMMjA5LjQgMjguNiA3MC4xIDIwMy4xeiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0xNjguOCAxNzYuNkwyMC4xIDI0NGwyMy4yIDIwMi41IDE3NS42IDE1LjZ6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTk3LjkgNDM4LjFMMTE2LjIgMTE2bDIyNC40LTM3LjkgNDcuNyAyNDYuOC0yMzQuNCA5MS40eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik02NyA2NUw1NCA0MTcuN2wyOTQuOC0xMTguM0wyMDkuNCAyOC42eiIvPjxwYXRoIGNsYXNzPSJzdDAiIGQ9Ik0zMzguOCAxMjEuNUwzMjggNDM1LjlsLTE1OSA2Ny45LTE0OC45LTgyLjZ6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTI2Mi44IDE4NC4zbDEyMiAyMDAuOUwyNTMgNTEyLjQgNjEuOCA0NTd6Ii8+PHBhdGggY2xhc3M9InN0MCIgZD0iTTIwNy4yIDY2LjlMNjcgNjUgMTMuMyAyNDRsMTQ4LjEgMTM4eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfMV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjg3LjIxNyIgeTE9IjM0NC4xNTQiIHgyPSIyODcuMjE3IiB5Mj0iMjAxLjQ3OCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYjM4MWI5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOGI0ZjlmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBjbGFzcz0ic3QxIiBkPSJNMzI1LjEgMzE0LjdjMS0xLjkgMS42LTMuOCAxLjYtNS45IDAtLjctLjEtMS40LS4yLTIuMS4xLS43LjItMS40LjItMi4xIDAtMi0uNi00LTEuNi01LjkgMS0xLjkgMS42LTMuOCAxLjYtNS45IDAtLjctLjEtMS40LS4yLTIuMS4xLS43LjItMS40LjItMi4xIDAtNS43LTQuMy0xMC44LTExLjQtMTQuNC0xLjgtLjktMy43LTEuNy01LjgtMi41LTEtLjQtMi4xLS43LTMuMy0xLS42LS4yLTEuMS0uMy0xLjctLjQtMS4yLS4zLTIuMy0uNS0zLjYtLjgtMS4yLS4yLTIuNS0uNC0zLjctLjYtMS4zLS4yLTIuNi0uMy0zLjktLjQtMi0uMi00LS4yLTYuMS0uMi0yLjEgMC00LjEuMS02LjEuMi0xLjMuMS0yLjYuMi0zLjkuNC0xLjMuMi0yLjUuNC0zLjcuNi0xLjIuMi0yLjQuNS0zLjYuOC0uNi4xLTEuMS4zLTEuNy40LTEuMS4zLTIuMi42LTMuMyAxLTEuNi41LTMuMSAxLjEtNC41IDEuOC03LjkgMy43LTEyLjggOS0xMi44IDE1LjEgMCAuNy4xIDEuNC4yIDIuMS0uMS43LS4yIDEuNC0uMiAyLjEgMCAxIC4xIDIgLjQgMyAuMi43LjUgMS41LjggMi4yLjEuMi4yLjUuNC43LS4xLjItLjMuNS0uNC43LS4zLjctLjYgMS40LS44IDIuMi0uMyAxLS40IDItLjQgMyAwIC43LjEgMS40LjIgMi4xLS4xLjctLjIgMS40LS4yIDIuMSAwIDIgLjYgNCAxLjYgNS45LTEgMS45LTEuNiAzLjgtMS42IDUuOSAwIC43LjEgMS40LjIgMi4xLS4xLjctLjIgMS40LS4yIDIuMSAwIDYuOCA2LjEgMTIuNyAxNS43IDE2LjNsMS41LjZjMSAuNCAyLjEuNyAzLjMgMSAyLjguOCA1LjggMS40IDkgMS44IDEuMy4yIDIuNi4zIDMuOS40IDIgLjIgNCAuMiA2LjEuMiAyLjEgMCA0LjEtLjEgNi4xLS4yIDEuMy0uMSAyLjYtLjIgMy45LS40IDMuMi0uNCA2LjItMSA5LTEuOCAxLjEtLjMgMi4yLS42IDMuMy0xbDEuNS0uNmMxLS40IDItLjggMi45LTEuMi41LS4yLjktLjQgMS40LS43IDcuMS0zLjcgMTEuNC04LjcgMTEuNC0xNC40IDAtLjctLjEtMS40LS4yLTIuMS4xLS43LjItMS40LjItMi4xLjEtMi4xLS40LTQtMS41LTUuOXptLTM3LjkgMTIuMmMtMTggMC0zMy02LjItMzYuNS0xNC40IDUuOSA3LjQgMTkuOCAxMi40IDM2LjUgMTIuNHMzMC42LTUuMSAzNi41LTEyLjRjLTMuNCA4LjItMTguNSAxNC40LTM2LjUgMTQuNHptMC01Ni40YzIwLjYgMCAzNy4zIDguMSAzNy4zIDE4LjFzLTE2LjcgMTguMS0zNy4zIDE4LjFjLTIwLjYgMC0zNy4zLTguMS0zNy4zLTE4LjFzMTYuOC0xOC4xIDM3LjMtMTguMXptMzYuNSAyNmMtMy41IDguMi0xOC41IDE0LjQtMzYuNSAxNC40cy0zMy02LjItMzYuNS0xNC40YzUuOSA3LjQgMTkuOCAxMi40IDM2LjUgMTIuNHMzMC43LTUuMSAzNi41LTEyLjR6bS03My44IDguMWMwLTEuMy4zLTIuNS44LTMuOCA1LjkgNy4zIDE5LjggMTIuMyAzNi41IDEyLjMgMTYuNiAwIDMwLjUtNSAzNi41LTEyLjMuNSAxLjIuOCAyLjUuOCAzLjggMCAxMC0xNi43IDE4LjEtMzcuMyAxOC4xLTIwLjUgMC0zNy4zLTguMi0zNy4zLTE4LjF6bTM3LjMgMzguM2MtMTggMC0zMy02LjItMzYuNS0xNC40IDUuOSA3LjQgMTkuOCAxMi40IDM2LjUgMTIuNHMzMC42LTUuMSAzNi41LTEyLjRjLTMuNCA4LjItMTguNSAxNC40LTM2LjUgMTQuNHptMC00LjJjLTIwLjYgMC0zNy4zLTguMS0zNy4zLTE4LjEgMC0xLjMuMy0yLjUuOC0zLjggNS45IDcuMyAxOS44IDEyLjMgMzYuNSAxMi4zIDE2LjYgMCAzMC41LTUgMzYuNS0xMi4zLjUgMS4yLjggMi41LjggMy44IDAgOS45LTE2LjcgMTguMS0zNy4zIDE4LjF6Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF8yXyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIxMzAuNDUxIiB5MT0iMzU1LjAzNiIgeDI9IjEzMC40NTEiIHkyPSIxOTUuMTA2Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNmZmYyMDAiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiNmMTVhMjkiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGNsYXNzPSJzdDIiIGQ9Ik0xNjMuMyAzMTguM2gtLjFjMC0uMy4xLS43LjEtMSAwLS42LjEtMS4xLjEtMS43VjMxNC45di0uOS0uNC0uOGwtLjEtLjRjLS4xLS42LS4yLTEuMS0uMy0xLjctLjUtMi4yLTEuNC00LjMtMi41LTYuMi0xLjEtMS45LTIuNi0zLjYtNC4yLTVzLTMuNC0yLjYtNS4zLTMuNGMtMS45LS45LTMuOS0xLjQtNS45LTEuNi0uOS0uMS0xLjgtLjItMi43LS4ySDE0MS42aC0xLjFjLS41IDAtMSAuMS0xLjUuMi0yIC40LTMuOCAxLjEtNS40IDIuMS0xLjYgMS0zLjEgMi4yLTQuMiAzLjYtMS4yIDEuNC0yIDIuOS0yLjcgNC41LS42IDEuNi0xIDMuMi0xLjEgNC44djIuNGMuMS44LjIgMS42LjQgMi4zLjQgMS41IDEuMSAyLjggMiA0IC45IDEuMSAxLjkgMi4xIDIuOSAyLjggMS4xLjcgMi4yIDEuMyAzLjQgMS42IDEuMS4zIDIuMy41IDMuMy41SDEzOS4xYy4xIDAgLjMgMCAuNC0uMS4xIDAgLjMgMCAuNC0uMS4yLS4xLjUtLjEuNy0uMi41LS4yLjktLjMgMS4zLS41cy44LS40IDEuMS0uN2MuMS0uMS4yLS4xLjMtLjIuNC0uMy40LS44LjEtMS4yLS4yLS4yLS40LS4zLS43LS4zLS4xIDAtLjMgMC0uNC4xLS4xIDAtLjIuMS0uMy4xLS4zLjItLjYuMy0xIC40LS4zLjEtLjcuMi0xLjEuMy0uMiAwLS40LjEtLjYuMWgtLjUtLjdzLS4xIDAgMCAwSDEzNy41Yy0uOC0uMS0xLjctLjQtMi41LS43LS44LS40LTEuNi0uOS0yLjMtMS41LS43LS42LTEuMy0xLjQtMS44LTIuMy0uNS0uOS0uOC0xLjgtMS0yLjgtLjEtLjUtLjEtMS0uMS0xLjV2LS42LS4yYzAtLjMuMS0uNi4xLS44LjQtMi4yIDEuNS00LjMgMy4yLTYgLjQtLjQuOS0uOCAxLjQtMS4xLjUtLjMgMS0uNiAxLjYtLjkuNS0uMiAxLjEtLjUgMS43LS42LjYtLjIgMS4yLS4zIDEuOC0uM2gxLjVjLjEgMCAwIDAgMCAwSDE0MS40Yy43LjEgMS4zLjEgMiAuMyAxLjMuMyAyLjUuOCAzLjcgMS40IDIuMyAxLjMgNC4zIDMuMyA1LjUgNS44LjYgMS4yIDEgMi41IDEuMyAzLjkuMS4zLjEuNy4xIDFWMzE2YzAgLjQtLjEuNy0uMSAxLjEgMCAuNC0uMS43LS4yIDEuMS0uMS40LS4yLjctLjIgMS4xLS4yLjctLjQgMS40LS43IDIuMS0uNSAxLjQtMS4zIDIuNy0yLjIgMy45LTEuOCAyLjQtNC4yIDQuNC02LjkgNS42LTEuNC42LTIuOCAxLjEtNC4zIDEuMy0uNy4xLTEuNS4yLTIuMi4yaC0xYy4xIDAgMCAwIDAgMGgtLjFjLS40IDAtLjggMC0xLjItLjEtMS42LS4xLTMuMi0uNC00LjctLjktMS41LS40LTMtMS00LjQtMS44LTIuOC0xLjUtNS4zLTMuNi03LjMtNi4xLTEtMS4yLTEuOS0yLjYtMi42LTQtLjctMS40LTEuMy0yLjktMS43LTQuNC0uNC0xLjUtLjctMy4xLS44LTQuNnYtMS45LS42YzAtLjguMS0xLjYuMi0yLjMuMS0uOC4yLTEuNi40LTIuNC4yLS44LjQtMS42LjYtMi4zLjQtMS41IDEtMyAxLjYtNC40IDEuMy0yLjggMy01LjMgNS03LjMuNS0uNSAxLTEgMS42LTEuNC42LS40IDEuMS0uOSAxLjctMS4yLjYtLjQgMS4yLS43IDEuOC0xLjEuMy0uMi42LS4zLjktLjUuMi0uMS4zLS4xLjUtLjJzLjMtLjEuNS0uMmMuNi0uMyAxLjMtLjUgMi0uNy4yLS4xLjMtLjEuNS0uMnMuMy0uMS41LS4xYy4zLS4xLjctLjIgMS0uMy4yIDAgLjMtLjEuNS0uMXMuMy0uMS41LS4xLjMtLjEuNS0uMWguNmMuMiAwIC40LS4xLjUtLjEuMiAwIC40IDAgLjYtLjEuMiAwIC40LS4xLjYtLjFoMS43cy4xIDAgMCAwaDIuN2MxLjMuMSAyLjYuMiAzLjkuNCAyLjUuNSA0LjkgMS4zIDcuMSAyLjQgMi4yIDEuMSA0LjEgMi40IDUuOCAzLjhsLjMuMy4zLjNjLjIuMi40LjQuNi41bC42LjZjLjIuMi40LjQuNS42LjcuOCAxLjQgMS41IDIgMi4zIDEuMiAxLjUgMi4yIDMuMSAyLjkgNC42IDAgLjEuMS4yLjEuMyAwIC4xLjEuMi4xLjMuMS4yLjIuNC4zLjUuMS4yLjIuNC4yLjUuMS4yLjIuMy4yLjUuMy43LjUgMS4zLjggMiAuNCAxIC42IDEuOS44IDIuNy4xLjMuMy41LjYuNWguMWMuMyAwIC42LS4zLjYtLjYgMC0uOCAwLTEuOC0uMS0zLS4xLTEuNC0uNC0zLS44LTQuOC0uNS0xLjgtMS4yLTMuNy0yLjItNS43LTEtMi0yLjMtNC4xLTQtNi4xLS43LS44LTEuNC0xLjYtMi4yLTIuMyAxLjItNC42LTEuNC04LjctMS40LTguN2gtMWMtMy45IDAtNi40IDEuNS03LjQgMi4yLS4yLS4xLS40LS4yLS41LS4yLS44LS4zLTEuNS0uNi0yLjMtLjktLjgtLjMtMS42LS41LTIuNS0uNy0uOC0uMi0xLjctLjQtMi42LS41LS4yIDAtLjMgMC0uNS0uMS0xLjktNi4yLTcuNS04LjgtNy41LTguOC02LjIgNC03LjQgOS41LTcuNCA5LjUuMS4xLjEuMi4yLjMtLjQuMS0uOC4yLTEuMy40LS41LjEtMSAuMy0xLjQuNS0uNS4yLS45LjQtMS40LjYtLjkuNC0xLjkuOS0yLjggMS40LS45LjUtMS44IDEuMS0yLjcgMS43IDAgMC0uMSAwLS4xLjEgMC0uMS0uMS0uMi0uMS0uMi0yLjUtMS01LTEuMy03LjItMS4zLTUuMyAwLTkuMSAyLTkuMSAyLS43IDkuMiAzLjUgMTUgNC4zIDE2LS4yLjYtLjQgMS4xLS42IDEuNy0uNiAyLjEtMS4xIDQuMi0xLjQgNi40IDAgLjMtLjEuNi0uMSAxLTggMy45LTEwLjQgMTItMTAuNCAxMiA2LjcgNy43IDE0LjQgOC4xIDE0LjQgOC4xIDEgMS44IDIuMSAzLjQgMy40IDUgLjUuNyAxLjEgMS4zIDEuNyAxLjktMi40IDcgLjMgMTIuNy4zIDEyLjdoLjhjNyAwIDExLjUtMy4zIDEyLjUtNC4xLjcuMiAxLjUuNSAyLjIuNyAyLjMuNiA0LjYuOSA3IDFoM2MzLjUgNSA5LjYgNS43IDkuNiA1LjcgNC45LTUuMiA0LjYtMTAuNCA0LjYtMTAuNGwtLjEtLjFjMS0uNyAxLjktMS40IDIuOC0yLjIgMS44LTEuNiAzLjMtMy40IDQuNi01LjMuMS0uMi4yLS40LjQtLjZoLjZjNC42IDAgNy44LTMuMSA3LjgtMy4xLS40LTYuMy00LTguOC00LTguOHoiLz48bGluZWFyR3JhZGllbnQgaWQ9IlNWR0lEXzNfIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjE4NC4zNjYiIHkxPSIzNTUuMDM2IiB4Mj0iMTg0LjM2NiIgeTI9IjE5NS4xMDYiPjxzdG9wIG9mZnNldD0iMCIgc3RvcC1jb2xvcj0iI2ZmZjIwMCIvPjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iI2YxNWEyOSIvPjwvbGluZWFyR3JhZGllbnQ+PHBhdGggY2xhc3M9InN0MyIgZD0iTTE5OC41IDMwOS41Yy0zLjcgMS4zLTcuNyAyLTExLjkgMmgtMjAuOGMwIC4xIDAgLjIuMS4zbC4xLjR2NC41aDIwLjVjNS44IDAgMTEuNC0xLjIgMTYuNC0zLjMtMS42LTEtMy4xLTIuNC00LjQtMy45eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNF8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMTM0LjUzMiIgeTE9IjM1NS4wMzYiIHgyPSIxMzQuNTMyIiB5Mj0iMTk1LjEwNiI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZmZmMjAwIi8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjZjE1YTI5Ii8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBjbGFzcz0ic3Q0IiBkPSJNMTg2LjYgMjMzLjNjLTEuNyAwLTMuNC4xLTUgLjMtOS4zLTIwLjItMjkuNy0zNC4zLTUzLjUtMzQuMy0zMi41IDAtNTguOCAyNi4zLTU4LjggNTguOCAwIDEgMCAyLjEuMSAzLjFoLS44Yy0xNS40IDAtMjcuOSAxMi41LTI3LjkgMjcuOSAwIDE1LjQgMTIuNSAyNy45IDI3LjkgMjcuOWgyMC44bC4yLS43Yy4xLS4yLjctMi4yIDIuMi00LjdINjguNmgtLjFjLTEyLjMgMC0yMi40LTEwLjEtMjIuNC0yMi40IDAtMTIuNCAxMC4xLTIyLjQgMjIuNC0yMi40aC42bDUuOS4yLS4zLTUuOWMwLS45LS4xLTEuOS0uMS0yLjggMC0yOS40IDI0LTUzLjQgNTMuNC01My40IDEwLjQgMCAyMC41IDMgMjkuMiA4LjcgOC41IDUuNSAxNS4xIDEzLjMgMTkuNCAyMi41bDEuNyAzLjYgMy45LS41YzEuNS0uMiAzLS4zIDQuNC0uMyAyMC4xIDAgMzYuNCAxNi4zIDM2LjQgMzYuNCAwIDExLjgtNS43IDIyLjMtMTQuNCAyOSAxLjUgMS4yIDMuMSAyLjMgNC45IDMuMSA5LjEtNy43IDE1LTE5LjIgMTUtMzItLjEtMjMuMy0xOC44LTQyLjEtNDEuOS00Mi4xeiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfNV8iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMjE5LjgxNSIgeTE9IjM0NC4xNTQiIHgyPSIyMTkuODE1IiB5Mj0iMjAxLjQ3OCI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYjM4MWI5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOGI0ZjlmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBjbGFzcz0ic3Q1IiBkPSJNMjI2LjcgMzExLjZoLTUuNC0uMWMtMTIuMyAwLTIyLjQtMTAuMS0yMi40LTIyLjQgMC0xMS43IDktMjEuMyAyMC40LTIyLjMtLjUtMS44LTEuMS0zLjYtMS44LTUuMy0xMy41IDEuOS0yNCAxMy41LTI0IDI3LjYgMCAxNS40IDEyLjUgMjcuOSAyNy45IDI3LjloMjQuMmMuMi0uOC41LTEuNS44LTIuMy0uNS0xLS44LTIuMS0xLTMuMmgtMTguNnoiLz48cGF0aCBjbGFzcz0ic3Q2IiBkPSJNMTkzLjQgMjg5LjFoNS40Ii8+PGxpbmVhckdyYWRpZW50IGlkPSJTVkdJRF82XyIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiIHgxPSIzNDIuMTA5IiB5MT0iMzQ0LjE1NCIgeDI9IjM0Mi4xMDkiIHkyPSIyMDEuNDc4Ij48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiNiMzgxYjkiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM4YjRmOWYiLz48L2xpbmVhckdyYWRpZW50PjxwYXRoIGNsYXNzPSJzdDciIGQ9Ik0zNTEuNSAzMDkuNGMtMy44IDEuNC04IDIuMS0xMi4zIDIuMWgtMTAuMWMtLjIgMS4xLS42IDIuMS0xIDMuMi4zLjguNiAxLjUuOCAyLjNoMTAuM2M2IDAgMTEuNi0xLjMgMTYuOC0zLjUtMS4zLTEtMi42LTIuMS0zLjgtMy4zLS4yLS4zLS40LS41LS43LS44eiIvPjxsaW5lYXJHcmFkaWVudCBpZD0iU1ZHSURfN18iIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIiB4MT0iMzAxLjg1IiB5MT0iMzQyLjgyIiB4Mj0iMzAxLjg1IiB5Mj0iMjAwLjY2NyI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjYjM4MWI5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjOGI0ZjlmIi8+PC9saW5lYXJHcmFkaWVudD48cGF0aCBjbGFzcz0ic3Q4IiBkPSJNMzY5LjQgMzA0LjJjLjQtLjQuOC0uOCAxLjEtMS4yLjEtLjIuMy0uMy40LS41LjMtLjQuNy0uOCAxLTEuMi4xLS4yLjMtLjQuNC0uNmwuOS0xLjJjLjEtLjIuMy0uNC40LS42LjMtLjQuNi0uOC44LTEuMi4xLS4yLjItLjQuNC0uNi4zLS41LjYtLjkuOC0xLjQuMS0uMi4yLS4zLjMtLjUuMy0uNi43LTEuMyAxLTEuOS4zLS43LjYtMS4zLjktMiAuMS0uMi4xLS4zLjItLjUuMi0uNS40LTEgLjYtMS42LjEtLjIuMi0uNS4yLS43LjItLjUuMy0uOS40LTEuNC4xLS4zLjItLjUuMi0uOC4xLS40LjItLjkuMy0xLjMuMS0uMy4xLS42LjItLjkuMS0uNC4yLS45LjMtMS4zLjEtLjMuMS0uNi4yLS45LjEtLjUuMS0uOS4yLTEuNCAwLS4zLjEtLjYuMS0uOS4xLS41LjEtMSAuMS0xLjUgMC0uMiAwLS41LjEtLjcgMC0uOC4xLTEuNS4xLTIuMyAwLTIzLjEtMTguNy00MS44LTQxLjgtNDEuOC0xLjcgMC0zLjQuMS01IC4zLTkuMy0yMC4yLTI5LjctMzQuMy01My41LTM0LjMtMjkuNCAwLTUzLjggMjEuNi01OC4xIDQ5LjcgMS45IDIuNiAzLjUgNS40IDQuOCA4LjMuNC0yOS4xIDI0LjItNTIuNiA1My40LTUyLjYgMTAuNCAwIDIwLjUgMyAyOS4yIDguNyA4LjUgNS41IDE1LjEgMTMuMyAxOS40IDIyLjVsMS43IDMuNiAzLjktLjVjMS41LS4yIDMtLjMgNC40LS4zIDIwLjEgMCAzNi40IDE2LjMgMzYuNCAzNi40IDAgLjcgMCAxLjQtLjEgMi4xdi43YzAgLjUtLjEuOS0uMSAxLjQgMCAuMi0uMS41LS4xLjctLjEuNC0uMS45LS4yIDEuMyAwIC4yLS4xLjUtLjEuNy0uMS41LS4yLjktLjMgMS40IDAgLjItLjEuNC0uMS42LS4yLjYtLjMgMS4yLS41IDEuOHYuMWMtLjIuNi0uNCAxLjMtLjcgMS45LS4xLjItLjEuMy0uMi40LS4yLjUtLjQuOS0uNiAxLjRsLS4zLjZjLS4yLjQtLjQuOC0uNiAxLjMtLjEuMi0uMi40LS4zLjUtLjIuNC0uNS45LS43IDEuMy0uMS4xLS4yLjMtLjIuNC0uNyAxLjEtMS40IDIuMy0yLjIgMy4zIDAgLjEtLjEuMS0uMS4yLS40LjUtLjcuOS0xLjEgMS40bC0uMy4zYy0uMy40LS43LjgtMSAxLjJsLS4zLjNjLS40LjQtLjguOC0xLjIgMS4xLS4xLjEtLjIuMi0uMy4yLTEgLjktMiAxLjgtMy4xIDIuNi02IDQuNS0xMy41IDcuMS0yMS42IDcuMWgtMTAuMWMtLjIgMS4xLS41IDIuMS0xIDMuMi4zLjguNiAxLjUuOCAyLjNoMTAuM2MxMS42IDAgMjIuMi00LjggMjkuOC0xMi41LS4yIDAtLjEtLjEuMS0uMnoiLz48L3N2Zz4=);
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
    height: 100%;
    width: 100%;
  }
}

.hosted-metrics__img > img {
  display: block;
  margin: 0 auto;
  height: auto;
}

.hosted-metrics__submit-button {
  margin-top: 18px;
}

.hosted-metrics__input-height {
  height: 40px;
}

.hosted-metrics__subtext {
  display: block;
  font-size: 0.8125rem;
}

.hosted-metrics__enquiry-success {
  color: #3adb76;
}

.price-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

@media (min-width: 62rem) {
  .price-options {
    -ms-flex-wrap: nowrap;
        flex-wrap: nowrap;
    -webkit-box-flex: 1;
        -ms-flex: 1 1 33.3333%;
            flex: 1 1 33.3333%;
  }
}

.price-option {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  padding: 2rem;
  padding-bottom: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2rem;
  border-radius: 4px;
}

@media (min-width: 62rem) {
  .price-option {
    margin: 0 1rem;
    width: 33.3333%;
  }
}

.price-option-gcloud {
  position: relative;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  padding: 2rem;
  padding-bottom: 5rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  margin-bottom: 2rem;
  border-radius: 4px;
}

@media (min-width: 62rem) {
  .price-option-gcloud {
    margin: 0 1rem;
  }
}

.price-option__heading {
  font-style: normal;
  text-align: center;
  font-weight: 700;
  color: #898989;
  margin-bottom: 0;
}

.price-option__heading-gcloud {
  font-style: normal;
  text-align: center;
  font-weight: 400;
  color: white;
  margin-bottom: 0.625rem;
}

.price-option__paragraph {
  min-height: 2rem;
  margin-top: 0.5rem;
}

.price-option__list {
  padding-left: 1rem;
  max-width: 25rem;
  min-width: 11.25rem;
  min-height: 18rem;
  color: #fefefe;
}

.price-option__list-gcloud {
  padding-left: 1rem;
  max-width: 25rem;
  min-width: 11.25rem;
  min-height: 9.375rem;
  color: #fefefe;
}

.price-option__list-item {
  list-style: none;
  margin: 0 auto 0.625rem 1.875rem;
  position: relative;
  min-height: 1.25rem;
}

@media (min-width: 62rem) {
  .price-option__list-item {
    width: 14.0625rem;
  }
}

.price-option__list-item a {
  color: #fefefe;
}

.price-option__list-item a:hover {
  color: #f46800;
}

.price-option__list-item--check::before {
  font-family: 'grafana-icons';
  content: "\E603";
  color: #3adb76;
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

.price-option__list-item--users::before {
  content: ' ';
  background-image: url(/img/icon_users.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.price-option__list-item--dashboards::before {
  font-family: 'grafana-icons';
  content: "\E606";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

.price-option__list-item--datasource::before {
  content: ' ';
  background-image: url(/img/icon_datasource.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.price-option__list-item--rebuilds::before {
  font-family: 'grafana-icons';
  content: "\E626";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 2px;
}

.price-option__list-item--community::before {
  font-family: 'FontAwesome';
  content: "\F1CD";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 4px;
}

.price-option__list-item--support::before {
  content: ' ';
  background-image: url(/img/icon_support.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.price-option__list-item--premium::before {
  content: ' ';
  background-image: url(/img/icon_diamond.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -1px;
  left: 3px;
}

.price-option__list-item--alerts::before {
  font-family: 'grafana-icons';
  content: "\E611";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

.price-option__list-item--ssl::before {
  font-family: 'FontAwesome';
  content: "\F023";
  font-size: 150%;
  margin-left: -2.125rem;
  position: absolute;
  top: -6px;
  left: 5px;
}

.price-option__list-item--auth::before {
  font-family: 'FontAwesome';
  content: "\F090";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 4px;
}

.price-option__list-item--domain::before {
  font-family: 'FontAwesome';
  content: "\F1FA";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 4px;
}

.price-option__list-item--prometheus::before {
  content: ' ';
  background-image: url(/img/icon_hosted_metrics--square.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.price-option__support-section {
  min-height: 4rem;
}

.price-option__price {
  text-align: center;
  font-size: 3rem;
  color: #fefefe;
  font-style: italic;
  font-weight: 700;
  padding: 1rem 0;
}

.price-option__price p {
  font-size: 0.875rem;
  font-weight: 400;
  padding: 0;
  margin: 0;
}

.price-option__price > .strike {
  font-weight: 400;
  color: #555;
  position: relative;
  display: inline-block;
}

.price-option__price > .strike::before, .price-option__price .strike::after {
  content: '';
  border-bottom: 2px solid #555;
  width: 100%;
  position: absolute;
  right: 0;
  top: 45%;
}

.price-option__price > .strike::before {
  -webkit-transform: skewY(15deg);
          transform: skewY(15deg);
}

.price-option__price > .strike::after {
  -webkit-transform: skewY(-15deg);
          transform: skewY(-15deg);
}

.price-option__price small {
  font-size: 50%;
  font-weight: normal;
}

.price-option__price small.currency {
  vertical-align: super;
}

.price-option__price small.currency--strike {
  vertical-align: super;
  color: #555;
  font-weight: 300;
}

.price-option__price__period {
  font-size: 1.3125rem;
  font-weight: 400;
  display: inline-block;
}

.price-option__cta {
  text-align: center;
  position: absolute;
  bottom: 1.25rem;
}

.hosted-grafana-try-banner {
  text-align: center;
}

.hosted-grafana-try-banner span {
  font-size: 1.3125rem;
  color: #fefefe;
  margin-right: 1.25rem;
}

.hosted-grafana-try-banner b {
  color: #f46800;
}

.anchor--offset {
  margin-top: -70px;
  margin-bottom: 70px;
  display: block;
}

.interior-intro {
  margin-bottom: 0;
  text-align: center;
}

.interior-intro h3 {
  font-size: 1.3125rem;
  font-style: italic;
  font-weight: 400;
  color: #fefefe;
}

.interior-intro p {
  margin-bottom: 0;
}

.interior-section {
  position: relative;
  padding-top: 2.8125rem;
}

.interior-section:before {
  display: block;
  position: absolute;
  top: 100%;
  right: 0;
  left: 0;
  height: 1px;
  content: '';
}

.interior-section.early-access-signup {
  text-align: start;
  padding: 0.5rem;
}

.interior-section.early-access-signup > .interior-section__title, .interior-section.early-access-signup > .interior-section__title--primarycolor {
  color: #f46800;
}

.interior-section.early-access-signup a {
  color: #f46800;
}

.interior-section.early-access-signup .btn--primary {
  color: #fefefe;
}

.interior-section.early-access-signup .btn--outline {
  border-color: #f46800;
  color: #f46800;
}

.interior-section.early-access-signup .btn--outline:hover {
  border: 1px solid #f46800;
  -o-border-image: linear-gradient(to bottom right, #f46800 0%, #f26529 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#f46800), to(#f26529));
     border-image: linear-gradient(to bottom right, #f46800 0%, #f26529 100%);
  border-image-slice: 1;
  color: #f78e40;
  border-radius: 10px;
}

.interior-section.early-access-signup:before {
  background: -webkit-gradient(linear, left top, right top, from(#f46800), to(#f26529));
  background: linear-gradient(to right, #f46800 0%, #f26529 100%);
}

@media (min-width: 62rem) {
  .interior-section.early-access-signup {
    padding-top: 2.8125rem;
    margin-bottom: 6.25rem;
  }
}

.interior-section.early-access-signup:before {
  background: none;
}

@media (min-width: 62rem) {
  .interior-section.early-access-signup--small-bottom-margin {
    margin-bottom: 0.625rem;
  }
}

.interior-section.modal-wrapper {
  text-align: start;
  padding: 0.5rem;
}

.interior-section.modal-wrapper > .interior-section__title, .interior-section.modal-wrapper > .interior-section__title--primarycolor {
  color: #f46800;
}

.interior-section.modal-wrapper a {
  color: #f46800;
}

.interior-section.modal-wrapper .btn--primary {
  color: #fefefe;
}

.interior-section.modal-wrapper .btn--outline {
  border-color: #f46800;
  color: #f46800;
}

.interior-section.modal-wrapper .btn--outline:hover {
  border: 1px solid #f46800;
  -o-border-image: linear-gradient(to bottom right, #f46800 0%, #f26529 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#f46800), to(#f26529));
     border-image: linear-gradient(to bottom right, #f46800 0%, #f26529 100%);
  border-image-slice: 1;
  color: #f78e40;
  border-radius: 10px;
}

.interior-section.modal-wrapper:before {
  background: -webkit-gradient(linear, left top, right top, from(#f46800), to(#f26529));
  background: linear-gradient(to right, #f46800 0%, #f26529 100%);
}

@media (min-width: 62rem) {
  .interior-section.modal-wrapper {
    margin-bottom: 6.25rem;
  }
}

.interior-section.modal-wrapper:before {
  background: none;
}

@media (min-width: 62rem) {
  .interior-section.modal-wrapper--small-bottom-margin {
    margin-bottom: 2.5rem;
  }
}

.interior-section.visualize {
  margin-bottom: 6.25rem;
}

.interior-section.visualize > .interior-section__title, .interior-section.visualize > .interior-section__title--primarycolor {
  color: #f46800;
}

.interior-section.visualize a {
  color: #f46800;
}

.interior-section.visualize .btn--primary {
  color: #fefefe;
}

.interior-section.visualize .btn--outline {
  border-color: #f46800;
  color: #f46800;
}

.interior-section.visualize .btn--outline:hover {
  border: 1px solid #f46800;
  -o-border-image: linear-gradient(to bottom right, #f46800 0%, #f26529 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#f46800), to(#f26529));
     border-image: linear-gradient(to bottom right, #f46800 0%, #f26529 100%);
  border-image-slice: 1;
  color: #f78e40;
  border-radius: 10px;
}

.interior-section.visualize:before {
  background: -webkit-gradient(linear, left top, right top, from(#f46800), to(#f26529));
  background: linear-gradient(to right, #f46800 0%, #f26529 100%);
}

.interior-section.extend > .interior-section__title, .interior-section.extend > .interior-section__title--primarycolor {
  color: #d077e8;
}

.interior-section.extend a {
  color: #d077e8;
}

.interior-section.extend .btn--primary {
  color: #fefefe;
}

.interior-section.extend .btn--outline {
  border-color: #d077e8;
  color: #d077e8;
}

.interior-section.extend .btn--outline:hover {
  border: 1px solid #d077e8;
  -o-border-image: linear-gradient(to bottom right, #d077e8 0%, #a442c1 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#d077e8), to(#a442c1));
     border-image: linear-gradient(to bottom right, #d077e8 0%, #a442c1 100%);
  border-image-slice: 1;
  color: #dc99ee;
  border-radius: 10px;
}

.interior-section.extend:before {
  background: -webkit-gradient(linear, left top, right top, from(#d077e8), to(#a442c1));
  background: linear-gradient(to right, #d077e8 0%, #a442c1 100%);
}

.interior-section.host > .interior-section__title, .interior-section.host > .interior-section__title--primarycolor {
  color: #13b2d4;
}

.interior-section.host a {
  color: #13b2d4;
}

.interior-section.host .btn--primary {
  color: #fefefe;
}

.interior-section.host .btn--outline {
  border-color: #13b2d4;
  color: #13b2d4;
}

.interior-section.host .btn--outline:hover {
  border: 1px solid #13b2d4;
  -o-border-image: linear-gradient(to bottom right, #13b2d4 0%, #1c6094 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#13b2d4), to(#1c6094));
     border-image: linear-gradient(to bottom right, #13b2d4 0%, #1c6094 100%);
  border-image-slice: 1;
  color: #4ec5df;
  border-radius: 10px;
}

.interior-section.host:before {
  background: -webkit-gradient(linear, left top, right top, from(#13b2d4), to(#1c6094));
  background: linear-gradient(to right, #13b2d4 0%, #1c6094 100%);
}

.interior-section.support > .interior-section__title, .interior-section.support > .interior-section__title--primarycolor {
  color: #d6041b;
}

.interior-section.support a {
  color: #d6041b;
}

.interior-section.support .btn--primary {
  color: #fefefe;
}

.interior-section.support .btn--outline {
  border-color: #d6041b;
  color: #d6041b;
}

.interior-section.support .btn--outline:hover {
  border: 1px solid #d6041b;
  -o-border-image: linear-gradient(to bottom right, #d6041b 0%, #9e0437 100%);
     border-image: -webkit-gradient(linear, left top, right bottom, from(#d6041b), to(#9e0437));
     border-image: linear-gradient(to bottom right, #d6041b 0%, #9e0437 100%);
  border-image-slice: 1;
  color: #e04354;
  border-radius: 10px;
}

.interior-section.support:before {
  background: -webkit-gradient(linear, left top, right top, from(#d6041b), to(#9e0437));
  background: linear-gradient(to right, #d6041b 0%, #9e0437 100%);
}

.interior-section__icon {
  display: block;
  margin: 0 auto 1.25rem;
  width: 6.25rem;
  height: 6.25rem;
}

.interior-section__title, .interior-section__title--primarycolor {
  margin: 0 0 20px;
  font-size: 28px;
  font-style: italic;
  font-weight: 400;
  text-align: center;
}

@media (min-width: 62rem) {
  .interior-section__title, .interior-section__title--primarycolor {
    margin-bottom: 0;
  }
}

.interior-section__title.title--with-subcopy, .title--with-subcopy.interior-section__title--primarycolor {
  margin-bottom: 0.3125rem;
}

.interior-section__img {
  margin: 0;
}

@media (min-width: 40.625rem) {
  .interior-section__img {
    margin: 0 6.25rem;
  }
}

@media (min-width: 62rem) {
  .interior-section__img {
    margin: 0;
  }
}

.interior-section__img > img {
  display: block;
  width: 100%;
  height: auto;
}

.interior-section__img--centered {
  margin: 0 auto;
}

@media (min-width: 40.625rem) {
  .interior-section__img--centered {
    margin: 0 6.25rem;
  }
}

@media (min-width: 62rem) {
  .interior-section__img--centered {
    margin: 0 auto;
  }
}

.interior-section__img--centered > img {
  display: block;
  width: 100%;
  height: auto;
}

@media (min-width: 62rem) {
  .interior-section__img.padded {
    padding: 0 3.125rem;
  }
}

.interior-section__body {
  padding: 50px 0 5.4375rem;
}

.interior-section p {
  margin: 0 0 1.4em;
  color: #fefefe;
  font-size: 1rem;
}

.interior-emphasis {
  font-size: 1.3125rem;
  font-style: italic;
  font-weight: 400;
  color: #fefefe;
}

@media (min-width: 62rem) {
  .interior-columns {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
        -ms-flex-pack: justify;
            justify-content: space-between;
    padding: 0 1.25rem;
  }
}

.interior-columns.padded {
  padding: 50px 0 5.4375rem;
}

@media (min-width: 62rem) {
  .interior-columns .column {
    width: 48%;
  }
}

.interior-columns .column + .column {
  margin-top: 2.5rem;
}

@media (min-width: 62rem) {
  .interior-columns .column + .column {
    margin-top: 0;
  }
}

@media (min-width: 62rem) {
  .interior-columns .column.right {
    -webkit-box-ordinal-group: 3;
        -ms-flex-order: 2;
            order: 2;
  }
}

@media (min-width: 62rem) {
  .interior-columns .column.left {
    -webkit-box-ordinal-group: 2;
        -ms-flex-order: 1;
            order: 1;
  }
}

@media (min-width: 62rem) {
  .interior-columns .column.top {
    -ms-flex-item-align: start;
        align-self: flex-start;
  }
}

@media (min-width: 62rem) {
  .interior-columns .column.bottom {
    -ms-flex-item-align: end;
        align-self: flex-end;
  }
}

@media (min-width: 62rem) {
  .interior-columns .column.padded {
    padding-top: 3.125rem;
  }
}

.interior-columns--modal {
  padding-left: 0;
  padding-right: 0;
}

.interior-list {
  margin-bottom: 3.125rem;
}

.interior-list > .interior-list__item {
  margin-bottom: 2.8125rem;
  padding: 0.625rem 0 0.625rem 7.8125rem;
  background-position: 0 0;
  background-repeat: no-repeat;
  background-size: 4.6875rem 4.6875rem;
}

@media (min-width: 62rem) {
  .interior-list > .interior-list__item {
    padding: 0.625rem 0 0.625rem 17.1875rem;
    background-size: 7.5rem 7.5rem;
    background-position: 60px 50%;
  }
}

.interior-list > .interior-list__item:last-child {
  margin-bottom: 0;
}

.interior-list__item.support {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB3aWR0aD0iOTQiIGhlaWdodD0iOTQiIHZpZXdCb3g9IjAgMCA5NCA5NCI+PGRlZnM+PGxpbmVhckdyYWRpZW50IGlkPSJhIiB4MT0iNzMuNTk4IiB5MT0iNjIuNTIiIHgyPSI3My41OTgiIHkyPSIxMS4xODciIGdyYWRpZW50VHJhbnNmb3JtPSJtYXRyaXgoMSAwIDAgLTEgMCA5Ni4wMDMpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZTEwMDE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjYTEwMDM5Ii8+PC9saW5lYXJHcmFkaWVudD48bGluZWFyR3JhZGllbnQgaWQ9ImIiIHgxPSIzNS4xOTIiIHkxPSI4Ni44MTkiIHgyPSIzNS4xOTIiIHkyPSIxMS4xOTIiIHhsaW5rOmhyZWY9IiNhIi8+PC9kZWZzPjx0aXRsZT5pbnRlcmlvci1zdXBwb3J0X2RldjwvdGl0bGU+PHBhdGggZD0iTTgyLjYyNCA0OC4yM2wtMTIuMy0uMDFMNjcuNiA0My42bC01LjI3IDE2LjU4NC01LjAyLTE4LjE1Ny03Ljc1IDQzLjIzLTYuNDEyLTYyLjE3NkwzNC40IDYwLjM1N2wtNS44LTE5LjY0LTQuMzY3IDcuNTA3aC0xMi44NWE1LjI0MyA1LjI0MyAwIDAgMS00LjUxIDQuMTUzIDQwLjYxNiA0MC42MTYgMCAwIDAgODAuNTE3LjAyNCA1LjI0IDUuMjQgMCAwIDEtNC43NjYtNC4xN3oiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNzguNDU3IDYxLjU5NGExLjYzNSAxLjYzNSAwIDAgMC0uMjcyLS4xODYgMi4yMjQgMi4yMjQgMCAwIDEtLjk2My0yLjAzNSA5LjkxNCA5LjkxNCAwIDAgMCAyLjEyMi01LjYwOCA2LjkzMyA2LjkzMyAwIDAgMCAxLjY4Mi00LjYyNiA1LjkyNyA1LjkyNyAwIDAgMC0uODQ0LTMuMTY1bC0uMDEzLS4wMmExMC4xODUgMTAuMTg1IDAgMCAwIC40LTUuODcyYy0xLjE0LTQuNTU3LTYuNy02LjYtMTEuNy02LjYtNC4yOSAwLTcuNjEgMS41LTkuMTIgNC4wMmE1LjMyMiA1LjMyMiAwIDAgMC0yLjE2OCAyLjI0NGMtMS4wNTMgMi4wNy0uNTc1IDQuMzc2LjAxNCA2LjEtLjAyNS4wMzYtLjA1LjA3My0uMDczLjExYTUuOTI4IDUuOTI4IDAgMCAwLS44NzQgMy4yMTggNy4yNjYgNy4yNjYgMCAwIDAgLjg2MiAzLjQycTIuNCAxLjIgNC4yMyAyLjI1N2ExMi4wNSAxMi4wNSAwIDAgMS0uMzIyLTIuODg0Yy0xLjcyIDAtMi40Ny00Ljk0MiAwLTQuOTQyIDAtLjcxMi0zLjMtNi4wNjIuNzIzLTcuMDY3LjU2NC0yLjI1IDMuNTM4LTMuMjkgNi43MjctMy4yOSAzLjgxNSAwIDcuOTM4IDEuNDkgOC42MSA0LjE4LjczNyAyLjk0NS0xLjE1NSA1LjY1NC0xLjE1NSA2LjE3NiAyLjM5IDAgMS42MzggNC45NDItLjA4IDQuOTQyIDAgNS4zMTMtMi40NyA2LjE3Ny0yLjQ3IDYuMTc3di40NTVhNi43NyA2Ljc3IDAgMCAwIDMuOTc3IDYuMTg3YzQuOTg3IDIuMjMyIDkuNjEgNC43NSA5LjYxIDUuNzI1djQuMzE2YTYuOCA2LjggMCAwIDEtNi44IDYuOEg3MC4xMThhNi4zMDggNi4zMDggMCAwIDEtLjg4NSAzLjE5aDExLjMyNWE5Ljk5IDkuOTkgMCAwIDAgOS45OS05Ljk5VjcwLjVjMC0xLjMyMi0uMDM1LTMuNzA3LTEyLjA5LTguOTEzeiIgZmlsbD0idXJsKCNhKSIvPjxwYXRoIGQ9Ik00Ny45ODIgNTEuNzY0YTMuMTMgMy4xMyAwIDAgMC0uNDE4LS4yN2MtMS43LS45NDgtMS4zMy0zLjU4My0uOTcyLTUuMDVhMTIuODIyIDEyLjgyMiAwIDAgMCAyLjk1NC02LjkxMyA1Ljc4MyA1Ljc4MyAwIDAgMSAxLjA2LTIuNTcgOS4yNjggOS4yNjggMCAwIDAgMS42NS01LjM4NSA3LjQxMyA3LjQxMyAwIDAgMC0xLjAzNS0zLjk1NiA1LjU1OCA1LjU1OCAwIDAgMC0uNS0uNjggMTQuNjA3IDE0LjYwNyAwIDAgMCAuODg3LTguOWMtMS41Mi02LjA4Ni05LjU0NS04Ljg1Ni0xNi4zNTUtOC44NTYtNi4yMSAwLTEwLjkxNyAyLjE2Mi0xMi44IDUuNzZBNi41NiA2LjU2IDAgMCAwIDE5LjQgMTcuODljLTEuNSAyLjk0My0uNDkgNi40OS40MzMgOC45MzVhNS41NzYgNS41NzYgMCAwIDAtLjYxLjc4NyA3LjQyIDcuNDIgMCAwIDAtMS4wNzYgNC4wMjQgOS4xNzIgOS4xNzIgMCAwIDAgMS42MjcgNS4zMTcgNS44MjIgNS44MjIgMCAwIDEgMS4wNjcgMi41NzcgMTIuNzM3IDEyLjczNyAwIDAgMCAzLjAyNCA2Ljk4N2MuMzUgMS40ODIuNjggNC4wNDMtLjk5IDQuOTc3YTQuMTc1IDQuMTc1IDAgMCAwLS4zNjUuMjI2QzMuNTEgNTkuNzI3IDMuNDUgNjMuMTU3IDMuNDUgNjQuNXYxMC4zMmE5Ljk5IDkuOTkgMCAwIDAgOS45OSA5Ljk5aDQzLjVhOS45OSA5Ljk5IDAgMCAwIDkuOTktOS45OVY2NC41YzAtMS4zMzgtLjA2NC00Ljc1Ny0xOC45NS0xMi43MzN6bTE1Ljc2IDIzLjA1OGE2LjggNi44IDAgMCAxLTYuOCA2LjhoLTQzLjVhNi44IDYuOCAwIDAgMS02LjgtNi44VjY0LjVjMC0xLjYzNCA4LjQxNC02LjA3MiAxNi44MTUtOS43YTYuODA4IDYuODA4IDAgMCAwIDQuMTIyLTYuMjQ4IDYuMzQ3IDYuMzQ3IDAgMCAwLTEuNDctNC4yMjJjLTEuMDctMS4yMi0yLjM0LTMuNjYtMi4zNC04LjM4NC0yLjAzIDAtMy4xODUtNC40Ny0xLjktNi41NmE1LjQgNS40IDAgMCAwIC42Mi00LjU3M2MtLjk0NC0yLjgyLTEuNDc2LTYuNCAyLjQtNy4zNjguODY3LTMuNDY3IDUuNDUtNS4wNyAxMC4zNjctNS4wNyA1Ljg3NyAwIDEyLjIzIDIuMyAxMy4yNjYgNi40NGExMC44NSAxMC44NSAwIDAgMS0uNDY2IDYuMTU4IDUuMzI3IDUuMzI3IDAgMCAwIC41MjcgNC40M2MxLjIxMiAyLjEuMDU3IDYuNTQyLTEuOTY1IDYuNTQyIDAgNC43MjMtMS4yNyA3LjE2NC0yLjM0IDguMzg0YTYuMzQ3IDYuMzQ3IDAgMCAwLTEuNDcgNC4yMTUgNi44MSA2LjgxIDAgMCAwIDQuMTIyIDYuMjQ4YzguNCAzLjYzMiAxNi44MTUgOC4wNyAxNi44MTUgOS43djEwLjMzeiIgZmlsbD0idXJsKCNiKSIvPjwvc3ZnPg==);
  background-size: 6.25rem 6.25rem;
}

.interior-list__item.backups {
  background-image: url(/dist/be075e9b820ed71eceb4cdf22307e631.svg);
  background-size: 6.25rem 6.25rem;
}

.interior-list__item.monitoring {
  background-image: url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSI5NCIgaGVpZ2h0PSI5NCIgdmlld0JveD0iMCAwIDk0IDk0Ij48ZGVmcz48bGluZWFyR3JhZGllbnQgaWQ9ImEiIHgxPSI0OCIgeTE9Ijg3LjQ2IiB4Mj0iNDgiIHkyPSIxLjk4OCIgZ3JhZGllbnRUcmFuc2Zvcm09Im1hdHJpeCgxIDAgMCAtMSAtMSA5MS43MjQpIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+PHN0b3Agb2Zmc2V0PSIwIiBzdG9wLWNvbG9yPSIjZTEwMDE5Ii8+PHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjYTEwMDM5Ii8+PC9saW5lYXJHcmFkaWVudD48L2RlZnM+PHRpdGxlPmludGVyaW9yLXN1cHBvcnRfaGVhbHRoPC90aXRsZT48cGF0aCBkPSJNODIuNjI0IDQ4LjIzbC0xMi4zLS4wMUw2Ny42IDQzLjZsLTUuMjcgMTYuNTg0LTUuMDItMTguMTU3LTcuNzUgNDMuMjMtNi40MTItNjIuMTc2TDM0LjQgNjAuMzU3bC01LjgtMTkuNjQtNC4zNjcgNy41MDdoLTEyLjg1YTUuMjQzIDUuMjQzIDAgMCAxLTQuNTEgNC4xNTMgNDAuNjE2IDQwLjYxNiAwIDAgMCA4MC41MTcuMDI0IDUuMjQgNS4yNCAwIDAgMS00Ljc2Ni00LjE3eiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik05MyA0Ny4xNzVhNS4yNCA1LjI0IDAgMCAwLTMuNDE0LTQuOTA4IDQyLjcxNyA0Mi43MTcgMCAwIDAtODQuOS0uMSA1LjI0MiA1LjI0MiAwIDAgMCAuMDQ2IDEwLjAyNyA0Mi43MTMgNDIuNzEzIDAgMCAwIDg0LjgxLS4wOTRBNS4yNCA1LjI0IDAgMCAwIDkzIDQ3LjE3NXptLTQ1Ljg3LTQwLjhhNDAuNjggNDAuNjggMCAwIDEgNDAuMyAzNS41NzYgNS4yNCA1LjI0IDAgMCAwLTQuODEyIDQuMTg0bC0xMS4xLS4wMDgtNC40OS03LjY0Ni00LjU2IDE0LjM0LTUuNi0yMC4yNDItNi43NDggMzcuNjctNi4xNjYtNTkuNzktOS43OCA0MS43MS00Ljk0LTE2LjcxLTYuMjA2IDEwLjY2N0gxMS4zODJhNS4yNDQgNS4yNDQgMCAwIDAtNC41NTMtNC4xNiA0MC42OCA0MC42OCAwIDAgMSA0MC4zLTM1LjU5em0wIDgxLjI1NEE0MC42OCA0MC42OCAwIDAgMSA2Ljg3IDUyLjM4YTUuMjQzIDUuMjQzIDAgMCAwIDQuNTEtNC4xNTVoMTIuODVsNC4zNy03LjUwOCA1LjggMTkuNjM4IDguNzQtMzcuMjc0IDYuNDE1IDYyLjE4IDcuNzUtNDMuMjMgNS4wMiAxOC4xNTVMNjcuNiA0My42bDIuNzE3IDQuNjI1IDEyLjMuMDFhNS4yNCA1LjI0IDAgMCAwIDQuNzcgNC4xNjUgNDAuNjggNDAuNjggMCAwIDEtNDAuMjU0IDM1LjIyN3oiIGZpbGw9InVybCgjYSkiLz48L3N2Zz4=);
  background-size: 6.25rem 6.25rem;
}

.interior-list__item > p {
  margin: 0;
}

.interior-list__title {
  margin: 0;
  color: #fefefe;
  font-size: 23px;
  font-weight: 400;
  font-style: italic;
}

.interior-section__title--primarycolor {
  color: #f46800;
  text-align: left;
  margin: 0.9375rem 0;
}

ul.hosted-metrics--modal-list {
  padding-left: 1rem;
}

ul.hosted-metrics--modal-list li {
  list-style: square;
}

.interior-section .form {
  margin-left: 0;
}

@media (min-width: 40.625rem) {
  .wrapper--feature-hero-bg {
    background: url(/dist/602141375d5f7a86e4365174542652da.png) 150% 0 no-repeat;
    background-size: 70%;
  }
}

.features-grid {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.features-grid__item {
  padding: 1.875rem;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
}

@media (min-width: 40.625rem) {
  .features-grid__item {
    width: 49.999%;
  }
}

@media (min-width: 62rem) {
  .features-grid__item {
    width: 33%;
  }
}

.features-grid__img {
  width: 180px;
  height: 180px;
  border-radius: 50%;
  -webkit-box-shadow: 0px 0px 10px #0a0a0a;
          box-shadow: 0px 0px 10px #0a0a0a;
}

.features-grid__heading {
  font-size: 1.125rem;
  margin: 0.9375rem 0;
  color: #eaeaea;
}

.features-grid__text strong {
  color: #fefefe;
}

.features-grid__text--big {
  color: #fefefe;
  font-size: 1.3125rem;
}

.features-grid__text--big strong {
  color: #f46800;
}

.github-box {
  width: 90%;
  height: auto;
  min-height: 0;
  padding-left: 1.25rem;
  padding-right: 1.25rem;
  margin: 0 auto 10px auto;
  white-space: nowrap;
  text-align: center;
}

@media (min-width: 40.625rem) {
  .github-box {
    width: 8.75rem;
    height: 4.875rem;
    position: absolute;
    top: 10px;
    left: 10px;
  }
}

.github-box h3 {
  margin: 0;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.2;
  color: #fefefe;
}

.github-box h3 small {
  color: #c5c5c5;
  font-style: italic;
  font-weight: 400;
  font-size: 55%;
  margin-left: 0.3125rem;
}

@media (min-width: 40.625rem) {
  .github-box h3 small {
    margin-left: 1.625rem;
    display: block;
  }
}

.github-box span {
  width: 1.25rem;
  color: #a2a2a2;
}

.feature-tabs {
  border-radius: 0.1875rem;
  background: #262626;
  margin-bottom: 2.5rem;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
}

@media (min-width: 62rem) {
  .feature-tabs {
    -webkit-box-orient: vertical;
    -webkit-box-direction: normal;
        -ms-flex-direction: column;
            flex-direction: column;
  }
}

.feature-tabs__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
}

@media (min-width: 62rem) {
  .feature-tabs__tabs {
    -webkit-box-orient: horizontal;
    -webkit-box-direction: normal;
        -ms-flex-direction: row;
            flex-direction: row;
  }
}

.feature-tabs__tab-link {
  color: #fefefe;
  font-size: 1.125rem;
  font-style: italic;
  line-height: 3.125rem;
  background: #353535;
  text-align: center;
  border-top: 1px solid #0a0a0a;
  width: 6.25rem;
}

.feature-tabs__tab-link img {
  max-height: 1.25rem;
  vertical-align: middle;
}

.feature-tabs__tab-link:hover {
  background: #262626;
}

.feature-tabs__tab-link--active {
  background: #262626;
  z-index: 100;
}

@media (min-width: 62rem) {
  .feature-tabs__tab-link {
    padding: 0 1.25rem;
    width: 9.375rem;
    -webkit-box-flex: 1;
        -ms-flex-positive: 1;
            flex-grow: 1;
    border-top: none;
    line-height: 3.75rem;
  }
  .feature-tabs__tab-link img {
    max-height: 1.875rem;
  }
}

.feature-tab-tabs_pane {
  -webkit-box-shadow: 0 0 10px #0a0a0a;
          box-shadow: 0 0 10px #0a0a0a;
}

.feature-tab-content__title {
  padding-bottom: 1rem;
}

.feature-tab-content__text {
  color: #B8B8B8;
}

.feature-tab-content__list {
  padding: 0 0.625rem;
}

.feature-tab-content__list li {
  line-height: 1.5625rem;
  margin-left: 0.625rem;
}

.feature-showcase {
  margin-bottom: 3.75rem;
  border-bottom: 1px solid #f46800;
  -o-border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
     border-image: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
     border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
  border-image-slice: 1;
  -o-border-image: linear-gradient(to right, #ff8100 0, #930 75%);
  border-image-width: 0 0 1 0;
}

.feature-showcase:last-child {
  border-bottom: none;
}

@media (min-width: 62rem) {
  .feature-showcase__copy {
    padding-top: 6.25rem;
  }
}

.feature-gif__copy {
  margin-top: 0;
}

.feature-gif__img > img {
  width: 100%;
}

.feature-gif__item {
  padding-left: 1rem;
  margin-bottom: 1.875rem;
}

.feature-gif__item--active {
  border-left: 3px solid #f46800;
  -o-border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
     border-image: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
     border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
  border-image-slice: 1;
}

.pricing-form .dropdown {
  margin-top: 2.5rem;
  margin-bottom: 1.25rem;
}

.pricing-tier-list {
  min-width: 275px;
  line-height: 1.375rem;
}

.pricing-tier-list__item, .pricing-tier-list__item--selected, .pricing-tier-list__item--with-action {
  height: 295px;
  padding: 0.75rem 1rem 1rem;
  border-radius: 4px;
  background: linear-gradient(135deg, #2f2f2f 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  min-height: 13.5rem;
  overflow: hidden;
  text-overflow: clip;
  position: relative;
}

.pricing-tier-list__item--selected {
  height: 280px;
}

.pricing-tier-list__item--with-action {
  height: 360px;
}

.pricing-tier-list__item--small {
  height: 11.25rem;
  min-height: 6.25rem;
}

.pricing-tier-list__item:hover, .pricing-tier-list__item--selected:hover, .pricing-tier-list__item--with-action:hover {
  cursor: pointer;
  background: linear-gradient(135deg, #343434 0%, #262626 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.pricing-tier-list__item:active, .pricing-tier-list__item--selected:active, .pricing-tier-list__item--with-action:active {
  background: linear-gradient(135deg, #2c2c2c 0%, #232323 100%);
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
}

.pricing-tier-radio {
  position: absolute;
}

.worldping-upgrade__icon {
  width: 12.5rem;
}

.tier-title {
  text-transform: uppercase;
  font-size: 0.75rem;
  color: #f46800;
  font-weight: 400;
  text-align: center;
  margin: 0.25rem auto 1.25rem;
}

.discount {
  font-style: italic;
  color: #cbcbcb;
  font-size: 1rem;
  text-align: center;
  margin: 0 auto;
  position: absolute;
  bottom: 0.4375rem;
  left: 30%;
}

.pricing-tier__body {
  text-align: center;
}

.pricing-tier__body h2 {
  font-style: italic;
  color: #cbcbcb;
  font-size: 3.125rem;
  text-align: center;
  letter-spacing: -1px;
  font-weight: 700;
}

.pricing-tier__body h2 sup {
  font-size: 1.875rem;
  vertical-align: middle;
}

.pricing-tier__body h2 .hash {
  font-weight: 400;
  font-size: 2.5rem;
}

.pricing-tier__body h2 .period {
  font-size: 2.5rem;
}

.pricing-tier__body--small-text {
  font-size: 0.875rem;
  list-style-type: disc;
}

.pricing-tier__body--small-text h2 {
  margin-top: 0;
  margin-bottom: 2.1875rem;
}

.pricing-tier__body--small-text h2 .period {
  font-size: 2rem;
}

.pricing-tier__body--narrow {
  padding-left: 2rem;
  padding-right: 2rem;
}

.pricing-tier__selected {
  width: 100%;
  background-color: #0a0a0a;
  color: #f46800;
  display: block;
  text-align: center;
  padding: 0.5rem;
  font-style: italic;
}

.pricing-tier__action {
  position: absolute;
  bottom: 1.375rem;
  right: 4.375rem;
}

strong.pricing-copy--checks-per-month {
  color: #fefefe;
}

.check-num {
  color: #cbcbcb;
}

.most-popular {
  text-align: center;
  margin: 0 auto;
  background: linear-gradient(135deg, #212121 0%, #1f1f1f 100%);
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  padding: 5px 0;
  color: #f46800;
  font-style: italic;
  font-weight: 700;
  font-size: 0.875rem;
}

table.pricing-table {
  border: none;
  border-collapse: collapse;
  font-size: 90%;
  font-weight: 400;
  margin-bottom: 2rem;
}

table.pricing-table th {
  text-align: center;
}

table.pricing-table th.large {
  font-size: 150%;
  background-color: #2F2F2F;
  border-top: 3px solid #262626;
  border-right: 2px solid #262626;
  padding: 20px 0;
}

table.pricing-table th.blank {
  background-color: transparent;
}

table.pricing-table th.most-pop {
  color: #f46800;
  font-style: italic;
  font-weight: 600;
  background-color: #0a0a0a;
  padding: .5rem 0;
  position: relative;
}

table.pricing-table td {
  background-color: #262626;
  text-align: center;
  font-weight: 700;
  border: 1px solid #262626;
  color: #fefefe;
  height: 60px;
}

table.pricing-table td.sidebar {
  background-color: #2F2F2F;
  border-left: 1px solid #262626;
  border-right: 3px solid #262626;
  border-bottom: 1px solid #262626;
  width: 150px;
  text-align: left;
  font-size: 85%;
  padding: 10px;
}

table.pricing-table td.pricing {
  font-weight: 300;
  background-color: #2F2F2F;
  border-left: 2px solid #262626;
  border-right: 2px solid #262626;
}

table.pricing-table td.custom {
  font-weight: 300;
  background-color: #2F2F2F;
  border-left: 2px solid #262626;
  border-right: 2px solid #262626;
  padding: 0.9375rem;
}

table.pricing-table td.short-height {
  height: 40px;
}

table.pricing-table td.icon {
  vertical-align: top;
}

table.pricing-table td img {
  display: block;
  margin: 20px auto 0 auto;
}

table.pricing-table p.small {
  font-weight: 300;
}

table.pricing-table span.notation, table.pricing-table h2.notation {
  color: #898989;
  display: block;
}

table.pricing-table th.pricing-table-bg--stripe, table.pricing-table td.pricing-table-bg--stripe {
  background-color: #3a3a3a;
}

h2.no-top-margin {
  margin-top: 0;
}

.pricing-strikethrough {
  text-decoration: line-through;
  color: #898989;
}

.pricing-table-col--custom {
  padding: 0;
}

.pricing-table-cell--price {
  padding: 0.625rem 0;
}

.pricing-table-col--custom {
  padding: 0;
}

.pricing-table-button--contact-us {
  margin-left: 1.25rem;
}

.pricing-col {
  width: 200px;
  border: 2px solid #262626;
  height: 50px;
  color: #fff;
  background-color: #2F2F2F;
}

.inline-number .tier2 {
  margin-top: 2.5rem;
  margin-bottom: 3.125rem;
  margin-left: -1.25rem;
}

.payg-text {
  font-size: 0.875rem;
  list-style-type: disc;
}

.get-grafana--download-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.875rem;
  padding-top: 1.25rem;
}

.get-grafana--download-container h2 {
  font-weight: 400;
  margin-bottom: 2rem;
  color: #fefefe;
}

.get-grafana--download-container h4 {
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 1rem;
}

.get-grafana--icon {
  width: 100px;
}

ul.get-grafana--list {
  padding-left: 2rem;
  width: 21.875rem;
}

@media (min-width: 62rem) {
  ul.get-grafana--list {
    min-height: 8.125rem;
  }
}

ul.get-grafana--list li {
  list-style: none;
  margin: 0 auto 0.625rem 1.875rem;
  position: relative;
  min-height: 1.25rem;
  text-align: left;
}

ul li.get-grafana--list__last {
  margin-top: 1.5625rem;
}

ul.get-grafana--list__below-button {
  padding-left: 2rem;
  width: 21.875rem;
  margin-top: 2.5rem;
  margin-bottom: 0;
}

ul.get-grafana--list__below-button li {
  list-style: none;
  margin: 0 auto 0.625rem 1.875rem;
  position: relative;
  min-height: 1.25rem;
}

li.get-grafana--list__check::before {
  font-family: 'grafana-icons';
  content: "\E603";
  color: #3adb76;
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

li.get-grafana--list__support::before {
  font-family: 'FontAwesome';
  content: "\F1CD";
  color: #f46800;
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 3px;
}

li.get-grafana--list__github::before {
  font-family: 'FontAwesome';
  content: "\F09B";
  color: #a2a2a2;
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 3px;
}

.get-grafana--button {
  margin-bottom: 3rem;
}

.get-grafana--button b {
  color: #fefefe;
}

.download-version-selectors {
  padding-top: 0;
  float: right;
}

.download-version-selectors .dropdown {
  display: inline-block;
  margin-left: 1rem;
}

.download-release__date {
  color: #898989;
  font-size: 80%;
}

.download-platforms__tabs {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-bottom: 3rem;
}

.download-platforms__tab-link {
  padding: 0.5rem;
  -webkit-box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
          box-shadow: -1px -1px 0px 0px rgba(255, 255, 255, 0.1), 1px 1px 0px 0px rgba(0, 0, 0, 0.3);
  background: -webkit-gradient(linear, left top, left bottom, from(0), color-stop(0%, #101010), to(#1f1f1f));
  background: linear-gradient(0, #101010 0%, #1f1f1f 100%);
  text-align: center;
  min-width: 7.5rem;
  margin-right: 1rem;
  color: #B8B8B8;
  font-weight: bold;
}

.download-platforms__tab-link:hover {
  background: #1f1f1f;
  color: #fefefe;
}

.download-platforms__tab-link--active {
  border-bottom: 2px solid #f46800;
  -o-border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
     border-image: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
     border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
  border-image-slice: 1;
}

.download-platforms__tab-link:before {
  font-family: FontAwesome;
  font-size: 1.875rem;
  display: block;
}

.download-platforms__tab-link--linux:before {
  content: "\F17C";
}

.download-platforms__tab-link--windows:before {
  content: "\F17A";
}

.download-platforms__tab-link--mac:before {
  content: "\F179";
}

.download-platforms__tab-link--docker:before {
  content: "\F21A";
}

.download-platforms__tab-link--arm:before {
  content: "\F2DB";
}

.download-package {
  margin-bottom: 2rem;
}

.download-package__header {
  margin-bottom: 0.5rem;
}

.download-package__sha {
  padding-left: 2rem;
  font-size: 0.875rem;
}

.download-package__arch {
  color: #898989;
  padding-left: 0.5rem;
}

.download-package__code {
  background: #161616;
  font-family: consolas, monospace, monospace;
  font-size: .95em;
  white-space: normal;
  word-break: break-all;
  padding: 1rem;
}

.download-package__code a {
  color: #B8B8B8;
}

.download-package__code .keyword {
  color: #13b2d4;
}

.download-article-links {
  position: relative;
  top: 1rem;
}

.download-article-links a {
  font-weight: bold;
  padding-right: 2rem;
}

.beta-notice {
  display: inline-block;
}

.beta-notice h3 {
  margin: 0;
  display: inline-block;
  color: white;
}

.debug {
  border: 1px solid red;
}

.info-box {
  position: relative;
  top: 50px;
  height: auto;
  overflow: hidden;
  font-size: 12px;
  color: #eaeaea;
  margin-bottom: 5rem;
  border: 1px solid #f46800;
  -o-border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
     border-image: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
     border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
  border-image-slice: 1;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0.25rem;
}

.info-box h3 {
  font-size: 1rem;
  font-style: italic;
}

.question-box__icon {
  float: left;
}

@media (min-width: 40.625rem) {
  .question-box__icon {
    padding-top: 0.625rem;
  }
}

.question-box__copy {
  margin-left: 7.1875rem;
}

.grafanacloud--container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.875rem;
  padding-top: 1.25rem;
}

.grafanacloud--container h2 {
  font-weight: 400;
  margin-bottom: 0;
  color: #fefefe;
}

.grafanacloud--container h2.with-sub-header {
  margin-bottom: 1rem;
}

.grafanacloud--container h4 {
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 0.375rem;
}

.grafanacloud--container h4:last-of-type {
  margin-bottom: 3.75rem;
}

.grafanacloud--container h4.aside {
  font-size: 80%;
  margin-bottom: 2.3125rem;
}

.grafanacloud--container h4.sub-header {
  text-align: center;
  max-width: 35rem;
  margin: 0 1rem 1rem;
}

.grafanacloud--icon {
  width: 100px;
}

ul.grafanacloud--list {
  padding-left: 2rem;
  width: 21.875rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 62rem) {
  ul.grafanacloud--list {
    min-height: 6.25rem;
  }
}

@media (min-width: 62rem) {
  ul.grafanacloud--list--no-min-height {
    min-height: 0;
  }
}

ul.grafanacloud--list li {
  list-style: none;
  margin: 0 auto 0.3125rem 1.875rem;
  position: relative;
  text-align: left;
}

ul.grafanacloud--list__pricing {
  margin-left: -1.875rem;
  margin-bottom: 2.5rem;
  padding-left: 0;
}

ul li.grafanacloud--list__last {
  margin-top: 1.5625rem;
}

ul.grafanacloud--list__below-button {
  padding-left: 2rem;
  width: 21.875rem;
  margin-top: 2.5rem;
  margin-bottom: 0;
}

ul.grafanacloud--list__below-button li {
  list-style: none;
  margin: 0 auto 0.625rem 1.875rem;
  position: relative;
  min-height: 1.25rem;
}

li.grafanacloud--list__check::before {
  font-family: 'grafana-icons';
  content: "\E603";
  color: #3adb76;
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

li.grafanacloud--list__support::before {
  font-family: 'FontAwesome';
  content: "\F1CD";
  color: #f46800;
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 3px;
}

li.grafanacloud--list__datasources::before {
  font-family: 'grafana-icons';
  content: "\E607";
  color: #d077e8;
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

li.grafanacloud--list__grafana::before {
  content: ' ';
  background-image: url(/img/grafana_icon.svg);
  background-size: 19px 19px;
  height: 19px;
  width: 19px;
  margin-left: -2.125rem;
  position: absolute;
  left: 3px;
}

li.grafanacloud--list__premium::before {
  content: ' ';
  background-image: url(/img/icon_diamond.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -1px;
  left: 3px;
}

.grafanacloud-pricing-callout {
  font-size: 0.875rem;
  color: #fefefe;
  margin-top: 2.5rem;
  margin-bottom: 1.875rem;
}

.grafanacloud-pricing-callout--note {
  margin: 0;
}

.grafanacloud-pricing-callout .plan-price {
  margin: 0;
  font-size: 3rem;
  font-style: italic;
  font-weight: 700;
  letter-spacing: -2px;
  line-height: 1;
}

.grafanacloud-pricing-callout .plan-price .numbers {
  font-size: 3.5rem;
}

.grafanacloud-pricing-callout .plan-price small {
  font-size: 30%;
  font-weight: normal;
  letter-spacing: 0;
}

.grafanacloud-pricing-callout .plan-price small.currency {
  vertical-align: super;
}

.grafanacloud-pricing-callout .plan-price--enterprise, .grafanacloud-pricing-callout .plan-price--starter {
  top: 0.625rem;
}

.grafanacloud-pricing-callout .plan-capacity {
  margin: 0;
  font-size: 1.125rem;
}

.grafanacloud-input {
  text-align: right;
  color: #a2a2a2;
}

.grafanacloud-input-label {
  margin-left: 0.625rem;
  font-weight: 700;
  color: #a2a2a2;
  font-size: 1rem;
  vertical-align: middle;
  line-height: 2.5;
}

.grafanacloud-step {
  color: #222;
  font-size: 3rem;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
}

.grafanacloud-cta-choice {
  text-align: left;
  display: block;
  font-size: 0.75rem;
  color: #a2a2a2;
  vertical-align: super;
  margin: 0 0 0.625rem 0;
}

@media (min-width: 40.625rem) {
  .grafanacloud-cta-choice {
    display: inline;
    margin: 0 0.625rem;
  }
}

.integration__body {
  position: relative;
  min-height: 150px;
}

.integration__body img {
  width: 80px;
  height: 80px;
  border-radius: 4px;
}

.integration__name {
  margin: 0 0 0.3125rem 0;
  color: #fefefe;
  font-size: 1.125rem;
  line-height: 1.25rem;
}

.integration__copy {
  margin: 0 0 1rem 0;
  color: #a2a2a2;
  font-size: 0.75rem;
  line-height: 1rem;
}

.btn--integration {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  margin: 0.9375rem;
}

.premium-integration {
  margin-left: 0.625rem;
  font-weight: 400;
  font-size: 9px;
  color: #a2a2a2;
  vertical-align: top;
}

.grafanacloud-price-option__list {
  padding-left: 1rem;
  color: #fefefe;
  margin-bottom: 1.875rem;
}

.grafanacloud-price-option__list-item {
  list-style: none;
  margin: 0 auto 0.625rem 1.25rem;
  position: relative;
  min-height: 1.25rem;
}

.grafanacloud-price-option__list-item a {
  color: #fefefe;
}

.grafanacloud-price-option__list-item a:hover {
  color: #f46800;
}

.grafanacloud-price-option__list-item--not-included {
  color: #555;
}

.grafanacloud-price-option__list-item--not-included::before {
  content: ' ';
  background-image: url(/img/x.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.grafanacloud-price-option__list-item--check::before {
  font-family: 'grafana-icons';
  content: "\E603";
  color: #3adb76;
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

.grafanacloud-price-option__list-item--users::before {
  font-family: 'grafana-icons';
  content: "\E622";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -6px;
  left: 3px;
}

.grafanacloud-price-option__list-item--dashboards::before {
  font-family: 'grafana-icons';
  content: "\E606";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

.grafanacloud-price-option__list-item--datasource::before {
  content: ' ';
  background-image: url(/img/icon_datasource.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.grafanacloud-price-option__list-item--rebuilds::before {
  font-family: 'grafana-icons';
  content: "\E626";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 2px;
}

.grafanacloud-price-option__list-item--community::before {
  font-family: 'FontAwesome';
  content: "\F1CD";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 4px;
}

.grafanacloud-price-option__list-item--support::before {
  content: ' ';
  background-image: url(/img/icon_support.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.grafanacloud-price-option__list-item--premium::before {
  content: ' ';
  background-image: url(/img/icon_diamond.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -1px;
  left: 3px;
}

.grafanacloud-price-option__list-item--alerts::before {
  font-family: 'grafana-icons';
  content: "\E611";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

.grafanacloud-price-option__list-item--ssl::before {
  font-family: 'FontAwesome';
  content: "\F023";
  font-size: 150%;
  margin-left: -2.125rem;
  position: absolute;
  top: -6px;
  left: 5px;
}

.grafanacloud-price-option__list-item--auth::before {
  font-family: 'FontAwesome';
  content: "\F090";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 4px;
}

.grafanacloud-price-option__list-item--domain::before {
  font-family: 'FontAwesome';
  content: "\F1FA";
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 4px;
}

.grafanacloud-price-option__list-item--prometheus::before {
  content: ' ';
  background-image: url(/img/icon_hosted_metrics--square.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.grafanacloud-price-option__list-item--grafana::before {
  content: ' ';
  background-image: url(/img/platform/icon_grafana_orange1.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.grafanacloud-price-option__list-item--prometheus-endpoint::before {
  content: ' ';
  background-image: url(/img/platform/icon_prometheus.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.grafanacloud-price-option__list-item--graphite-endpoint::before {
  content: ' ';
  background-image: url(/img/platform/icon_graphite_white.svg);
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.grafanacloud-price-option__list-item--loki::before {
  content: ' ';
  background-image: url(/img/icon_loki_color.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.grafanacloud-price-option__list-item--no-prometheus-endpoint::before {
  content: ' ';
  background-image: url(/img/platform/icon_no-prometheus.svg);
  background-size: 23px 23px;
  height: 23px;
  width: 23px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.grafanacloud-price-option__list-item--no-graphite-endpoint::before {
  content: ' ';
  background-image: url(/img/platform/icon_no-graphite_white.svg);
  background-size: 28px 28px;
  height: 28px;
  width: 28px;
  margin-left: -2.125rem;
  position: absolute;
  top: -2px;
  left: 2px;
}

.hero-bullet img {
  display: inline;
  width: 3.75rem;
  margin: 0 0.25rem;
}

.newsletter-signup {
  text-align: center;
}

.newsletter-signup h3 {
  font-size: 1.3125rem;
  font-style: italic;
  font-weight: 400;
}

.box-divider {
  border-right: 1px solid #f46800;
  -o-border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
     border-image: -webkit-gradient(linear, left top, right top, from(#ff8100), color-stop(75%, #993300));
     border-image: linear-gradient(to right, #ff8100 0%, #993300 75%);
  border-image-slice: 1;
}

.social-container {
  background: url(/dist/462521747851dd2f0b94c7b81c89b14d.jpg) 0 0 repeat;
  background-size: cover;
  padding: 1.875rem 0;
  -webkit-box-shadow: 0px 0px 20px #111;
          box-shadow: 0px 0px 20px #111;
}

.social-container .social {
  margin-bottom: 0;
}

.social-container .social__logo {
  background: transparent;
  -webkit-box-shadow: none;
          box-shadow: none;
}

.whr-date {
  display: none;
}

.whr-location {
  display: none;
}

.card-container--training h5 {
  margin-top: 0;
  text-transform: uppercase;
  font-size: 0.6875rem;
  font-weight: 400;
}

.page-section--grafanacon-announcement {
  background: url(/dist/576c54d9299c94b5f675e33446c13fc7.jpg) 0 0 repeat;
  background-size: cover;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
          box-shadow: 0px 0px 15px rgba(0, 0, 0, 0.4);
}

.page-section--grafanacon-announcement a {
  color: #fefefe;
}

.snug-announcement {
  padding-top: 0.0625rem;
}

.video-card-container,
.grafanacon-infograf-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
}

.responsive-video-container {
  position: relative;
  width: 100%;
  height: 0;
  padding-bottom: 56.25%;
}

.responsive-video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

.video-card {
  margin: 0;
  padding: 0 2rem 2rem 0;
  text-align: center;
  position: relative;
}

@media (min-width: 40.625rem) {
  .video-card {
    width: 33%;
  }
}

@media (min-width: 62rem) {
  .video-card {
    width: 20%;
  }
}

.video-card img {
  -webkit-box-shadow: 0 0 20px #0a0a0a;
          box-shadow: 0 0 20px #0a0a0a;
}

.video-card a {
  display: block;
  position: relative;
}

.video-card .fa-play {
  position: absolute;
  font-size: 1.5rem;
  color: #fefefe;
  opacity: 0.5;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}

.video-card figcaption a {
  font-size: 0.9375rem;
  font-style: italic;
}

.video-card:hover .fa-play {
  opacity: 0.7;
}

.video-card:hover figcaption a {
  color: #ff8428;
}

.grafanacon-thankyou {
  color: #f46800;
}

.grafanacon-infograf-card {
  min-height: 0;
  width: 100%;
  white-space: nowrap;
  text-align: center;
  -webkit-box-flex: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  text-align: center;
  position: relative;
  margin-right: 1.25rem;
  margin-bottom: 1.25rem;
}

@media (min-width: 40.625rem) {
  .grafanacon-infograf-card {
    width: 6.875rem;
    height: 4.375rem;
  }
}

.grafanacon-infograf-card h3 {
  margin: 0;
  font-size: 1.5rem;
  font-style: italic;
  font-weight: 700;
  line-height: 1.0;
  color: #f46800;
}

.grafanacon-infograf-card h3 small {
  color: #c5c5c5;
  font-style: italic;
  font-weight: 400;
  font-size: 55%;
}

@media (min-width: 40.625rem) {
  .grafanacon-infograf-card h3 small {
    display: block;
  }
}

.grafanacon-eu .video-card figcaption a {
  color: #eb237c;
  margin-bottom: 0.625rem;
}

.grafanacon-eu .video-card:hover {
  color: #fefefe;
}

.grafanacon-eu .video-card a {
  color: #eb237c;
}

.grafanacon-eu .video-card a:hover {
  color: #fefefe;
}

.grafanacon-eu .grafanacon-infograf-card h3 {
  color: #eb237c;
}

.grafanacon-eu a {
  color: #eb237c;
}

.grafanacon-eu a:hover {
  color: #fefefe;
}

.grafanacon-image-band {
  width: 100%;
  display: none;
}

@media (min-width: 62rem) {
  .grafanacon-image-band {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .grafanacon-image-band img {
    margin: 0;
    height: 200px;
  }
}

.grafanacon-hero {
  background: url(/dist/72df9ef03265182baa02208cce93218e.jpg) 0 32% no-repeat;
  background-size: cover;
  padding: 1.25rem 0 0 0;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0px 0px 20px #111;
          box-shadow: 0px 0px 20px #111;
  text-align: center;
  min-height: 21.25rem;
}

.grafanacon-speaker-logos {
  background: url(/dist/462521747851dd2f0b94c7b81c89b14d.jpg) 0 0 repeat;
  background-size: cover;
  padding: 1.25rem 0 0 0;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0px 0px 20px #111;
          box-shadow: 0px 0px 20px #111;
  text-align: center;
}

.grafanacon-speaker-logos img {
  padding-right: 1.875rem;
  vertical-align: middle;
  margin-bottom: 0.625rem;
}

.grafanacon-project-logos {
  background: url(/dist/369033e1140ffefd91593a7904b5d0a8.jpg) 0 0 repeat;
  background-size: cover;
  padding: 1.25rem 0 0 0;
  margin-bottom: 3rem;
  -webkit-box-shadow: 0px 0px 20px #111;
          box-shadow: 0px 0px 20px #111;
  text-align: center;
}

.grafanacon-project-logos img {
  padding-right: 1.875rem;
  vertical-align: middle;
  margin-bottom: 0.625rem;
}

/* Madlib
--------------------------------------------------------------------------- */
.checks-madlib {
  position: relative;
  top: 40px;
  height: auto;
  padding: 0 2.5rem;
  font-size: 1.3125rem;
  text-align: center;
  color: #eaeaea;
  margin-bottom: 3.125rem;
  border: 1px solid #13b2d4;
  -o-border-image: linear-gradient(to right, #13b2d4 0%, #0f8ba5 75%);
     border-image: -webkit-gradient(linear, left top, right top, from(#13b2d4), color-stop(75%, #0f8ba5));
     border-image: linear-gradient(to right, #13b2d4 0%, #0f8ba5 75%);
  border-image-slice: 1;
  background-color: rgba(0, 0, 0, 0.4);
  border-radius: 0.25rem;
}

.checks-madlib button:focus {
  outline: none;
}

.checks-madlib-config {
  margin-bottom: 1.875rem;
  line-height: 2;
}

.dropdown-box {
  display: inline-block;
  position: relative;
  top: -0.375rem;
  width: auto;
  margin: 0;
  vertical-align: middle;
  background-color: transparent;
  margin-right: 0.625rem;
  height: 2.75rem;
}

.dropdown-box ul {
  margin: 0 0 0 -2.1875rem;
}

.dropdown-toggle {
  padding: 0.375rem 1.25rem 0.375rem 0.375rem;
  color: #13b2d4;
  background: transparent;
  border: 0 solid transparent;
  font-size: 1.3125rem;
  font-weight: bold;
  border-radius: 0;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  line-height: 1;
  height: 2.125rem;
  border-bottom: 1px solid #13b2d4;
}

.dropdown-toggle::after {
  content: " ";
  position: absolute;
  top: 55%;
  right: 6px;
  z-index: 2;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 5px solid #13b2d4;
  margin-top: 0;
}

.dropdown-menu {
  padding: 5px;
  background: #0a0a0a;
  border: 1px solid #262626;
  -webkit-box-shadow: 0 0 0;
          box-shadow: 0 0 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  float: left;
  min-width: 100px;
  margin: 0;
  list-style: none;
  text-align: left;
}

.dropdown-menu li {
  text-align: left;
  color: #13b2d4;
  overflow: hidden;
  line-height: 1.3;
}

.checks-madlib input[type="checkbox"] {
  top: initial;
  width: auto;
  height: auto;
  margin-right: 0.25rem;
}

.checkbox-inline {
  font-size: 0.875rem;
  color: #13b2d4;
  padding-left: 0.625rem;
}

.check-input {
  color: #13b2d4;
  background-color: transparent;
  border-top: none;
  border-right: none;
  border-bottom: 1px solid #13b2d4;
  border-left: none;
  font-weight: 700;
  text-align: center;
  padding: 0 0.3125rem;
}

.check-input:focus {
  outline: none;
}

.check-select__item {
  display: block;
  vertical-align: middle;
}

.check-select__item li > button {
  padding: 0 0.5rem;
}

.check-select__item li > button:hover {
  color: #eaeaea;
}

.check-select-dropdown__menu {
  position: absolute;
  background: -webkit-gradient(linear, left top, right top, from(#444444), color-stop(75%, #0a0a0a));
  background: linear-gradient(to right, #444444 0%, #0a0a0a 75%);
  visibility: hidden;
  opacity: 0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
  top: 2.1875rem;
  left: 2.1875rem;
  margin-top: 0;
  z-index: 600;
  min-width: 9.375rem;
  border-radius: 4px;
  padding-left: 0;
  background: linear-gradient(135deg, #262626 0%, #161616 100%);
}

.check-select__item--dropdown {
  position: relative;
}

.check-select__item--dropdown:hover .check-select-dropdown__menu {
  visibility: visible;
  opacity: 1;
  padding-bottom: 0.9375rem;
}

.check-select-dropdown__toggle i {
  vertical-align: text-top;
  display: none;
}

@media (min-width: 55.625rem) {
  .check-select-dropdown__toggle i {
    display: inline-block;
  }
}

.check-select-dropdown__menu .check-select__item {
  display: block;
  margin: 0;
  text-align: left;
  height: 1.875rem;
}

/* Slider
--------------------------------------------------------------------------- */
.slider-desc {
  margin-bottom: 2.875rem;
  text-align: center;
  color: #a2a2a2;
  font-size: 1.3125rem;
}

/* Plans and Prices
--------------------------------------------------------------------------- */
.wp-price-box {
  font-size: 1.3125rem;
}

.wp-price-box .wp-emc {
  font-style: italic;
  font-size: 1.125rem;
  color: #a2a2a2;
  font-weight: 700;
  margin-bottom: 0.5625rem;
}

.wp-price-box .plan-price {
  font-size: 3rem;
}

.landing-page--header-img {
  max-width: 750px;
  margin: 0 auto 2rem auto;
}

.successful-box__content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
      -ms-flex-pack: center;
          justify-content: center;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  text-align: center;
}

.successful-box__list {
  padding-left: 0;
  margin-bottom: 2rem;
}

.successful-box__list > li {
  list-style: none;
  margin: 0 auto 0.625rem auto;
  position: relative;
  min-height: 1.875rem;
  color: #fefefe;
}

.landing--page-section {
  margin: 2rem 0;
  padding: 2rem 0;
}

.get-loki--download-container {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  margin-bottom: 1.875rem;
  padding-top: 1.25rem;
}

.get-loki--download-container h2 {
  font-weight: 400;
  margin-bottom: 2rem;
  color: #fefefe;
}

.get-loki--download-container h4 {
  text-transform: uppercase;
  font-weight: 400;
  margin-top: 0;
  margin-bottom: 1rem;
}

.get-loki--icon__download {
  width: 83px;
}

.get-loki--icon__hosted {
  width: 100px;
}

ul.get-loki--list {
  padding-left: 2rem;
  width: 21.875rem;
}

@media (min-width: 62rem) {
  ul.get-loki--list {
    min-height: 8.125rem;
  }
}

ul.get-loki--list li {
  list-style: none;
  margin: 0 auto 0.625rem 1.875rem;
  position: relative;
  min-height: 1.25rem;
  text-align: left;
}

ul li.get-loki--list__last {
  margin-top: 1.5625rem;
}

ul.get-loki--list__below-button {
  padding-left: 2rem;
  width: 21.875rem;
  margin-top: 2.5rem;
  margin-bottom: 0;
}

ul.get-loki--list__below-button li {
  list-style: none;
  margin: 0 auto 0.625rem 1.875rem;
  position: relative;
  min-height: 1.25rem;
}

li.get-loki--list__check::before {
  font-family: 'grafana-icons';
  content: "\E603";
  color: #3adb76;
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
}

li.get-loki--list__support::before {
  font-family: 'FontAwesome';
  content: "\F1CD";
  color: #f46800;
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 3px;
}

li.get-loki--list__github::before {
  font-family: 'FontAwesome';
  content: "\F09B";
  color: #a2a2a2;
  font-size: 130%;
  margin-left: -2.125rem;
  position: absolute;
  top: -4px;
  left: 3px;
}

.get-loki--button {
  margin-bottom: 3rem;
}

.get-loki--button b {
  color: #fefefe;
}


/*# sourceMappingURL=main-591bc22dc3063d9e2d69.css.map*/