@charset "UTF-8";
@font-face {
  font-family: "ArbeitRegular";
  font-display: swap;
  font-style: normal;
  src: url("https://static.production.thenounproject.com/fonts/Arbeit-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "ArbeitRegular";
  font-display: swap;
  font-style: italic;
  src: url("https://static.production.thenounproject.com/fonts/Arbeit-RegularItalic.woff2") format("woff2");
}
@font-face {
  font-family: "ArbeitMedium";
  font-display: swap;
  font-style: normal;
  src: url("https://static.production.thenounproject.com/fonts/Arbeit-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "ArbeitMedium";
  font-display: swap;
  font-style: italic;
  src: url("https://static.production.thenounproject.com/fonts/Arbeit-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "ArbeitBold";
  src: url("https://static.production.thenounproject.com/fonts/Arbeit-Bold.woff2") format("woff2");
}
.nowrap {
  white-space: nowrap;
}

/**
 * * Improves animation performance by forcing the use of GPU
 * * @group util
 * */
/**
 * * Fixes flicker in iOS animations
 * * @group util
 * * @link http://stackoverflow.com/questions/2946748/iphone-webkit-css-animations-cause-flicker
 * */
/**
 * * Improves font rendering in WebKit and Firefox browsers
 * * @group util
 * */
/**
 * * Shortcut for setting *global* text selection styles.
 * * This won't work if applied to an element, but will work as a top level rule.
 * * @group util
 * * @param $background ($black) - The background color
 * * @param $text-color ($white) - The text color
 * */
/**
 * * Shortcut for setting *local* text selection styles (applied to specific element).
 * * This does not seem to inherit to child elements 😞.
 * * @group util
 * * @param $background ($black) - The background color
 * * @param $text-color ($white) - The text color
 * */
/**
 * * Truncates text and adds ellipsis if it runs out of the box.
 * * Only works for single lines of text.
 * * @group util
 * */
/**
 * * Sets color of placeholder text for input element.
 * * @group util
 * * @param $color - The placeholder color
 * * @link http://css-tricks.com/snippets/css/style-placeholder-text/
 * */
/**
 * * Adds a carrot (triangle) to the bottom of a container, eg tooltips
 * * @group util
 * * @param $color - The color of the carrot
 * * @param $size - The size of the carrot (include units)
 * */
/**
 * * Adds a carrot (triangle) to a designated side of a container, eg tooltips
 * * @group util
 * * @param $color - The color of the carrot
 * * @param $size - The size of the carrot (include units)
 * * @param $position - One of: top, topleft, left, right
 * * @param $line-color ($offwhite) - the line color of the carrot
 * * @deprecated
 * */
/**
 * * Hide elements without using display: none
 * * @group util
 * */
/**
 * * Vertically center elements
 * * @group util
 * * @link http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/
 * */
/**
 * * Adds a carrot to the bottom of a block of content
 * * @group util
 * * @param $color ($slate) - The color of the carrot
 * */
/**
 * * Adds half a carrot to the bottom of a block of content
 * * @group util
 * * @param $color ($slate) - The color of the carrot
 * * @param $position (right) - The position of the carrot (right, left)
 * */
/**
 * * Creates browser prefix stack for the css filter property
 * * @group util
 * * @param $filters (greyscale(100%), invert(100%)) -
 * */
body * {
  word-spacing: 0.1em;
}

[class*=ui_]:before,
[data-icon]:before,
[class*=ui_]:after,
[data-icon]:after,
.ui-font:before,
.ui-font:after {
  font-family: "The-Noun-Project-UI", sans-serif;
  speak: none;
  font-style: normal;
  font-weight: normal;
  font-variant: normal;
  text-transform: none;
  font-size: 1.3em;
  line-height: 1;
  vertical-align: middle;
  position: relative;
  top: -1px;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

[data-icon]:before {
  content: attr(data-icon);
}

.ui_icon.flip {
  transform: scaleY(-1);
}

.ui_icon-receipt:before {
  content: "\e909";
}

.ui_logo:before {
  content: "∴";
  font-size: 40px;
  top: -4px;
}

.ui_payment:before {
  content: "\e908";
}

.ui_down-triangle-after:after,
.ui_down-drop-arrow-after:after {
  content: "y";
}

.ui_palette:before {
  content: "\e906";
}

.ui_history:before {
  content: "\e907";
}

.ui_eye-dropper:before {
  content: "\e901";
}

.ui_expand:before {
  content: "\e900";
  color: #000;
}

.ui_clock:before {
  content: "\e902";
}

.ui_notes:before {
  content: "\e903";
}

.ui_important:before {
  content: "!";
}

.ui_dollar-sign-circle-filled:before {
  content: "$";
}

.ui_bell:before {
  content: "*";
}

.ui_plus-circle-filled:before {
  content: "+";
}

.ui_dollar-sign-with-arrow:before {
  content: ".";
}

.ui_power:before {
  content: "0";
}

.ui_book:before {
  content: "4";
}

.ui_account-settings:before {
  content: "5";
}

.ui_city:before {
  content: "6";
}

.ui_credit-card:before {
  content: "7";
}

.ui_dollar-sign:before {
  content: "9";
}

.ui_help:before {
  content: "?";
}

.ui_email:before {
  content: "@";
}

.ui_agency:before {
  content: "A";
}

.ui_collections:before {
  content: "C";
}

.ui_enterprise:before {
  content: "E";
}

.ui_clipboard:before {
  content: "H";
}

.ui_save:before {
  content: "J";
}

.ui_playground:before {
  content: "K";
}

.ui_lock:before {
  content: "M";
}

.ui_move-circle:before {
  content: "N";
}

.ui_description:before {
  content: "O";
}

.ui_pin:before {
  content: "R";
}

.ui_customer-service:before {
  content: "S";
}

.ui_team:before {
  content: "T";
}

.ui_globe:before {
  content: "W";
}

.ui_website:before {
  content: "Y";
}

.ui_translate:before {
  content: "Z";
}

.ui_ipad:before {
  content: "_";
}

.ui_curvy-arrow:before {
  content: "a";
}

.ui_cog:before {
  content: "c";
}

.ui_dashboard:before {
  content: "d";
}

.ui_embed:before {
  content: "e";
}

.ui_statistics:before {
  content: "g";
}

.ui_cloud-download:before {
  content: "h";
}

.ui_information:before {
  content: "i";
}

.ui_key:before {
  content: "k";
}

.ui_professional:before {
  content: "p";
}

.ui_poster:before {
  content: "q";
}

.ui_magazine:before {
  content: "r";
}

.ui_earth:before {
  content: "w";
}

.ui_leave:before {
  content: "x";
}

.ui_down-triangle:before {
  content: "y";
}

.ui_speech-bubble:before {
  content: "{";
}

.ui_phone:before {
  content: "~";
}

.ui_news:before {
  content: "´";
}

.ui_list-with-pencil:before {
  content: "µ";
}

.ui_dev:before {
  content: "¶";
}

.ui_businesses:before {
  content: "¸";
}

.ui_notice:before {
  content: "•";
}

.ui_discount:before {
  content: "‰";
}

.ui_pinterest:before {
  content: "℗";
}

.ui_move:before {
  content: "⇲";
}

.ui_logo:before {
  content: "∴";
}

.ui_plus-circle-no-fill:before {
  content: "⊕";
}

.ui_deny:before {
  content: "⊗";
}

.ui_grid:before {
  content: "⊞";
}

.ui_more:before {
  content: "⋰";
}

.ui_personal:before {
  content: "⌂";
}

.ui_icecream:before {
  content: "⌧";
}

.ui_arrow-left-line:before {
  content: "⍇";
}

.ui_arrow-right-line:before {
  content: "⍈";
}

.ui_down-drop-arrow:before {
  content: "⍌";
}

.ui_arrow-up-line:before {
  content: "⍐";
}

.ui_up-arrow:before {
  content: "⍓";
}

.ui_down-arrow-line:before {
  content: "⍗";
}

.ui_vector:before {
  content: "⎋";
}

.ui_receipt:before {
  content: "⎙";
}

.ui_video:before {
  content: "⎚";
}

.ui_packdog:before {
  content: "Ⓓ";
}

.ui_github:before {
  content: "Ⓖ";
}

.ui_linkedin:before {
  content: "Ⓛ";
}

.ui_paypal:before {
  content: "Ⓟ";
}

.ui_tumblr:before {
  content: "Ⓣ";
}

.ui_behance:before {
  content: "ⓑ";
}

.ui_dribbble:before {
  content: "ⓓ";
}

.ui_facebook:before {
  content: "ⓕ";
}

.ui_instagram:before {
  content: "ⓘ";
}

.ui_twitter:before {
  content: "ⓣ";
}

.ui_hardhat:before {
  content: "◓";
}

.ui_eye:before {
  content: "☀";
}

.ui_cloud-upload:before {
  content: "☁";
}

.ui_voice:before {
  content: "☄";
}

.ui_star:before {
  content: "★";
}

.ui_sad:before {
  content: "☹";
}

.ui_user:before {
  content: "☺";
}

.ui_sign-up:before {
  content: "☻";
}

.ui_eye-off:before {
  content: "☼";
}

.ui_organization:before {
  content: "♗";
}

.ui_crown-circle:before {
  content: "♛";
}

.ui_member:before {
  content: "♝";
}

.ui_broken-heart:before {
  content: "♡";
}

.ui_recycle:before {
  content: "♻";
}

.ui_animation:before {
  content: "⚅";
}

.ui_flag:before {
  content: "⚑";
}

.ui_pro-accounts:before {
  content: "⚒";
}

.ui_balance:before {
  content: "⚖";
}

.ui_search:before {
  content: "⚯";
}

.ui_rastor:before {
  content: "⚰";
}

.ui_resend:before {
  content: "✉";
}

.ui_share:before {
  content: "✍";
}

.ui_pencil:before {
  content: "✎";
}

.ui_pencil-pen:before {
  content: "✐";
}

.ui_checkmark:before {
  content: "✓";
}

.ui_close:before {
  content: "✖";
}

.ui_plus:before {
  content: "✚";
}

.ui_magazine-2:before {
  content: "✜";
}

.ui_quote:before {
  content: "❝";
}

.ui_heart:before {
  content: "❤";
}

.ui_thin-arrow-left:before {
  content: "❬";
}

.ui_thin-arrow-right:before {
  content: "❭";
}

.ui_left-arrow:before {
  content: "❮";
}

.ui_right-arrow:before {
  content: "❯";
}

.ui_public-domain:before {
  content: "➀";
}

.ui_cc:before {
  content: "➁";
}

.ui_link:before {
  content: "➝";
}

.ui_download:before {
  content: "⬇";
}

.ui_kit:before {
  content: "⬓";
}

.ui_unlock:before {
  content: "⸚";
}

.ui_upload:before {
  content: "\e600";
}

.ui_devices:before {
  content: "\e601";
}

.ui_collaborative_collections:before {
  content: "\e602";
}

.ui_network:before {
  content: "\e603";
}

.ui_check-mark:before {
  content: "\e604";
}

.ui_style:before {
  content: "\e605";
}

.ui_doctor:before {
  content: "\e606";
}

.ui_airplane:before {
  content: "\e607";
}

.ui_no-results:before {
  content: "\e608";
}

.ui_bezier:before {
  content: "\e609";
}

.ui_components:before {
  content: "\e60a";
}

.ui_video-play:before {
  content: "\e60b";
}

.ui_minus-circle-filled:before {
  content: "\e60c";
}

.ui_tablet:before {
  content: "\e60d";
}

.ui_open-book:before {
  content: "\e60e";
}

.ui_cc-fill:before {
  content: "\e60f";
}

.ui_simplified-poster:before {
  content: "\e610";
}

.ui_public-domain-fill:before {
  content: "\e611";
}

.ui_desktop:before {
  content: "\e612";
}

.ui_starter:before {
  content: "\e613";
}

.ui_ribbon:before {
  content: "\e614";
}

.ui_person:before {
  content: "\e615";
}

.ui_user_to_facebook:before {
  content: "\e616";
}

.ui_login_to_facebook:before {
  content: "\e617";
}

.ui_crown:before {
  content: "\e618";
}

.ui_metrics:before {
  content: "\e619";
}

.ui_royalties:before {
  content: "\e61a";
}

.ui_filter:before {
  content: "\e61b";
}

.ui_name:before {
  content: "\e61c";
}

.ui_kit-open:before {
  content: "\e61d";
}

.ui_trashcan:before {
  content: "\e61e";
}

.ui_resources:before {
  content: "\e61f";
}

.ui_principle:before {
  content: "\e620";
}

.ui_approve:before {
  content: "\e621";
}

.ui_notifications:before {
  content: "\e622";
}

.ui_view-more:before {
  content: "\e623";
}

.ui_folder:before {
  content: "\e624";
}

.ui_devil:before {
  content: "\e625";
}

.ui_flagged:before {
  content: "\e626";
}

.ui_savior:before {
  content: "\e627";
}

.ui_trademarked:before {
  content: "\e628";
}

.ui_handcuffs:before {
  content: "\e629";
}

.ui_homes:before {
  content: "\e62b";
}

.ui_tag:before {
  content: "\e62c";
}

.ui_cart:before {
  content: "\e62d";
}

.ui_seat:before {
  content: "\e62e";
}

.ui_basic-accounts:before {
  content: "\e630";
}

.ui_team-accounts:before {
  content: "\e632";
}

.ui_plug:before {
  content: "\e633";
}

.ui_checkbox:before {
  content: "\e634";
}

.ui_seat-add:before {
  content: "\e635";
}

.ui_web:before {
  content: "\e637";
}

.ui_diamond:before {
  content: "\e63b";
}

.ui_calendar:before {
  content: "\e640";
}

.ui_mobile-icon:before {
  content: "\e904";
}

.ui_alert-icon:before {
  content: "\e905";
}

.ui_wallet:before {
  content: "\e908";
}

.ui_icons_icon:before {
  content: "\e909";
}

.ui_photo:before {
  content: "\e90a";
}

.ui_history:before {
  content: "\e907";
}

/* DEPRECATED - DO NOT USE */
@font-face {
  font-family: "ArbeitRegular";
  font-display: swap;
  font-style: normal;
  src: url("https://static.production.thenounproject.com/fonts/Arbeit-Regular.woff2") format("woff2");
}
@font-face {
  font-family: "ArbeitRegular";
  font-display: swap;
  font-style: italic;
  src: url("https://static.production.thenounproject.com/fonts/Arbeit-RegularItalic.woff2") format("woff2");
}
@font-face {
  font-family: "ArbeitMedium";
  font-display: swap;
  font-style: normal;
  src: url("https://static.production.thenounproject.com/fonts/Arbeit-SemiBold.woff2") format("woff2");
}
@font-face {
  font-family: "ArbeitMedium";
  font-display: swap;
  font-style: italic;
  src: url("https://static.production.thenounproject.com/fonts/Arbeit-SemiBoldItalic.woff2") format("woff2");
}
@font-face {
  font-family: "ArbeitBold";
  src: url("https://static.production.thenounproject.com/fonts/Arbeit-Bold.woff2") format("woff2");
}
@font-face {
  font-family: "The-Noun-Project-UI";
  src: url("https://static.production.thenounproject.com/fonts/The-Noun-Project-UI.woff") format("woff");
  font-weight: 300;
  font-style: normal;
}
/** For displaying temporary messages to users at top of page.
 * *  @group modules
 * *  @example html
 * *    <section class="banner">
 * *        <div class="container row">
 * *            <a class="dismiss-banner" href="#" title="dismiss banner">×</a>
 * *            <span class="info">From now on, The Noun Project will only be accepting pizza icons.</span>
 * *        </div>
 * *     </section>
 * *  @todo Incorporate icon hover tooltip as a submodule
 * */
.banner {
  transition: all 0.3s ease;
  text-align: center;
  overflow: hidden;
  color: #333;
  background-color: #F2F2F2;
  width: 100%;
  font-size: 14px;
  line-height: 20px;
}
.banner a, .banner a:visited {
  color: #FFFFFF;
}
.banner.dismissed {
  height: 0px;
}
.banner.error {
  background-color: #FDEBEC;
  color: #FFFFFF;
}
.banner.alert {
  background-color: #FFBF43;
  color: #FFFFFF;
}
.banner.promo, .banner.info {
  background-color: #000000;
  color: #FFFFFF;
  position: fixed;
  z-index: 999;
}
.banner.promo a, .banner.promo a:visited, .banner.info a, .banner.info a:visited {
  color: #FFFFFF;
}
.banner.promo + section#site-header, .banner.info + section#site-header {
  margin-top: 50px;
}
.banner.promo.banner-flex .row, .banner.info.banner-flex .row {
  margin-left: 0;
  margin-right: 0;
}
.banner.promo.banner-flex .info, .banner.info.banner-flex .info {
  justify-content: center;
}
.banner.promo .ui_close, .banner.info .ui_close {
  left: 97%;
}
.banner.info {
  background-color: #81B5E7;
  color: #16161D;
}
.banner.info a, .banner.info a:visited {
  color: #16161D;
}
.banner.info .dismiss-banner {
  color: #16161D;
}
.banner.info span.info {
  margin-left: auto;
  margin-right: auto;
}
.banner.info span.info a {
  text-decoration: underline;
}
.banner.info span.info a:hover {
  text-decoration: none;
}
.banner.promotional {
  background-color: #9FD774;
  color: #141824;
  position: fixed;
  z-index: 999;
}
.banner.promotional a, .banner.promotional a:visited {
  color: #16161D;
}
.banner.promotional .dismiss-banner {
  color: #16161D;
}
.banner.promotional span.info {
  margin-left: auto;
  margin-right: auto;
}
.banner.promotional span.info a {
  text-decoration: underline;
}
.banner.promotional span.info a:hover {
  text-decoration: none;
}
.banner.promotional + section#site-header {
  margin-top: 50px;
}
.banner.promotional.banner-flex .row {
  margin-left: 0;
  margin-right: 0;
}
.banner.promotional.banner-flex .info {
  justify-content: center;
}
.banner.promotional.banner-flex span.content {
  width: calc(100% - 20px);
}
.banner.promotional .ui_close {
  left: 97%;
}
.banner.success {
  background-color: #7AC943;
  color: #FFFFFF;
}
.banner.payment-declined {
  background-color: #B73B3B;
  color: #FFFFFF;
}
.banner:not(.banner-flex) .container.row {
  margin-top: 15px;
}
.banner:not(.banner-flex) .info {
  margin: 0 40px 10px 0;
  display: block;
  min-height: 25px;
}
.banner:not(.banner-flex) a, .banner:not(.banner-flex) a:visited {
  text-decoration: underline;
  font-family: "ArbeitMedium", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.banner:not(.banner-flex) .dismiss-banner {
  margin-top: -3px;
  position: absolute;
  right: 0;
}
.banner.banner-flex .row, .banner.banner-flex .info {
  display: flex;
  align-items: center;
}
.banner.banner-flex .info {
  margin: 8px 0;
}
.banner.banner-flex .info img {
  margin-right: 7px;
}
.banner.full-banner-link .row > a, .banner.full-banner-link .row > .content {
  flex-grow: 1;
}
.banner .banner-grid {
  position: relative;
}
.banner .dismiss-banner {
  cursor: pointer;
  color: #FFFFFF;
  display: block;
  font-size: 28px;
  text-decoration: none;
  font-size: 0.769rem;
}
.banner .dismiss-text {
  text-decoration: underline;
  margin: 0;
}
#plugin-body .banner.site-only {
  display: none;
}
.banner.banner-flex .info {
  min-height: 34px;
}
@media (max-width: 769px) {
  .banner {
    padding: 0 5px;
  }
}
@media (min-width: 769px) {
  .banner .ui_close {
    position: absolute;
  }
}

.underline {
  text-decoration: underline;
}

.no-decoration {
  text-decoration: none;
}

.toast-container {
  z-index: 210;
  position: fixed;
  bottom: 24px;
  right: 24px;
  padding: 16px 24px;
  background: white;
  box-shadow: 0px 10px 20px rgba(51, 51, 51, 0.25);
  border-radius: 5px;
  overflow: hidden;
}
.toast-container .toast-header {
  margin-top: 4px;
  margin-bottom: 4px;
}
.toast-container .toast-body {
  font-size: 14px;
  padding-bottom: 4px;
  font-family: "ArbeitRegular", "Helvetica Neue", "Helvetica", Arial, sans-serif;
  font-weight: normal;
  -webkit-font-smoothing: antialiased;
}
.toast-container .ui_close {
  font-size: 13px;
  position: absolute;
  right: 5px;
  top: 5px;
}