/*

Use the `lucid.view.common.UberGrowl` and `lucid.view.common.UberGrowlManager` JavaScript classes for these components.

 */
.lucid-growl {
  position: relative;
  width: 200px;
  background: #29aae1;
  color: #FFF;
  border: #1a8cbd solid 1px;
  border-radius: 2px;
  margin-bottom: 4px;
  font-size: 12px;
}
.lucid-growl .close {
  position: absolute;
  right: -4px;
  top: -4px;
  height: 16px;
  width: 16px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  border: 1px solid #1a8cbd;
  border-radius: 50%;
  color: #1a8cbd;
  text-align: center;
  line-height: 13px;
  font-size: 10px;
  padding-bottom: 1px;
  vertical-align: top;
  cursor: pointer;
}
.lucid-growl .close:before {
  content: "×";
}
.lucid-growl .message {
  margin: 8px 10px;
  line-height: 1.4;
}
.ubergrowl-container {
  left: 0;
  right: 0;
  text-align: center;
}
.lucid-ubergrowl {
  position: relative;
  display: inline-block;
  vertical-align: top;
  height: 27px;
  white-space: nowrap;
  color: white;
  margin-bottom: 4px;
  font-size: 12px;
  font-weight: bold;
}
.lucid-ubergrowl div {
  height: 27px;
}
.lucid-ubergrowl .lSide,
.lucid-ubergrowl .message,
.lucid-ubergrowl .rSide {
  display: inline-block;
  vertical-align: top;
}
.lucid-ubergrowl .lSide,
.lucid-ubergrowl .rSide {
  position: relative;
}
.lucid-ubergrowl .lSide,
.lucid-ubergrowl .rSide,
.lucid-ubergrowl .lSide:before,
.lucid-ubergrowl .rSide:before {
  border: 28px solid transparent;
  height: 0;
  width: 0;
  border-top: none;
  border-bottom-color: transparent;
}
.lucid-ubergrowl .lSide:before,
.lucid-ubergrowl .rSide:before {
  content: "";
  display: block;
  position: absolute;
  top: -1px;
}
.lucid-ubergrowl .lSide {
  border-right-color: #da7308;
  border-left: none;
}
.lucid-ubergrowl .lSide:before {
  left: 0;
  border-right-color: #f78d1e;
  border-left: none;
}
.lucid-ubergrowl .rSide {
  border-left-color: #da7308;
  border-right: none;
}
.lucid-ubergrowl .rSide:before {
  right: 0;
  border-left-color: #f78d1e;
  border-right: none;
}
.lucid-ubergrowl .rSide .close {
  position: absolute;
  right: 9px;
  top: 6px;
  height: 16px;
  width: 16px;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  background: white;
  border: 1px solid #da7308;
  border-radius: 50%;
  color: #da7308;
  text-align: center;
  line-height: 13px;
  font-size: 10px;
  padding-bottom: 1px;
  vertical-align: top;
  cursor: pointer;
}
.lucid-ubergrowl .rSide .close:before {
  content: "×";
}
.lucid-ubergrowl .message {
  background: #f78d1e;
  padding: 0 5px;
  min-width: 100px;
  line-height: 27px;
  border-bottom: 1px solid #da7308;
}
.lucid-ubergrowl .message a {
  font-weight: bold;
}
.lucid-ubergrowl .message * {
  color: white;
}
.lucid-ubergrowl.persistent .rSide .close {
  display: none;
}
.lucid-ubergrowl.thin {
  height: 22px;
  font-weight: normal;
}
.lucid-ubergrowl.thin div {
  height: 22px;
}
.lucid-ubergrowl.thin .close {
  top: 4px;
}
.lucid-ubergrowl.thin .message {
  line-height: 22px;
}
.lucid-ubergrowl.thin .lSide,
.lucid-ubergrowl.thin .rSide,
.lucid-ubergrowl.thin .lSide:before,
.lucid-ubergrowl.thin .rSide:before {
  height: 0;
  border-width: 23px;
}
.lucid-ubergrowl-red .lSide {
  border-right-color: #990000;
}
.lucid-ubergrowl-red .lSide:before {
  border-right-color: #cc0000;
}
.lucid-ubergrowl-red .rSide {
  border-left-color: #990000;
}
.lucid-ubergrowl-red .rSide:before {
  border-left-color: #cc0000;
}
.lucid-ubergrowl-red .rSide .close {
  border-color: #990000;
  color: #990000;
}
.lucid-ubergrowl-red .message {
  background-color: #cc0000;
  border-bottom-color: #990000;
}
.lucid-ubergrowl-blue .lSide {
  border-right-color: #1a8cbd;
}
.lucid-ubergrowl-blue .lSide:before {
  border-right-color: #29aae1;
}
.lucid-ubergrowl-blue .rSide {
  border-left-color: #1a8cbd;
}
.lucid-ubergrowl-blue .rSide:before {
  border-left-color: #29aae1;
}
.lucid-ubergrowl-blue .rSide .close {
  border-color: #1a8cbd;
  color: #1a8cbd;
}
.lucid-ubergrowl-blue .message {
  background-color: #29aae1;
  border-bottom-color: #1a8cbd;
}
.lucid-ubergrowl-green .lSide {
  border-right-color: #709932;
}
.lucid-ubergrowl-green .lSide:before {
  border-right-color: #8cbf3f;
}
.lucid-ubergrowl-green .rSide {
  border-left-color: #709932;
}
.lucid-ubergrowl-green .rSide:before {
  border-left-color: #8cbf3f;
}
.lucid-ubergrowl-green .rSide .close {
  border-color: #709932;
  color: #709932;
}
.lucid-ubergrowl-green .message {
  background-color: #8cbf3f;
  border-bottom-color: #709932;
}
/*

Colors

*/
/*

Fonts

*/
.clearfix:before,
.clearfix:after,
.btn-toolbar:before,
.btn-toolbar:after {
  content: " ";
  display: table;
}
.clearfix:after,
.btn-toolbar:after {
  clear: both;
}
/*

Use the `lucid.view.Dialog` JavaScript class for this component.

 */
.dialog {
  position: absolute;
  padding: 1px;
  min-width: 320px;
  width: 420px;
  height: auto;
  left: 50%;
  margin-left: -160px;
  color: #333;
  border-radius: 8px;
}
.dialog.extra-rounded {
  border-radius: 10px;
}
.dialog.extra-rounded .dialog-wrapper {
  border-radius: 10px;
}
.dialog-wrapper {
  position: relative;
  overflow: hidden;
  z-index: 0;
  border-radius: 8px;
  -webkit-box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.5);
}
.dialog-header {
  position: relative;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  font-size: 14px;
  height: 2.5em;
  line-height: 2.5em;
  padding-left: 1em;
  text-transform: capitalize;
  letter-spacing: 0.02em;
  background-color: #646464;
  color: #fff;
  cursor: default;
}
.dialog-header .dialog-close-button {
  position: absolute;
  top: 7px;
  right: 7px;
  z-index: 1;
  width: 13px;
  height: 13px;
  padding: 3px;
  line-height: 0;
  cursor: pointer;
}
.dialog-header .dialog-close-button div:hover {
  opacity: 0.6;
}
.dialog.non-ajax .dialog-body {
  margin-left: auto;
  margin-right: auto;
  width: 480px;
  width: auto;
}
.dialog.non-ajax .dialog-body .grid_1,
.dialog.non-ajax .dialog-body .grid_2,
.dialog.non-ajax .dialog-body .grid_3,
.dialog.non-ajax .dialog-body .grid_4,
.dialog.non-ajax .dialog-body .grid_5,
.dialog.non-ajax .dialog-body .grid_6,
.dialog.non-ajax .dialog-body .grid_7,
.dialog.non-ajax .dialog-body .grid_8,
.dialog.non-ajax .dialog-body .grid_9,
.dialog.non-ajax .dialog-body .grid_10,
.dialog.non-ajax .dialog-body .grid_11,
.dialog.non-ajax .dialog-body .grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.dialog.non-ajax .dialog-body .push_1,
.dialog.non-ajax .dialog-body .pull_1,
.dialog.non-ajax .dialog-body .push_2,
.dialog.non-ajax .dialog-body .pull_2,
.dialog.non-ajax .dialog-body .push_3,
.dialog.non-ajax .dialog-body .pull_3,
.dialog.non-ajax .dialog-body .push_4,
.dialog.non-ajax .dialog-body .pull_4,
.dialog.non-ajax .dialog-body .push_5,
.dialog.non-ajax .dialog-body .pull_5,
.dialog.non-ajax .dialog-body .push_6,
.dialog.non-ajax .dialog-body .pull_6,
.dialog.non-ajax .dialog-body .push_7,
.dialog.non-ajax .dialog-body .pull_7,
.dialog.non-ajax .dialog-body .push_8,
.dialog.non-ajax .dialog-body .pull_8,
.dialog.non-ajax .dialog-body .push_9,
.dialog.non-ajax .dialog-body .pull_9,
.dialog.non-ajax .dialog-body .push_10,
.dialog.non-ajax .dialog-body .pull_10,
.dialog.non-ajax .dialog-body .push_11,
.dialog.non-ajax .dialog-body .pull_11 {
  position: relative;
}
.dialog.non-ajax .dialog-body .alpha {
  margin-left: 0;
}
.dialog.non-ajax .dialog-body .omega {
  margin-right: 0;
}
.dialog.non-ajax .dialog-body .grid_1 {
  width: 20px;
}
.dialog.non-ajax .dialog-body .grid_2 {
  width: 60px;
}
.dialog.non-ajax .dialog-body .grid_3 {
  width: 100px;
}
.dialog.non-ajax .dialog-body .grid_4 {
  width: 140px;
}
.dialog.non-ajax .dialog-body .grid_5 {
  width: 180px;
}
.dialog.non-ajax .dialog-body .grid_6 {
  width: 220px;
}
.dialog.non-ajax .dialog-body .grid_7 {
  width: 260px;
}
.dialog.non-ajax .dialog-body .grid_8 {
  width: 300px;
}
.dialog.non-ajax .dialog-body .grid_9 {
  width: 340px;
}
.dialog.non-ajax .dialog-body .grid_10 {
  width: 380px;
}
.dialog.non-ajax .dialog-body .grid_11 {
  width: 420px;
}
.dialog.non-ajax .dialog-body .grid_12 {
  width: 460px;
}
.dialog.non-ajax .dialog-body .prefix_1 {
  padding-left: 40px;
}
.dialog.non-ajax .dialog-body .prefix_2 {
  padding-left: 80px;
}
.dialog.non-ajax .dialog-body .prefix_3 {
  padding-left: 120px;
}
.dialog.non-ajax .dialog-body .prefix_4 {
  padding-left: 160px;
}
.dialog.non-ajax .dialog-body .prefix_5 {
  padding-left: 200px;
}
.dialog.non-ajax .dialog-body .prefix_6 {
  padding-left: 240px;
}
.dialog.non-ajax .dialog-body .prefix_7 {
  padding-left: 280px;
}
.dialog.non-ajax .dialog-body .prefix_8 {
  padding-left: 320px;
}
.dialog.non-ajax .dialog-body .prefix_9 {
  padding-left: 360px;
}
.dialog.non-ajax .dialog-body .prefix_10 {
  padding-left: 400px;
}
.dialog.non-ajax .dialog-body .prefix_11 {
  padding-left: 440px;
}
.dialog.non-ajax .dialog-body .suffix_1 {
  padding-right: 40px;
}
.dialog.non-ajax .dialog-body .suffix_2 {
  padding-right: 80px;
}
.dialog.non-ajax .dialog-body .suffix_3 {
  padding-right: 120px;
}
.dialog.non-ajax .dialog-body .suffix_4 {
  padding-right: 160px;
}
.dialog.non-ajax .dialog-body .suffix_5 {
  padding-right: 200px;
}
.dialog.non-ajax .dialog-body .suffix_6 {
  padding-right: 240px;
}
.dialog.non-ajax .dialog-body .suffix_7 {
  padding-right: 280px;
}
.dialog.non-ajax .dialog-body .suffix_8 {
  padding-right: 320px;
}
.dialog.non-ajax .dialog-body .suffix_9 {
  padding-right: 360px;
}
.dialog.non-ajax .dialog-body .suffix_10 {
  padding-right: 400px;
}
.dialog.non-ajax .dialog-body .suffix_11 {
  padding-right: 440px;
}
.dialog.non-ajax .dialog-body .push_1 {
  left: 40px;
}
.dialog.non-ajax .dialog-body .push_2 {
  left: 80px;
}
.dialog.non-ajax .dialog-body .push_3 {
  left: 120px;
}
.dialog.non-ajax .dialog-body .push_4 {
  left: 160px;
}
.dialog.non-ajax .dialog-body .push_5 {
  left: 200px;
}
.dialog.non-ajax .dialog-body .push_6 {
  left: 240px;
}
.dialog.non-ajax .dialog-body .push_7 {
  left: 280px;
}
.dialog.non-ajax .dialog-body .push_8 {
  left: 320px;
}
.dialog.non-ajax .dialog-body .push_9 {
  left: 360px;
}
.dialog.non-ajax .dialog-body .push_10 {
  left: 400px;
}
.dialog.non-ajax .dialog-body .push_11 {
  left: 440px;
}
.dialog.non-ajax .dialog-body .pull_1 {
  left: -40px;
}
.dialog.non-ajax .dialog-body .pull_2 {
  left: -80px;
}
.dialog.non-ajax .dialog-body .pull_3 {
  left: -120px;
}
.dialog.non-ajax .dialog-body .pull_4 {
  left: -160px;
}
.dialog.non-ajax .dialog-body .pull_5 {
  left: -200px;
}
.dialog.non-ajax .dialog-body .pull_6 {
  left: -240px;
}
.dialog.non-ajax .dialog-body .pull_7 {
  left: -280px;
}
.dialog.non-ajax .dialog-body .pull_8 {
  left: -320px;
}
.dialog.non-ajax .dialog-body .pull_9 {
  left: -360px;
}
.dialog.non-ajax .dialog-body .pull_10 {
  left: -400px;
}
.dialog.non-ajax .dialog-body .pull_11 {
  left: -440px;
}
.dialog.ajax .dialog-body {
  margin-left: auto;
  margin-right: auto;
  width: 720px;
  width: auto;
}
.dialog.ajax .dialog-body .grid_1,
.dialog.ajax .dialog-body .grid_2,
.dialog.ajax .dialog-body .grid_3,
.dialog.ajax .dialog-body .grid_4,
.dialog.ajax .dialog-body .grid_5,
.dialog.ajax .dialog-body .grid_6,
.dialog.ajax .dialog-body .grid_7,
.dialog.ajax .dialog-body .grid_8,
.dialog.ajax .dialog-body .grid_9,
.dialog.ajax .dialog-body .grid_10,
.dialog.ajax .dialog-body .grid_11,
.dialog.ajax .dialog-body .grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.dialog.ajax .dialog-body .push_1,
.dialog.ajax .dialog-body .pull_1,
.dialog.ajax .dialog-body .push_2,
.dialog.ajax .dialog-body .pull_2,
.dialog.ajax .dialog-body .push_3,
.dialog.ajax .dialog-body .pull_3,
.dialog.ajax .dialog-body .push_4,
.dialog.ajax .dialog-body .pull_4,
.dialog.ajax .dialog-body .push_5,
.dialog.ajax .dialog-body .pull_5,
.dialog.ajax .dialog-body .push_6,
.dialog.ajax .dialog-body .pull_6,
.dialog.ajax .dialog-body .push_7,
.dialog.ajax .dialog-body .pull_7,
.dialog.ajax .dialog-body .push_8,
.dialog.ajax .dialog-body .pull_8,
.dialog.ajax .dialog-body .push_9,
.dialog.ajax .dialog-body .pull_9,
.dialog.ajax .dialog-body .push_10,
.dialog.ajax .dialog-body .pull_10,
.dialog.ajax .dialog-body .push_11,
.dialog.ajax .dialog-body .pull_11 {
  position: relative;
}
.dialog.ajax .dialog-body .alpha {
  margin-left: 0;
}
.dialog.ajax .dialog-body .omega {
  margin-right: 0;
}
.dialog.ajax .dialog-body .grid_1 {
  width: 40px;
}
.dialog.ajax .dialog-body .grid_2 {
  width: 100px;
}
.dialog.ajax .dialog-body .grid_3 {
  width: 160px;
}
.dialog.ajax .dialog-body .grid_4 {
  width: 220px;
}
.dialog.ajax .dialog-body .grid_5 {
  width: 280px;
}
.dialog.ajax .dialog-body .grid_6 {
  width: 340px;
}
.dialog.ajax .dialog-body .grid_7 {
  width: 400px;
}
.dialog.ajax .dialog-body .grid_8 {
  width: 460px;
}
.dialog.ajax .dialog-body .grid_9 {
  width: 520px;
}
.dialog.ajax .dialog-body .grid_10 {
  width: 580px;
}
.dialog.ajax .dialog-body .grid_11 {
  width: 640px;
}
.dialog.ajax .dialog-body .grid_12 {
  width: 700px;
}
.dialog.ajax .dialog-body .prefix_1 {
  padding-left: 60px;
}
.dialog.ajax .dialog-body .prefix_2 {
  padding-left: 120px;
}
.dialog.ajax .dialog-body .prefix_3 {
  padding-left: 180px;
}
.dialog.ajax .dialog-body .prefix_4 {
  padding-left: 240px;
}
.dialog.ajax .dialog-body .prefix_5 {
  padding-left: 300px;
}
.dialog.ajax .dialog-body .prefix_6 {
  padding-left: 360px;
}
.dialog.ajax .dialog-body .prefix_7 {
  padding-left: 420px;
}
.dialog.ajax .dialog-body .prefix_8 {
  padding-left: 480px;
}
.dialog.ajax .dialog-body .prefix_9 {
  padding-left: 540px;
}
.dialog.ajax .dialog-body .prefix_10 {
  padding-left: 600px;
}
.dialog.ajax .dialog-body .prefix_11 {
  padding-left: 660px;
}
.dialog.ajax .dialog-body .suffix_1 {
  padding-right: 60px;
}
.dialog.ajax .dialog-body .suffix_2 {
  padding-right: 120px;
}
.dialog.ajax .dialog-body .suffix_3 {
  padding-right: 180px;
}
.dialog.ajax .dialog-body .suffix_4 {
  padding-right: 240px;
}
.dialog.ajax .dialog-body .suffix_5 {
  padding-right: 300px;
}
.dialog.ajax .dialog-body .suffix_6 {
  padding-right: 360px;
}
.dialog.ajax .dialog-body .suffix_7 {
  padding-right: 420px;
}
.dialog.ajax .dialog-body .suffix_8 {
  padding-right: 480px;
}
.dialog.ajax .dialog-body .suffix_9 {
  padding-right: 540px;
}
.dialog.ajax .dialog-body .suffix_10 {
  padding-right: 600px;
}
.dialog.ajax .dialog-body .suffix_11 {
  padding-right: 660px;
}
.dialog.ajax .dialog-body .push_1 {
  left: 60px;
}
.dialog.ajax .dialog-body .push_2 {
  left: 120px;
}
.dialog.ajax .dialog-body .push_3 {
  left: 180px;
}
.dialog.ajax .dialog-body .push_4 {
  left: 240px;
}
.dialog.ajax .dialog-body .push_5 {
  left: 300px;
}
.dialog.ajax .dialog-body .push_6 {
  left: 360px;
}
.dialog.ajax .dialog-body .push_7 {
  left: 420px;
}
.dialog.ajax .dialog-body .push_8 {
  left: 480px;
}
.dialog.ajax .dialog-body .push_9 {
  left: 540px;
}
.dialog.ajax .dialog-body .push_10 {
  left: 600px;
}
.dialog.ajax .dialog-body .push_11 {
  left: 660px;
}
.dialog.ajax .dialog-body .pull_1 {
  left: -60px;
}
.dialog.ajax .dialog-body .pull_2 {
  left: -120px;
}
.dialog.ajax .dialog-body .pull_3 {
  left: -180px;
}
.dialog.ajax .dialog-body .pull_4 {
  left: -240px;
}
.dialog.ajax .dialog-body .pull_5 {
  left: -300px;
}
.dialog.ajax .dialog-body .pull_6 {
  left: -360px;
}
.dialog.ajax .dialog-body .pull_7 {
  left: -420px;
}
.dialog.ajax .dialog-body .pull_8 {
  left: -480px;
}
.dialog.ajax .dialog-body .pull_9 {
  left: -540px;
}
.dialog.ajax .dialog-body .pull_10 {
  left: -600px;
}
.dialog.ajax .dialog-body .pull_11 {
  left: -660px;
}
.dialog.ajax.no-side-nav .dialog-body {
  margin-left: auto;
  margin-right: auto;
  width: 960px;
  width: auto;
}
.dialog.ajax.no-side-nav .dialog-body .grid_1,
.dialog.ajax.no-side-nav .dialog-body .grid_2,
.dialog.ajax.no-side-nav .dialog-body .grid_3,
.dialog.ajax.no-side-nav .dialog-body .grid_4,
.dialog.ajax.no-side-nav .dialog-body .grid_5,
.dialog.ajax.no-side-nav .dialog-body .grid_6,
.dialog.ajax.no-side-nav .dialog-body .grid_7,
.dialog.ajax.no-side-nav .dialog-body .grid_8,
.dialog.ajax.no-side-nav .dialog-body .grid_9,
.dialog.ajax.no-side-nav .dialog-body .grid_10,
.dialog.ajax.no-side-nav .dialog-body .grid_11,
.dialog.ajax.no-side-nav .dialog-body .grid_12 {
  display: inline;
  float: left;
  margin-left: 10px;
  margin-right: 10px;
}
.dialog.ajax.no-side-nav .dialog-body .push_1,
.dialog.ajax.no-side-nav .dialog-body .pull_1,
.dialog.ajax.no-side-nav .dialog-body .push_2,
.dialog.ajax.no-side-nav .dialog-body .pull_2,
.dialog.ajax.no-side-nav .dialog-body .push_3,
.dialog.ajax.no-side-nav .dialog-body .pull_3,
.dialog.ajax.no-side-nav .dialog-body .push_4,
.dialog.ajax.no-side-nav .dialog-body .pull_4,
.dialog.ajax.no-side-nav .dialog-body .push_5,
.dialog.ajax.no-side-nav .dialog-body .pull_5,
.dialog.ajax.no-side-nav .dialog-body .push_6,
.dialog.ajax.no-side-nav .dialog-body .pull_6,
.dialog.ajax.no-side-nav .dialog-body .push_7,
.dialog.ajax.no-side-nav .dialog-body .pull_7,
.dialog.ajax.no-side-nav .dialog-body .push_8,
.dialog.ajax.no-side-nav .dialog-body .pull_8,
.dialog.ajax.no-side-nav .dialog-body .push_9,
.dialog.ajax.no-side-nav .dialog-body .pull_9,
.dialog.ajax.no-side-nav .dialog-body .push_10,
.dialog.ajax.no-side-nav .dialog-body .pull_10,
.dialog.ajax.no-side-nav .dialog-body .push_11,
.dialog.ajax.no-side-nav .dialog-body .pull_11 {
  position: relative;
}
.dialog.ajax.no-side-nav .dialog-body .alpha {
  margin-left: 0;
}
.dialog.ajax.no-side-nav .dialog-body .omega {
  margin-right: 0;
}
.dialog.ajax.no-side-nav .dialog-body .grid_1 {
  width: 60px;
}
.dialog.ajax.no-side-nav .dialog-body .grid_2 {
  width: 140px;
}
.dialog.ajax.no-side-nav .dialog-body .grid_3 {
  width: 220px;
}
.dialog.ajax.no-side-nav .dialog-body .grid_4 {
  width: 300px;
}
.dialog.ajax.no-side-nav .dialog-body .grid_5 {
  width: 380px;
}
.dialog.ajax.no-side-nav .dialog-body .grid_6 {
  width: 460px;
}
.dialog.ajax.no-side-nav .dialog-body .grid_7 {
  width: 540px;
}
.dialog.ajax.no-side-nav .dialog-body .grid_8 {
  width: 620px;
}
.dialog.ajax.no-side-nav .dialog-body .grid_9 {
  width: 700px;
}
.dialog.ajax.no-side-nav .dialog-body .grid_10 {
  width: 780px;
}
.dialog.ajax.no-side-nav .dialog-body .grid_11 {
  width: 860px;
}
.dialog.ajax.no-side-nav .dialog-body .grid_12 {
  width: 940px;
}
.dialog.ajax.no-side-nav .dialog-body .prefix_1 {
  padding-left: 80px;
}
.dialog.ajax.no-side-nav .dialog-body .prefix_2 {
  padding-left: 160px;
}
.dialog.ajax.no-side-nav .dialog-body .prefix_3 {
  padding-left: 240px;
}
.dialog.ajax.no-side-nav .dialog-body .prefix_4 {
  padding-left: 320px;
}
.dialog.ajax.no-side-nav .dialog-body .prefix_5 {
  padding-left: 400px;
}
.dialog.ajax.no-side-nav .dialog-body .prefix_6 {
  padding-left: 480px;
}
.dialog.ajax.no-side-nav .dialog-body .prefix_7 {
  padding-left: 560px;
}
.dialog.ajax.no-side-nav .dialog-body .prefix_8 {
  padding-left: 640px;
}
.dialog.ajax.no-side-nav .dialog-body .prefix_9 {
  padding-left: 720px;
}
.dialog.ajax.no-side-nav .dialog-body .prefix_10 {
  padding-left: 800px;
}
.dialog.ajax.no-side-nav .dialog-body .prefix_11 {
  padding-left: 880px;
}
.dialog.ajax.no-side-nav .dialog-body .suffix_1 {
  padding-right: 80px;
}
.dialog.ajax.no-side-nav .dialog-body .suffix_2 {
  padding-right: 160px;
}
.dialog.ajax.no-side-nav .dialog-body .suffix_3 {
  padding-right: 240px;
}
.dialog.ajax.no-side-nav .dialog-body .suffix_4 {
  padding-right: 320px;
}
.dialog.ajax.no-side-nav .dialog-body .suffix_5 {
  padding-right: 400px;
}
.dialog.ajax.no-side-nav .dialog-body .suffix_6 {
  padding-right: 480px;
}
.dialog.ajax.no-side-nav .dialog-body .suffix_7 {
  padding-right: 560px;
}
.dialog.ajax.no-side-nav .dialog-body .suffix_8 {
  padding-right: 640px;
}
.dialog.ajax.no-side-nav .dialog-body .suffix_9 {
  padding-right: 720px;
}
.dialog.ajax.no-side-nav .dialog-body .suffix_10 {
  padding-right: 800px;
}
.dialog.ajax.no-side-nav .dialog-body .suffix_11 {
  padding-right: 880px;
}
.dialog.ajax.no-side-nav .dialog-body .push_1 {
  left: 80px;
}
.dialog.ajax.no-side-nav .dialog-body .push_2 {
  left: 160px;
}
.dialog.ajax.no-side-nav .dialog-body .push_3 {
  left: 240px;
}
.dialog.ajax.no-side-nav .dialog-body .push_4 {
  left: 320px;
}
.dialog.ajax.no-side-nav .dialog-body .push_5 {
  left: 400px;
}
.dialog.ajax.no-side-nav .dialog-body .push_6 {
  left: 480px;
}
.dialog.ajax.no-side-nav .dialog-body .push_7 {
  left: 560px;
}
.dialog.ajax.no-side-nav .dialog-body .push_8 {
  left: 640px;
}
.dialog.ajax.no-side-nav .dialog-body .push_9 {
  left: 720px;
}
.dialog.ajax.no-side-nav .dialog-body .push_10 {
  left: 800px;
}
.dialog.ajax.no-side-nav .dialog-body .push_11 {
  left: 880px;
}
.dialog.ajax.no-side-nav .dialog-body .pull_1 {
  left: -80px;
}
.dialog.ajax.no-side-nav .dialog-body .pull_2 {
  left: -160px;
}
.dialog.ajax.no-side-nav .dialog-body .pull_3 {
  left: -240px;
}
.dialog.ajax.no-side-nav .dialog-body .pull_4 {
  left: -320px;
}
.dialog.ajax.no-side-nav .dialog-body .pull_5 {
  left: -400px;
}
.dialog.ajax.no-side-nav .dialog-body .pull_6 {
  left: -480px;
}
.dialog.ajax.no-side-nav .dialog-body .pull_7 {
  left: -560px;
}
.dialog.ajax.no-side-nav .dialog-body .pull_8 {
  left: -640px;
}
.dialog.ajax.no-side-nav .dialog-body .pull_9 {
  left: -720px;
}
.dialog.ajax.no-side-nav .dialog-body .pull_10 {
  left: -800px;
}
.dialog.ajax.no-side-nav .dialog-body .pull_11 {
  left: -880px;
}
.dialog-body-padding {
  padding: 19px;
}
.dialog-footer-padding {
  padding: 8px 10px;
}
.dialog-body {
  position: relative;
  background-color: #fff;
  overflow-y: auto;
  overflow-x: hidden;
  line-height: 1.6em;
  font-size: 14px;
}
.dialog-body p,
.dialog-body ul,
.dialog-body ol {
  margin: 1em 0;
}
.dialog-body ul.no-style li {
  list-style: none;
}
.dialog-body fieldset {
  padding: 10px 0;
  margin: 10px 0;
  border: none;
}
.dialog-body legend {
  font-weight: bold;
  padding: 3px 8px;
  background-color: #f2f2f2;
  text-transform: uppercase;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  width: 100%;
  border-radius: 5px;
}
.dialog-body h1:first-child,
.dialog-body h2:first-child,
.dialog-body h3:first-child,
.dialog-body p:first-child {
  margin-top: 0;
}
.dialog-body a {
  color: #29aae1;
  text-decoration: none;
}
.dialog-body a:hover {
  text-decoration: underline;
}
.dialog-body textarea,
.dialog-body input[type="text"],
.dialog-body input[type="password"] {
  padding: 3px;
}
.dialog-body .input-select-textbox input[type="text"] {
  padding: 0px;
}
.dialog-body table {
  width: 100%;
  border-collapse: collapse;
  border-spacing: 0;
  border: none;
  margin-top: 10px;
}
.dialog-body table th,
.dialog-body table td {
  padding: 4px 8px;
  border-bottom: #e6e6e6 solid 1px;
  text-align: left;
  vertical-align: middle;
  margin: 0;
}
.dialog-body table th {
  border-top: #e6e6e6 solid 1px;
  line-height: 21px;
  font-weight: bold;
}
.dialog-body .input-text {
  height: 25px;
  position: relative;
}
.dialog-body .input-text.text-error {
  border: #ed6058 solid 1px;
}
.dialog-body .input-text-textbox {
  position: absolute;
  top: 0;
  right: 0;
  left: 0;
  bottom: 0;
  height: auto;
  width: auto;
  padding: 0 2px;
}
.dialog-body .input-text-textbox input {
  background-color: transparent;
  display: block;
  border: none;
  outline: none;
  width: 100%;
  height: 100%;
  font-size: 14px;
  text-align: left;
  vertical-align: middle;
  line-height: 17px;
  padding: 0;
  -webkit-appearance: none;
  appearance: none;
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.dialog-body .input-text-textbox input.number {
  text-align: right;
}
.dialog-body .user-browser.list-view {
  background: #fff;
  border: #e6e6e6 solid 1px;
  border-bottom: none;
}
.dialog-body .large {
  font-size: 1.5em;
  line-height: 1.3em;
}
.dialog-body .helper-image {
  margin-left: auto;
  margin-right: auto;
  display: block;
  border: #e6e6e6 solid 2px;
}
.dialog .dialog-body .button,
.dialog-footer .buttons .button {
  display: block;
  height: 20px;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
  line-height: 20px;
  overflow: hidden;
  outline: none;
  padding: 0 8px;
  margin-top: 10px;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
  border: #999999 solid 1px;
  color: #000;
  cursor: default;
  background-color: #f2f2f2;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #e6e6e6));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  /* Opera11.10+ */
  background-image: -ms-linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  /* IE10+ */
  background-image: linear-gradient(top, #ffffff 0%, #e6e6e6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );
  /* IE6-9 */
  -webkit-box-shadow: 0 1px 0 0 #ffffff;
  box-shadow: 0 1px 0 0 #ffffff;
  border-radius: 3px;
  text-shadow: 0 1px 0 #fff;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: #000000 !important;
  -webkit-box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
  box-shadow: 0 1px 0 0 rgba(255, 255, 255, 0.5);
  border-radius: 2px;
}
.dialog .dialog-body .button.highlight,
.dialog-footer .buttons .button.highlight {
  background-color: #dfdfdf;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #f2f2f2 0%, #cccccc 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #cccccc));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #cccccc 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f2f2f2 0%, #cccccc 100%);
  /* Opera11.10+ */
  background-image: -ms-linear-gradient(top, #f2f2f2 0%, #cccccc 100%);
  /* IE10+ */
  background-image: linear-gradient(top, #f2f2f2 0%, #cccccc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#cccccc',GradientType=0 );
  /* IE6-9 */
  border-color: #808080;
  color: #1a1a1a;
}
.dialog .dialog-body .button.highlight:active,
.dialog-footer .buttons .button.highlight:active {
  background-color: #d9e2ef;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ebf0f8 0%, #c7d3e5 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ebf0f8), color-stop(100%, #c7d3e5));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ebf0f8 0%, #c7d3e5 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ebf0f8 0%, #c7d3e5 100%);
  /* Opera11.10+ */
  background-image: -ms-linear-gradient(top, #ebf0f8 0%, #c7d3e5 100%);
  /* IE10+ */
  background-image: linear-gradient(top, #ebf0f8 0%, #c7d3e5 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebf0f8', endColorstr='#c7d3e5',GradientType=0 );
  /* IE6-9 */
  text-decoration: none;
  border-color: #6b7f9e;
  color: #141922;
}
.dialog .dialog-body .button.highlight.blue,
.dialog-footer .buttons .button.highlight.blue {
  background-color: #c1e6f5;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #c9efff 0%, #b9dceb 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #c9efff), color-stop(100%, #b9dceb));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #c9efff 0%, #b9dceb 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #c9efff 0%, #b9dceb 100%);
  /* Opera11.10+ */
  background-image: -ms-linear-gradient(top, #c9efff 0%, #b9dceb 100%);
  /* IE10+ */
  background-image: linear-gradient(top, #c9efff 0%, #b9dceb 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c9efff', endColorstr='#b9dceb',GradientType=0 );
  /* IE6-9 */
}
.dialog .dialog-body .button.highlight.blue:active,
.dialog-footer .buttons .button.highlight.blue:active {
  background-color: #a9c9d6;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #b1d2e0 0%, #a1bfcc 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #b1d2e0), color-stop(100%, #a1bfcc));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #b1d2e0 0%, #a1bfcc 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #b1d2e0 0%, #a1bfcc 100%);
  /* Opera11.10+ */
  background-image: -ms-linear-gradient(top, #b1d2e0 0%, #a1bfcc 100%);
  /* IE10+ */
  background-image: linear-gradient(top, #b1d2e0 0%, #a1bfcc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d2e0', endColorstr='#a1bfcc',GradientType=0 );
  /* IE6-9 */
}
.dialog .dialog-body .button:active,
.dialog-footer .buttons .button:active {
  background-color: #d9d9d9;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #e6e6e6 0%, #cccccc 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e6e6e6), color-stop(100%, #cccccc));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #e6e6e6 0%, #cccccc 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #e6e6e6 0%, #cccccc 100%);
  /* Opera11.10+ */
  background-image: -ms-linear-gradient(top, #e6e6e6 0%, #cccccc 100%);
  /* IE10+ */
  background-image: linear-gradient(top, #e6e6e6 0%, #cccccc 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e6e6e6', endColorstr='#cccccc',GradientType=0 );
  /* IE6-9 */
}
.dialog .dialog-body .button:hover,
.dialog-footer .buttons .button:hover {
  background-color: #f9f9f9;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #ffffff), color-stop(100%, #f2f2f2));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  /* Opera11.10+ */
  background-image: -ms-linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  /* IE10+ */
  background-image: linear-gradient(top, #ffffff 0%, #f2f2f2 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 );
  /* IE6-9 */
  border-color: #666666;
}
.dialog .dialog-body .button.disabled,
.dialog-footer .buttons .button.disabled {
  background-color: #ececec;
  /* Old browsers */
  background-image: -moz-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%);
  /* FF3.6+ */
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #f2f2f2), color-stop(100%, #e6e6e6));
  /* Chrome,Safari4+ */
  background-image: -webkit-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%);
  /* Chrome10+,Safari5.1+ */
  background-image: -o-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%);
  /* Opera11.10+ */
  background-image: -ms-linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%);
  /* IE10+ */
  background-image: linear-gradient(top, #f2f2f2 0%, #e6e6e6 100%);
  /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#e6e6e6',GradientType=0 );
  /* IE6-9 */
  color: #808080;
  border-color: #b3b3b3;
}
.dialog-footer {
  position: relative;
  height: 30px;
  background-color: #e6e6e6;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
}
.dialog-footer .buttons {
  float: right;
}
.dialog-footer .buttons .btn-sm {
  font-size: 14px;
  line-height: 1.3;
}
.dialog-footer .button {
  margin: 0 0 0 10px !important;
  padding: 0 18px !important;
  float: left;
}
.dialog-footer .btn {
  border-radius: 4px;
  margin-left: 10px;
  height: 28px;
  padding: 4px 10px;
}
.dialog-footer .btn-blue {
  color: #fff;
  background-color: #29aae1;
  border-color: #29aae1;
  text-decoration: none;
}
.dialog-footer .btn-blue.btn-inverse {
  color: #fff;
  background-color: #29aae1;
  border-color: #29aae1;
}
.dialog-footer .btn-default {
  color: #fff;
  background-color: #a5a5a5;
  border-color: #a5a5a5;
}
.dialog-footer .btn-default:hover {
  color: #fff;
  background-color: #b5b5b5;
  border-color: #b5b5b5;
}
.dialog-footer .stylebutton {
  margin: 0 0 0 10px !important;
  float: left;
}
.dialog-footer label {
  padding: 0;
  margin: 0;
  display: inline;
  float: left;
  line-height: 26px;
  clear: none;
}
.dialog-footer input[type=checkbox],
.dialog-footer input[type=radio] {
  margin: 0 4px 0 0;
  float: none;
  clear: none;
}
.dialog.icon .dialog-body {
  background: #ffffff no-repeat 27px 22px;
  padding-left: 102px;
  min-height: 40px;
}
.dialog.scrolling .dialog-footer {
  border-top: #cccccc solid 1px;
  padding: 9px 10px;
}
.dialog.nobuttons .dialog-body {
  padding-bottom: 15px;
}
.dialog.nobuttons .dialog-footer {
  height: 4px;
  padding: 0px;
  background-color: #fff;
  border-top: none;
}
.dialog.nofooter .dialog-footer {
  display: none;
}
.dialog-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 20;
  overflow: hidden;
  /*background-color: rgba(0,0,0,.2);*/
}
.dialog-overlay.modal {
  background-color: rgba(0, 0, 0, 0.3);
}
.dialog-overlay.modal-dark {
  background-color: rgba(0, 0, 0, 0.5);
}
.gray-body .dialog-wrapper .dialog-body {
  background-color: #efefef;
}
.gray-body .dialog-wrapper .dialog-body form label {
  display: inline-block;
  padding: 10px 5px 1px 0;
  margin: 0;
  color: #777;
  font-size: 14px;
  line-height: 18px;
  clear: both;
}
.gray-body .dialog-wrapper .dialog-body form input[type=text] {
  display: inline-block;
  width: 100%;
  box-sizing: border-box;
}
.gray-body .dialog-wrapper .dialog-body .error {
  color: #ed6058;
  margin-left: 15px;
}
.gray-body .dialog-wrapper .dialog-body .gone {
  display: none;
}
.gray-body .dialog-wrapper .dialog-body .input-error {
  border-color: #ed6058;
}
.gray-body .dialog-wrapper .dialog-footer {
  background-color: #efefef;
}
.gray-body .dialog-wrapper .dialog-footer button:disabled {
  background: #aaaaaa;
}
.dialog.ajax .dialog-body {
  position: relative;
  padding: 0;
  background-color: #fff;
}
.dialog.ajax .dialog-footer {
  display: none;
}
.dialog.ajax iframe,
.dialog.ajax webview {
  display: block;
  width: 100%;
  height: 100%;
  border: none;
}
.dialog.ajax .loading {
  opacity: .8;
  position: absolute;
  background-color: white;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.dialog.newdocdialog .dialog-body {
  padding: 0;
  overflow: hidden;
  background-color: #fff;
}
.dialog.newdocdialog .dialog-footer {
  height: auto;
  border-top: #999999 solid 1px;
  padding: 10px;
}
.dialog.custom-footer .dialog-footer {
  height: auto;
  border-top: #cccccc solid 1px;
  padding-top: 10px;
}
.dialog.iframedialog .dialog-body {
  padding: 0;
  overflow: hidden;
  background-color: #fff;
}
.dialog.inviteuserdialog p {
  font-size: 14px;
  color: #777;
}
.dialog.inviteuserdialog span.invitee-email {
  display: inline-block;
  font-size: 14px;
  color: white;
  padding: 5px 4px 5px 10px;
  margin: 3px 5px 3px 0px;
  background-color: #f9a64f;
  border-radius: 10px;
}
.dialog.inviteuserdialog span.remove {
  cursor: pointer;
  padding: 1px;
  margin: 3px;
}
.dialog.inviteuserdialog span.remove:hover {
  border-radius: 10px;
  background-color: #da7308;
}
.dialog.inviteuserdialog .invitees-list {
  margin: 10px;
}
.dialog.inviteuserdialog label.option-text {
  font-size: 14px;
}
.dialog.userimagedialog .dialog-footer {
  height: auto;
  border-top: #999999 solid 1px;
  padding: 0 10px 9px;
  background-color: #cccccc;
}
.dialog.userimagedialog .dialog-body {
  padding: 9px;
}
.dialog.userimagedialog .dialog-body .item {
  position: relative;
  cursor: pointer;
  float: left;
  display: block;
  width: 128px;
  height: 128px;
  padding: 10px;
  border-radius: 6px;
}
.dialog.userimagedialog .dialog-body .item:hover {
  background-color: #cccccc;
  -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.5);
}
.dialog.userimagedialog .dialog-body .item:active {
  background-color: #29aae1;
}
.dialog.userimagedialog .dialog-body .thumb {
  position: relative;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
}
.dialog.tabbed-dialog .dialog-header {
  height: 0;
  padding: 0;
}
.dialog.tabbed-dialog .dialog-body {
  padding: 0;
}
.dialog.tabbed-dialog .lucid-tabs {
  margin: 0;
  border-width: 0 0 1px;
  padding-right: 34px;
}
.dialog.tabbed-dialog .dialog-footer {
  display: none;
}
.dialog.colorpickerdialog {
  width: 546px;
}
.dialog.colorpickerdialog .dialog-body {
  padding-bottom: 0;
}
.dialog.colorpickerdialog .dialog-footer {
  height: 0;
  background-color: white;
}
.dialog td {
  vertical-align: top;
}
.dialog.lp-imgcollectiondialog .dialog-body {
  padding: 9px;
}
.dialog.lp-imgcollectiondialog .dialog-body input {
  width: 100%;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.dialog.lp-imgcollectiondialog .dialog-body .pagination {
  padding: 5px;
  margin: 5px 0;
  text-align: right;
  border-right: #cccccc solid 5px;
}
.dialog.lp-imgcollectiondialog .dialog-body .item {
  position: relative;
  cursor: pointer;
  display: block;
  min-height: 128px;
  padding: 10px 5px;
  overflow: hidden;
  border-radius: 6px;
}
.dialog.lp-imgcollectiondialog .dialog-body .item:hover {
  background-color: #cccccc;
  -webkit-box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: inset 0 2px 3px 0 rgba(0, 0, 0, 0.5);
}
.dialog.lp-imgcollectiondialog .dialog-body .item:active {
  background-color: #29aae1;
}
.dialog.lp-imgcollectiondialog .dialog-body .item .title {
  font-size: 14px;
  line-height: 19px;
  margin: 0 5px 5px;
}
.dialog.lp-imgcollectiondialog .dialog-body .item table {
  margin: 0;
  padding: 0;
  border: 0;
  width: auto;
  height: 100%;
}
.dialog.lp-imgcollectiondialog .dialog-body .item tr {
  border: 0;
  padding: 0;
  margin: 0;
}
.dialog.lp-imgcollectiondialog .dialog-body .item td {
  vertical-align: middle;
  text-align: center;
  border: 0;
  padding: 0 5px;
  margin: 0;
}
.dialog.lp-imgcollectiondialog .dialog-body .thumb {
  position: relative;
  -webkit-box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
  box-shadow: 0 2px 3px 0 rgba(0, 0, 0, 0.5);
}
.dialog.lp-imgcollectiondialog .dialog-footer {
  height: auto;
  border-top: #999999 solid 1px;
  padding: 10px 10px 9px;
}
.dialog.lp-imgcollectiondialog .dialog-footer .button {
  margin-top: 10px;
}
.dialog.onboarding-dialog .third {
  float: left;
  width: 33%;
  display: inline-block;
}
.dialog.onboarding-dialog .skip-btn {
  font-size: 14px;
  cursor: pointer;
  vertical-align: middle;
}
.dialog.onboarding-dialog .panel-img {
  width: 504px;
  height: 375px;
  margin-left: auto;
  margin-right: auto;
  margin-top: 20px;
  margin-bottom: 0px;
}
.dialog.onboarding-dialog .tip {
  margin-bottom: 0px;
  font-size: 14px;
  text-align: center;
}
.dialog.onboarding-dialog .slider {
  width: 80px;
  margin: 0 auto;
}
.dialog.onboarding-dialog .slider span {
  float: left;
  height: 16px;
  width: 16px;
  cursor: pointer;
  background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAZBJREFUeNrsVrFqwzAQtUPH/IL/oeApZGg3d8vguUsHb+3YjsFjM7aboVPXePDoDzCZBPmHDP2B7u5TeQ6KIsk2FGwaHzww0j3dU3J3Or+ua29Im3kD21XzIYRoPgMgBiIgbLaBEsiBQ8uZnfhhGJ4KoC2AZ+Ab+AAeuL4EVsANsAF2luCS/0Jf1e6IW+BV5c805TL4HrgHtsAXseXanj6B5eam4Kqt6BOYBMS8eeo4IKVPbNiLW4KrImKTAPmfFR0OKOirW9Qj9yKTAJkVVQdypSSXp/G7WjiaMlQFCGZ7my3pq5voEVeYBJQ9kqg0rJc9BJQmAbJJzIG1g7imT27Yy3skcX7WCdmhNqzzTzpWWiOa08fUDQ9sMp7jlyzoc+T7zWM0VCv2L/41nAToz7GXZZkziZIkcSZhX/5JEoKszgPWMsQhO0vwRcuT/FuGKv8ogMrf5JsPh9QSQDaia+BJvwn57x26qRTx2PDP5gFbcGncm+aBaR745/MAS81zlOGfzgPjaUSjaMUX+Rr+CDAAg9bCRxj2J/kAAAAASUVORK5CYII=) top left no-repeat;
}
.dialog.onboarding-dialog .slider span.active {
  background-position: top right;
}
.dialog.onboarding-dialog .nav-btn {
  cursor: pointer;
  color: #fff;
  background: #29aae1;
  border: none;
  border-radius: 14px;
  text-shadow: none;
  font-size: 14px;
  padding: 0 14px;
  height: 28px;
  line-height: 28px;
}
.dialog.onboarding-dialog .nav-btn:hover {
  background: #3ed5f0;
}
.dialog.custom-fields-dialog .field-label {
  width: 120px;
  text-align: right;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dialog.custom-fields-dialog .field-select {
  width: 120px;
  margin-left: 5px;
}
.dialog.custom-fields-dialog .field-trash {
  margin-top: 4px;
  margin-right: 110px;
}
.dialog.custom-fields-dialog .add-field {
  width: 75px;
  height: 30px;
  margin-left: 130px;
}
.dialog.custom-fields-dialog .add-field .plus {
  margin-top: -15px;
  position: absolute;
}
.dialog.custom-fields-dialog .add-field .text {
  margin-top: -17px;
  margin-left: 10px;
}
.dialog.mind-map-dialog.import .title {
  font-size: 15px;
  margin-bottom: 5px;
}
.dialog.mind-map-dialog.import .subtext {
  margin-bottom: 5px;
}
.dialog.mind-map-dialog.import .bold {
  font-weight: bold;
}
.dialog.mind-map-dialog.import .space {
  margin: 5px 0px;
}
.dialog.mind-map-dialog.import .text-area {
  margin-bottom: 15px;
  height: 200px;
}
.dialog.mind-map-dialog.import .text-area textarea {
  height: 200px;
  color: black;
}
.dialog.mind-map-dialog.import .text-area.blur textarea {
  color: gray;
}
.dialog.mind-map-dialog.import .link {
  margin-left: 5px;
}
.dialog.mind-map-dialog.import .radio {
  display: inline-block;
  margin-bottom: 15px;
}
.dialog.mind-map-dialog.import .help {
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-left: 10px;
  vertical-align: sub;
}
.dialog.mind-map-dialog.import .select {
  width: 110px;
}
.dialog.mind-map-dialog.export .bullet-text {
  -webkit-user-select: all;
  user-select: all;
  word-wrap: normal;
  white-space: pre;
}
.dialog.mind-map-dialog.export .bullet-text .ul {
  margin: 0px;
}
.dialog.mind-map-dialog.export .text-area-container {
  width: 380px;
  height: 307px;
  overflow: auto;
  margin-top: 5px;
  margin-bottom: -7px;
}
.dialog.mind-map-dialog.export .text-area {
  width: 98%;
  height: 95%;
  resize: none;
  overflow: auto;
  word-wrap: normal;
  white-space: pre;
  border: 1px solid;
}
.dialog.mind-map-dialog.export .bullet-list-container {
  width: 378px;
  height: 298px;
  overflow: auto;
  border: 1px solid;
  margin-top: 5px;
}
.dialog.mind-map-dialog .warning {
  margin-bottom: 15px;
}
.dialog #share_dialog .super-hidden {
  display: none;
}
.dialog #share_dialog .button.disabled {
  color: #808080 !important;
}
.dialog table.file-list {
  overflow: scroll;
}
.dialog table.file-list tr td {
  text-overflow: ellipsis;
  padding-top: 0;
  padding-bottom: 0;
}
.dialog table.file-list tr td:nth-child(1) {
  min-width: 60px;
  max-width: 160px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.dialog table.file-list tr td:nth-child(2) {
  min-width: 5em;
}
.dialog .stencil-file {
  max-width: 180px;
  margin-top: 7px;
  margin-left: 7px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.clipboard-hotkey-dialog-content table td {
  /* .dialog-body-table table td overrides this */
  text-align: center ! important;
}
.hotkey-ref-set {
  display: table;
  border-collapse: separate;
}
.hotkey-ref {
  display: table-cell;
  vertical-align: top;
  width: 1%;
  text-align: center;
  font-size: 36px;
  line-height: 1;
  font-weight: bold;
}
.hotkey-ref small {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  font-weight: normal;
}
.file-import-dialog > .dialog {
  width: 50%;
  max-width: 800px;
  min-width: 400px;
}
.file-import-dialog table.file-list .icn-18 {
  vertical-align: -5px;
  margin-left: .5em;
}
.file-import-dialog table.file-list tr td {
  padding-bottom: 4px;
  padding-top: 4px;
  position: relative;
}
.file-import-dialog .import-success {
  color: #529f1f;
}
.file-import-dialog .import-failure {
  color: #ed6058;
}
.file-import-dialog .import-user-error {
  color: #f78d1e !important;
}
.file-import-dialog .import-message-icon {
  position: absolute;
  top: 6px;
  right: 12px;
}
.callout-dialog-close-button.icn-cross:hover {
  opacity: 0.5;
}
.dialog-animation {
  animation-duration: .4s;
  animation-fill-mode: both;
}
@keyframes fade-out {
  from {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-out-down {
  from {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
  100% {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
}
@keyframes fade-in-up {
  from {
    transform: translate3d(0, 20px, 0);
    opacity: 0;
  }
  100% {
    transform: translate3d(0, 0, 0);
    opacity: 1;
  }
}
.dialog-animation.fade-out {
  animation-name: fade-out;
  pointer-events: none;
}
.dialog-animation.fade-in {
  animation-name: fade-in;
}
.dialog-animation.fade-out-down {
  animation-name: fade-out-down;
  pointer-events: none;
}
.dialog-animation.fade-in-up {
  animation-name: fade-in-up;
}
.ui-effects-transfer {
  border: 1px solid #aaaaaa;
  border-radius: 4px;
  background-color: rgba(255, 255, 255, 0.5);
  z-index: 21;
  animation-duration: .4s;
  animation-fill-mode: both;
  animation-name: fade-out;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff2) format('woff2'), url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/fonts/source-sans-pro/sourcesanspro-regular-webfont.woff) format('woff'), url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/fonts/source-sans-pro/sourcesanspro-regular-webfont.ttf) format('truetype');
  font-weight: 400;
  font-style: normal;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/fonts/source-sans-pro/sourcesanspro-it-webfont.woff2) format('woff2'), url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/fonts/source-sans-pro/sourcesanspro-it-webfont.woff) format('woff'), url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/fonts/source-sans-pro/sourcesanspro-it-webfont.ttf) format('truetype');
  font-weight: 400;
  font-style: italic;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff2) format('woff2'), url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/fonts/source-sans-pro/sourcesanspro-bold-webfont.woff) format('woff'), url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/fonts/source-sans-pro/sourcesanspro-bold-webfont.ttf) format('truetype');
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "Source Sans Pro";
  src: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/fonts/source-sans-pro/sourcesanspro-boldit-webfont.woff2) format('woff2'), url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/fonts/source-sans-pro/sourcesanspro-boldit-webfont.woff) format('woff'), url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/fonts/source-sans-pro/sourcesanspro-boldit-webfont.ttf) format('truetype');
  font-weight: 700;
  font-style: italic;
}
h1.component-header,
h2.component-header {
  font-weight: bold;
  font-size: 18px;
}
.component-font-body {
  font-family: "Source Sans Pro", sans-serif;
  color: #5a5a5a;
  font-size: 14px;
  line-height: 18px;
  font-weight: 400;
}
.component-font-body.disabled {
  color: #a0a0a0;
}
.component-font-body.link {
  color: #2c84b5;
  text-decoration: underline;
  cursor: pointer;
}
.component-font-body.bold {
  font-size: 14px;
  line-height: 28px;
  font-weight: 700;
  letter-spacing: 0.5px;
}
.component-font-body.large {
  font-size: 18px;
  line-height: 26px;
}
/*

# Buttons

See the "Buttons" section of the UI Components document in the lucidsoftware/design GitHub repository.

Note that all buttons need the `component-btn` class. There is also a disabled state available by using the `disabled` class or HTML5 attribute.

Primary gray:

```
<button class="component-btn component-btn-primary-gray">component-primary-gray</button>
```

Secondary gray:

```
<button class="component-btn component-btn-secondary-gray">component-btn-secondary-gray</button>
```

Primary blue: (**deprecated**)

```
<button class="component-btn component-btn-primary-blue">component-btn-primary-blue</button>
```

Secondary blue:

```
<button class="component-btn component-btn-secondary-blue">component-btn-secondary-blue</button>
```

Special blue:

```
<button class="component-btn component-btn-special-blue">component-btn-special-blue</button>
```

Disabled:

```
<button class="component-btn component-btn-primary-gray" disabled>disabled</button>
```

Circle:

```
<button class="component-btn component-btn-circle">?</button>
```

*/
input.component-btn::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: -3px;
  margin-bottom: -2px;
}
.component-btn-steel-blue {
  background-color: #77818c;
  color: #ffffff;
  display: inline-block;
}
.component-btn-steel-blue:hover,
.component-btn-steel-blue:focus {
  background-color: #596470;
}
.component-btn-steel-blue a,
.component-btn-steel-blue a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-steel-blue.disabled,
.component-btn-steel-blue:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-steel-blue.disabled:hover,
.component-btn-steel-blue:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-steel-blue.light-hover:hover {
  background-color: #8d99a6;
}
.component-btn-steel-blue-dark {
  background-color: #3d4752;
  color: #ffffff;
  display: inline-block;
}
.component-btn-steel-blue-dark:hover,
.component-btn-steel-blue-dark:focus {
  background-color: rgba(61, 71, 82, 0.7);
}
.component-btn-steel-blue-dark a,
.component-btn-steel-blue-dark a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-steel-blue-dark.disabled,
.component-btn-steel-blue-dark:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-steel-blue-dark.disabled:hover,
.component-btn-steel-blue-dark:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  height: 28px;
  line-height: 28px;
  padding: 0 15px;
  border-radius: 4px;
  font-family: "Source Sans Pro", sans-serif;
  font-size: 14px;
  font-weight: 400;
  text-decoration: none;
  border: none;
  cursor: pointer;
  display: inline-block;
  outline: 0;
  white-space: nowrap;
}
.component-btn.hidden {
  display: none;
}
.component-btn-icn {
  background-position: 15px, 0;
  padding-left: 52px;
}
.component-btn.disabled,
.component-btn[disabled] {
  pointer-events: none;
}
.component-btn.disabled,
.component-btn[disabled],
.component-btn.disabled-with-pointer {
  cursor: default;
  background-color: #d2d2d2;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  color: white;
}
.component-btn-primary-gray {
  background-color: #828282;
  color: #ffffff;
  display: inline-block;
}
.component-btn-primary-gray:hover,
.component-btn-primary-gray:focus {
  background-color: #8e8e8e;
}
.component-btn-primary-gray a,
.component-btn-primary-gray a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-primary-gray.disabled,
.component-btn-primary-gray:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-primary-gray.disabled:hover,
.component-btn-primary-gray:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-secondary-gray {
  background-color: #a5a5a5;
  color: #ffffff;
  display: inline-block;
}
.component-btn-secondary-gray:hover,
.component-btn-secondary-gray:focus {
  background-color: #b2b2b2;
}
.component-btn-secondary-gray a,
.component-btn-secondary-gray a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-secondary-gray.disabled,
.component-btn-secondary-gray:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-secondary-gray.disabled:hover,
.component-btn-secondary-gray:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-secondary-gray-light-border {
  background-color: #d2d2d2;
  color: #5a5a5a;
  display: inline-block;
  background-color: white;
  border: 1px solid #d2d2d2;
}
.component-btn-secondary-gray-light-border:hover,
.component-btn-secondary-gray-light-border:focus {
  background-color: #f7f7f7;
}
.component-btn-secondary-gray-light-border a,
.component-btn-secondary-gray-light-border a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-secondary-gray-light-border.disabled,
.component-btn-secondary-gray-light-border:disabled {
  color: #5a5a5a;
  background-color: #d2d2d2;
}
.component-btn-secondary-gray-light-border.disabled:hover,
.component-btn-secondary-gray-light-border:disabled:hover {
  color: #5a5a5a;
  background-color: #d2d2d2;
}
.component-btn-secondary-gray-light-border.disabled {
  border: 1px solid #d2d2d2;
}
.component-btn-primary-blue {
  background-color: #2c84b5;
  color: #ffffff;
  display: inline-block;
}
.component-btn-primary-blue:hover,
.component-btn-primary-blue:focus {
  background-color: #3c97bf;
}
.component-btn-primary-blue a,
.component-btn-primary-blue a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-primary-blue.disabled,
.component-btn-primary-blue:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-primary-blue.disabled:hover,
.component-btn-primary-blue:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-secondary-blue {
  background-color: #29aae1;
  color: #ffffff;
  display: inline-block;
}
.component-btn-secondary-blue:hover,
.component-btn-secondary-blue:focus {
  background-color: #3cb9e5;
}
.component-btn-secondary-blue a,
.component-btn-secondary-blue a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-secondary-blue.disabled,
.component-btn-secondary-blue:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-secondary-blue.disabled:hover,
.component-btn-secondary-blue:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-special-blue {
  background-color: #d9eef9;
  color: #6e6e6e;
  display: inline-block;
}
.component-btn-special-blue:hover,
.component-btn-special-blue:focus {
  background-color: #afe4f9;
}
.component-btn-special-blue a,
.component-btn-special-blue a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-special-blue.disabled,
.component-btn-special-blue:disabled {
  color: #6e6e6e;
  background-color: #d2d2d2;
}
.component-btn-special-blue.disabled:hover,
.component-btn-special-blue:disabled:hover {
  color: #6e6e6e;
  background-color: #d2d2d2;
}
.component-btn-primary-green {
  background-color: #8cbf3f;
  color: #ffffff;
  display: inline-block;
}
.component-btn-primary-green:hover,
.component-btn-primary-green:focus {
  background-color: #a3cb65;
}
.component-btn-primary-green a,
.component-btn-primary-green a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-primary-green.disabled,
.component-btn-primary-green:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-primary-green.disabled:hover,
.component-btn-primary-green:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-priority {
  background-color: #ed6058;
  color: #ffffff;
  display: inline-block;
}
.component-btn-priority:hover,
.component-btn-priority:focus {
  background-color: #f18079;
}
.component-btn-priority a,
.component-btn-priority a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-priority.disabled,
.component-btn-priority:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-priority.disabled:hover,
.component-btn-priority:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-light-priority {
  background-color: #f18079;
  color: #ffffff;
  display: inline-block;
}
.component-btn-light-priority:hover,
.component-btn-light-priority:focus {
  background-color: #fbdcda;
}
.component-btn-light-priority a,
.component-btn-light-priority a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-light-priority.disabled,
.component-btn-light-priority:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-light-priority.disabled:hover,
.component-btn-light-priority:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-error {
  background-color: #ef6156;
  color: #ffffff;
  display: inline-block;
}
.component-btn-error:hover,
.component-btn-error:focus {
  background-color: #ef6156;
}
.component-btn-error a,
.component-btn-error a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-error.disabled,
.component-btn-error:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-error.disabled:hover,
.component-btn-error:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-circle {
  background-color: #828282;
  color: #ffffff;
  display: inline-block;
  width: 28px;
  padding: 0;
}
.component-btn-circle:hover,
.component-btn-circle:focus {
  background-color: #8e8e8e;
}
.component-btn-circle a,
.component-btn-circle a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-circle.disabled,
.component-btn-circle:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-circle.disabled:hover,
.component-btn-circle:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-purple {
  background-color: #b54f9e;
  color: #ffffff;
  display: inline-block;
}
.component-btn-purple:hover,
.component-btn-purple:focus {
  background-color: #bc69b2;
}
.component-btn-purple a,
.component-btn-purple a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-purple.disabled,
.component-btn-purple:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-purple.disabled:hover,
.component-btn-purple:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-purple {
  background-color: #b54f9e;
  color: #ffffff;
  display: inline-block;
}
.component-btn-purple:hover,
.component-btn-purple:focus {
  background-color: #bc69b2;
}
.component-btn-purple a,
.component-btn-purple a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-purple.disabled,
.component-btn-purple:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-purple.disabled:hover,
.component-btn-purple:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-steel-primary {
  background-color: #29aae1;
  color: #ffffff;
  display: inline-block;
}
.component-btn-steel-primary:hover,
.component-btn-steel-primary:focus {
  background-color: #3cb9e5;
}
.component-btn-steel-primary a,
.component-btn-steel-primary a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-steel-primary.disabled,
.component-btn-steel-primary:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-steel-primary.disabled:hover,
.component-btn-steel-primary:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-steel-orange {
  background-color: #fa8d28;
  color: #ffffff;
  display: inline-block;
}
.component-btn-steel-orange:hover,
.component-btn-steel-orange:focus {
  background-color: #ff9e37;
}
.component-btn-steel-orange a,
.component-btn-steel-orange a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-steel-orange.disabled,
.component-btn-steel-orange:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-steel-orange.disabled:hover,
.component-btn-steel-orange:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-steel-green {
  background-color: #8cbf3f;
  color: #ffffff;
  display: inline-block;
}
.component-btn-steel-green:hover,
.component-btn-steel-green:focus {
  background-color: #a3cb65;
}
.component-btn-steel-green a,
.component-btn-steel-green a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-steel-green.disabled,
.component-btn-steel-green:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-steel-green.disabled:hover,
.component-btn-steel-green:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-blue-faded {
  background-color: #d4eef8;
  color: #2080a9;
  display: inline-block;
}
.component-btn-blue-faded:hover,
.component-btn-blue-faded:focus {
  background-color: #d8f0f9;
}
.component-btn-blue-faded a,
.component-btn-blue-faded a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-blue-faded.disabled,
.component-btn-blue-faded:disabled {
  color: #2080a9;
  background-color: #d2d2d2;
}
.component-btn-blue-faded.disabled:hover,
.component-btn-blue-faded:disabled:hover {
  color: #2080a9;
  background-color: #d2d2d2;
}
.component-btn-blue-dark {
  background-color: #29a9e1;
  color: white;
  display: inline-block;
}
.component-btn-blue-dark:hover,
.component-btn-blue-dark:focus {
  background-color: #3eb2e4;
}
.component-btn-blue-dark a,
.component-btn-blue-dark a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-blue-dark.disabled,
.component-btn-blue-dark:disabled {
  color: white;
  background-color: #d2d2d2;
}
.component-btn-blue-dark.disabled:hover,
.component-btn-blue-dark:disabled:hover {
  color: white;
  background-color: #d2d2d2;
}
.component-btn-help {
  background-color: #77818c;
  color: white;
  display: inline-block;
  border-radius: 14px;
  width: 28px;
  padding: 0;
  text-align: center;
}
.component-btn-help:hover,
.component-btn-help:focus {
  background-color: #858e98;
}
.component-btn-help a,
.component-btn-help a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-help.disabled,
.component-btn-help:disabled {
  color: white;
  background-color: #d2d2d2;
}
.component-btn-help.disabled:hover,
.component-btn-help:disabled:hover {
  color: white;
  background-color: #d2d2d2;
}
.component-btn-help:before {
  content: "?";
  font-weight: bold;
  font-size: 16px;
}
.component-btn-tall {
  height: 36px;
  line-height: 36px;
}
.component-btn-group {
  display: inline-flex;
  justify-content: flex-start;
  align-items: center;
}
.component-btn-group .component-btn {
  border-radius: 0;
}
.component-btn-group .component-btn:first-child {
  border-bottom-left-radius: 4px;
  border-top-left-radius: 4px;
}
.component-btn-group .component-btn:last-child {
  border-bottom-right-radius: 4px;
  border-top-right-radius: 4px;
}
.component-btn-group .component-btn + .component-btn {
  margin-left: 1px;
}
.component-tristate-btn {
  display: inline-block;
  border-radius: 4px;
  height: 28px;
  width: 110px;
  overflow: hidden;
  font-size: 14px;
  position: relative;
  transition: all .2s;
  text-align: center;
}
.component-tristate-btn span {
  line-height: 27px;
  position: absolute;
  top: 30px;
  left: 0;
  width: 100%;
  opacity: 1;
  transition: all 0.2s ease-in-out;
}
.component-tristate-btn.first span:nth-of-type(1) {
  top: 0;
  display: inline;
}
.component-tristate-btn.first span:nth-of-type(2) {
  opacity: 0;
  top: 0;
}
.component-tristate-btn.first span:nth-of-type(3) {
  top: 30px;
  opacity: 0;
}
.component-tristate-btn.second span:nth-of-type(1) {
  opacity: 0;
  top: 0;
}
.component-tristate-btn.second span:nth-of-type(2) {
  opacity: 1;
  top: 0;
}
.component-tristate-btn.second span:nth-of-type(3) {
  opacity: 0;
}
.component-tristate-btn.third {
  background: #8cbf3f;
  width: 140px;
}
.component-tristate-btn.third span:nth-of-type(1) {
  opacity: 0;
  top: -30px;
}
.component-tristate-btn.third span:nth-of-type(2) {
  top: -30px;
  opacity: 0;
}
.component-tristate-btn.third span:nth-of-type(3) {
  top: 0;
}
/**
 * Base style for MS Office-style buttons
 */
.component-btn-office {
  border-radius: 0;
  font-family: "RobotoRegular", sans-serif;
  padding: 8px 10px;
  height: auto;
  line-height: 1.2;
}
.component-btn-office-white {
  background-color: #ffffff;
  color: #77818c;
  display: inline-block;
}
.component-btn-office-white:hover,
.component-btn-office-white:focus {
  background-color: #ffffff;
}
.component-btn-office-white a,
.component-btn-office-white a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-office-white.disabled,
.component-btn-office-white:disabled {
  color: #77818c;
  background-color: #d2d2d2;
}
.component-btn-office-white.disabled:hover,
.component-btn-office-white:disabled:hover {
  color: #77818c;
  background-color: #d2d2d2;
}
.component-btn-office-dark {
  background-color: #212c35;
  color: #ffffff;
  display: inline-block;
}
.component-btn-office-dark:hover,
.component-btn-office-dark:focus {
  background-color: #212c35;
}
.component-btn-office-dark a,
.component-btn-office-dark a:hover {
  color: inherit;
  text-decoration: inherit;
}
.component-btn-office-dark.disabled,
.component-btn-office-dark:disabled {
  color: #ffffff;
  background-color: #d2d2d2;
}
.component-btn-office-dark.disabled:hover,
.component-btn-office-dark:disabled:hover {
  color: #ffffff;
  background-color: #d2d2d2;
}
/*

Prefixer

All of the CSS3 fun, none of the prefixes!

As a rule, you can use the CSS properties you
would expect just by adding a '.':

box-shadow => .box-shadow(@args)

Also, when shorthand is available, arguments are
not parameterized. Learn CSS, not LESS Prefixer.

*/
/* Transforms */
/**
 * Style the placeholder text in inputs
 */
/*

A place for common variables. Also includes Chart-specific variables (formerly in `_chartVars.less`), to by overriden by Press users in `_pressVars.less`.

 */
/* Spacing
    ----------------------------------*/
/* Text
    ----------------------------------*/
/* Color
    ----------------------------------*/
/* Buttons
    ----------------------------------*/
/* Box model
    ----------------------------------*/
/* Progress bars
    ----------------------------------*/
/* Dropdowns
    ----------------------------------*/
/* Inputs
    ----------------------------------*/
/* Panels
    ----------------------------------*/
/* Dialogs
    ----------------------------------*/
/*

In this file resides overwrites to variables defined in the imported `/css/css-common/_vars`.

 */
div#ki_container #qualaroo_closer {
  display: block !important;
  height: 23px;
  position: absolute;
  top: -23px;
  right: 0px;
  z-index: 900;
  text-decoration: none;
  text-align: center;
  color: #ffffff;
  font-size: 14px;
  font-weight: bold;
  background: #272829;
  border: solid 2px rgba(255, 255, 255, 0.2);
  border-bottom: 0;
  box-shadow: 0 -2px 2px rgba(0, 0, 0, 0.2);
  border-top-left-radius: 6px;
  border-top-right-radius: 6px;
}
div#ki_container #qualaroo_closer span {
  width: 28px;
  display: block;
  float: left;
  text-align: center;
}
html #ki_container #ki_tab {
  right: 28px;
}
button::-moz-focus-inner {
  border: 0;
  padding: 0;
}
.user-select-text {
  -webkit-user-select: text;
  -ms-user-select: text;
  -moz-user-select: text;
  user-select: text;
}
.user-select-none {
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.no-drag {
  user-drag: none;
  user-select: none;
  -moz-user-select: none;
  -webkit-user-drag: none;
  -webkit-user-select: none;
  -ms-user-select: none;
}
.crop {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
  display: block;
}
.lead {
  font-size: 150%;
  line-height: 1.4;
}
.noise-texture {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/images/noise_texture.png);
  background-repeat: repeat;
}
.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.gui-box-shadow {
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.25);
}
.gui-box-shadow-drk {
  -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.67);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.67);
}
.no-pointer-events {
  pointer-events: none;
}
div.spacer-half,
div.spacer,
div.spacer2,
div.spacer3,
div.spacer4,
div.spacer5,
div.spacer6,
div.spacer7,
div.spacer8,
div.spacer9,
div.spacer10 {
  clear: both;
}
body.cursor-pointer * {
  cursor: pointer !important;
}
div.spacer-half {
  height: 5px;
}
div.spacer {
  height: 10px;
}
div.spacer2 {
  height: 20px;
}
div.spacer3 {
  height: 30px;
}
div.spacer4 {
  height: 40px;
}
div.spacer5 {
  height: 50px;
}
div.spacer6 {
  height: 60px;
}
div.spacer7 {
  height: 70px;
}
div.spacer8 {
  height: 80px;
}
div.spacer9 {
  height: 90px;
}
div.spacer10 {
  height: 100px;
}
.clear {
  clear: both;
  display: block;
  height: 0;
  margin: 0;
  padding: 0;
  border: none;
}
.left {
  float: left !important;
}
.right {
  float: right !important;
}
.right-keepflow {
  text-align: right;
  display: block;
}
.lalign {
  text-align: left !important;
}
.center {
  text-align: center !important;
}
.ralign {
  text-align: right !important;
}
.talign {
  vertical-align: top !important;
}
.malign {
  vertical-align: middle !important;
}
.balign {
  vertical-align: bottom !important;
}
.hidden {
  display: none;
}
.invisible {
  visibility: hidden;
}
.block {
  display: block !important;
}
.box-sizing-border {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.tmargin {
  margin-top: 10px;
}
.rmargin {
  margin-right: 10px;
}
.lmargin {
  margin-left: 10px;
}
.bmargin {
  margin-bottom: 10px;
}
.bold {
  font-weight: bold;
}
.italic {
  font-style: italic;
}
.white {
  color: #FFF !important;
}
.blue {
  color: #29aae1 !important;
}
.orange {
  color: #f78d1e !important;
}
.red {
  color: red !important;
}
.lighter {
  color: #999999 !important;
}
.underline {
  text-decoration: underline;
}
.link {
  color: #29aae1;
  cursor: pointer;
}
.red-link {
  color: #ed6058;
  cursor: pointer;
}
a.link {
  text-decoration: none;
}
a.link:hover {
  text-decoration: underline;
}
.circle {
  border-radius: 50%;
}
.well {
  background: #f0f0f0;
  padding: 2em 1.5em;
  border-radius: 10px;
  margin-top: 1em;
}
.well.large {
  padding: 1em 1em;
}
/*

# Content elements

See the "Content Elements" section of the UI Components document in the lucidsoftware/design GitHub repository.

 */
/*

## Well

```
<div class="component-well">
  Use the well on an element to give it an inset effect.
</div>
```

## Space Vertically

```
<div class="component-space-vertically">
    <div class="component-well">
      One Well
    </div>
    <p>
        Paragraph
    </p>
    <div class="component-well">
      Two well
    </div>
</div>
```

 */
.component-well {
  background-color: #f0f0f0;
  padding: 1em 1.5em;
  border-radius: 8px;
  margin: 10px 0;
  position: relative;
  font-size: 16px;
}
.component-well:before,
.component-well:after {
  content: " ";
  display: table;
}
.component-well:after {
  clear: both;
}
.component-well:before,
.component-well:after {
  content: " ";
  display: table;
}
.component-well:after {
  clear: both;
}
.component-well label.remove-label-changes {
  font-size: 16px;
  color: #5a5a5a;
}
.component-well .well-header {
  font-style: italic;
  text-decoration: underline;
}
.component-well .well-footer {
  background-color: #E6E6E6;
  overflow: hidden;
  margin-left: -1.5em;
  margin-right: -1.5em;
  margin-bottom: -1em;
  border-bottom-right-radius: 8px;
  border-bottom-left-radius: 8px;
  padding: 1em 1.5em;
}
.component-well .well-row {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
}
.component-well .well-row .expand {
  flex: 1 1 auto;
}
.component-well .well-row input[type="checkbox"],
.component-well .well-row input[type="radio"] {
  margin: 0px;
}
.component-well .well-row input[type="checkbox"] + label,
.component-well .well-row input[type="radio"] + label {
  margin: 4px 0;
  padding: 0 0 0 15px;
}
.component-well .check-toggle-row {
  margin-left: 28px;
}
.component-well .well-row-left {
  justify-content: flex-start;
}
.component-well .well-row-left > * {
  vertical-align: middle;
}
.component-well .well-row-left > * + * {
  margin-left: 15px;
}
.component-well .error {
  margin-left: 15px;
  color: #ef6156;
}
.component-space-vertically > * + * {
  margin-top: 15px;
}
.component-space-horizontally > * + * {
  margin-left: 5px;
}
.component-sized-text {
  font-size: 14px;
  line-height: 14px;
  vertical-align: middle;
}
.component-sized-text-input {
  display: inline-block;
  width: 40px;
  line-height: 14px;
  margin-left: 5px;
  margin-right: 5px;
  vertical-align: middle;
  text-align: center;
}
.component-highlight {
  background-color: #e6e6e6;
  border-radius: 2px;
  padding: 1px 8px;
}
.style-blue-steel hr {
  border: 0;
  height: 1px;
  background: #d2d2d2;
  margin: 30px 0;
}
.style-blue-steel a,
.style-blue-steel .link {
  color: #2c84b5;
  text-decoration: none;
  cursor: pointer;
}
.style-blue-steel a:hover,
.style-blue-steel .link:hover {
  color: #3c97bf;
}
.style-blue-steel input[type="text"],
.style-blue-steel input:not([type]),
.style-blue-steel input[type="password"] {
  padding: 0 10px;
  border: 1px solid #a5a5a5;
  font-size: 14px;
  height: 28px;
}
.style-blue-steel input[type="text"]:focus,
.style-blue-steel input:not([type]):focus,
.style-blue-steel input[type="password"]:focus {
  border: 1px solid #29aae1;
  outline: 0;
}
.style-blue-steel input[type="text"]::-webkit-input-placeholder,
.style-blue-steel input:not([type])::-webkit-input-placeholder,
.style-blue-steel input[type="password"]::-webkit-input-placeholder {
  font-style: italic;
}
.style-blue-steel input[type="text"]::-moz-placeholder,
.style-blue-steel input:not([type])::-moz-placeholder,
.style-blue-steel input[type="password"]::-moz-placeholder {
  font-style: italic;
}
.style-blue-steel input[type="text"]:-ms-input-placeholder,
.style-blue-steel input:not([type]):-ms-input-placeholder,
.style-blue-steel input[type="password"]:-ms-input-placeholder {
  font-style: italic;
}
.style-blue-steel input[type="radio"]:invalid {
  box-shadow: none;
}
.style-blue-steel textarea {
  width: 100%;
}
.style-blue-steel img.responsive {
  max-width: 100%;
}
.style-blue-steel .text-block {
  font-size: 16px;
}
.style-blue-steel .interactable {
  cursor: pointer;
}
.style-blue-steel .disabled-text {
  color: #d2d2d2;
}
.special-announcement {
  color: #5a5a5a;
  background-color: white;
  border-radius: 8px;
  font-family: "Source Sans Pro", sans-serif;
  position: fixed;
  width: 450px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  text-align: center;
}
.special-announcement-close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px;
  cursor: pointer;
}
.special-announcement-body {
  padding: 20px;
}
.special-announcement-title {
  font-size: 24px;
  margin-top: 10px;
  font-weight: bold;
}
.special-announcement-subtitle {
  font-size: 18px;
  color: #828282;
}
.special-announcement-image {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  height: 200px;
}
.special-announcement-description {
  font-size: 16px;
  margin: 0 15px;
  overflow: hidden;
  max-height: 400px;
}
.special-announcement-description p {
  margin-bottom: 8px;
}
.special-announcement-splash-text {
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 10px;
}
.special-announcement-team {
  margin: 0 55px;
}
.special-announcement-individual {
  margin: 0 25px;
}
.special-announcement-secondary-action {
  margin-top: 10px;
  font-size: 14px;
}
.special-announcement-buttons {
  margin-top: 10px;
}
.special-announcement-buttons .component-btn {
  vertical-align: top;
}
.special-announcement-buttons #special-alt-container {
  margin-right: 20px;
  display: inline-block;
}
.special-announcement-buttons #special-alt-container #special-alt-description {
  color: #666666;
  font-style: italic;
}
.with-subtitle {
  padding-top: 0px;
}
.special-announcement-image.trial-month-free-promotion {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/common/dialogs/1MonthFree.png);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .special-announcement-image.trial-month-free-promotion {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/common/dialogs/1MonthFree@2x.png);
    background-size: 300px 200px;
  }
}
.special-announcement-image.fifty-percent-off {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/common/dialogs/50-percent-off.png);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .special-announcement-image.fifty-percent-off {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/common/dialogs/50-percent-off@2x.png);
    background-size: 300px 200px;
  }
}
.special-announcement-image.free-limit {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/chart/dialogs/paywall-images/free-limit-chart.png);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .special-announcement-image.free-limit {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/chart/dialogs/paywall-images/free-limit-chart@2x.png);
    background-size: 300px 200px;
  }
}
.premium-info {
  color: #5a5a5a;
  background-color: white;
  border-radius: 8px;
  font-family: "Source Sans Pro", sans-serif;
  position: fixed;
  width: 450px;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
  box-sizing: border-box;
  text-align: center;
  background-color: #F0F0F0;
  position: relative;
  transform: inherit;
  top: 20px;
  left: 0;
  padding-top: 10px;
  width: 100%;
}
.premium-info-close {
  position: absolute;
  top: 10px;
  right: 10px;
  padding: 5px;
  cursor: pointer;
}
.premium-info-body {
  padding: 20px;
}
.premium-info-title {
  font-size: 24px;
  margin-top: 10px;
  font-weight: bold;
}
.premium-info-subtitle {
  font-size: 18px;
  color: #828282;
}
.premium-info-image {
  margin-top: 20px;
  margin-bottom: 10px;
  margin-left: auto;
  margin-right: auto;
  width: 300px;
  height: 200px;
}
.premium-info-description {
  font-size: 16px;
  margin: 0 15px;
  overflow: hidden;
  max-height: 400px;
}
.premium-info-description p {
  margin-bottom: 8px;
}
.premium-info-splash-text {
  font-size: 50px;
  font-weight: bold;
  margin-bottom: 10px;
}
.premium-info-team {
  margin: 0 55px;
}
.premium-info-individual {
  margin: 0 25px;
}
.premium-info-secondary-action {
  margin-top: 10px;
  font-size: 14px;
}
.premium-info-buttons {
  margin-top: 10px;
}
.premium-info-buttons .component-btn {
  vertical-align: top;
}
.premium-info-buttons #special-alt-container {
  margin-right: 20px;
  display: inline-block;
}
.premium-info-buttons #special-alt-container #special-alt-description {
  color: #666666;
  font-style: italic;
}
.premium-info .premium-info-slider {
  position: relative;
}
.premium-info .premium-info-slider .left-arrow,
.premium-info .premium-info-slider .right-arrow {
  position: absolute;
}
.premium-info .premium-info-slider .special-announcement-body {
  padding: 15px;
  padding-top: 5px;
}
.premium-info .premium-info-slider .special-announcement-image {
  margin: 10px auto 10px;
}
.premium-info .premium-info-slider .special-announcement-description {
  width: 390px;
  margin: 0 45px;
}
.premium-info .premium-info-slider .special-announcement-buttons #premium-alt-container {
  margin: 0px;
}
.premium-info .premium-info-slider .special-announcement-buttons #premium-alt-action {
  width: 80px;
}
.premium-info .premium-info-slider .special-announcement-buttons #premium-main-btn {
  width: 80px;
  margin-right: 10px;
}
.special-announcement-image.trial-discount {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/trial-discount.png);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .special-announcement-image.trial-discount {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/trial-discount@2x.png);
    background-size: 300px 200px;
  }
}
.special-announcement-image.trial-discount-5 {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/trial-discount5.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .special-announcement-image.trial-discount-5 {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/trial-discount5@2x.jpg);
    background-size: 300px 200px;
  }
}
.special-announcement-image.trial-discount-20 {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/trial-discount20.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .special-announcement-image.trial-discount-20 {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/trial-discount20@2x.jpg);
    background-size: 300px 200px;
  }
}
.special-announcement-image.team-trial-extension {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/team-trial-extension.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .special-announcement-image.team-trial-extension {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/team-trial-extension@2x.jpg);
    background-size: 300px 200px;
  }
}
.special-announcement-image.team-five-monthly-deal {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/team-five-to-ten-promo.jpeg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .special-announcement-image.team-five-monthly-deal {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/team-five-to-ten-promo@2x.jpeg);
    background-size: 300px 200px;
  }
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-chevron-right-bluishGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-chevron-right-bluishGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-chevron-right-bluishGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2225%22%20height%3D%2241%22%20viewBox%3D%220%200%2025%2041%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24.913%2020.5L5.08%2040.332a2%202%200%200%201-2.822-.002L.84%2038.913a1.91%201.91%200%200%201%20.064-2.777S17.142%2021.216%2016.44%2020.51L.843%204.917a2.003%202.003%200%200%201-.003-2.83L2.26.67A2%202%200%200%201%205.08.668L24.914%2020.5z%22%20fill%3D%22%2377818d%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-chevron-left-bluishGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-chevron-left-bluishGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-chevron-left-bluishGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2225%22%20height%3D%2241%22%20viewBox%3D%220%200%2025%2041%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.257%2020.5L20.09%2040.332a2%202%200%200%200%202.823-.002l1.417-1.417a1.91%201.91%200%200%200-.063-2.777S8.027%2021.216%208.732%2020.51L24.326%204.917c.783-.782.78-2.05.004-2.83L22.913.67A2%202%200%200%200%2020.09.668L.257%2020.5z%22%20fill%3D%22%2377818d%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-clear-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-clear-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-clear-primaryGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cpath%20fill%3D%22%23828282%22%20d%3D%22M9%206h1V5h1V4h1V3h1V1h-2v1h-1v1H9v1H8v1H6V4H5V3H4V2H3V1H1v2h1v1h1v1h1v1h1v2H4v1H3v1H2v1H1v2h2v-1h1v-1h1v-1h1V9h2v1h1v1h1v1h1v1h2v-2h-1v-1h-1V9h-1V8H9V7z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
.premium-announcement-slides-container {
  position: relative;
  overflow: hidden;
  transition: height 500ms, transform 500ms ease;
}
.premium-announcement-slides-container .slide-holder {
  position: absolute;
}
.premium-announcement-slides-container .slide-holder #premium-alt-container {
  display: none;
}
.premium-announcement-slides-container .center-slide {
  position: relative;
}
.premium-announcement-slides-container .left-slide {
  transform: translateX(-100%);
  top: 0;
}
.premium-announcement-slides-container .right-slide {
  transform: translateX(100%);
  top: 0;
}
.premium-announcement-slides-container .slide-transition {
  transition: transform 500ms ease;
}
.premium-announcement-slider-arrow {
  position: fixed;
  top: 40%;
  background-size: contain;
  background-position: center;
  cursor: pointer;
}
.premium-announcement .left-arrow {
  left: 3%;
}
.premium-announcement .right-arrow {
  right: 3%;
}
.premium-announcement .special-announcement-body.premium-announcement-slide {
  padding-top: 5px;
}
.premium-announcement .premium-banner {
  display: block;
  position: absolute;
  height: 111px;
  width: 111px;
  top: -8px;
  left: -7px;
  z-index: 100;
}
.premium-announcement .premium-banner span {
  font-weight: bold;
  font-size: 18px;
  color: white;
  -webkit-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  text-transform: uppercase;
  position: absolute;
  top: 34px;
  left: 7px;
}
.with-alt.special-announcement-body .special-announcement-secondary-action {
  display: none;
}
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container {
  margin-right: 20px;
  display: inline-block;
}
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn {
  width: 100%;
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: #29aae1;
}
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn:hover,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn:focus,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn:active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.zeroclipboard-is-hover,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.zeroclipboard-is-active {
  color: white;
  background-color: #3eb3e4;
}
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.disabled,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn[disabled],
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.disabled:hover,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn[disabled]:hover,
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn:hover,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.disabled:focus,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn[disabled]:focus,
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn:focus,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.disabled:active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn[disabled]:active,
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn:active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.disabled.active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn[disabled].active,
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.disabled.zeroclipboard-is-hover,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn[disabled].zeroclipboard-is-hover,
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.zeroclipboard-is-hover,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.disabled.zeroclipboard-is-active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn[disabled].zeroclipboard-is-active,
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #29aae1;
}
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse {
  color: #29aae1;
  background-color: transparent;
  border-color: #29aae1;
}
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse:hover,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse:focus,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse:active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse.active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse.zeroclipboard-is-hover,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse.zeroclipboard-is-active {
  color: white;
  background-color: #3eb3e4;
  border-color: #29aae1;
}
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse.disabled,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse[disabled],
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse.disabled:hover,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse[disabled]:hover,
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse:hover,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse.disabled:focus,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse[disabled]:focus,
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse:focus,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse.disabled:active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse[disabled]:active,
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse:active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse.disabled.active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse[disabled].active,
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse.active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse.disabled.zeroclipboard-is-hover,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse[disabled].zeroclipboard-is-hover,
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse.zeroclipboard-is-hover,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse.disabled.zeroclipboard-is-active,
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse[disabled].zeroclipboard-is-active,
fieldset[disabled] .with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container .btn.btn-inverse.zeroclipboard-is-active {
  color: #87c8e3;
  background-color: transparent;
  border-color: #87c8e3;
}
.with-alt.special-announcement-body .special-announcement-buttons #premium-alt-container #premium-alt-description {
  color: #666666;
  font-style: italic;
}
.with-alt.special-announcement-body .special-announcement-buttons.slider-white {
  background-color: white;
}
.premium-announcement .premium-banner {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/premium-banner.png);
  height: 111px;
  width: 111px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .premium-banner {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/premium-banner@2x.png);
    background-size: 111px 111px;
  }
}
.premium-announcement .special-announcement-image.pdf-dpi {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/pdf-dpi.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.pdf-dpi {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/pdf-dpi@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.publish-banner {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/publish-banner.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.publish-banner {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/publish-banner@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.storage {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/storage.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.storage {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/storage@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.premium-templates {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/premium-templates.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.premium-templates {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/premium-templates@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.revision-history {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/revision-history.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.revision-history {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/revision-history@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.analytics {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/analytics.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.analytics {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/analytics@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.embedding {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/embedding.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.embedding {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/embedding@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.email-thumb {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/email-thumb.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.email-thumb {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/email-thumb@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.custom-fonts {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/custom-fonts.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.custom-fonts {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/custom-fonts@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.shared-resources {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/shared-resources.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.shared-resources {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/shared-resources@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.google-apps {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/google-apps.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.google-apps {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/google-apps@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.import {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/import.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.import {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/import@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.view-only {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/view-only.png);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.view-only {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/view-only@2x.png);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.pub-password {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/pub-password.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.pub-password {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/pub-password@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.downloadable-publication {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/downloadable-publication.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.downloadable-publication {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/downloadable-publication@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.doc-limit {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/3-doc-limit.png);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.doc-limit {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/3-doc-limit@2x.png);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.page-limit {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/page-limit.png);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.page-limit {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/page-limit@2x.png);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.color-management {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/color-management.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.color-management {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/color-management@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.google-classroom {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/google-classroom-v2.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.google-classroom {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/google-classroom-v2@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.free {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/free.png);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.free {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/free@2x.png);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.template-locking {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/template-locking.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.template-locking {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/template-locking@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.brand-assets {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/brand-assets-colors.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.brand-assets {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/brand-assets-colors@2x.jpg);
    background-size: 300px 200px;
  }
}
.premium-announcement .special-announcement-image.ink-dropper {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/paywall-color-picker.jpg);
  height: 200px;
  width: 300px;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  .premium-announcement .special-announcement-image.ink-dropper {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/paywall-images/paywall-color-picker@2x.jpg);
    background-size: 300px 200px;
  }
}
.image-manager-content .image .thumb .image-gallery-dialog-content-body-add-image {
  font-size: 8em;
  color: gray;
  padding-top: 58px;
  text-align: center;
  text-shadow: 0 2px 2px rgba(255, 255, 255, 0.7), 0 -1px 1px rgba(0, 0, 0, 0.2);
}
.image-manager-content-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 84px;
  padding-left: 20px;
  background-color: #eeeeee;
  border-top: 1px solid #d9d9d9;
}
.image-manager-content-footer fieldset {
  float: left;
}
.image-manager-content-footer fieldset.disabled {
  opacity: 0.5;
}
.image-manager-content-footer fieldset + fieldset {
  margin-left: 20px;
}
.gallery {
  background-color: #000000;
  position: absolute;
  overflow: hidden;
  top: 25px;
  right: 25px;
  bottom: 25px;
  left: 25px;
}
.gallery .gallery-large-image {
  width: 100%;
  height: 100%;
  position: relative;
  background-image: url();
  background-size: contain;
  background-position: center;
  background-repeat: no-repeat;
}
.gallery .overlay {
  position: absolute;
  top: 0px;
  right: 0px;
  bottom: 0px;
  left: 0px;
  background-color: rgba(0, 0, 0, 0.5);
  font-size: 14px;
  line-height: 1.2;
  color: #fff;
  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.25);
  opacity: 1;
  -webkit-transition: opacity 80ms linear 500ms;
  transition: opacity 80ms linear 500ms;
}
.gallery .overlay.off {
  opacity: 0;
}
.gallery .overlay-text {
  position: absolute;
  left: 0;
  opacity: 0.9;
  top: 50%;
  width: 100%;
  text-align: center;
}
.gallery .gallery-arrow {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/apps/press/press-common/images/view_nav_arrows.png);
  height: 56px;
  width: 39px;
  opacity: 0.2;
  background-repeat: no-repeat no-repeat;
  position: absolute;
  top: 50%;
  margin-top: -28px;
}
.gallery .gallery-arrow.gallery-arrow-right {
  background-position: top right;
  right: 5px;
}
.gallery .gallery-arrow.gallery-arrow-left {
  background-position: top left;
  left: 5px;
}
.gallery .gallery-scroll {
  display: none;
  cursor: pointer;
}
.gallery:hover .gallery-scroll {
  display: block;
}
.gallery:hover .dot-container {
  opacity: 1;
}
.gallery .gallery-scroll-left {
  position: absolute;
  top: 0px;
  left: 0px;
  width: 15%;
  height: 100%;
}
.gallery .gallery-scroll-left:hover .gallery-arrow-left {
  opacity: 0.6;
}
.gallery .gallery-scroll-right {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 15%;
  height: 100%;
}
.gallery .gallery-scroll-right:hover .gallery-arrow-right {
  opacity: 0.6;
}
.gallery .gallery-caption {
  position: absolute;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  padding: 2%;
  width: 100%;
  color: rgba(255, 255, 255, 0.9);
  font-size: 10pt;
}
#gallery-fullscreen {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.3);
  z-index: 200;
}
#gallery-fullscreen > div > .swipeview-loading {
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#555555)), -webkit-gradient(linear, 0 0, 100% 0, from(#777777), to(#777777));
  background-position: 50% 50%, 50% 50%;
  background-size: 200px 140px, 210px 150px;
  background-repeat: no-repeat;
}
#gallery-fullscreen > div > .swipeview-loading img,
#gallery-fullscreen #swipeview-slider img.loading {
  -webkit-transition-duration: 0;
  opacity: 0;
}
#gallery-fullscreen > div > .swipeview-loading span {
  -webkit-transition-duration: 0;
  -webkit-transform: translate3d(0, 100%, 0);
}
#gallery-fullscreen-nav {
  position: fixed;
  z-index: 9999;
  width: 100%;
  background: rgba(0, 0, 0, 0.75);
}
#gallery-fullscreen-nav li {
  display: block;
  float: left;
  background: rgba(255, 255, 255, 0.2);
  overflow: hidden;
}
#gallery-fullscreen-nav li.selected {
  background: rgba(255, 255, 255, 0.7);
}
#swipeview-slider > div {
  position: relative;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-box-pack: center;
  -webkit-box-align: center;
  overflow: hidden;
}
#swipeview-slider img {
  display: block;
  -webkit-box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.8);
  box-shadow: 3px 3px 6px 0px rgba(0, 0, 0, 0.8);
  border-radius: 2px;
  -webkit-transition-duration: 0.4s;
  -webkit-transition-property: opacity;
  opacity: 1;
  pointer-events: none;
  position: relative;
}
#swipeview-slider span {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 10px 0;
  display: block;
  background: rgba(0, 0, 0, 0.75);
  font-size: 20px;
  text-align: center;
  text-shadow: 0 1px 0 #000;
  color: #fff;
  border-top: 1px solid rgba(255, 255, 255, 0.2);
  -webkit-border-top-left-radius: 10px;
  -webkit-border-top-right-radius: 10px;
  -webkit-transition-duration: .3s;
  -webkit-transition-property: -webkit-transform;
  -webkit-transform: translate3d(0, 100%, 0);
}
#swipeview-slider .swipeview-active span {
  -webkit-transform: translate3d(0, 0, 0);
}
.gallery > div > .swipeview-loading {
  /* the background for this is set inline so the important is necessary */
  opacity: 0.99;
  /* adding the opacity fixed a bug wit the background not redrawing */
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#444444), to(#555555)), -webkit-gradient(linear, 0 0, 100% 0, from(#777777), to(#777777)) !important;
  background-position: 50% 50%, 50% 50% !important;
  background-size: 200px 140px, 210px 150px !important;
  background-repeat: no-repeat !important;
}
.gallery > div > .swipeview-loading span {
  -webkit-transition-duration: 0;
  -webkit-transform: translate3d(0, 100%, 0);
}
#gallery-overlay {
  position: absolute;
  width: 100%;
  height: 100%;
  background-color: #000;
  opacity: .0;
  -webkit-transition: opacity 0.5s;
  transition: opacity 0.5s;
}
.gallery-nav {
  position: absolute;
  width: 100%;
  background: rgba(0, 0, 0, 0.75);
  height: 2px;
  padding: 2px;
  margin: 0;
  top: 0;
}
.gallery-nav li {
  display: block;
  float: left;
  background: rgba(255, 255, 255, 0.2);
  overflow: hidden;
  padding: 0;
  margin: 0 1px;
  height: 2px;
}
.gallery-nav li.selected {
  background: rgba(255, 255, 255, 0.7);
}
#page-gallery-nav {
  position: absolute;
  width: 100%;
  top: 0;
  height: 6px;
  background: rgba(0, 0, 0, 0.75);
  padding: 0;
  margin: 0;
  z-index: 1;
  transition: height 200ms;
}
#page-gallery-nav li {
  cursor: pointer;
  display: block;
  position: absolute;
  background: rgba(176, 176, 176, 0.6);
  overflow: hidden;
  height: 4px;
  padding: 0px;
  margin: 1px;
  transition: height .25s;
}
#page-gallery-nav li.selected {
  background: #c6df3f;
  cursor: default;
}
#page-gallery-nav li.passed {
  background: #8cbf3f;
}
#page-gallery-nav.hover {
  height: 24px;
}
#page-gallery-nav.hover li {
  height: 22px;
}
.arrowkey-overlay {
  display: none;
  position: absolute;
  width: 320px;
  height: 380px;
  top: 50%;
  left: 50%;
  margin-top: -190px;
  margin-left: -160px;
  background: #262626;
  background: rgba(0, 0, 0, 0.85);
  border-radius: 12px;
  color: rgba(255, 255, 255, 0.8);
  padding: 208px 40px 40px;
  text-align: center;
  font-size: 14px;
  line-height: 20px;
  z-index: 101;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.arrowkey-overlay .key {
  position: absolute;
  background: #d9d9d9;
  background: rgba(255, 255, 255, 0.85);
  border-radius: 5px;
  height: 64px;
  width: 64px;
}
.arrowkey-overlay .key-disabled {
  background: #515151;
  background: rgba(96, 96, 96, 0.85);
}
.arrowkey-overlay .key:after {
  content: "";
  position: absolute;
  border: transparent solid 10px;
}
.arrowkey-overlay .key-up {
  top: 40px;
  left: 128px;
}
.arrowkey-overlay .key-up:after {
  top: 14px;
  left: 22px;
  border-bottom-width: 16px;
  border-bottom-color: rgba(0, 0, 0, 0.4);
}
.arrowkey-overlay .key-left {
  top: 114px;
  left: 54px;
}
.arrowkey-overlay .key-left:after {
  top: 22px;
  left: 14px;
  border-right-width: 16px;
  border-right-color: rgba(0, 0, 0, 0.6);
}
.arrowkey-overlay .key-down {
  top: 114px;
  left: 128px;
}
.arrowkey-overlay .key-down:after {
  top: 24px;
  left: 22px;
  border-top-width: 16px;
  border-top-color: rgba(0, 0, 0, 0.4);
}
.arrowkey-overlay .key-right {
  top: 114px;
  left: 202px;
}
.arrowkey-overlay .key-right:after {
  top: 22px;
  left: 24px;
  border-left-width: 16px;
  border-left-color: rgba(0, 0, 0, 0.6);
}
.arrowkey-overlay .action-hint-container {
  margin-top: 30px;
}
.arrowkey-overlay .action-hint {
  float: left;
  width: 33.3%;
}
.arrowkey-overlay .action-hint-icon {
  height: 13px;
  width: 13px;
  padding: 8px;
  border-radius: 17px;
  background-color: #29aae1;
  background-color: rgba(41, 170, 225, 0.8);
  margin: 0 auto;
}
.arrowkey-overlay .action-hint-label {
  font-size: 12px;
  line-height: 1.1;
  margin-top: 10px;
}
.arrowkey-overlay.no-keys {
  height: auto;
  margin-top: -110px;
  padding: 40px;
}
/*

The Press viewer icons.

# 13px × 13px

```
<div style="background-color: #ddd;">
    <div><span style="display: inline-block; margin: 0 5px;" class="icon-13 icon-13-action"></span><span style="display: inline-block; margin: 0 5px;">icon-13-action</span></div>
    <div><span style="display: inline-block; margin: 0 5px;" class="icon-13 icon-13-action-ext"></span><span style="display: inline-block; margin: 0 5px;">icon-13-action-ext</span></div>
    <div><span style="display: inline-block; margin: 0 5px;" class="icon-13 icon-13-action-mail"></span><span style="display: inline-block; margin: 0 5px;">icon-13-action-mail</span></div>
</div>
```

*/
.icon-13 {
  background: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/apps/press/viewer/images/icons/icons_13.png) no-repeat;
  background-size: 130px 13px;
  height: 13px;
  width: 13px;
  padding: 0;
}
.icon-13-action {
  background-position: 0          0;
}
.icon-13-action-ext {
  background-position: -13px 0;
}
.icon-13-action-mail {
  background-position: -26px 0;
}
.icon-13-close {
  background-position: -39px 0;
}
.icon-13-button {
  height: 13px;
  width: 13px;
  padding: 2px;
  margin: 1px;
}
.icon-13-button:hover {
  background-color: rgba(0, 0, 0, 0.2);
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.retina .icon-13 {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/apps/press/viewer/images/icons/icons_13@2x.png);
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-addcomment-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-addcomment-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-addcomment-small {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23F2F2F2%22%20d%3D%22M4.5%2018.5V6.8L1.2%203.5h20.3v15z%22%2F%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M21%204v14H5V6.6l-.3-.3L2.4%204H21m1-1H0l4%204v12h18V3z%22%2F%3E%3Cpath%20fill%3D%22%23777%22%20d%3D%22M12%2016h2v-4h4v-2h-4V6h-2v4H8v2h4z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-add-plus {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%235A5A5A%22%20d%3D%22M6%2014h2V8h6V6H8V0H6v6H0v2h6z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-add-plus-secondaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-add-plus-secondaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-add-plus-secondaryGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23a5a5a5%22%20d%3D%22M6%2014h2V8h6V6H8V0H6v6H0v2h6z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-add-plus-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-add-plus-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-add-plus-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M6%2014h2V8h6V6H8V0H6v6H0v2h6z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-alert-circle" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-alert-circle" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-alert-circle {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%2329AAE1%22%20d%3D%22M10%201c-5%200-9%204-9%209s4%209%209%209%209-4%209-9-4-9-9-9zm1%2013H9v-2h2v2zm0-3H9V5h2v6z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-alert-triangle-alertYellow" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-alert-triangle-alertYellow" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-alert-triangle-alertYellow {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23ffaf46%22%20d%3D%22M18%2015.6L11.1%202.1c-.8-1.5-2-1.5-2.8%200l-7%2013.5c-.8%201.5%200%203.2%201.6%203.2h13.5c1.6%200%202.4-1.7%201.6-3.2zm-7.4-.4h-2v-2h2v2zm0-2.4h-2v-6h2v6z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-alert-triangle-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-alert-triangle-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-alert-triangle-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M18%2015.6L11.1%202.1c-.8-1.5-2-1.5-2.8%200l-7%2013.5c-.8%201.5%200%203.2%201.6%203.2h13.5c1.6%200%202.4-1.7%201.6-3.2zm-7.4-.4h-2v-2h2v2zm0-2.4h-2v-6h2v6z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-alert-triangle" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-alert-triangle" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-alert-triangle {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23ED6058%22%20d%3D%22M18%2015.6L11.1%202.1c-.8-1.5-2-1.5-2.8%200l-7%2013.5c-.8%201.5%200%203.2%201.6%203.2h13.5c1.6%200%202.4-1.7%201.6-3.2zm-7.4-.4h-2v-2h2v2zm0-2.4h-2v-6h2v6z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-alert-triangle-priorityRed" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-alert-triangle-priorityRed" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-alert-triangle-priorityRed {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23ed6058%22%20d%3D%22M18%2015.6L11.1%202.1c-.8-1.5-2-1.5-2.8%200l-7%2013.5c-.8%201.5%200%203.2%201.6%203.2h13.5c1.6%200%202.4-1.7%201.6-3.2zm-7.4-.4h-2v-2h2v2zm0-2.4h-2v-6h2v6z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-alert-triangle-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-alert-triangle-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-alert-triangle-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22white%22%20d%3D%22M18%2015.6L11.1%202.1c-.8-1.5-2-1.5-2.8%200l-7%2013.5c-.8%201.5%200%203.2%201.6%203.2h13.5c1.6%200%202.4-1.7%201.6-3.2zm-7.4-.4h-2v-2h2v2zm0-2.4h-2v-6h2v6z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-bottom-center" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-bottom-center" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-bottom-center {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M2%207h10v1H2zM0%209h14v1H0zM1%2011h12v1H1zM7%206l2.7-3H8V1H6v2H4.5z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-bottom-center-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-bottom-center-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-bottom-center-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M2%207h10v1H2zM0%209h14v1H0zM1%2011h12v1H1zM7%206l2.7-3H8V1H6v2H4.5z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-bottom-left" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-bottom-left" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-bottom-left {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M0%207h10v1H0zM0%209h14v1H0zM0%2011h11v1H0zM5.5%206l2.2-3H6.3V1H4.7v2H3.3z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-bottom-left-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-bottom-left-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-bottom-left-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M0%207h10v1H0zM0%209h14v1H0zM0%2011h11v1H0zM5.5%206l2.2-3H6.3V1H4.7v2H3.3z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-bottom-right" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-bottom-right" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-bottom-right {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M8.5%206l2.2-3H9.3V1H7.7v2H6.3zM4%207h10v1H4zM0%209h14v1H0zM3%2011h11v1H3z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-bottom-right-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-bottom-right-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-bottom-right-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M8.5%206l2.2-3H9.3V1H7.7v2H6.3zM4%207h10v1H4zM0%209h14v1H0zM3%2011h11v1H3z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-middle-center" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-middle-center" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-middle-center {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M1%203h12v1H1zM3%205h8v1H3zM0%207h14v1H0zM1%209h12v1H1z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-middle-center-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-middle-center-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-middle-center-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M1%203h12v1H1zM3%205h8v1H3zM0%207h14v1H0zM1%209h12v1H1z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-middle-left" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-middle-left" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-middle-left {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M0%203h13v1H0zM0%205h10v1H0zM0%207h14v1H0zM0%209h11v1H0z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-middle-left-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-middle-left-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-middle-left-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M0%203h13v1H0zM0%205h10v1H0zM0%207h14v1H0zM0%209h11v1H0z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-middle-right" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-middle-right" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-middle-right {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M1%203h13v1H1zM4%205h10v1H4zM0%207h14v1H0zM3%209h11v1H3z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-middle-right-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-middle-right-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-middle-right-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M1%203h13v1H1zM4%205h10v1H4zM0%207h14v1H0zM3%209h11v1H3z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-top-center" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-top-center" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-top-center {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M2%206h10v1H2zM0%204h14v1H0zM1%202h12v1H1zM7%208l-2.7%203H6v2h2v-2h1.5z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-top-center-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-top-center-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-top-center-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M2%206h10v1H2zM0%204h14v1H0zM1%202h12v1H1zM7%208l-2.7%203H6v2h2v-2h1.5z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-top-left" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-top-left" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-top-left {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M5.5%208l-2.2%203h1.4v2h1.6v-2h1.4zM0%206h10v1H0zM0%204h14v1H0zM0%202h11v1H0z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-top-left-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-top-left-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-top-left-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M5.5%208l-2.2%203h1.4v2h1.6v-2h1.4zM0%206h10v1H0zM0%204h14v1H0zM0%202h11v1H0z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-top-right" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-top-right" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-top-right {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M4%206h10v1H4zM0%204h14v1H0zM3%202h11v1H3zM8.5%208l-2.2%203h1.4v2h1.6v-2h1.4z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-align-top-right-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-align-top-right-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-align-top-right-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M4%206h10v1H4zM0%204h14v1H0zM3%202h11v1H3zM8.5%208l-2.2%203h1.4v2h1.6v-2h1.4z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-allcaps" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-allcaps" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-allcaps {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M7%202v2.1h-.2c0-.4-.1-.4-.2-.6-.1-.2-.3-.4-.5-.6-.2-.1-.5-.1-.9-.1H4.1v6.4c0%20.6.1.9.2%201%20.2.2.6.3.9.3h.6v.5H1.4v-.6H2c.4%200%20.7-.1.9-.3.1-.1.1-.5.1-1V2.8H1.9c-.4%200-.7%200-.8.1-.3%200-.4.2-.6.4-.1.3-.2.4-.3.8H0V2h7zM14%202v2.1h-.2c0-.4-.1-.4-.2-.6-.1-.3-.3-.4-.5-.6-.2-.1-.5-.2-.8-.2h-1.2v6.4c0%20.6.1.9.2%201%20.2.2.6.3.9.3h.6v.6H8.4v-.6H9c.4%200%20.7-.1.9-.3.1-.1.1-.5.1-1V2.8H8.9c-.4%200-.7%200-.8.1-.3%200-.4.2-.6.4-.1.3-.2.4-.3.8H7V2h7z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-allcaps-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-allcaps-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-allcaps-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M7%202v2.1h-.2c0-.4-.1-.4-.2-.6-.1-.2-.3-.4-.5-.6-.2-.1-.5-.1-.9-.1H4.1v6.4c0%20.6.1.9.2%201%20.2.2.6.3.9.3h.6v.5H1.4v-.6H2c.4%200%20.7-.1.9-.3.1-.1.1-.5.1-1V2.8H1.9c-.4%200-.7%200-.8.1-.3%200-.4.2-.6.4-.1.3-.2.4-.3.8H0V2h7zM14%202v2.1h-.2c0-.4-.1-.4-.2-.6-.1-.3-.3-.4-.5-.6-.2-.1-.5-.2-.8-.2h-1.2v6.4c0%20.6.1.9.2%201%20.2.2.6.3.9.3h.6v.6H8.4v-.6H9c.4%200%20.7-.1.9-.3.1-.1.1-.5.1-1V2.8H8.9c-.4%200-.7%200-.8.1-.3%200-.4.2-.6.4-.1.3-.2.4-.3.8H7V2h7z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-analytics" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-analytics" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-analytics {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eanalytics-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M3%2010.998c0-.55.443-.998%201-.998h1c.553%200%201%20.446%201%20.998v7.004c0%20.55-.443.998-1%20.998H4c-.553%200-1-.446-1-.998v-7.004zM9%204c0-.552.443-1%201-1h1c.553%200%201%20.445%201%201v14c0%20.552-.443%201-1%201h-1c-.553%200-1-.445-1-1V4zm6%204.002A.998.998%200%200%201%2016%207h1c.553%200%201%20.456%201%201.002v9.996A.998.998%200%200%201%2017%2019h-1c-.553%200-1-.456-1-1.002V8.002z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-analytics-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-analytics-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-analytics-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Eanalytics-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M3%2010.998c0-.55.443-.998%201-.998h1c.553%200%201%20.446%201%20.998v7.004c0%20.55-.443.998-1%20.998H4c-.553%200-1-.446-1-.998v-7.004zM9%204c0-.552.443-1%201-1h1c.553%200%201%20.445%201%201v14c0%20.552-.443%201-1%201h-1c-.553%200-1-.445-1-1V4zm6%204.002A.998.998%200%200%201%2016%207h1c.553%200%201%20.456%201%201.002v9.996A.998.998%200%200%201%2017%2019h-1c-.553%200-1-.456-1-1.002V8.002z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-back-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-back-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-back-disabled {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20fill%3D%22%23969696%22%3E%3Cpath%20d%3D%22M9%202c3.9%200%207%203.1%207%207s-3.1%207-7%207-7-3.1-7-7%203.1-7%207-7m0-2C4%200%200%204%200%209s4%209%209%209%209-4%209-9-4-9-9-9z%22%2F%3E%3Cpath%20d%3D%22M11%2012.6V5.4L5%209z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-back" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-back" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-back {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M9%202c3.9%200%207%203.1%207%207s-3.1%207-7%207-7-3.1-7-7%203.1-7%207-7m0-2C4%200%200%204%200%209s4%209%209%209%209-4%209-9-4-9-9-9z%22%2F%3E%3Cpath%20d%3D%22M11%2012.6V5.4L5%209z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-bell-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-bell-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-bell-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M19%2013h-.5-.5c-4%200-1.3-11-7-11S8%2013%204%2013H3c-.6%200-1%20.4-1%201v1c0%20.6.4%201%201%201h16c.6%200%201-.4%201-1v-1c0-.6-.4-1-1-1zM11.8%2020h-1.6c-.7%200-1.2-.5-1.2-1.2v-.6c0-.7.5-1.2%201.2-1.2h1.6c.7%200%201.2.5%201.2%201.2v.6c0%20.7-.5%201.2-1.2%201.2z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-bell-large-backgroundGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-bell-large-backgroundGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-bell-large-backgroundGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20fill%3D%22%23ebebeb%22%20d%3D%22M19%2013h-.5-.5c-4%200-1.3-11-7-11S8%2013%204%2013H3c-.6%200-1%20.4-1%201v1c0%20.6.4%201%201%201h16c.6%200%201-.4%201-1v-1c0-.6-.4-1-1-1zM11.8%2020h-1.6c-.7%200-1.2-.5-1.2-1.2v-.6c0-.7.5-1.2%201.2-1.2h1.6c.7%200%201.2.5%201.2%201.2v.6c0%20.7-.5%201.2-1.2%201.2z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-bell-large" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-bell-large" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-bell-large {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%20width%3D%2248%22%20height%3D%2248%22%3E%3Cpath%20fill%3D%22%235A5A5A%22%20d%3D%22M19%2013h-.5-.5c-4%200-1.3-11-7-11S8%2013%204%2013H3c-.6%200-1%20.4-1%201v1c0%20.6.4%201%201%201h16c.6%200%201-.4%201-1v-1c0-.6-.4-1-1-1zM11.8%2020h-1.6c-.7%200-1.2-.5-1.2-1.2v-.6c0-.7.5-1.2%201.2-1.2h1.6c.7%200%201.2.5%201.2%201.2v.6c0%20.7-.5%201.2-1.2%201.2z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-bell" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-bell" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-bell {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%235A5A5A%22%20d%3D%22M19%2013h-.5-.5c-4%200-1.3-11-7-11S8%2013%204%2013H3c-.6%200-1%20.4-1%201v1c0%20.6.4%201%201%201h16c.6%200%201-.4%201-1v-1c0-.6-.4-1-1-1zM11.8%2020h-1.6c-.7%200-1.2-.5-1.2-1.2v-.6c0-.7.5-1.2%201.2-1.2h1.6c.7%200%201.2.5%201.2%201.2v.6c0%20.7-.5%201.2-1.2%201.2z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-bing" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-bing" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-bing {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22648.533%22%20viewBox%3D%220%200%20512%20648.533%22%3E%3Cpath%20d%3D%22M0%20546.134l354.134-192L256%20307.2l-59.733-136.533L512%20273.067v153.6L145.066%20648.533%200%20546.133V0l153.6%2051.2v358.4L0%20546.134z%22%20fill%3D%22%23666%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
  <span class="icn-box-logo" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
  <span class="icn-box-logo" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
*/
.icn-box-logo {
  background-image: url(data:image/svg+xml;utf8,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%3E%3Cpath%20fill%3D%22%233D4752%22%20fill-rule%3D%22evenodd%22%20d%3D%22M19.78%2012l2-2.39a.99.99%200%200%200-.13-1.38.97.97%200%200%200-1.38.12l-1.77%202.12-1.77-2.12a.97.97%200%200%200-1.38-.12.99.99%200%200%200-.13%201.38l2%202.39-2%202.39a.99.99%200%200%200%20.13%201.38.97.97%200%200%200%201.38-.12l1.77-2.12%201.77%202.12c.35.41.96.47%201.38.12a.99.99%200%200%200%20.13-1.38l-2-2.39zM7.5%2013.94a4%204%200%200%201-7.44-2.6A1.06%201.06%200%200%201%200%2011V6a1%201%200%201%201%202%200v2.54a3.98%203.98%200%200%201%205.5%201.52%204%204%200%201%201%200%203.88zM4%2014a2%202%200%201%200%200-4%202%202%200%200%200%200%204zm7%200a2%202%200%201%200%200-4%202%202%200%200%200%200%204z%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-bullet-circle" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-bullet-circle" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-bullet-circle {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22%23F78D1D%22%20d%3D%22M0%204a4%204%200%201%200%208%200%204%204%200%201%200-8%200%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-bullet-circle-lightGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-bullet-circle-lightGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-bullet-circle-lightGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%228%22%20height%3D%228%22%20viewBox%3D%220%200%208%208%22%3E%3Cpath%20fill%3D%22%23a0a0a0%22%20d%3D%22M0%204a4%204%200%201%200%208%200%204%204%200%201%200-8%200%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-cancel-x-blue-steel" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-cancel-x-blue-steel" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-cancel-x-blue-steel {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2212%22%20height%3D%2212%22%20viewBox%3D%220%200%2012%2012%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EImported%20Layers%3C%2Ftitle%3E%3Cpath%20d%3D%22M7.414%206l4.293-4.293A1%201%200%201%200%2010.293.293L6%204.586%201.707.293A1%201%200%201%200%20.293%201.707L4.586%206%20.293%2010.293a1%201%200%201%200%201.414%201.414L6%207.414l4.293%204.293a.997.997%200%200%200%201.414%200%201%201%200%200%200%200-1.414L7.414%206%22%20fill%3D%22%2379828D%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-cancel-x-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-cancel-x-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-cancel-x-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M8.4%207l4.3-4.3c.4-.4.4-1%200-1.4s-1-.4-1.4%200L7%205.6%202.7%201.3c-.4-.4-1-.4-1.4%200s-.4%201%200%201.4L5.6%207l-4.3%204.3c-.4.4-.4%201%200%201.4.2.2.4.3.7.3s.5-.1.7-.3L7%208.4l4.3%204.3c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1%200-1.4L8.4%207z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-cancel-x" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-cancel-x" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-cancel-x {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%235A5A5A%22%20d%3D%22M8.4%207l4.3-4.3c.4-.4.4-1%200-1.4s-1-.4-1.4%200L7%205.6%202.7%201.3c-.4-.4-1-.4-1.4%200s-.4%201%200%201.4L5.6%207l-4.3%204.3c-.4.4-.4%201%200%201.4.2.2.4.3.7.3s.5-.1.7-.3L7%208.4l4.3%204.3c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1%200-1.4L8.4%207z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-chart-logo" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-chart-logo" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-chart-logo {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2248%22%20height%3D%2247%22%20viewBox%3D%220%200%2048%2047%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EChartLogo%3C%2Ftitle%3E%3Cg%20fill%3D%22%23F78D1D%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M36.905%2035.903a6.495%206.495%200%200%200%200%209.19%206.494%206.494%200%200%200%209.19%200%206.5%206.5%200%200%200-9.19-9.19M23.012%2012.275c1.532-.004%203.06-.602%204.23-1.797%202.344-2.398%202.344-6.28%200-8.68a5.91%205.91%200%200%200-8.494%200%206.197%206.197%200%200%200-1.755%204.453c-.14%202.963-1.27%205.844-3.39%208.007-2.144%202.194-4.884%203.105-7.697%203.105l.005.003c-.026%200-.054.005-.08.006a5.868%205.868%200%200%200-.47.03l-.102.015c-.153.02-.305.042-.456.073-.04.01-.08.022-.122.03a6.068%206.068%200%200%200-.428.112c-.05.016-.097.036-.146.053-.132.044-.264.09-.393.143-.058.025-.115.056-.173.083-.117.053-.235.105-.35.167-.068.037-.134.082-.2.122-.102.06-.204.116-.302.182-.083.057-.162.122-.243.183-.08.06-.16.114-.236.178A6.192%206.192%200%200%200%200%2023.5a6.192%206.192%200%200%200%202.21%204.758c.05.04.1.074.15.112.11.086.218.172.33.25.08.053.165.1.247.15.085.05.17.106.256.153.112.06.227.11.34.164.06.028.12.06.18.085.14.06.28.108.423.155.038.013.074.028.112.04.16.05.323.09.486.126l.06.016c.172.034.345.06.52.082.012%200%20.025.004.038.005.17.02.342.03.513.033.016%200%20.03.003.046.003l-.004.003c2.813%200%205.553.913%207.698%203.108%202.118%202.16%203.25%205.042%203.39%208.004a6.2%206.2%200%200%200%201.754%204.452%205.91%205.91%200%200%200%208.493%200c2.346-2.4%202.346-6.283%200-8.68a5.926%205.926%200%200%200-4.228-1.798c-2.97-.08-5.793-1.24-7.945-3.44-2.107-2.15-3.022-4.957-3.053-7.783.03-2.827.946-5.632%203.053-7.785%202.152-2.198%204.974-3.36%207.945-3.44M46.096%2011.096a6.5%206.5%200%200%200%200-9.19%206.496%206.496%200%200%200-9.19%200%206.495%206.495%200%200%200%200%209.19%206.498%206.498%200%200%200%209.19%200%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-check-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-check-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-check-blue {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22%2329aae1%22%3Eicon-check-18px%3C%2Ftitle%3E%3Cpath%20d%3D%22M8%2014.97c-.3%200-.5-.1-.7-.3l-4-4c-.4-.4-.4-1%200-1.4.4-.4%201-.4%201.4%200l3.1%203.1%205.3-8.9c.3-.5.9-.6%201.4-.3.5.3.6.9.3%201.4l-6%2010c-.2.3-.4.4-.7.5%200-.1-.1-.1-.1-.1z%22%20fill%3D%22%2329aae1%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-check" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-check" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-check {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Efolder-dark%20copy%206%3C%2Ftitle%3E%3Cpath%20d%3D%22M10.2%2016L5%2011.2l1.4-1.7%203.1%203.2L14.6%205l1.8%201.2-6.2%209.8z%22%20fill%3D%22%235A5A5A%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-check-mark-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-check-mark-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-check-mark-blue {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%2329aae1%22%20d%3D%22M6%2013c-.3%200-.5-.1-.7-.3l-4-4c-.4-.4-.4-1%200-1.4.4-.4%201-.4%201.4%200l3.1%203.1%205.3-8.9c.3-.5.9-.6%201.4-.4s.6.9.3%201.4l-6%2010c-.1.3-.4.5-.7.5H6z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-checkmark-green" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-checkmark-green" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-checkmark-green {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%238DC63F%22%20d%3D%22M9%200C4%200%200%204%200%209s4%209%209%209%209-4%209-9-4-9-9-9zm-.8%2013.6L4.3%209.7l1.4-1.4%202.1%202.1%203.4-5.9%201.7%201-4.7%208.1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-check-mark" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-check-mark" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-check-mark {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M6%2013c-.3%200-.5-.1-.7-.3l-4-4c-.4-.4-.4-1%200-1.4.4-.4%201-.4%201.4%200l3.1%203.1%205.3-8.9c.3-.5.9-.6%201.4-.4s.6.9.3%201.4l-6%2010c-.1.3-.4.5-.7.5H6z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-checkmark" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-checkmark" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-checkmark {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23e7e7e7%22%20d%3D%22M9%200C4%200%200%204%200%209s4%209%209%209%209-4%209-9-4-9-9-9zm-.8%2013.6L4.3%209.7l1.4-1.4%202.1%202.1%203.4-5.9%201.7%201-4.7%208.1z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-checkmark-mintGreen" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-checkmark-mintGreen" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-checkmark-mintGreen {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%2392d1a6%22%20d%3D%22M9%200C4%200%200%204%200%209s4%209%209%209%209-4%209-9-4-9-9-9zm-.8%2013.6L4.3%209.7l1.4-1.4%202.1%202.1%203.4-5.9%201.7%201-4.7%208.1z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-check-mark-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-check-mark-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-check-mark-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M6%2013c-.3%200-.5-.1-.7-.3l-4-4c-.4-.4-.4-1%200-1.4.4-.4%201-.4%201.4%200l3.1%203.1%205.3-8.9c.3-.5.9-.6%201.4-.4s.6.9.3%201.4l-6%2010c-.1.3-.4.5-.7.5H6z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-checkmark-rounded" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-checkmark-rounded" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-checkmark-rounded {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%238CBF3F%22%20d%3D%22M10%201c-5%200-9%204-9%209s4%209%209%209%209-4%209-9-4-9-9-9zm3.9%205.5l-4%207c-.2.3-.5.5-.8.5H9c-.3%200-.5-.1-.7-.3l-3-3c-.4-.4-.4-1%200-1.4s1-.4%201.4%200l2.1%202.1%203.4-5.9c.2-.5.8-.6%201.3-.4.5.3.6.9.4%201.4z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-check-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-check-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-check-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Efolder-dark%20copy%206%3C%2Ftitle%3E%3Cpath%20d%3D%22M10.2%2016L5%2011.2l1.4-1.7%203.1%203.2L14.6%205l1.8%201.2-6.2%209.8z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-chevron-left" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-chevron-left" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-chevron-left {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2225%22%20height%3D%2241%22%20viewBox%3D%220%200%2025%2041%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M.257%2020.5L20.09%2040.332a2%202%200%200%200%202.823-.002l1.417-1.417a1.91%201.91%200%200%200-.063-2.777S8.027%2021.216%208.732%2020.51L24.326%204.917c.783-.782.78-2.05.004-2.83L22.913.67A2%202%200%200%200%2020.09.668L.257%2020.5z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-chevron-left-small-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-chevron-left-small-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-chevron-left-small-gray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%235a5a5a%22%20d%3D%22M9%2014c.2%200%20.5-.1.6-.2.4-.4.5-1%20.1-1.4L5.7%207l4-5.4c.4-.4.3-1.1-.1-1.4s-1-.3-1.4.2L3%207l5.2%206.6c.2.3.5.4.8.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-chevron-left-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-chevron-left-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-chevron-left-small {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M9%2014c.2%200%20.5-.1.6-.2.4-.4.5-1%20.1-1.4L5.7%207l4-5.4c.4-.4.3-1.1-.1-1.4s-1-.3-1.4.2L3%207l5.2%206.6c.2.3.5.4.8.4z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-chevron-left-small-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-chevron-left-small-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-chevron-left-small-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23444444%22%20d%3D%22M9%2014c.2%200%20.5-.1.6-.2.4-.4.5-1%20.1-1.4L5.7%207l4-5.4c.4-.4.3-1.1-.1-1.4s-1-.3-1.4.2L3%207l5.2%206.6c.2.3.5.4.8.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-chevron-left-small-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-chevron-left-small-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-chevron-left-small-primaryGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23828282%22%20d%3D%22M9%2014c.2%200%20.5-.1.6-.2.4-.4.5-1%20.1-1.4L5.7%207l4-5.4c.4-.4.3-1.1-.1-1.4s-1-.3-1.4.2L3%207l5.2%206.6c.2.3.5.4.8.4z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-chevron-right" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-chevron-right" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-chevron-right {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2225%22%20height%3D%2241%22%20viewBox%3D%220%200%2025%2041%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M24.913%2020.5L5.08%2040.332a2%202%200%200%201-2.822-.002L.84%2038.913a1.91%201.91%200%200%201%20.064-2.777S17.142%2021.216%2016.44%2020.51L.843%204.917a2.003%202.003%200%200%201-.003-2.83L2.26.67A2%202%200%200%201%205.08.668L24.914%2020.5z%22%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-chevron-right-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-chevron-right-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-chevron-right-small {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M5%2014c-.2%200-.5-.1-.6-.2-.4-.4-.5-1-.1-1.4l4-5.4-4-5.4c-.4-.4-.4-1%20.1-1.4s1.1-.3%201.4.1L11%207l-5.2%206.6c-.2.3-.5.4-.8.4z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-circle-help" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-circle-help" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-circle-help {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eicon-help-22px%3C%2Ftitle%3E%3Cpath%20d%3D%22M11%202c-5%200-9%204-9%209s4%209%209%209%209-4%209-9-4-9-9-9zm1%2015h-2v-2h2v2zm0-5v2h-2v-2c0-1%20.7-1.8%201.7-2%201-.2%201.3-.2%201.3-1.5%200-.7-.2-1.5-2-1.5-.8%200-1.6.3-2%20.9-.3.5-.3%201-.1%201.8l-1.9.7c-.5-1.3-.4-2.6.3-3.6C8%205.7%209.4%205%2010.9%205c3.6%200%204%202.4%204%203.5.1%203-1.8%203.3-2.9%203.5z%22%20fill%3D%22%233D4752%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-circle-help-lightGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-circle-help-lightGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-circle-help-lightGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22%23a0a0a0%22%3Eicon-help-22px%3C%2Ftitle%3E%3Cpath%20d%3D%22M11%202c-5%200-9%204-9%209s4%209%209%209%209-4%209-9-4-9-9-9zm1%2015h-2v-2h2v2zm0-5v2h-2v-2c0-1%20.7-1.8%201.7-2%201-.2%201.3-.2%201.3-1.5%200-.7-.2-1.5-2-1.5-.8%200-1.6.3-2%20.9-.3.5-.3%201-.1%201.8l-1.9.7c-.5-1.3-.4-2.6.3-3.6C8%205.7%209.4%205%2010.9%205c3.6%200%204%202.4%204%203.5.1%203-1.8%203.3-2.9%203.5z%22%20fill%3D%22%23a0a0a0%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-clear-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-clear-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-clear-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M9%206h1V5h1V4h1V3h1V1h-2v1h-1v1H9v1H8v1H6V4H5V3H4V2H3V1H1v2h1v1h1v1h1v1h1v2H4v1H3v1H2v1H1v2h2v-1h1v-1h1v-1h1V9h2v1h1v1h1v1h1v1h2v-2h-1v-1h-1V9h-1V8H9V7z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-clear" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-clear" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-clear {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%2214%22%20height%3D%2214%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M9%206h1V5h1V4h1V3h1V1h-2v1h-1v1H9v1H8v1H6V4H5V3H4V2H3V1H1v2h1v1h1v1h1v1h1v2H4v1H3v1H2v1H1v2h2v-1h1v-1h1v-1h1V9h2v1h1v1h1v1h1v1h2v-2h-1v-1h-1V9h-1V8H9V7z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-clock-inverted" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-clock-inverted" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-clock-inverted {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eclock-outline%3C%2Ftitle%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M9%204H8v6h5V9H9V4z%22%2F%3E%3Cpath%20d%3D%22M9%200C4%200%200%204%200%209s4%209%209%209%209-4%209-9-4-9-9-9zm0%2016c-3.9%200-7-3.1-7-7s3.1-7%207-7%207%203.1%207%207-3.1%207-7%207z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-clock" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-clock" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-clock {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eclock%3C%2Ftitle%3E%3Cpath%20d%3D%22M11%203a8%208%200%200%200%200%2016%208%208%200%200%200%200-16zm2.5%2011.5L10%2012V5h1v6.5l3%202-.5%201z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-clock-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-clock-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-clock-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Eclock%3C%2Ftitle%3E%3Cpath%20d%3D%22M11%203a8%208%200%200%200%200%2016%208%208%200%200%200%200-16zm2.5%2011.5L10%2012V5h1v6.5l3%202-.5%201z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-cloud" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-cloud" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-cloud {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Ecloud-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M4.343%2015.834H4.25A3.25%203.25%200%201%201%204.9%209.4a2.167%202.167%200%200%201%203.952-1.77%204.335%204.335%200%200%201%208.32%201.706%203.25%203.25%200%201%201%200%206.5h-.862c0%20.05-11.965%200-11.965%200z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-cloud-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-cloud-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-cloud-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Ecloud-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M4.343%2015.834H4.25A3.25%203.25%200%201%201%204.9%209.4a2.167%202.167%200%200%201%203.952-1.77%204.335%204.335%200%200%201%208.32%201.706%203.25%203.25%200%201%201%200%206.5h-.862c0%20.05-11.965%200-11.965%200z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-cloud-outline {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16.98%2019h-12C2.18%2019%200%2016.62%200%2013.58c0-2.22%201.04-4%202.7-4.84.1-1.32.84-2.53%202.14-3.27%201.05-.6%202.37-.8%203.57-.5C9.28%203.85%2010.7%203%2012.97%203c1.74%200%203.38.85%204.36%202.27.53.76.84%201.63.93%202.55.55.15%201.08.4%201.55.76C21.16%209.6%2022%2011.45%2022%2013.4c0%203.1-2.25%205.6-5.02%205.6zm-12-2C3.3%2017%202%2015.57%202%2013.58c0-1.98%201.14-3.36%202.98-3.4-1.5-2.82%202.86-4.62%204.27-2.27.53-2.36%202.04-2.9%203.7-2.9C15.2%205%2017%207.15%2016%209.8c2.7-.77%204%201.6%204%203.6S18.65%2017%2016.98%2017h-12z%22%20fill%3D%22%233D4752%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-cloud-outline-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M16.98%2019h-12C2.18%2019%200%2016.62%200%2013.58c0-2.22%201.04-4%202.7-4.84.1-1.32.84-2.53%202.14-3.27%201.05-.6%202.37-.8%203.57-.5C9.28%203.85%2010.7%203%2012.97%203c1.74%200%203.38.85%204.36%202.27.53.76.84%201.63.93%202.55.55.15%201.08.4%201.55.76C21.16%209.6%2022%2011.45%2022%2013.4c0%203.1-2.25%205.6-5.02%205.6zm-12-2C3.3%2017%202%2015.57%202%2013.58c0-1.98%201.14-3.36%202.98-3.4-1.5-2.82%202.86-4.62%204.27-2.27.53-2.36%202.04-2.9%203.7-2.9C15.2%205%2017%207.15%2016%209.8c2.7-.77%204%201.6%204%203.6S18.65%2017%2016.98%2017h-12z%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-cog" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-cog" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-cog {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EImported%20Layers%20Copy%207%3C%2Ftitle%3E%3Cpath%20d%3D%22M8.962%2011.105a2.5%202.5%200%201%201-.003-5%202.5%202.5%200%200%201%20.002%205M11.617%200l-1.562%202.707a5.98%205.98%200%200%200-1.093-.102c-.375%200-.74.038-1.095.102L6.304.004a8.98%208.98%200%200%200-3.46%202.01l1.558%202.68c-.472.555-.845.884-1.093%201.884H.46c-.276%200-.46.25-.46.527v3c0%20.276.184.473.46.473h2.85c.247%201%20.62%201.356%201.092%201.91l-1.557%202.7c.98.91%202.152%201.61%203.46%202.013L7.866%2014.5c.354.066.72.105%201.095.105a6.07%206.07%200%200%200%201.093-.102l1.562%202.704a8.98%208.98%200%200%200%203.457-2.008l-1.555-2.708c.472-.554.845-.91%201.092-1.91h2.848c.277%200%20.54-.197.54-.474v-3c0-.275-.263-.526-.54-.526h-2.848c-.247-1-.62-1.33-1.093-1.883l1.554-2.687A8.956%208.956%200%200%200%2011.617%200%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-cog-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-cog-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-cog-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EImported%20Layers%20Copy%207%3C%2Ftitle%3E%3Cpath%20d%3D%22M8.962%2011.105a2.5%202.5%200%201%201-.003-5%202.5%202.5%200%200%201%20.002%205M11.617%200l-1.562%202.707a5.98%205.98%200%200%200-1.093-.102c-.375%200-.74.038-1.095.102L6.304.004a8.98%208.98%200%200%200-3.46%202.01l1.558%202.68c-.472.555-.845.884-1.093%201.884H.46c-.276%200-.46.25-.46.527v3c0%20.276.184.473.46.473h2.85c.247%201%20.62%201.356%201.092%201.91l-1.557%202.7c.98.91%202.152%201.61%203.46%202.013L7.866%2014.5c.354.066.72.105%201.095.105a6.07%206.07%200%200%200%201.093-.102l1.562%202.704a8.98%208.98%200%200%200%203.457-2.008l-1.555-2.708c.472-.554.845-.91%201.092-1.91h2.848c.277%200%20.54-.197.54-.474v-3c0-.275-.263-.526-.54-.526h-2.848c-.247-1-.62-1.33-1.093-1.883l1.554-2.687A8.956%208.956%200%200%200%2011.617%200%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-color-border" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-color-border" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-color-border {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M10%203c.5%200%201%20.5%201%201v6c0%20.5-.5%201-1%201H4c-.5%200-1-.5-1-1V4c0-.5.5-1%201-1h6m0-2H4C2.4%201%201%202.3%201%204v6c0%201.7%201.4%203%203%203h6c1.6%200%203-1.3%203-3V4c0-1.7-1.4-3-3-3z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-color-fill" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-color-fill" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-color-fill {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20opacity%3D%22.7%22%20d%3D%22M11.8%207.9c.9%201.3%202.9%204.1.9%204.9-1.1.4-1.8-.5-1.7-1.5s.8-3.4.8-3.4z%22%2F%3E%3Cpath%20d%3D%22M6.1%201.8L4.3%203.6%201.9%201.3c-.2-.2-.5-.2-.7%200s-.2.5%200%20.7l2.4%202.4L0%208l5.7%205.7%206.1-6.3-5.7-5.6zM2.3%207l2-2L6%206.8c.1.1.2.1.4.1s.3%200%20.4-.1c.2-.2.2-.5%200-.7L5%204.3l1.2-1.2L10.1%207H2.3z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-color-fill-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-color-fill-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-color-fill-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20opacity%3D%22.7%22%20d%3D%22M11.8%207.9c.9%201.3%202.9%204.1.9%204.9-1.1.4-1.8-.5-1.7-1.5s.8-3.4.8-3.4z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M6.1%201.8L4.3%203.6%201.9%201.3c-.2-.2-.5-.2-.7%200s-.2.5%200%20.7l2.4%202.4L0%208l5.7%205.7%206.1-6.3-5.7-5.6zM2.3%207l2-2L6%206.8c.1.1.2.1.4.1s.3%200%20.4-.1c.2-.2.2-.5%200-.7L5%204.3l1.2-1.2L10.1%207H2.3z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-color-line" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-color-line" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-color-line {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M10.4%204.6l-2-2L3%208.1%201%2012l4-1.9zM12.5%202.5l-2-2-1%201%202%202.1z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M1.1%2012.5H13%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-color-line-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-color-line-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-color-line-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M10.4%204.6l-2-2L3%208.1%201%2012l4-1.9zM12.5%202.5l-2-2-1%201%202%202.1z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23444444%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M1.1%2012.5H13%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-color-text-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-color-text-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-color-text-disabled {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M1%2013v-.3c1%200%201.1-.2%201.3-.5.2-.3.8-1%201.2-2.2L7%202h.3s4%2010.2%204.2%2010.4c.3.3.5.2.5.3v.3H9v-.3c1.6%200-.2-2.7-.2-2.7H4.7c-.5%200-1.3%202.3-1%202.6.1.1.3%200%20.3.1v.3H1zm7.5-4L6.7%204.5%205%209h3.5z%22%20fill%3D%22%23929292%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-color-text" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-color-text" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-color-text {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M1%2013v-.3c1%200%201.1-.2%201.3-.5.2-.3.8-1%201.2-2.2L7%202h.3s4%2010.2%204.2%2010.4c.3.3.5.2.5.3v.3H9v-.3c1.6%200-.2-2.7-.2-2.7H4.7c-.5%200-1.3%202.3-1%202.6.1.1.3%200%20.3.1v.3H1zm7.5-4L6.7%204.5%205%209h3.5z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-color-text-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-color-text-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-color-text-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M1%2013v-.3c1%200%201.1-.2%201.3-.5.2-.3.8-1%201.2-2.2L7%202h.3s4%2010.2%204.2%2010.4c.3.3.5.2.5.3v.3H9v-.3c1.6%200-.2-2.7-.2-2.7H4.7c-.5%200-1.3%202.3-1%202.6.1.1.3%200%20.3.1v.3H1zm7.5-4L6.7%204.5%205%209h3.5z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-comment-atmention" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-comment-atmention" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-comment-atmention {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2026%22%3E%3Cpath%20fill%3D%22%23ED6058%22%20d%3D%22M0%200h34v26H6V5z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M13%2013.3c0-5%203.6-8.3%207.8-8.3%203.8%200%206.2%202.5%206.2%206.2%200%203.3-2%205.1-3.8%205.1-1%200-1.8-.3-1.9-1.3-.6%200-1.5%201.2-2.3%201.2-1.3%200-2.3-1-2.3-2.7%200-2%201.4-4.3%203.6-4.3.6%200%201.2-.1%201.5.9l.2-1h1l-.7%203.8c-.4%201.5%200%202.2%201%202.2%201.2%200%202.5-1.4%202.5-3.9%200-3-1.8-5.2-5.2-5.2-3.3%200-6.6%202.8-6.6%207.2%200%203.7%202.4%205.7%205.6%205.7%201.1%200%202.2-.4%203-.8l.4.9c-1.1.7-2.3%201-3.6%201-3.5%200-6.4-2.3-6.4-6.7zm8%20.6l.5-3c-.4-.6-.7-.8-1.2-.8-1.5%200-2.4%201.8-2.4%203.2%200%201.2.6%201.7%201.3%201.7.6%200%201.2-.4%201.8-1.1z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-comment-atmention-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-comment-atmention-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-comment-atmention-small {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23ED6058%22%20d%3D%22M0%203l4%202.8V19h18V3H0z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M8%2011.5C8%208.2%2010.6%206%2013.6%206c2.7%200%204.4%201.7%204.4%204.1%200%202.2-1.5%203.3-2.7%203.3-.7%200-1.3-.3-1.4-.9-.4.5-1%20.8-1.6.8-.9%200-1.6-.6-1.6-1.8%200-1.3%201-2.9%202.6-2.9.5%200%20.8.2%201.1.6l.1-.5h.7l-.5%202.5c-.3%201%200%201.5.7%201.5.8%200%201.8-1%201.8-2.6%200-2-1.3-3.5-3.7-3.5-2.4%200-4.7%201.9-4.7%204.8%200%202.4%201.7%203.8%204%203.8.8%200%201.6-.2%202.2-.6l.3.6c-.8.4-1.6.6-2.6.6-2.6.2-4.7-1.4-4.7-4.3zm5.7.4l.4-2c-.3-.4-.5-.5-.9-.5-1.1%200-1.7%201.2-1.7%202.1%200%20.8.4%201.1.9%201.1.5.1.9-.2%201.3-.7z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-comment-basic" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-comment-basic" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-comment-basic {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2026%22%3E%3Cpath%20fill%3D%22%23fcc438%22%20d%3D%22M34%2026H6V5L0%200h34z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%208v6h3v4h1l2-4V8zM22%208v6h3v4h1l2-4V8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-comment-feed" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-comment-feed" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-comment-feed {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%2377818C%22%20d%3D%22M0%203l4%202.8V19h18V3H0z%22%2F%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M14%207v4h2v3h1l1-3V7zM8%207v4h2v3h1l1-3V7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-comment-ghost" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-comment-ghost" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-comment-ghost {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2034%2026%22%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M34%2026H6V5L0%200h34z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M12%208v6h3v4h1l2-4V8zM22%208v6h3v4h1l2-4V8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-comment-ghost-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-comment-ghost-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-comment-ghost-small {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M0%203l4%202.8V19h18V3H0z%22%2F%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M14%207v4h2v3h1l1-3V7zM8%207v4h2v3h1l1-3V7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-comment-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-comment-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-comment-small {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23FCC438%22%20d%3D%22M0%203l4%202.8V19h18V3H0z%22%2F%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M14%207v4h2v3h1l1-3V7zM8%207v4h2v3h1l1-3V7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-comment-unread" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-comment-unread" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-comment-unread {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2032%2026%22%3E%3Cpath%20fill%3D%22%23ED6058%22%20d%3D%22M0%200h32v26H5V5z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M14.5%208C13.1%208%2012%209.1%2012%2010.5c0%201.2.9%202.2%202%202.5-.1%201.4-.3%203-1%204%200%200%201.8-1.3%202.7-2.4s1.3-2.5%201.3-4.1C17%209.1%2015.9%208%2014.5%208zM25%2010.5C25%209.1%2023.9%208%2022.5%208S20%209.1%2020%2010.5c0%201.2.9%202.2%202%202.5-.1%201.3-.3%202.9-1%204%200%200%201.8-1.3%202.7-2.4s1.3-2%201.3-3.6h-.1c.1-.2.1-.3.1-.5z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-comment-unread-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-comment-unread-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-comment-unread-small {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23ED6058%22%20d%3D%22M0%203l4%202.8V19h18V3H0z%22%2F%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M14%207v4h2v3h1l1-3V7zM8%207v4h2v3h1l1-3V7z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-configure" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-configure" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-configure {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M18%2010V8c0-.6-.4-1-1-1h-2.3c-.2%200-.6-1.3-1.1-1.9l1.6-2.7c-1-.9-2.2-1.6-3.5-2l-1.6%202.7C9.7%203%209.4%203%209%203s-.7%200-1.1.1L6.3.4c-1.3.4-2.4%201.1-3.4%202l1.6%202.7C4%205.7%203.6%207%203.3%207H1c-.6%200-1%20.4-1%201v2c0%20.6.4%201%201%201h2.3c.2%201%20.6%201.3%201.1%201.9l-1.6%202.7c1%20.9%202.2%201.6%203.5%202l1.6-2.7c.4.1.7.1%201.1.1s.7%200%201.1-.1l1.6%202.7a9.4%209.4%200%200%200%203.5-2l-1.6-2.7c.5-.6.8-.9%201.1-1.9H17c.6%200%201-.4%201-1zm-9%203c-2.2%200-4-1.8-4-4s1.8-4%204-4%204%201.8%204%204-1.8%204-4%204z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-contractScreen-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-contractScreen-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-contractScreen-disabled {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23969696%22%20d%3D%22M18%206h-6V0h2v4h4zM6%206H0V4h4V0h2zM6%2018H4v-4H0v-2h6zM14%2018h-2v-6h6v2h-4z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-contractScreen" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-contractScreen" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-contractScreen {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M18%206h-6V0h2v4h4zM6%206H0V4h4V0h2zM6%2018H4v-4H0v-2h6zM14%2018h-2v-6h6v2h-4z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-copy-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-copy-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-copy-link {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2016%2016%22%20width%3D%2216%22%20height%3D%2216%22%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M10.1%2013c-.4%200-.8-.2-.9-.6-.2-.5%200-1.1.5-1.3.6-.3%201.3-.7%201.8-1.3.8-.8%201.4-1.8%201.6-2.8.1-.5.2-1.4-.4-1.9-.6-.6-1.4-.5-1.9-.4-1%20.2-2%20.7-2.8%201.5-1%201-1.6%202.2-1.6%203.2%200%20.6-.5%201-1%201-.6%200-1-.5-1-1%20.1-1.6.9-3.2%202.2-4.5C7.7%203.7%209%203%2010.4%202.7c1.5-.3%202.8.1%203.7%201%201.8%201.8%201.3%205.1-1.1%207.5-.7.7-1.6%201.3-2.4%201.7-.3%200-.4.1-.5.1z%22%2F%3E%3Cpath%20d%3D%22M3.9%2013.4c-1.1%200-2-.3-2.7-1.1-1.8-1.8-1.3-5.1%201.1-7.5.7-.7%201.6-1.3%202.5-1.7.5-.2%201.1%200%201.3.5.2.5%200%201.1-.5%201.3-.7.3-1.3.8-1.9%201.3-1.6%201.6-2.1%203.7-1.1%204.7s3.1.4%204.7-1.1c1-1%201.6-2.2%201.6-3.2%200-.6.5-1%201-1%20.6%200%201%20.5%201%201-.1%201.6-.9%203.2-2.2%204.5-1.5%201.5-3.2%202.3-4.8%202.3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-cross-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-cross-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-cross-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2221%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23ffffff%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.805%202.805l15.39%2015.39M2.805%2018.195l15.39-15.39M2.805%202.805l15.39%2015.39M2.805%2018.195l15.39-15.39%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-cross" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-cross" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-cross {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2221%22%20height%3D%2221%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20d%3D%22M2.805%202.805l15.39%2015.39M2.805%2018.195l15.39-15.39M2.805%202.805l15.39%2015.39M2.805%2018.195l15.39-15.39%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-delete" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-delete" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-delete {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-32.6%2017%2055.4%2057.8%22%3E%3Ctitle%3EDeleteIcon%202%3C%2Ftitle%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20d%3D%22M-28%2031l2.5%2035c.3%203.9%203.6%207%207.5%207H8c3.9%200%207.2-3.1%207.5-7L18%2031M-11.3%2019H1.3c1%200%201.7.7%201.7%201.7v4.2c0%20.9-.7%201.7-1.7%201.7h-12.7c-.9%200-1.7-.7-1.7-1.7v-4.2c.1-1%20.8-1.7%201.8-1.7z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M-30%2025h50c1.1%200%202%20.7%202%201.5s-.9%201.5-2%201.5h-50c-1.1%200-2-.7-2-1.5s.9-1.5%202-1.5zM-10.657%2057.486l-2.83-2.83L.657%2040.517l2.83%202.828z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M3.486%2054.657l-2.83%202.83-14.14-14.143%202.828-2.83z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-disk {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M2%202v18h18V6l-3-4H2zm11%206V4h3l2%202.667V18H4V4h3v4h6zM8%207h4V4H8v3z%22/%3E%3Cpath%20d%3D%22M7%2015h8v-3H7v3zm-1%201h10v-5H6v5z%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-disk-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M2%202v18h18V6l-3-4H2zm11%206V4h3l2%202.667V18H4V4h3v4h6zM8%207h4V4H8v3z%22/%3E%3Cpath%20d%3D%22M7%2015h8v-3H7v3zm-1%201h10v-5H6v5z%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-downgrade" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-downgrade" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-downgrade {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M9%200C4%200%200%204%200%209s4%209%209%209%209-4%209-9-4-9-9-9zm0%2014L5%208h3V3h2v5h3l-4%206z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-edit-frame-options" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-edit-frame-options" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-edit-frame-options {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23828282%22%20d%3D%22M3.6%2013.9H.1v-3.5zM2.118%208.98l8.91-8.91%202.828%202.83-8.91%208.91z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-edit" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-edit" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-edit {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M12%20.6l-12%2012V18h5.4l12-12L12%20.6zM14.6%206l-1.8%201.8-2.6-2.6L12%203.4%2014.6%206zm-10%2010H2v-2.6l7.2-7.2%202.6%202.6L4.6%2016z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-ellipsis" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-ellipsis" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-ellipsis {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2222%22%20viewBox%3D%220%200%2019%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EArtboard%206%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%2011.005C0%209.898.894%209%202.005%209h.99C4.102%209%205%209.894%205%2011.005v.99A2.003%202.003%200%200%201%202.995%2014h-.99A2.003%202.003%200%200%201%200%2011.995v-.99zm7%200C7%209.898%207.894%209%209.005%209h.99C11.102%209%2012%209.894%2012%2011.005v.99A2.003%202.003%200%200%201%209.995%2014h-.99A2.003%202.003%200%200%201%207%2011.995v-.99zm7%200C14%209.898%2014.894%209%2016.005%209h.99C18.102%209%2019%209.894%2019%2011.005v.99A2.003%202.003%200%200%201%2016.995%2014h-.99A2.003%202.003%200%200%201%2014%2011.995v-.99z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-ellipsis-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-ellipsis-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-ellipsis-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2219%22%20height%3D%2222%22%20viewBox%3D%220%200%2019%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3EArtboard%206%3C%2Ftitle%3E%3Cpath%20d%3D%22M0%2011.005C0%209.898.894%209%202.005%209h.99C4.102%209%205%209.894%205%2011.005v.99A2.003%202.003%200%200%201%202.995%2014h-.99A2.003%202.003%200%200%201%200%2011.995v-.99zm7%200C7%209.898%207.894%209%209.005%209h.99C11.102%209%2012%209.894%2012%2011.005v.99A2.003%202.003%200%200%201%209.995%2014h-.99A2.003%202.003%200%200%201%207%2011.995v-.99zm7%200C14%209.898%2014.894%209%2016.005%209h.99C18.102%209%2019%209.894%2019%2011.005v.99A2.003%202.003%200%200%201%2016.995%2014h-.99A2.003%202.003%200%200%201%2014%2011.995v-.99z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-email-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-email-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-email-link {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20fill%3D%22%23666%22%3E%3Cpath%20d%3D%22M27%205.5l-10.6%208.6c-.8.7-2%20.7-2.8%200L3%205.5h24z%22%2F%3E%3Cpath%20d%3D%22M29%206.5v15c0%201.7-1.3%203-3%203H4c-1.7%200-3-1.3-3-3v-15l12.1%209.8c1.1.9%202.6.9%203.7%200L29%206.5z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-example-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-example-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-example-disabled {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M15%202C6.716%202%200%208.716%200%2017s6.716%2015%2015%2015c8.284%200%2015-6.716%2015-15S23.284%202%2015%202zm8.487%2020c.268-1.264.437-2.606.492-4h3.982a12.866%2012.866%200%200%201-.96%204h-3.515zM6.513%2012a23.855%2023.855%200%200%200-.492%204H2.04c.104-1.38.426-2.722.96-4h3.515zm14.926%200c.3%201.28.48%202.62.54%204H16v-4h5.44zM16%2010V4.146c.456.133.908.355%201.35.668.832.586%201.626%201.488%202.3%202.61.464.774.866%201.637%201.202%202.577H16zm-5.65-2.578c.674-1.12%201.468-2.023%202.3-2.61A4.557%204.557%200%200%201%2014%204.146V10H9.148c.336-.94.738-1.804%201.203-2.58zM14%2012v4H8.02c.06-1.38.24-2.72.54-4H14zM2.997%2022a12.894%2012.894%200%200%201-.96-4h3.984c.056%201.394.225%202.736.493%204H2.997zm5.024-4H14v4H8.56c-.3-1.28-.48-2.62-.54-4zM14%2024v5.854a4.557%204.557%200%200%201-1.35-.668c-.832-.586-1.626-1.488-2.3-2.61A14.478%2014.478%200%200%201%209.15%2024H14zm5.65%202.578c-.674%201.12-1.468%202.023-2.3%202.61a4.58%204.58%200%200%201-1.35.667V24h4.852a14.51%2014.51%200%200%201-1.203%202.58zM16%2022v-4h5.98c-.06%201.38-.24%202.72-.54%204H16zm7.98-6a23.855%2023.855%200%200%200-.492-4h3.516c.533%201.278.855%202.62.96%204H23.98zm1.978-6H22.96c-.58-1.836-1.386-3.447-2.353-4.732a12.974%2012.974%200%200%201%203.585%202.54c.67.67%201.26%201.404%201.766%202.192zM5.808%207.808a12.974%2012.974%200%200%201%203.585-2.54C8.426%206.553%207.623%208.164%207.04%2010H4.04a12.97%2012.97%200%200%201%201.766-2.192zM4.042%2024H7.04c.582%201.836%201.386%203.447%202.353%204.732a12.974%2012.974%200%200%201-3.585-2.54A13.07%2013.07%200%200%201%204.042%2024zm20.15%202.192a12.974%2012.974%200%200%201-3.585%202.54c.967-1.285%201.77-2.896%202.354-4.732h2.998a12.97%2012.97%200%200%201-1.766%202.192z%22%20fill%3D%22%23929292%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-example" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-example" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-example {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2232%22%20height%3D%2232%22%20viewBox%3D%220%200%2032%2032%22%3E%3Cpath%20d%3D%22M15%202C6.716%202%200%208.716%200%2017s6.716%2015%2015%2015c8.284%200%2015-6.716%2015-15S23.284%202%2015%202zm8.487%2020c.268-1.264.437-2.606.492-4h3.982a12.866%2012.866%200%200%201-.96%204h-3.515zM6.513%2012a23.855%2023.855%200%200%200-.492%204H2.04c.104-1.38.426-2.722.96-4h3.515zm14.926%200c.3%201.28.48%202.62.54%204H16v-4h5.44zM16%2010V4.146c.456.133.908.355%201.35.668.832.586%201.626%201.488%202.3%202.61.464.774.866%201.637%201.202%202.577H16zm-5.65-2.578c.674-1.12%201.468-2.023%202.3-2.61A4.557%204.557%200%200%201%2014%204.146V10H9.148c.336-.94.738-1.804%201.203-2.58zM14%2012v4H8.02c.06-1.38.24-2.72.54-4H14zM2.997%2022a12.894%2012.894%200%200%201-.96-4h3.984c.056%201.394.225%202.736.493%204H2.997zm5.024-4H14v4H8.56c-.3-1.28-.48-2.62-.54-4zM14%2024v5.854a4.557%204.557%200%200%201-1.35-.668c-.832-.586-1.626-1.488-2.3-2.61A14.478%2014.478%200%200%201%209.15%2024H14zm5.65%202.578c-.674%201.12-1.468%202.023-2.3%202.61a4.58%204.58%200%200%201-1.35.667V24h4.852a14.51%2014.51%200%200%201-1.203%202.58zM16%2022v-4h5.98c-.06%201.38-.24%202.72-.54%204H16zm7.98-6a23.855%2023.855%200%200%200-.492-4h3.516c.533%201.278.855%202.62.96%204H23.98zm1.978-6H22.96c-.58-1.836-1.386-3.447-2.353-4.732a12.974%2012.974%200%200%201%203.585%202.54c.67.67%201.26%201.404%201.766%202.192zM5.808%207.808a12.974%2012.974%200%200%201%203.585-2.54C8.426%206.553%207.623%208.164%207.04%2010H4.04a12.97%2012.97%200%200%201%201.766-2.192zM4.042%2024H7.04c.582%201.836%201.386%203.447%202.353%204.732a12.974%2012.974%200%200%201-3.585-2.54A13.07%2013.07%200%200%201%204.042%2024zm20.15%202.192a12.974%2012.974%200%200%201-3.585%202.54c.967-1.285%201.77-2.896%202.354-4.732h2.998a12.97%2012.97%200%200%201-1.766%202.192z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-export-mail-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-export-mail-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-export-mail-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M19%203H3c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2zm0%202v2.1l-8%205.3-8-5.3V5h16zM3%2017V8.3l8%205.3%208-5.3V17H3z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-export-mail" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-export-mail" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-export-mail {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%233D4752%22%20d%3D%22M19%203H3c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2zm0%202v2.1l-8%205.3-8-5.3V5h16zM3%2017V8.3l8%205.3%208-5.3V17H3z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-export-mail-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-export-mail-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-export-mail-primaryGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23828282%22%20d%3D%22M19%203H3c-1.1%200-2%20.9-2%202v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V5c0-1.1-.9-2-2-2zm0%202v2.1l-8%205.3-8-5.3V5h16zM3%2017V8.3l8%205.3%208-5.3V17H3z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-facebook-inverted-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-facebook-inverted-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-facebook-inverted-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ctext%20transform%3D%22translate%28168.783%20543.81%29%22%20fill%3D%22%23ffffff%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%20fill%3D%22%23ffffff%22%20font-family%3D%22%5CiVerdana-Bold%5Ci%22%20font-size%3D%2220%22%3Esimpleicon.com%3C%2Ftspan%3E%3Ctspan%20x%3D%22-159.59%22%20y%3D%2224%22%20fill%3D%22%23ffffff%22%20font-family%3D%22%5CiVerdana%5Ci%22%20font-size%3D%2220%22%3ECollection%20Of%20Flat%20Icon%2C%20Symbols%20And%20Glyph%20Icons%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20d%3D%22M398.14%2050.5H117.98c-36.408%200-68.48%2026.452-68.48%2062.86v280.16c0%2036.408%2032.072%2068.98%2068.48%2068.98h173.466c-.325-54%20.077-114.134-.185-166.387-11.063-.112-22.137-.684-33.2-.854.04-18.468.016-37.318.023-55.782%2011.057-.137%2022.12-.163%2033.178-.268.34-17.957-.337-36.025.355-53.966%201.103-14.205%206.52-28.563%2017.14-38.377%2012.86-12.24%2031.142-16.397%2048.387-16.912%2018.233-.163%2036.468-.076%2054.71-.068.072%2019.24.072%2038.482-.008%2057.722-11.79-.02-23.585.022-35.374-.026-7.468-.467-15.145%205.198-16.504%2012.61-.177%2012.874-.064%2025.756-.057%2038.627%2017.284.074%2034.576-.02%2051.86.045-1.263%2018.63-3.58%2037.168-6.284%2055.637-15.272.137-30.554%201.514-45.818%201.602-.13%2052.236.04%20112.395-.093%20166.395h38.564c36.407%200%2063.36-32.573%2063.36-68.98V113.36c0-36.408-26.952-62.86-63.36-62.86z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-facebook-inverted" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-facebook-inverted" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-facebook-inverted {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Ctext%20transform%3D%22translate%28168.783%20543.81%29%22%3E%3Ctspan%20x%3D%220%22%20y%3D%220%22%20fill%3D%22%23FF0%22%20font-family%3D%22%5CiVerdana-Bold%5Ci%22%20font-size%3D%2220%22%3Esimpleicon.com%3C%2Ftspan%3E%3Ctspan%20x%3D%22-159.59%22%20y%3D%2224%22%20fill%3D%22%23FF0%22%20font-family%3D%22%5CiVerdana%5Ci%22%20font-size%3D%2220%22%3ECollection%20Of%20Flat%20Icon%2C%20Symbols%20And%20Glyph%20Icons%3C%2Ftspan%3E%3C%2Ftext%3E%3Cpath%20d%3D%22M398.14%2050.5H117.98c-36.408%200-68.48%2026.452-68.48%2062.86v280.16c0%2036.408%2032.072%2068.98%2068.48%2068.98h173.466c-.325-54%20.077-114.134-.185-166.387-11.063-.112-22.137-.684-33.2-.854.04-18.468.016-37.318.023-55.782%2011.057-.137%2022.12-.163%2033.178-.268.34-17.957-.337-36.025.355-53.966%201.103-14.205%206.52-28.563%2017.14-38.377%2012.86-12.24%2031.142-16.397%2048.387-16.912%2018.233-.163%2036.468-.076%2054.71-.068.072%2019.24.072%2038.482-.008%2057.722-11.79-.02-23.585.022-35.374-.026-7.468-.467-15.145%205.198-16.504%2012.61-.177%2012.874-.064%2025.756-.057%2038.627%2017.284.074%2034.576-.02%2051.86.045-1.263%2018.63-3.58%2037.168-6.284%2055.637-15.272.137-30.554%201.514-45.818%201.602-.13%2052.236.04%20112.395-.093%20166.395h38.564c36.407%200%2063.36-32.573%2063.36-68.98V113.36c0-36.408-26.952-62.86-63.36-62.86z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-facebook" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-facebook" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-facebook {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22672.985%2010.01%2080%2080%22%3E%3Cpath%20fill%3D%22%234C68A0%22%20d%3D%22M712.985%2013.418c-20.38%200-36.902%2016.452-36.902%2036.75%200%2018.312%2013.45%2033.487%2031.047%2036.282V57.445h-10.222v-9.783h10.222V35.616c0-6.922%206.37-11.173%2010.938-11.173h10.994v8.822h-4.83c-2.935%200-6.517%202.38-6.517%205.153v9.24h10.31v9.783h-10.31v29.162c18.145-2.313%2032.173-17.738%2032.173-36.438%200-20.295-16.522-36.746-36.903-36.746z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-facebook-login" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-facebook-login" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-facebook-login {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eicon-facebook-22px%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.125%201.14v3.094h-1.84c-.672%200-1.125.14-1.36.422-.234.282-.35.703-.35%201.266v2.215h3.433l-.457%203.468h-2.976V20.5H8.988v-8.895H6V8.137h2.988V5.582c0-1.453.407-2.58%201.22-3.38C11.02%201.4%2012.1%201%2013.452%201c1.15%200%202.04.047%202.672.14z%22%20fill%3D%22%234D4D4D%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-facebook-login-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-facebook-login-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-facebook-login-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Eicon-facebook-22px%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.125%201.14v3.094h-1.84c-.672%200-1.125.14-1.36.422-.234.282-.35.703-.35%201.266v2.215h3.433l-.457%203.468h-2.976V20.5H8.988v-8.895H6V8.137h2.988V5.582c0-1.453.407-2.58%201.22-3.38C11.02%201.4%2012.1%201%2013.452%201c1.15%200%202.04.047%202.672.14z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-facebook-small-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-facebook-small-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-facebook-small-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M18%202H4c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h7v-7H8v-3h3V8.3c0-2.3%201.3-3.6%203.4-3.6%201%200%202.4.2%202.6.3v3s-.4-.5-1.5-.4-1.5.7-1.5%201.5v.9h3l-.5%203H14v7h4c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-facebook-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-facebook-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-facebook-small {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%233D4752%22%20d%3D%22M18%202H4c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h7v-7H8v-3h3V8.3c0-2.3%201.3-3.6%203.4-3.6%201%200%202.4.2%202.6.3v3s-.4-.5-1.5-.4-1.5.7-1.5%201.5v.9h3l-.5%203H14v7h4c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-facebook-small-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-facebook-small-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-facebook-small-primaryGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23828282%22%20d%3D%22M18%202H4c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h7v-7H8v-3h3V8.3c0-2.3%201.3-3.6%203.4-3.6%201%200%202.4.2%202.6.3v3s-.4-.5-1.5-.4-1.5.7-1.5%201.5v.9h3l-.5%203H14v7h4c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-flip-text" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-flip-text" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-flip-text {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eflip-text-90%C2%B0%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M9.5%2010.5H6V13h.5c0-1%20.4-1.5%201.5-1.5h1v5.4c0%201-1.05%201.1-1.5%201.1v.5h4V18c-.5-.05-1.5-.1-1.5-1.1v-5.4h1c1.1%200%201.5.5%201.5%201.5h.5v-2.5H9.5zM9%202v6L6%205l3-3z%22%20fill%3D%22%233D4752%22%2F%3E%3Cpath%20d%3D%22M17%2013a8%208%200%200%200-8-8%22%20stroke%3D%22%233D4752%22%20stroke-width%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-folder" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-folder" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-folder {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Efolder-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M2.04%2017.067L2%204h6.98L11%206.067h9V18H2%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-folder-lock" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-folder-lock" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-folder-lock {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Efolder-dark%20copy%3C%2Ftitle%3E%3Cpath%20d%3D%22M2.04%2017.067L2%204h6.98L11%206.067h9V18H2l.04-.933zM11%2011c0-2.21-1.343-4-3-4s-3%201.79-3%204H4v5h8v-5h-1zM8%208.5c.708%200%201.5%201.07%201.5%202.5h-3c0-1.43.792-2.5%201.5-2.5z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-folder-lock-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-folder-lock-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-folder-lock-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Efolder-dark%20copy%3C%2Ftitle%3E%3Cpath%20d%3D%22M2.04%2017.067L2%204h6.98L11%206.067h9V18H2l.04-.933zM11%2011c0-2.21-1.343-4-3-4s-3%201.79-3%204H4v5h8v-5h-1zM8%208.5c.708%200%201.5%201.07%201.5%202.5h-3c0-1.43.792-2.5%201.5-2.5z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-folder-shared" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-folder-shared" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-folder-shared {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Efolder-shared-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M12.09%206l-2.067-2H2v14h18V6h-7.91zM12%2016H4v-2l3-1v-1a1%201%200%200%201-1-1V8a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201v3a1%201%200%200%201-1%201v1l3%201v2z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-folder-shared-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-folder-shared-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-folder-shared-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Efolder-shared-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M12.09%206l-2.067-2H2v14h18V6h-7.91zM12%2016H4v-2l3-1v-1a1%201%200%200%201-1-1V8a1%201%200%200%201%201-1h2a1%201%200%200%201%201%201v3a1%201%200%200%201-1%201v1l3%201v2z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-folder-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-folder-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-folder-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Efolder-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M2.04%2017.067L2%204h6.98L11%206.067h9V18H2%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-forward-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-forward-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-forward-disabled {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20fill%3D%22%23969696%22%3E%3Cpath%20d%3D%22M9%202c3.9%200%207%203.1%207%207s-3.1%207-7%207-7-3.1-7-7%203.1-7%207-7m0-2C4%200%200%204%200%209s4%209%209%209%209-4%209-9-4-9-9-9z%22%2F%3E%3Cpath%20d%3D%22M7%205.4v7.2L13%209z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-forward" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-forward" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-forward {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M9%202c3.9%200%207%203.1%207%207s-3.1%207-7%207-7-3.1-7-7%203.1-7%207-7m0-2C4%200%200%204%200%209s4%209%209%209%209-4%209-9-4-9-9-9z%22%2F%3E%3Cpath%20d%3D%22M7%205.4v7.2L13%209z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-fullScreen-dlsabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-fullScreen-dlsabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-fullScreen-dlsabled {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23969696%22%20d%3D%22M18%206h-2V2h-4V0h6zM2%206H0V0h6v2H2zM6%2018H0v-6h2v4h4zM18%2018h-6v-2h4v-4h2z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-fullScreen" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-fullScreen" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-fullScreen {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M18%206h-2V2h-4V0h6zM2%206H0V0h6v2H2zM6%2018H0v-6h2v4h4zM18%2018h-6v-2h4v-4h2z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-gamification" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-gamification" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-gamification {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2054%2054%22%3E%3Cpath%20fill%3D%22%23565656%22%20d%3D%22M47.3%2032h-1.7L33.9%2020.3c2.7-.5%205.1-2.7%205.1-5.5V5.9C39%202.7%2035.8%200%2032.6%200H20.7C17.5%200%2014%202.7%2014%205.9v8.9c0%202.9%202.5%205%205.2%205.5L7.7%2032H5.9C2.7%2032%200%2035.2%200%2038.5v8.9C0%2050.6%202.7%2054%205.9%2054h11.8c3.3%200%206.2-3.4%206.2-6.7v-8.9c0-3.3-3-6.5-6.2-6.5H16l10.6-10.6L37.2%2032h-1.7c-3.3%200-5.5%203.2-5.5%206.5v8.9c0%203.3%202.3%206.7%205.5%206.7h11.8c3.3%200%206.7-3.4%206.7-6.7v-8.9c0-3.3-3.4-6.5-6.7-6.5zM17.8%2046H6v-7h11.8v7zM21%206h11.6l.2%208.9-11.8-.1V6zm26.3%2040H35v-7h12.3v7z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-gear-01-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-gear-01-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-gear-01-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M13.8%209c.1-1%20.2-1.5.2-2s-.1-1-.2-2h-2.4c-.2%200-.5-.8-.9-1.3l1.2-2C11%201.1%2010.1.6%209.1.3L7.9%202.4c-.3-.1-.6-.1-.9-.1s-.6%200-.9.1L4.9.3c-1%20.3-1.9.9-2.7%201.6l1.2%201.9c-.3.4-.6%201.2-.8%201.2H.2C.1%206%200%206.5%200%207s.1%201%20.2%202h2.4c.2%200%20.5.8.9%201.3l-1.2%202c.8.7%201.7%201.2%202.7%201.5l1.2-2.1c.3.1.6.1.9.1s.6%200%20.9-.1l1.2%202.1c1-.3%201.9-.9%202.7-1.6l-1.2-1.9c.2-.5.5-1.3.7-1.3h2.4zM7%208.9c-1.1%200-1.9-.8-1.9-1.9%200-1.1.9-1.9%201.9-1.9s1.9.8%201.9%201.9c0%201.1-.8%201.9-1.9%201.9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-gear-01" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-gear-01" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-gear-01 {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23323232%22%20d%3D%22M13.8%209c.1-1%20.2-1.5.2-2s-.1-1-.2-2h-2.4c-.2%200-.5-.8-.9-1.3l1.2-2C11%201.1%2010.1.6%209.1.3L7.9%202.4c-.3-.1-.6-.1-.9-.1s-.6%200-.9.1L4.9.3c-1%20.3-1.9.9-2.7%201.6l1.2%201.9c-.3.4-.6%201.2-.8%201.2H.2C.1%206%200%206.5%200%207s.1%201%20.2%202h2.4c.2%200%20.5.8.9%201.3l-1.2%202c.8.7%201.7%201.2%202.7%201.5l1.2-2.1c.3.1.6.1.9.1s.6%200%20.9-.1l1.2%202.1c1-.3%201.9-.9%202.7-1.6l-1.2-1.9c.2-.5.5-1.3.7-1.3h2.4zM7%208.9c-1.1%200-1.9-.8-1.9-1.9%200-1.1.9-1.9%201.9-1.9s1.9.8%201.9%201.9c0%201.1-.8%201.9-1.9%201.9z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-gear-18px-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-gear-18px-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-gear-18px-gray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%235a5a5a%22%20d%3D%22M18%2010.5v-3c0-.3-.2-.5-.5-.5h-2.8c-.2-.7-.6-1.3-1.1-1.9l1.6-2.7c-1-.9-2.2-1.6-3.5-2l-1.6%202.7C9.7%203%209.4%203%209%203s-.7%200-1.1.1L6.3.4c-1.3.4-2.4%201.1-3.4%202l1.6%202.7C4%205.7%203.6%206.3%203.3%207H.5c-.3%200-.5.2-.5.5v3c0%20.3.2.5.5.5h2.8c.2.7.6%201.3%201.1%201.9l-1.6%202.7c1%20.9%202.2%201.6%203.5%202l1.6-2.7c.4.1.7.1%201.1.1s.7%200%201.1-.1l1.6%202.7a9.4%209.4%200%200%200%203.5-2l-1.6-2.7c.5-.6.8-1.2%201.1-1.9h2.8c.3%200%20.5-.2.5-.5zm-9%201c-1.4%200-2.5-1.1-2.5-2.5S7.6%206.5%209%206.5s2.5%201.1%202.5%202.5-1.1%202.5-2.5%202.5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-gear-18px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-gear-18px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-gear-18px {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%235A5A5A%22%20d%3D%22M18%2010.5v-3c0-.3-.2-.5-.5-.5h-2.8c-.2-.7-.6-1.3-1.1-1.9l1.6-2.7c-1-.9-2.2-1.6-3.5-2l-1.6%202.7C9.7%203%209.4%203%209%203s-.7%200-1.1.1L6.3.4c-1.3.4-2.4%201.1-3.4%202l1.6%202.7C4%205.7%203.6%206.3%203.3%207H.5c-.3%200-.5.2-.5.5v3c0%20.3.2.5.5.5h2.8c.2.7.6%201.3%201.1%201.9l-1.6%202.7c1%20.9%202.2%201.6%203.5%202l1.6-2.7c.4.1.7.1%201.1.1s.7%200%201.1-.1l1.6%202.7a9.4%209.4%200%200%200%203.5-2l-1.6-2.7c.5-.6.8-1.2%201.1-1.9h2.8c.3%200%20.5-.2.5-.5zm-9%201c-1.4%200-2.5-1.1-2.5-2.5S7.6%206.5%209%206.5s2.5%201.1%202.5%202.5-1.1%202.5-2.5%202.5z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-gear" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-gear" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-gear {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%20width%3D%2218%22%20height%3D%2218%22%3E%3Cpath%20d%3D%22M18%2010V8c0-.6-.4-1-1-1h-2.3c-.2%200-.6-1.3-1.1-1.9l1.6-2.7c-1-.9-2.2-1.6-3.5-2l-1.6%202.7C9.7%203%209.4%203%209%203s-.7%200-1.1.1L6.3.4c-1.3.4-2.4%201.1-3.4%202l1.6%202.7C4%205.7%203.6%207%203.3%207H1c-.6%200-1%20.4-1%201v2c0%20.6.4%201%201%201h2.3c.2%201%20.6%201.3%201.1%201.9l-1.6%202.7c1%20.9%202.2%201.6%203.5%202l1.6-2.7c.4.1.7.1%201.1.1s.7%200%201.1-.1l1.6%202.7a9.4%209.4%200%200%200%203.5-2l-1.6-2.7c.5-.6.8-.9%201.1-1.9H17c.6%200%201-.4%201-1zm-9%203c-2.2%200-4-1.8-4-4s1.8-4%204-4%204%201.8%204%204-1.8%204-4%204z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-google-drive" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-google-drive" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-google-drive {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%234688F5%22%20d%3D%22M6.3%2012L4%2017h10l4-5z%22%2F%3E%3Cpath%20fill%3D%22%23FCD149%22%20d%3D%22M12%201H6l6%2011h6z%22%2F%3E%3Cpath%20fill%3D%22%231CA362%22%20d%3D%22M6%201L0%2012l4%205L8.9%206.3z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
  <span class="icn-google-drive-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
  <span class="icn-google-drive-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
*/
.icn-google-drive-gray {
  background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8%2014l-2.6%206h11.2l4.4-6H8z%22%20fill%3D%22%233D4752%22%2F%3E%3Cpath%20d%3D%22M14.3%202H7.7l6.6%2012H21L14.3%202z%22%20fill%3D%22%238794A0%22%2F%3E%3Cpath%20d%3D%22M7.7%202L1%2014.4%205.4%2020%2011%208%207.6%202z%22%20fill%3D%22%23616C77%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
  <span class="icn-google-drive-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
  <span class="icn-google-drive-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
*/
.icn-google-drive-white {
  background-image: url(data:image/svg+xml;utf8,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8%2014l-2.6%206h11.2l4.4-6H8zM14.3%202H7.7l6.6%2012H21L14.3%202z%22%2F%3E%3Cpath%20d%3D%22M7.7%202L1%2014.4%205.4%2020%2011%208%207.6%202z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-google" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-google" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-google {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eicon-google-22px%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M8.174%202.4a9.234%209.234%200%200%201%206.16.054%208.882%208.882%200%200%201%202.946%201.83c-.286.31-.595.6-.89.902-.56.563-1.12%201.125-1.682%201.687a4.977%204.977%200%200%200-1.97-1.164c-.867-.262-1.8-.302-2.686-.11A5.46%205.46%200%200%200%207.32%207.125%205.695%205.695%200%200%200%205.99%209.29c-.997-.78-1.995-1.554-2.998-2.333C4.05%204.837%205.947%203.164%208.174%202.4z%22%20fill%3D%22%23EA4335%22%2F%3E%3Cpath%20d%3D%22M2.2%209.255c.163-.8.43-1.578.797-2.308.998.78%201.996%201.553%203%202.333a5.55%205.55%200%200%200%200%203.57C4.996%2013.63%204%2014.41%203%2015.183a9.153%209.153%200%200%201-.8-5.928z%22%20fill%3D%22%23FBBC05%22%2F%3E%3Cpath%20d%3D%22M11.164%209.35h8.603c.285%201.61.222%203.293-.23%204.87-.42%201.446-1.21%202.787-2.316%203.808l-2.905-2.263a4.322%204.322%200%200%200%201.83-2.836h-4.986c.004-1.194.004-2.388.004-3.58z%22%20fill%3D%22%234285F4%22%2F%3E%3Cpath%20d%3D%22M2.992%2015.188c.998-.775%201.996-1.554%202.994-2.333A5.7%205.7%200%200%200%208.08%2015.67a5.44%205.44%200%200%200%202.036.884c.718.148%201.46.128%202.183.005a5.23%205.23%200%200%200%202.015-.8c.968.754%201.937%201.51%202.906%202.263-1.047.972-2.36%201.633-3.746%201.953-1.534.35-3.156.36-4.68-.05a9.026%209.026%200%200%201-3.324-1.68%209.23%209.23%200%200%201-2.478-3.058z%22%20fill%3D%22%2334A853%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-google-plus-inverted-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-google-plus-inverted-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-google-plus-inverted-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M242.1%20275.6l-18.2-13.7-.1-.1c-5.8-4.6-10-8.3-10-14.7%200-7%205-11.8%2010.9-17.4l.5-.4c20-15.2%2044.7-34.3%2044.7-74.6%200-26.9-11.9-44.7-23.3-57.7h13L320%2064H186.5c-25.3%200-62.7%203.2-94.6%2028.6l-.1.3C70%20110.9%2057%20137.4%2057%20163.5c0%2021.2%208.7%2042.2%2023.9%2057.4%2021.4%2021.6%2048.3%2026.1%2067.1%2026.1%201.5%200%203%200%204.5-.1-.8%203-1.2%206.3-1.2%2010.3%200%2010.9%203.6%2019.3%208.1%2026.2-24%201.9-58.1%206.5-84.9%2022.3-39.4%2022.7-42.5%2056-42.5%2065.6%200%2038.2%2035.7%2076.8%20115.5%2076.8%2091.6%200%20139.5-49.8%20139.5-99%200-37.1-22.8-55.6-44.9-73.5zM116.7%20139.9c0-13.4%203-23.5%209.3-30.9%206.5-7.9%2018.2-13.1%2029-13.1%2019.9%200%2032.9%2015%2040.4%2027.6%209.2%2015.5%2014.9%2036.1%2014.9%2053.6%200%204.9%200%2020-10.2%2029.8-7%206.7-18.7%2011.4-28.6%2011.4-20.5%200-33.5-14.7-40.7-27-10.4-17.8-14.1-38.2-14.1-51.4zM237.8%20368c0%2027.4-25.2%2044.5-65.8%2044.5-48.1%200-80.3-20.6-80.3-51.3%200-26.1%2021.5-36.8%2037.8-42.5%2018.9-6.1%2044.3-7.3%2050.1-7.3%203.9%200%206.1%200%208.7.2%2036.6%2025.2%2049.5%2036.1%2049.5%2056.4z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M402%20142V64h-34v78h-80v34h80v81h34v-81h78v-34z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-google-plus-inverted" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-google-plus-inverted" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-google-plus-inverted {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22512%22%20height%3D%22512%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cpath%20d%3D%22M242.1%20275.6l-18.2-13.7-.1-.1c-5.8-4.6-10-8.3-10-14.7%200-7%205-11.8%2010.9-17.4l.5-.4c20-15.2%2044.7-34.3%2044.7-74.6%200-26.9-11.9-44.7-23.3-57.7h13L320%2064H186.5c-25.3%200-62.7%203.2-94.6%2028.6l-.1.3C70%20110.9%2057%20137.4%2057%20163.5c0%2021.2%208.7%2042.2%2023.9%2057.4%2021.4%2021.6%2048.3%2026.1%2067.1%2026.1%201.5%200%203%200%204.5-.1-.8%203-1.2%206.3-1.2%2010.3%200%2010.9%203.6%2019.3%208.1%2026.2-24%201.9-58.1%206.5-84.9%2022.3-39.4%2022.7-42.5%2056-42.5%2065.6%200%2038.2%2035.7%2076.8%20115.5%2076.8%2091.6%200%20139.5-49.8%20139.5-99%200-37.1-22.8-55.6-44.9-73.5zM116.7%20139.9c0-13.4%203-23.5%209.3-30.9%206.5-7.9%2018.2-13.1%2029-13.1%2019.9%200%2032.9%2015%2040.4%2027.6%209.2%2015.5%2014.9%2036.1%2014.9%2053.6%200%204.9%200%2020-10.2%2029.8-7%206.7-18.7%2011.4-28.6%2011.4-20.5%200-33.5-14.7-40.7-27-10.4-17.8-14.1-38.2-14.1-51.4zM237.8%20368c0%2027.4-25.2%2044.5-65.8%2044.5-48.1%200-80.3-20.6-80.3-51.3%200-26.1%2021.5-36.8%2037.8-42.5%2018.9-6.1%2044.3-7.3%2050.1-7.3%203.9%200%206.1%200%208.7.2%2036.6%2025.2%2049.5%2036.1%2049.5%2056.4z%22%2F%3E%3Cpath%20d%3D%22M402%20142V64h-34v78h-80v34h80v81h34v-81h78v-34z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-google-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-google-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-google-plus {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22832.985%2010.01%2080%2080%22%3E%3Cg%20fill%3D%22%23DD4B39%22%3E%3Cpath%20d%3D%22M854.834%2082.006c1.08.174%202.22.23%203.396.15%206.137-.416%2010.864-4.38%2010.563-8.854-.304-4.477-5.522-7.765-11.66-7.35-6.135.414-10.86%204.38-10.56%208.854.022.35.087.686.168%201.018a36.95%2036.95%200%200%200%208.094%206.182z%22%2F%3E%3Cellipse%20transform%3D%22rotate%28-15.22%20857.263%2044.728%29%22%20cx%3D%22857.24%22%20cy%3D%2244.726%22%20rx%3D%226.857%22%20ry%3D%229.596%22%2F%3E%3Cpath%20d%3D%22M872.985%2013.258c-20.38%200-36.902%2016.452-36.902%2036.75%200%207.313%202.15%2014.125%205.85%2019.85%204.156-6.387%2016.132-6.078%2016.865-6.078-.22-2.643-1.983-2.203-1.983-3.508v-3.23s-13.157%201.48-13.157-11.265%2015.05-13.108%2015.05-13.108h14.862c0%202.263-6.785%201.466-6.785%202.678%203.842%201.73%204.292%204.673%204.292%209.556%200%208.14-7.616%209.14-7.616%2012.604%200%203.46%2010.11%206.23%2010.11%2014.815%200%208.504-6.24%2011.68-11.314%2012.854%201.582.48%203.21.854%204.875%201.118v.003c1.908.303%203.863.465%205.856.465a36.2%2036.2%200%200%200%204.73-.313v-.002c18.145-2.313%2032.172-17.74%2032.172-36.438%200-20.3-16.522-36.752-36.903-36.752zm18.12%2032.8v10.335h-3.045V46.057h-10.34V43.01h10.34V32.664h3.045V43.01h10.348v3.048h-10.348z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-goto-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-goto-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-goto-link {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.5%207.2l-4.1%206.5c-.3.4-.8.3-.9-.2l-.9-3c-7.5.8-6.5%206.5-6.5%206.5-2.5-5.9%203.4-9.4%205.4-10.3l-.9-3c-.1-.5.3-.8.7-.6l6.9%203.4c.3.1.4.5.3.7%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-grid" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-grid" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-grid {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Egrid%3C%2Ftitle%3E%3Cpath%20d%3D%22M3%202h6a1%201%200%200%201%201%201v6a1%201%200%200%201-1%201H3a1%201%200%200%201-1-1V3a1%201%200%200%201%201-1zm10%200h6a1%201%200%200%201%201%201v6a1%201%200%200%201-1%201h-6a1%201%200%200%201-1-1V3a1%201%200%200%201%201-1zM3%2012h6a1%201%200%200%201%201%201v6a1%201%200%200%201-1%201H3a1%201%200%200%201-1-1v-6a1%201%200%200%201%201-1zm10%200h6a1%201%200%200%201%201%201v6a1%201%200%200%201-1%201h-6a1%201%200%200%201-1-1v-6a1%201%200%200%201%201-1z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
    <span class="icn-graph" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
    <span class="icn-graph" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-graph {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15%209h4v11h-4V9zM9%206h4v14H9V6zm-6%205h4v9H3v-9z%22%20fill%3D%22%233D4752%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
    <span class="icn-graph-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
    <span class="icn-graph-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-graph-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M15%209h4v11h-4V9zM9%206h4v14H9V6zm-6%205h4v9H3v-9z%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-help-22px-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-help-22px-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-help-22px-blue {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22%2329aae1%22%3Eicon-help-22px%3C%2Ftitle%3E%3Cpath%20d%3D%22M11%202c-5%200-9%204-9%209s4%209%209%209%209-4%209-9-4-9-9-9zm1%2015h-2v-2h2v2zm0-5v2h-2v-2c0-1%20.7-1.8%201.7-2%201-.2%201.3-.2%201.3-1.5%200-.7-.2-1.5-2-1.5-.8%200-1.6.3-2%20.9-.3.5-.3%201-.1%201.8l-1.9.7c-.5-1.3-.4-2.6.3-3.6C8%205.7%209.4%205%2010.9%205c3.6%200%204%202.4%204%203.5.1%203-1.8%203.3-2.9%203.5z%22%20fill%3D%22%2329aae1%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-help-22px-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-help-22px-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-help-22px-gray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eicon-help-22px%3C%2Ftitle%3E%3Cpath%20d%3D%22M11%202c-5%200-9%204-9%209s4%209%209%209%209-4%209-9-4-9-9-9zm1%2015h-2v-2h2v2zm0-5v2h-2v-2c0-1%20.7-1.8%201.7-2%201-.2%201.3-.2%201.3-1.5%200-.7-.2-1.5-2-1.5-.8%200-1.6.3-2%20.9-.3.5-.3%201-.1%201.8l-1.9.7c-.5-1.3-.4-2.6.3-3.6C8%205.7%209.4%205%2010.9%205c3.6%200%204%202.4%204%203.5.1%203-1.8%203.3-2.9%203.5z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-help-22px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-help-22px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-help-22px {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eicon-help-22px%3C%2Ftitle%3E%3Cpath%20d%3D%22M11%202c-5%200-9%204-9%209s4%209%209%209%209-4%209-9-4-9-9-9zm1%2015h-2v-2h2v2zm0-5v2h-2v-2c0-1%20.7-1.8%201.7-2%201-.2%201.3-.2%201.3-1.5%200-.7-.2-1.5-2-1.5-.8%200-1.6.3-2%20.9-.3.5-.3%201-.1%201.8l-1.9.7c-.5-1.3-.4-2.6.3-3.6C8%205.7%209.4%205%2010.9%205c3.6%200%204%202.4%204%203.5.1%203-1.8%203.3-2.9%203.5z%22%20fill%3D%22%233D4752%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-help" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-help" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-help {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-34.2%2017%2057.8%2057.8%22%3E%3Ctitle%3EHelpIcon%3C%2Ftitle%3E%3Cg%3E%3Ccircle%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20cx%3D%22-5%22%20cy%3D%2246%22%20r%3D%2227%22%2F%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%22-5%22%20cy%3D%2259%22%20r%3D%223%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%224%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M-11%2039c0-4%202-6%206-6s6%202.5%206%206-1.1%205.6-4%206.5c-1.4.4-2%201.5-2%202.5v3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-hotspots-active" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-hotspots-active" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-hotspots-active {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cpath%20fill%3D%22%235BB7A6%22%20d%3D%22M26%207H0V3c0-1.7%201.3-3%203-3h20c1.7%200%203%201.3%203%203v4z%22%2F%3E%3Cpath%20fill%3D%22%2386C9BC%22%20d%3D%22M0%207h26v16c0%201.7-1.3%203-3%203H3c-1.7%200-3-1.3-3-3V7z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10%2023l-3-4s-1.9-2.6-2-4-.2-1.9-.2-2.6c.2-1.5%202-1.6%202.2-.4.5%201.8%201.6%203.1%201.6%203.1.1-.6.4-1.1.4-2.1%200-3.4-1-7.7-1-8.5C8%202%2011%202%2011%204.4c0%20.9%201%205.6%201%205.6s1.8-1.5%203%200c.4-.4%202.6-.3%203%20.6%201.4-.6%203%201.8%203%202.2V17c0%202.6-2%206-2%206h-9z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-hotspots" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-hotspots" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-hotspots {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cpath%20fill%3D%22%23878787%22%20d%3D%22M26%207H0V3c0-1.7%201.3-3%203-3h20c1.7%200%203%201.3%203%203v4z%22%2F%3E%3Cpath%20fill%3D%22%23A8A8A8%22%20d%3D%22M0%207h26v16c0%201.7-1.3%203-3%203H3c-1.7%200-3-1.3-3-3V7z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M10%2023l-3-4s-1.9-2.6-2-4-.2-1.9-.2-2.6c.2-1.5%202-1.6%202.2-.4.5%201.8%201.6%203.1%201.6%203.1.1-.6.4-1.1.4-2.1%200-3.4-1-7.7-1-8.5C8%202%2011%202%2011%204.4c0%20.9%201%205.6%201%205.6s1.8-1.5%203%200c.4-.4%202.6-.3%203%20.6%201.4-.6%203%201.8%203%202.2V17c0%202.6-2%206-2%206h-9z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-html-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-html-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-html-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M7%206H5l-4%205%204%205h2l-4-5zM15%206h2l4%205-4%205h-2l4-5zM8%2019l4-16h2l-4%2016z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-html" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-html" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-html {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%233D4752%22%20d%3D%22M7%206H5l-4%205%204%205h2l-4-5zM15%206h2l4%205-4%205h-2l4-5zM8%2019l4-16h2l-4%2016z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-html-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-html-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-html-primaryGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23828282%22%20d%3D%22M7%206H5l-4%205%204%205h2l-4-5zM15%206h2l4%205-4%205h-2l4-5zM8%2019l4-16h2l-4%2016z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-info-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-info-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-info-blue {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%2C0%2C58%2C58%22%20width%3D%2258%22%20height%3D%2258%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%2329aae1%22%20d%3D%22M54.4%2028.9c0%2014.083-11.417%2025.5-25.5%2025.5S3.4%2042.983%203.4%2028.9%2014.817%203.4%2028.9%203.4s25.5%2011.417%2025.5%2025.5zm3%200C57.4%2013.16%2044.64.4%2028.9.4S.4%2013.16.4%2028.9s12.76%2028.5%2028.5%2028.5%2028.5-12.76%2028.5-28.5z%22%3E%3C%2Fpath%3E%3Cpath%20fill%3D%22%2329aae1%22%20d%3D%22M28.9%2023.9c1.1%200%202%201.3%202%203v13c0%201.7-.9%203-2%203s-2-1.3-2-3v-13c0-1.7.9-3%202-3zM31.9%2017.9a3%203%200%201%201-6%200%203%203%200%200%201%206%200z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-info" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-info" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-info {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%2C0%2C58%2C58%22%20width%3D%2258%22%20height%3D%2258%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M54.4%2028.9c0%2014.083-11.417%2025.5-25.5%2025.5S3.4%2042.983%203.4%2028.9%2014.817%203.4%2028.9%203.4s25.5%2011.417%2025.5%2025.5zm3%200C57.4%2013.16%2044.64.4%2028.9.4S.4%2013.16.4%2028.9s12.76%2028.5%2028.5%2028.5%2028.5-12.76%2028.5-28.5z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M28.9%2023.9c1.1%200%202%201.3%202%203v13c0%201.7-.9%203-2%203s-2-1.3-2-3v-13c0-1.7.9-3%202-3zM31.9%2017.9a3%203%200%201%201-6%200%203%203%200%200%201%206%200z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-information" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-information" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-information {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23d2d2d2%22%20d%3D%22M9%200C4%200%200%204%200%209s4%209%209%209%209-4%209-9-4-9-9-9zm1%2013H8v-2h2v2zm0-3H8V4h2v6z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-line-jump" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-line-jump" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-line-jump {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23000%22%20stroke-linecap%3D%22round%22%20stroke-miterlimit%3D%2210%22%20d%3D%22M13%201L8.5%205.5c-.4-.3-.9-.6-1.5-.6-1.1%200-2%20.9-2%202%200%20.6.2%201.1.6%201.5L1%2013%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-line-tool" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-line-tool" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-line-tool {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2251%22%20height%3D%2251%22%20viewBox%3D%220%200%2051%2051%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3ELineToolIcon%3C%2Ftitle%3E%3Cg%20transform%3D%22translate%282%202%29%22%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M.5.5l31%2031%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22square%22%2F%3E%3Crect%20fill%3D%22%23FFF%22%20x%3D%2231%22%20y%3D%2238%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%222%22%2F%3E%3Crect%20fill%3D%22%23FFF%22%20transform%3D%22rotate%2890%2040%2040%29%22%20x%3D%2231%22%20y%3D%2238%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%222%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-link-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-link-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-link-blue {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22%2329aae1%22%3Efolder-dark%20copy%204%3C%2Ftitle%3E%3Cpath%20d%3D%22M13.223%206.802l.383-.384a1.416%201.416%200%200%201%201.976%200c.535.536.535%201.44%200%201.976l-3.594%203.594a1.415%201.415%200%200%201-1.976%200c-.115-.115-.2-.25-.266-.392L8.293%2013.05c.094.122.182.25.295.36a3.42%203.42%200%200%200%204.824%200l3.593-3.592a3.42%203.42%200%200%200%200-4.823%203.42%203.42%200%200%200-4.823%200L10.91%206.268s.568-.012%201.203.134c.635.146%201.11.4%201.11.4zM8.685%2015.29l-.29.29a1.415%201.415%200%200%201-1.976%200%201.414%201.414%200%200%201%200-1.974l3.592-3.594a1.416%201.416%200%200%201%201.976%200c.115.115.2.25.267.392l1.452-1.453c-.093-.123-.182-.248-.295-.362a3.422%203.422%200%200%200-4.824%200l-3.593%203.594a3.42%203.42%200%200%200%200%204.823%203.42%203.42%200%200%200%204.823%200l1.113-1.112s-.633.01-1.274-.185c-.64-.195-.97-.418-.97-.418z%22%20fill%3D%22%2329aae1%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-linkedin-inverted-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-linkedin-inverted-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-linkedin-inverted-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20height%3D%221000%22%20width%3D%221036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%20120q0-50%2035-82.5T126%205q55%200%2089%2032%2035%2033%2035%2086%200%2048-34%2080-35%2033-92%2033h-1q-55%200-89-33T0%20120zm13%20875V327h222v668H13zm345%200h222V622q0-35%208-54%2014-34%2042.5-57.5T702%20487q112%200%20112%20151v357h222V612q0-148-70-224.5T781%20311q-129%200-201%20111v2h-1l1-2v-95H358q2%2032%202%20199t-2%20469z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-linkedin-inverted" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-linkedin-inverted" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-linkedin-inverted {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20height%3D%221000%22%20width%3D%221036%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M0%20120q0-50%2035-82.5T126%205q55%200%2089%2032%2035%2033%2035%2086%200%2048-34%2080-35%2033-92%2033h-1q-55%200-89-33T0%20120zm13%20875V327h222v668H13zm345%200h222V622q0-35%208-54%2014-34%2042.5-57.5T702%20487q112%200%20112%20151v357h222V612q0-148-70-224.5T781%20311q-129%200-201%20111v2h-1l1-2v-95H358q2%2032%202%20199t-2%20469z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-linkedin" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-linkedin" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-linkedin {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22996.985%2012.01%2080%2080%22%3E%3Cpath%20fill%3D%22%230177B5%22%20d%3D%22M1036.985%2015.26c-20.38%200-36.902%2016.452-36.902%2036.75%200%2018.31%2013.45%2033.486%2031.047%2036.282v.002c1.907.304%203.863.466%205.855.466%201.603%200%203.18-.11%204.73-.313v-.002c18.145-2.313%2032.172-17.737%2032.172-36.438%200-20.294-16.522-36.747-36.902-36.747zm-12.176%2058.75h-9.136V44.62h9.135v29.39zm-4.565-33.408a5.295%205.295%200%200%201%200-10.59%205.295%205.295%200%200%201%200%2010.59zm38.776%2033.407h-9.126V59.72c0-3.41-.063-7.793-4.748-7.793-4.748%200-5.48%203.71-5.48%207.544v14.54h-9.128V44.62h8.765v4.018h.123c1.22-2.313%204.193-4.75%208.64-4.75%209.253%200%2010.96%206.09%2010.958%2014l-.003%2016.12z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-linkedin-login" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-linkedin-login" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-linkedin-login {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eicon-linkedin-22px%3C%2Ftitle%3E%3Cpath%20d%3D%22M6.09%207.59v11.613H2.223V7.59H6.09zm.246-3.586c.008.57-.19%201.047-.592%201.43-.402.382-.93.574-1.588.574h-.023c-.64%200-1.156-.192-1.547-.574C2.196%205.05%202%204.574%202%204.004c0-.578.2-1.057.604-1.436C3.006%202.188%203.53%202%204.18%202c.648%200%201.168.19%201.558.568.39.38.59.858.598%201.436zM20%2012.547v6.656h-3.855v-6.21c0-.82-.16-1.464-.475-1.93-.316-.463-.81-.696-1.482-.696-.493%200-.905.135-1.237.404-.33.27-.58.605-.743%201.003-.086.235-.13.55-.13.95v6.48H8.224c.015-3.117.023-5.644.023-7.582%200-1.936-.004-3.093-.012-3.468l-.01-.562h3.854v1.687h-.023a5.1%205.1%200%200%201%20.48-.656c.164-.186.385-.39.662-.608.278-.22.617-.39%201.02-.51.402-.12.85-.182%201.342-.182%201.335%200%202.41.444%203.22%201.33.814.887%201.22%202.186%201.22%203.897z%22%20fill%3D%22%234D4D4D%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-linkedin-login-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-linkedin-login-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-linkedin-login-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Eicon-linkedin-22px%3C%2Ftitle%3E%3Cpath%20d%3D%22M6.09%207.59v11.613H2.223V7.59H6.09zm.246-3.586c.008.57-.19%201.047-.592%201.43-.402.382-.93.574-1.588.574h-.023c-.64%200-1.156-.192-1.547-.574C2.196%205.05%202%204.574%202%204.004c0-.578.2-1.057.604-1.436C3.006%202.188%203.53%202%204.18%202c.648%200%201.168.19%201.558.568.39.38.59.858.598%201.436zM20%2012.547v6.656h-3.855v-6.21c0-.82-.16-1.464-.475-1.93-.316-.463-.81-.696-1.482-.696-.493%200-.905.135-1.237.404-.33.27-.58.605-.743%201.003-.086.235-.13.55-.13.95v6.48H8.224c.015-3.117.023-5.644.023-7.582%200-1.936-.004-3.093-.012-3.468l-.01-.562h3.854v1.687h-.023a5.1%205.1%200%200%201%20.48-.656c.164-.186.385-.39.662-.608.278-.22.617-.39%201.02-.51.402-.12.85-.182%201.342-.182%201.335%200%202.41.444%203.22%201.33.814.887%201.22%202.186%201.22%203.897z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-link-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-link-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-link-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22%23ffffff%22%3Efolder-dark%20copy%204%3C%2Ftitle%3E%3Cpath%20d%3D%22M13.223%206.802l.383-.384a1.416%201.416%200%200%201%201.976%200c.535.536.535%201.44%200%201.976l-3.594%203.594a1.415%201.415%200%200%201-1.976%200c-.115-.115-.2-.25-.266-.392L8.293%2013.05c.094.122.182.25.295.36a3.42%203.42%200%200%200%204.824%200l3.593-3.592a3.42%203.42%200%200%200%200-4.823%203.42%203.42%200%200%200-4.823%200L10.91%206.268s.568-.012%201.203.134c.635.146%201.11.4%201.11.4zM8.685%2015.29l-.29.29a1.415%201.415%200%200%201-1.976%200%201.414%201.414%200%200%201%200-1.974l3.592-3.594a1.416%201.416%200%200%201%201.976%200c.115.115.2.25.267.392l1.452-1.453c-.093-.123-.182-.248-.295-.362a3.422%203.422%200%200%200-4.824%200l-3.593%203.594a3.42%203.42%200%200%200%200%204.823%203.42%203.42%200%200%200%204.823%200l1.113-1.112s-.633.01-1.274-.185c-.64-.195-.97-.418-.97-.418z%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-link {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Efolder-dark%20copy%204%3C%2Ftitle%3E%3Cpath%20d%3D%22M13.223%206.802l.383-.384a1.416%201.416%200%200%201%201.976%200c.535.536.535%201.44%200%201.976l-3.594%203.594a1.415%201.415%200%200%201-1.976%200c-.115-.115-.2-.25-.266-.392L8.293%2013.05c.094.122.182.25.295.36a3.42%203.42%200%200%200%204.824%200l3.593-3.592a3.42%203.42%200%200%200%200-4.823%203.42%203.42%200%200%200-4.823%200L10.91%206.268s.568-.012%201.203.134c.635.146%201.11.4%201.11.4zM8.685%2015.29l-.29.29a1.415%201.415%200%200%201-1.976%200%201.414%201.414%200%200%201%200-1.974l3.592-3.594a1.416%201.416%200%200%201%201.976%200c.115.115.2.25.267.392l1.452-1.453c-.093-.123-.182-.248-.295-.362a3.422%203.422%200%200%200-4.824%200l-3.593%203.594a3.42%203.42%200%200%200%200%204.823%203.42%203.42%200%200%200%204.823%200l1.113-1.112s-.633.01-1.274-.185c-.64-.195-.97-.418-.97-.418z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-link-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-link-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-link-primaryGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22%23828282%22%3Efolder-dark%20copy%204%3C%2Ftitle%3E%3Cpath%20d%3D%22M13.223%206.802l.383-.384a1.416%201.416%200%200%201%201.976%200c.535.536.535%201.44%200%201.976l-3.594%203.594a1.415%201.415%200%200%201-1.976%200c-.115-.115-.2-.25-.266-.392L8.293%2013.05c.094.122.182.25.295.36a3.42%203.42%200%200%200%204.824%200l3.593-3.592a3.42%203.42%200%200%200%200-4.823%203.42%203.42%200%200%200-4.823%200L10.91%206.268s.568-.012%201.203.134c.635.146%201.11.4%201.11.4zM8.685%2015.29l-.29.29a1.415%201.415%200%200%201-1.976%200%201.414%201.414%200%200%201%200-1.974l3.592-3.594a1.416%201.416%200%200%201%201.976%200c.115.115.2.25.267.392l1.452-1.453c-.093-.123-.182-.248-.295-.362a3.422%203.422%200%200%200-4.824%200l-3.593%203.594a3.42%203.42%200%200%200%200%204.823%203.42%203.42%200%200%200%204.823%200l1.113-1.112s-.633.01-1.274-.185c-.64-.195-.97-.418-.97-.418z%22%20fill%3D%22%23828282%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-list" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-list" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-list {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Elist%3C%2Ftitle%3E%3Cpath%20d%3D%22M20%205H7a1%201%200%200%201-1-1V3a1%201%200%200%201%201-1h13a1%201%200%200%201%201%201v1a1%201%200%200%201-1%201zm0%207H7a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h13a1%201%200%200%201%201%201v1a1%201%200%200%201-1%201zm0%207H7a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1h13a1%201%200%200%201%201%201v1a1%201%200%200%201-1%201zM2%205h1a1%201%200%200%200%201-1V3a1%201%200%200%200-1-1H2a1%201%200%200%200-1%201v1a1%201%200%200%200%201%201zm0%207h1a1%201%200%200%200%201-1v-1a1%201%200%200%200-1-1H2a1%201%200%200%200-1%201v1a1%201%200%200%200%201%201zm0%207h1a1%201%200%200%200%201-1v-1a1%201%200%200%200-1-1H2a1%201%200%200%200-1%201v1a1%201%200%200%200%201%201z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lock-locked" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lock-locked" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lock-locked {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22%233D4752%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M15%209V5c0-1.7-1.3-3-3-3h-2C8.3%202%207%203.3%207%205v4H4v11h14V9h-3zM9%205c0-.6.4-1%201-1h2c.6%200%201%20.4%201%201v4H9V5zm7%2013H6v-7h10v7z%22/%3E%3Cpath%20d%3D%22M10%2012h2v5h-2z%22/%3E%3C/g%3E%3C/svg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lock-locked-priorityRed" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lock-locked-priorityRed" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lock-locked-priorityRed {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%2222%22%0A%20%20%20height%3D%2222%22%0A%20%20%20id%3D%22svg3037%22%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata3049%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs3047%22%20/%3E%0A%20%20%3Cg%0A%20%20%20%20%20id%3D%22g3039%22%0A%20%20%20%20%20style%3D%22fill%3A%233d4752%3Bfill-rule%3Aevenodd%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20d%3D%22M%2015%2C9%20V%205%20C%2015%2C3.3%2013.7%2C2%2012%2C2%20H%2010%20C%208.3%2C2%207%2C3.3%207%2C5%20V%209%20H%204%20V%2020%20H%2018%20V%209%20H%2015%20z%20M%209%2C5%20C%209%2C4.4%209.4%2C4%2010%2C4%20h%202%20c%200.6%2C0%201%2C0.4%201%2C1%20V%209%20H%209%20V%205%20z%20m%207%2C13%20H%206%20v%20-7%20h%2010%20v%207%20z%22%0A%20%20%20%20%20%20%20id%3D%22path3041%22%20/%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20d%3D%22m%2010%2C12%20h%202%20v%205%20h%20-2%20z%22%0A%20%20%20%20%20%20%20id%3D%22path3043%22%20/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cpath%0A%20%20%20%20%20d%3D%22m%209.9932203%2C14.486441%200%2C-2.516949%201.0254237%2C0%201.025424%2C0%200%2C2.516949%200%2C2.516949%20-1.025424%2C0%20-1.0254237%2C0%200%2C-2.516949%20z%22%0A%20%20%20%20%20id%3D%22path3881%22%0A%20%20%20%20%20style%3D%22fill%3A%23ed6058%3Bfill-opacity%3A1%22%20/%3E%0A%20%20%3Cpath%0A%20%20%20%20%20d%3D%22m%203.9338983%2C14.533051%200%2C-5.5466103%201.4915254%2C0%201.4915255%2C0%207.084e-4%2C-1.9343221%20C%206.918422%2C4.9487843%207.0080115%2C4.1320803%207.3009601%2C3.5578536%207.5900318%2C2.9912264%208.2475454%2C2.4065269%208.8485194%2C2.1816737%209.3306457%2C2.0012872%209.5302676%2C1.9866634%2011.153017%2C2.0128526%20c%201.672713%2C0.026995%201.802849%2C0.042058%202.224512%2C0.2574727%200.617898%2C0.3156658%201.20822%2C0.9756344%201.449501%2C1.6205138%200.184612%2C0.4934337%200.200089%2C0.7111812%200.200089%2C2.8152002%20l%200%2C2.2804014%201.491525%2C0%201.491525%2C0%200%2C5.5466103%200%2C5.54661%20-7.038135%2C0%20-7.0381357%2C0%200%2C-5.54661%20z%20m%2012.0254237%2C-0.04661%200%2C-3.449153%20-4.940678%2C0%20-4.9406779%2C0%200%2C3.449153%200%2C3.449152%204.9406779%2C0%204.940678%2C0%200%2C-3.449152%20z%20M%2012.959165%2C6.7977043%2012.929661%2C4.608968%2012.671448%2C4.3506704%20C%2012.420468%2C4.0996074%2012.380026%2C4.0914939%2011.227547%2C4.0609908%2010.52281%2C4.0423383%209.8998682%2C4.0721499%209.691811%2C4.1344854%209.1001139%2C4.3117621%209.0610169%2C4.4822005%209.0610169%2C6.8843537%20l%200%2C2.102087%201.9638261%2C0%201.963825%2C0%20-0.0295%2C-2.1887364%20z%22%0A%20%20%20%20%20id%3D%22path3883%22%0A%20%20%20%20%20style%3D%22fill%3A%23ed6058%3Bfill-opacity%3A1%22%20/%3E%0A%3C/svg%3E%0A');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lock-locked-commentYellow" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lock-locked-commentYellow" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lock-locked-commentYellow {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%0A%20%20%20xmlns%3Adc%3D%22http%3A//purl.org/dc/elements/1.1/%22%0A%20%20%20xmlns%3Acc%3D%22http%3A//creativecommons.org/ns%23%22%0A%20%20%20xmlns%3Ardf%3D%22http%3A//www.w3.org/1999/02/22-rdf-syntax-ns%23%22%0A%20%20%20xmlns%3Asvg%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%0A%20%20%20version%3D%221.1%22%0A%20%20%20width%3D%2222%22%0A%20%20%20height%3D%2222%22%0A%20%20%20id%3D%22svg3037%22%3E%0A%20%20%3Cmetadata%0A%20%20%20%20%20id%3D%22metadata3049%22%3E%0A%20%20%20%20%3Crdf%3ARDF%3E%0A%20%20%20%20%20%20%3Ccc%3AWork%0A%20%20%20%20%20%20%20%20%20rdf%3Aabout%3D%22%22%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Aformat%3Eimage/svg+xml%3C/dc%3Aformat%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atype%0A%20%20%20%20%20%20%20%20%20%20%20rdf%3Aresource%3D%22http%3A//purl.org/dc/dcmitype/StillImage%22%20/%3E%0A%20%20%20%20%20%20%20%20%3Cdc%3Atitle%3E%3C/dc%3Atitle%3E%0A%20%20%20%20%20%20%3C/cc%3AWork%3E%0A%20%20%20%20%3C/rdf%3ARDF%3E%0A%20%20%3C/metadata%3E%0A%20%20%3Cdefs%0A%20%20%20%20%20id%3D%22defs3047%22%20/%3E%0A%20%20%3Cg%0A%20%20%20%20%20id%3D%22g3039%22%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20d%3D%22M%2015%2C9%20V%205%20C%2015%2C3.3%2013.7%2C2%2012%2C2%20H%2010%20C%208.3%2C2%207%2C3.3%207%2C5%20V%209%20H%204%20V%2020%20H%2018%20V%209%20H%2015%20z%20M%209%2C5%20C%209%2C4.4%209.4%2C4%2010%2C4%20h%202%20c%200.6%2C0%201%2C0.4%201%2C1%20V%209%20H%209%20V%205%20z%20m%207%2C13%20H%206%20v%20-7%20h%2010%20v%207%20z%22%0A%20%20%20%20%20%20%20id%3D%22path3041%22%20/%3E%0A%20%20%20%20%3Cpath%0A%20%20%20%20%20%20%20d%3D%22m%2010%2C12%20h%202%20v%205%20h%20-2%20z%22%0A%20%20%20%20%20%20%20id%3D%22path3043%22%20/%3E%0A%20%20%3C/g%3E%0A%20%20%3Cpath%0A%20%20%20%20%20d%3D%22m%209.9932203%2C14.486441%200%2C-2.516949%201.0254237%2C0%201.025424%2C0%200%2C2.516949%200%2C2.516949%20-1.025424%2C0%20-1.0254237%2C0%200%2C-2.516949%20z%22%0A%20%20%20%20%20id%3D%22path3881%22%0A%20%20%20%20%20style%3D%22fill%3A%23ed6058%3Bfill-opacity%3A1%22%20/%3E%0A%20%20%3Cpath%0A%20%20%20%20%20d%3D%22m%203.9338983%2C14.533051%200%2C-5.5466103%201.4915254%2C0%201.4915255%2C0%207.084e-4%2C-1.9343221%20C%206.918422%2C4.9487843%207.0080115%2C4.1320803%207.3009601%2C3.5578536%207.5900318%2C2.9912264%208.2475454%2C2.4065269%208.8485194%2C2.1816737%209.3306457%2C2.0012872%209.5302676%2C1.9866634%2011.153017%2C2.0128526%20c%201.672713%2C0.026995%201.802849%2C0.042058%202.224512%2C0.2574727%200.617898%2C0.3156658%201.20822%2C0.9756344%201.449501%2C1.6205138%200.184612%2C0.4934337%200.200089%2C0.7111812%200.200089%2C2.8152002%20l%200%2C2.2804014%201.491525%2C0%201.491525%2C0%200%2C5.5466103%200%2C5.54661%20-7.038135%2C0%20-7.0381357%2C0%200%2C-5.54661%20z%20m%2012.0254237%2C-0.04661%200%2C-3.449153%20-4.940678%2C0%20-4.9406779%2C0%200%2C3.449153%200%2C3.449152%204.9406779%2C0%204.940678%2C0%200%2C-3.449152%20z%20M%2012.959165%2C6.7977043%2012.929661%2C4.608968%2012.671448%2C4.3506704%20C%2012.420468%2C4.0996074%2012.380026%2C4.0914939%2011.227547%2C4.0609908%2010.52281%2C4.0423383%209.8998682%2C4.0721499%209.691811%2C4.1344854%209.1001139%2C4.3117621%209.0610169%2C4.4822005%209.0610169%2C6.8843537%20l%200%2C2.102087%201.9638261%2C0%201.963825%2C0%20-0.0295%2C-2.1887364%20z%22%0A%20%20%20%20%20id%3D%22path3883%22%0A%20%20%20%20%20style%3D%22fill%3A%23fcc438%3Bfill-opacity%3A1%22%20/%3E%0A%20%20%3Cpath%0A%20%20%20%20%20d%3D%22m%209.9932203%2C14.486441%200%2C-2.516949%201.0254237%2C0%201.025424%2C0%200%2C2.516949%200%2C2.516949%20-1.025424%2C0%20-1.0254237%2C0%200%2C-2.516949%20z%22%0A%20%20%20%20%20id%3D%22path3904%22%0A%20%20%20%20%20style%3D%22fill%3A%23fcc438%3Bfill-opacity%3A1%22%20/%3E%0A%3C/svg%3E%0A');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-buttons" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-buttons" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-buttons {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M666.8-588c-165%200-332.6%2028.5-466.9%2059.6-3.8-23.6-7.7-48.1-11.7-73.1%2089.2-119.2%20142.6-266.3%20142.6-426.7%200-397.3-322.1-719.4-719.4-719.4s-719.4%20322.1-719.4%20719.4c0%20265.3%20144.1%20496.2%20357.9%20620.8%202.2%2015.5%204.3%2031.1%206.4%2046.7-67.2-35-147.6-54.6-235.5-54.6-255.7%200-448.5%20170.4-448.5%20396.2v273.8c0%20182.9%20185.4%20470.6%20551%20855.4l363.8%20551.6%2071.1%20107.8H925l72-94.4c46.4-60.8%20452.8-606.1%20452.8-1024.6V108.7c0-436.2-292.7-696.7-783-696.7zM1210%20650.5c0%20349.7-403.7%20879.3-403.7%20879.3H-312.8l-375.6-569.5S-1188%20438-1188%20254.9V-18.9c0-106.3%20105.4-156.4%20208.7-156.4%2090.5%200%20179.5%2038.5%20194.4%20111.5%2017.4%20242.3%20311.2%20478%20311.2%20478%2075.9-50.9%207.2-352.1%200-478-26.6-464.8-159.6-1009.5-159.6-1115.4%200-169.2%2097.3-248.5%20205.2-248.5%20112.8%200%20237.2%2086.8%20273.6%20248.5%2034.4%20152.8%20159.6%20956%20159.6%20956S347-348.1%20666.6-348.1c280.3%200%20543.3%2096.1%20543.3%20456.9.1%20219%20.1%20428.4.1%20541.7z%22%20fill%3D%22%233d4752%22%2F%3E%3Cpath%20d%3D%22M15.1%207.3c-1%200-2.1.2-2.9.4%200-.1%200-.3-.1-.5.6-.8.9-1.7.9-2.7C13%202%2011%200%208.5%200S4%202%204%204.5c0%201.7.9%203.1%202.2%203.9v.3c-.3-.2-.8-.4-1.4-.4C3.2%208.3%202%209.4%202%2010.8v1.7c0%201.1%201.2%202.9%203.4%205.4l2.3%203.5.5.6h8.5l.5-.6c.3-.4%202.8-3.8%202.8-6.4v-3.4c0-2.7-1.8-4.3-4.9-4.3zm3.4%207.7c0%202.2-2.5%205.5-2.5%205.5H9l-2.3-3.6s-3.1-3.3-3.1-4.4v-1.7c0-.7.7-1%201.3-1%20.6%200%201.1.2%201.2.7.1%201.5%201.9%203%201.9%203%20.5-.3%200-2.2%200-3-.2-2.9-1-6.3-1-7C7%202.5%207.6%202%208.3%202c.7%200%201.4.5%201.7%201.6.2%201%201%206%201%206s2.1-.8%204.1-.8c1.8%200%203.4.6%203.4%202.9V15z%22%20fill%3D%22%233d4752%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-comment" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-comment" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-comment {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cg%20fill%3D%22%233d4752%22%3E%3Cpath%20d%3D%22M1%203l4%203v13h16V3H1zm18%2014H7V5h12v12z%22%2F%3E%3Cpath%20d%3D%22M12%2015h2v-3h3v-2h-3V7h-2v3H9v2h3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-crop-icon" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-crop-icon" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-crop-icon {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%20width%3D%22100%22%20height%3D%22100%22%3E%3Cpath%20fill%3D%22%23444%22%20d%3D%22M12%2010V2.548L13.984.564l-.548-.548L11.452%202H4V0H2v2H0v2h2v8h8v2h2v-2h2v-2h-2zM9.452%204L4%209.452V4h5.452zm-4.904%206L10%204.548V10H4.548z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-export-help" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-export-help" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-export-help {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2013%2013%22%3E%3Ccircle%20fill%3D%22%23FFF%22%20cx%3D%226.5%22%20cy%3D%226.5%22%20r%3D%225.5%22%2F%3E%3Cpath%20fill%3D%22%2355BBE7%22%20d%3D%22M6.5%2012.5c-3.3%200-6-2.7-6-6s2.7-6%206-6%206%202.7%206%206-2.7%206-6%206zm0-11c-2.8%200-5%202.2-5%205s2.2%205%205%205%205-2.2%205-5-2.2-5-5-5z%22%2F%3E%3Cg%3E%3Cpath%20fill%3D%22%2355BBE7%22%20d%3D%22M6.9%205.2c0-.4-.2-.6-.6-.6-.3%200-.5.2-.8.4l-.7-.7c.4-.5%201-.8%201.6-.8%201%200%201.8.5%201.8%201.5%200%201.1-1.4%201.4-1.2%202.5H5.8c-.2-1.1%201.1-1.7%201.1-2.3zm-.5%202.9c.5%200%20.8.4.8.8%200%20.5-.3.8-.8.8s-.8-.3-.8-.8c0-.4.3-.8.8-.8z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-export-portfolio-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-export-portfolio-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-export-portfolio-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cpath%20d%3D%22M18.8%205.8C18.8%202%2016.6%200%2014.4%200h-2.9C9.2%200%207.2%202.6%207.2%205.8H0V26h26V5.8h-7.2zm-7.2-2.9h2.9c.7%200%201.4%201%201.4%202.9h-5.8c0-1.8%201-2.9%201.5-2.9zm11.5%2020.2H2.9V8.7h20.2v14.4z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-export-portfolio" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-export-portfolio" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-export-portfolio {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2226%22%20height%3D%2226%22%20viewBox%3D%220%200%2026%2026%22%3E%3Cpath%20d%3D%22M18.8%205.8C18.8%202%2016.6%200%2014.4%200h-2.9C9.2%200%207.2%202.6%207.2%205.8H0V26h26V5.8h-7.2zm-7.2-2.9h2.9c.7%200%201.4%201%201.4%202.9h-5.8c0-1.8%201-2.9%201.5-2.9zm11.5%2020.2H2.9V8.7h20.2v14.4z%22%20fill%3D%22%23828282%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-export-web-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-export-web-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-export-web-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M21.9%2011.5h-.6C20.1%209.9%2018.2%209%2016.2%209a6.3%206.3%200%200%200-5.9-4.1C6.9%204.9%204%207.7%204%2011.2v.7c-2.3%201-3.9%202.8-3.9%205.4%200%203.5%202.8%205.8%206.3%205.8h15.4c3.5%200%206.3-2.4%206.3-5.8s-2.7-5.8-6.2-5.8z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-export-web" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-export-web" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-export-web {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2028%2028%22%3E%3Cpath%20fill%3D%22%23828282%22%20d%3D%22M21.9%2011.5h-.6C20.1%209.9%2018.2%209%2016.2%209a6.3%206.3%200%200%200-5.9-4.1C6.9%204.9%204%207.7%204%2011.2v.7c-2.3%201-3.9%202.8-3.9%205.4%200%203.5%202.8%205.8%206.3%205.8h15.4c3.5%200%206.3-2.4%206.3-5.8s-2.7-5.8-6.2-5.8z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-image" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-image" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-image {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cg%20fill%3D%22%233d4752%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M18%202H4c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2zm0%2013l-3-5-3%205-4-3-4%205V4h14v11z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
    <span class="icn-lucidpress-image-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
    <span class="icn-lucidpress-image-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-image-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cg%20fill%3D%22%23FFFFFF%22%3E%3Ccircle%20cx%3D%229%22%20cy%3D%228%22%20r%3D%222%22%2F%3E%3Cpath%20d%3D%22M18%202H4c-1.1%200-2%20.9-2%202v14c0%201.1.9%202%202%202h14c1.1%200%202-.9%202-2V4c0-1.1-.9-2-2-2zm0%2013l-3-5-3%205-4-3-4%205V4h14v11z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-interactive-tutorial-green-icon" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-interactive-tutorial-green-icon" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-interactive-tutorial-green-icon {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%2210%22%20fill%3D%22%238bbf40%22%2F%3E%3Ccircle%20cx%3D%2211%22%20cy%3D%2211%22%20r%3D%224%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-interactive-tutorial-logo-1" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-interactive-tutorial-logo-1" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-interactive-tutorial-logo-1 {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cg%20fill%3D%22%238f8f8f%22%3E%3Cpath%20d%3D%22M5.5%2020.2c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1%201.1%202.6%201.1%203.7%200zM5.5%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7%202.6%201%203.7%200zM15.8%2011c0-1.3-.5-2.5-1.5-3.5-.9-.9-2.1-1.3-3.3-1.3-.7%200-1.3-.3-1.8-.8-1-1-1-2.7%200-3.7s2.7-1%203.7%200c.5.5.8%201.2.8%201.8%200%201.2.4%202.4%201.3%203.3.9.9%202.1%201.4%203.4%201.5.7%200%201.4.2%201.9.8%201%201%201%202.7%200%203.7s-2.7%201-3.7%200c-.6-.5-.8-1.1-.8-1.8z%22%2F%3E%3Cpath%20d%3D%22M6.3%2011c0-1.3.5-2.5%201.5-3.5.9-.9%202.1-1.3%203.3-1.3.7%200%201.3-.3%201.8-.8%201-1%201-2.7%200-3.7S10%20.7%209%201.7c-.5.6-1%201.2-1%201.9C8%204.8%207.8%206%206.9%206.9c-.9.9-2%201.4-3.3%201.5-.7%200-1.3.2-1.8.8-1%201-1%202.7%200%203.7s2.7%201%203.7%200c.5-.6.8-1.2.8-1.9zM20%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1.1%201%202.7%201%203.7%200z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-interactive-tutorial-logo-2" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-interactive-tutorial-logo-2" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-interactive-tutorial-logo-2 {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M5.5%2020.2c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1%201.1%202.6%201.1%203.7%200z%22%20fill%3D%22%238f8f8f%22%2F%3E%3Cpath%20d%3D%22M5.5%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7%202.6%201%203.7%200z%22%20fill%3D%22%238bbf40%22%2F%3E%3Cg%20fill%3D%22%238f8f8f%22%3E%3Cpath%20d%3D%22M15.8%2011c0-1.3-.5-2.5-1.5-3.5-.9-.9-2.1-1.3-3.3-1.3-.7%200-1.3-.3-1.8-.8-1-1-1-2.7%200-3.7s2.7-1%203.7%200c.5.5.8%201.2.8%201.8%200%201.2.4%202.4%201.3%203.3.9.9%202.1%201.4%203.4%201.5.7%200%201.4.2%201.9.8%201%201%201%202.7%200%203.7s-2.7%201-3.7%200c-.6-.5-.8-1.1-.8-1.8z%22%2F%3E%3Cpath%20d%3D%22M6.3%2011c0-1.3.5-2.5%201.5-3.5.9-.9%202.1-1.3%203.3-1.3.7%200%201.3-.3%201.8-.8%201-1%201-2.7%200-3.7S10%20.7%209%201.7c-.5.6-1%201.2-1%201.9C8%204.8%207.8%206%206.9%206.9c-.9.9-2%201.4-3.3%201.5-.7%200-1.3.2-1.8.8-1%201-1%202.7%200%203.7s2.7%201%203.7%200c.5-.6.8-1.2.8-1.9z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M20%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1.1%201%202.7%201%203.7%200z%22%20fill%3D%22%238f8f8f%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-interactive-tutorial-logo-3" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-interactive-tutorial-logo-3" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-interactive-tutorial-logo-3 {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M5.5%2020.2c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1%201.1%202.6%201.1%203.7%200zM5.5%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7%202.6%201%203.7%200z%22%20fill%3D%22%238bbf40%22%2F%3E%3Cg%20fill%3D%22%238f8f8f%22%3E%3Cpath%20d%3D%22M15.8%2011c0-1.3-.5-2.5-1.5-3.5-.9-.9-2.1-1.3-3.3-1.3-.7%200-1.3-.3-1.8-.8-1-1-1-2.7%200-3.7s2.7-1%203.7%200c.5.5.8%201.2.8%201.8%200%201.2.4%202.4%201.3%203.3.9.9%202.1%201.4%203.4%201.5.7%200%201.4.2%201.9.8%201%201%201%202.7%200%203.7s-2.7%201-3.7%200c-.6-.5-.8-1.1-.8-1.8z%22%2F%3E%3Cpath%20d%3D%22M6.3%2011c0-1.3.5-2.5%201.5-3.5.9-.9%202.1-1.3%203.3-1.3.7%200%201.3-.3%201.8-.8%201-1%201-2.7%200-3.7S10%20.7%209%201.7c-.5.6-1%201.2-1%201.9C8%204.8%207.8%206%206.9%206.9c-.9.9-2%201.4-3.3%201.5-.7%200-1.3.2-1.8.8-1%201-1%202.7%200%203.7s2.7%201%203.7%200c.5-.6.8-1.2.8-1.9z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M20%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1.1%201%202.7%201%203.7%200z%22%20fill%3D%22%238f8f8f%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-interactive-tutorial-logo-4" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-interactive-tutorial-logo-4" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-interactive-tutorial-logo-4 {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M5.5%2020.2c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1%201.1%202.6%201.1%203.7%200zM5.5%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7%202.6%201%203.7%200z%22%20fill%3D%22%238bbf40%22%2F%3E%3Cg%20fill%3D%22%238f8f8f%22%3E%3Cpath%20d%3D%22M15.8%2011c0-1.3-.5-2.5-1.5-3.5-.9-.9-2.1-1.3-3.3-1.3-.7%200-1.3-.3-1.8-.8-1-1-1-2.7%200-3.7s2.7-1%203.7%200c.5.5.8%201.2.8%201.8%200%201.2.4%202.4%201.3%203.3.9.9%202.1%201.4%203.4%201.5.7%200%201.4.2%201.9.8%201%201%201%202.7%200%203.7s-2.7%201-3.7%200c-.6-.5-.8-1.1-.8-1.8z%22%2F%3E%3Cpath%20d%3D%22M6.3%2011c0-1.3.5-2.5%201.5-3.5.9-.9%202.1-1.3%203.3-1.3.7%200%201.3-.3%201.8-.8%201-1%201-2.7%200-3.7S10%20.7%209%201.7c-.5.6-1%201.2-1%201.9C8%204.8%207.8%206%206.9%206.9c-.9.9-2%201.4-3.3%201.5-.7%200-1.3.2-1.8.8-1%201-1%202.7%200%203.7s2.7%201%203.7%200c.5-.6.8-1.2.8-1.9z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M20%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1.1%201%202.7%201%203.7%200z%22%20fill%3D%22%238bbf40%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-interactive-tutorial-logo-5" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-interactive-tutorial-logo-5" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-interactive-tutorial-logo-5 {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M5.5%2020.2c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1%201.1%202.6%201.1%203.7%200zM5.5%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7%202.6%201%203.7%200z%22%20fill%3D%22%238bbf40%22%2F%3E%3Cg%20fill%3D%22%238f8f8f%22%3E%3Cpath%20d%3D%22M15.8%2011c0-1.3-.5-2.5-1.5-3.5-.9-.9-2.1-1.3-3.3-1.3-.7%200-1.3-.3-1.8-.8-1-1-1-2.7%200-3.7s2.7-1%203.7%200c.5.5.8%201.2.8%201.8%200%201.2.4%202.4%201.3%203.3.9.9%202.1%201.4%203.4%201.5.7%200%201.4.2%201.9.8%201%201%201%202.7%200%203.7s-2.7%201-3.7%200c-.6-.5-.8-1.1-.8-1.8z%22%2F%3E%3Cpath%20d%3D%22M6.3%2011c0-1.3.5-2.5%201.5-3.5.9-.9%202.1-1.3%203.3-1.3.7%200%201.3-.3%201.8-.8%201-1%201-2.7%200-3.7S10%20.7%209%201.7c-.5.6-1%201.2-1%201.9C8%204.8%207.8%206%206.9%206.9c-.9.9-2%201.4-3.3%201.5-.7%200-1.3.2-1.8.8-1%201-1%202.7%200%203.7s2.7%201%203.7%200c.5-.6.8-1.2.8-1.9z%22%2F%3E%3C%2Fg%3E%3Cpath%20d%3D%22M20%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1.1%201%202.7%201%203.7%200zM5.5%2013c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7%202.6%201%203.7%200z%22%20fill%3D%22%238bbf40%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-interactive-tutorial-logo-6" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-interactive-tutorial-logo-6" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-interactive-tutorial-logo-6 {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M5.5%2020.2c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1%201.1%202.6%201.1%203.7%200zM5.5%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7%202.6%201%203.7%200z%22%20fill%3D%22%238bbf40%22%2F%3E%3Cpath%20d%3D%22M15.8%2011c0-1.3-.5-2.5-1.5-3.5-.9-.9-2.1-1.3-3.3-1.3-.7%200-1.3-.3-1.8-.8-1-1-1-2.7%200-3.7s2.7-1%203.7%200c.5.5.8%201.2.8%201.8%200%201.2.4%202.4%201.3%203.3.9.9%202.1%201.4%203.4%201.5.7%200%201.4.2%201.9.8%201%201%201%202.7%200%203.7s-2.7%201-3.7%200c-.6-.5-.8-1.1-.8-1.8z%22%20fill%3D%22%238f8f8f%22%2F%3E%3Cpath%20d%3D%22M6.3%2011c0-1.3.5-2.5%201.5-3.5.9-.9%202.1-1.3%203.3-1.3.7%200%201.3-.3%201.8-.8%201-1%201-2.7%200-3.7S10%20.7%209%201.7c-.5.6-1%201.2-1%201.9C8%204.8%207.8%206%206.9%206.9c-.9.9-2%201.4-3.3%201.5-.7%200-1.3.2-1.8.8-1%201-1%202.7%200%203.7s2.7%201%203.7%200c.5-.6.8-1.2.8-1.9zM20%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1.1%201%202.7%201%203.7%200z%22%20fill%3D%22%238bbf40%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-interactive-tutorial-logo-7" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-interactive-tutorial-logo-7" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-interactive-tutorial-logo-7 {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cg%20fill%3D%22%238bbf40%22%3E%3Cpath%20d%3D%22M5.5%2020.2c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1%201.1%202.6%201.1%203.7%200zM5.5%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7%202.6%201%203.7%200zM15.8%2011c0-1.3-.5-2.5-1.5-3.5-.9-.9-2.1-1.3-3.3-1.3-.7%200-1.3-.3-1.8-.8-1-1-1-2.7%200-3.7s2.7-1%203.7%200c.5.5.8%201.2.8%201.8%200%201.2.4%202.4%201.3%203.3.9.9%202.1%201.4%203.4%201.5.7%200%201.4.2%201.9.8%201%201%201%202.7%200%203.7s-2.7%201-3.7%200c-.6-.5-.8-1.1-.8-1.8z%22%2F%3E%3Cpath%20d%3D%22M6.3%2011c0-1.3.5-2.5%201.5-3.5.9-.9%202.1-1.3%203.3-1.3.7%200%201.3-.3%201.8-.8%201-1%201-2.7%200-3.7S10%20.7%209%201.7c-.5.6-1%201.2-1%201.9C8%204.8%207.8%206%206.9%206.9c-.9.9-2%201.4-3.3%201.5-.7%200-1.3.2-1.8.8-1%201-1%202.7%200%203.7s2.7%201%203.7%200c.5-.6.8-1.2.8-1.9zM20%205.5c1-1%201-2.7%200-3.7s-2.7-1-3.7%200-1%202.7%200%203.7c1.1%201%202.7%201%203.7%200z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-page" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-page" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-page {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M13%203v4h4v12H5V3h8m1-2H5c-1.1%200-2%20.9-2%202v16c0%201.1.9%202%202%202h12c1.1%200%202-.9%202-2V6l-5-5z%22%20fill%3D%22%233d4752%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-redo-button-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-redo-button-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-redo-button-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M8.2%2015.3c-2.1-1.1-2.8-3.6-1.7-5.5%201.2-1.9%203.8-2.6%205.8-1.6l-2%201c-.4.3-.6.8-.4%201.3.1.2.2.3.4.3.3.1.6.2.9%200l4.2-2.2c.2-.1.4-.3.5-.5.1-.2%200-.5-.1-.7l-2.3-4c-.3-.4-.8-.6-1.3-.4-.5.2-.6.8-.4%201.2l1.4%202.3C10.2%205%206.5%206%204.8%208.8c-1.7%202.8-.6%206.4%202.4%207.9.5.2%201.1.1%201.3-.3.3-.3.1-.8-.3-1.1z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-scrolling-area" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-scrolling-area" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-scrolling-area {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23b8bcbf%22%20d%3D%22M14%205h3v6h-3z%22%2F%3E%3Cpath%20d%3D%22M2%202v18h18V2H2zm2%202h8v14H4V4zm14%2014h-5V4h5v14z%22%20fill%3D%22%233d4752%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-shapes" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-shapes" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-shapes {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M3%203v11h6.1c.4-2.5%202.4-4.5%204.9-4.9V3H3z%22%20fill%3D%22none%22%2F%3E%3Cpath%20d%3D%22M16%209.1V3c0-1.1-.9-2-2-2H3c-1.1%200-2%20.9-2%202v11c0%201.1.9%202%202%202h6.1c.5%202.8%202.9%205%205.9%205%203.3%200%206-2.7%206-6%200-3-2.2-5.4-5-5.9zM3%2014V3h11v6.1c-2.5.4-4.5%202.4-4.9%204.9H3zm12%205.5c-2.1%200-3.9-1.5-4.4-3.5-.1-.3-.1-.7-.1-1s0-.7.1-1c.4-1.7%201.7-3%203.4-3.4.3-.1.7-.1%201-.1s.7%200%201%20.1c2%20.5%203.5%202.2%203.5%204.4%200%202.5-2%204.5-4.5%204.5z%22%20fill%3D%22%233d4752%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-table" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-table" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-table {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M2%202v18h18V2H2zm11%202v4H9V4h4zm0%205v4H9V9h4zM4%204h4v4H4V4zm0%205h4v4H4V9zm0%209v-4h4v4H4zm5%200v-4h4v4H9zm9%200h-4v-4h4v4zm0-5h-4V9h4v4zm-4-5V4h4v4h-4z%22%20fill%3D%22%233d4752%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-text-box" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-text-box" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-text-box {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M6%206h10v3.6h-.5c-.2-1.1-.6-1.9-.9-2.2-.2-.2-.6-.4-1.6-.4h-1v7c0%20.8.2%201%20.4%201.2.3.2.7.3%201.6.4v.4H8v-.4c.9-.1%201.4-.2%201.6-.4.3-.3.4-.3.4-1.2V7H9c-1%200-1.1%200-1.6.4-.4.3-.7%201.1-.9%202.2H6V6z%22%20fill%3D%22%233d4752%22%2F%3E%3Cpath%20d%3D%22M18%204v14H4V4h14m2-2H2v18h18V2z%22%20fill%3D%22%233d4752%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-undo-button-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-undo-button-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-undo-button-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M11.5%2016.5c.3.4.8.6%201.3.3%203-1.6%204.1-5.1%202.4-7.9-1.7-2.8-5.4-3.8-8.4-2.3l1.4-2.3c.3-.4.1-1-.4-1.2-.5-.2-1.1-.1-1.3.4l-2.3%204c-.2.1-.2.4-.2.6.1.2.2.4.5.5l4.2%202.2c.3.2.7.1.9%200%20.2-.1.3-.2.4-.3.3-.4.1-1-.4-1.2l-2-1c2.1-1%204.7-.3%205.8%201.6%201.2%201.9.4%204.4-1.7%205.5-.3.2-.5.7-.2%201.1z%22%20fill%3D%22%23FFF%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-lucidpress-video" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-lucidpress-video" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-lucidpress-video {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cg%20fill%3D%22%233d4752%22%3E%3Cpath%20d%3D%22M18.9%204c.1%200%20.1.1.1.1v13.8c0%20.1-.1.1-.1.1H3.1l-.1-.1V4.1l.1-.1h15.8m0-2H3.1C1.9%202%201%202.9%201%204.1v13.8c0%201.2.9%202.1%202.1%202.1h15.8c1.2%200%202.1-.9%202.1-2.1V4.1c0-1.2-.9-2.1-2.1-2.1z%22%2F%3E%3Cpath%20d%3D%22M8%207v8l7-4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-mail-18px-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-mail-18px-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-mail-18px-gray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2218%22%20viewBox%3D%220%200%2020%2018%22%3E%3Cpath%20fill%3D%22%235a5a5a%22%20d%3D%22M18%201H2C.9%201%200%201.9%200%203v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V3c0-1.1-.9-2-2-2zm-1%203v1.1l-7%205.2-7-5.2V4h14zM3%2014V6.4l7%205.3%207-5.3V14H3z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-mail-18px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-mail-18px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-mail-18px {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2218%22%20viewBox%3D%220%200%2020%2018%22%3E%3Cpath%20fill%3D%22%235A5A5A%22%20d%3D%22M18%201H2C.9%201%200%201.9%200%203v12c0%201.1.9%202%202%202h16c1.1%200%202-.9%202-2V3c0-1.1-.9-2-2-2zm-1%203v1.1l-7%205.2-7-5.2V4h14zM3%2014V6.4l7%205.3%207-5.3V14H3z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-narrow-editor-menu-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-narrow-editor-menu-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-narrow-editor-menu-blue {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2054%2034%22%3E%3Cpath%20fill%3D%22%2329aae1%22%20d%3D%22M37%203H17C9.3%203%203%209.3%203%2017s6.3%2014%2014%2014h20c7.7%200%2014-6.3%2014-14S44.7%203%2037%203zm-.104%2022H16.938a2.01%202.01%200%200%201-2.02-2c0-1.105.904-2%202.02-2h19.958a2.01%202.01%200%200%201%202.02%202c0%201.105-.904%202-2.02%202zm0-6H16.938a2.01%202.01%200%200%201-2.02-2c0-1.105.904-2%202.02-2h19.958a2.01%202.01%200%200%201%202.02%202c0%201.105-.904%202-2.02%202zM39%2010.893C39%2011.997%2038.012%2013%2036.896%2013H16.938C15.822%2013%2015%2011.997%2015%2010.893v.054C15%209.842%2015.822%209%2016.938%209h19.958C38.012%209%2039%209.842%2039%2010.946v-.053z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-narrow-editor-menu" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-narrow-editor-menu" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-narrow-editor-menu {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2054%2034%22%3E%3Cpath%20fill%3D%22%23828282%22%20d%3D%22M37%203H17C9.3%203%203%209.3%203%2017s6.3%2014%2014%2014h20c7.7%200%2014-6.3%2014-14S44.7%203%2037%203zm-.104%2022H16.938a2.01%202.01%200%200%201-2.02-2c0-1.105.904-2%202.02-2h19.958a2.01%202.01%200%200%201%202.02%202c0%201.105-.904%202-2.02%202zm0-6H16.938a2.01%202.01%200%200%201-2.02-2c0-1.105.904-2%202.02-2h19.958a2.01%202.01%200%200%201%202.02%202c0%201.105-.904%202-2.02%202zM39%2010.893C39%2011.997%2038.012%2013%2036.896%2013H16.938C15.822%2013%2015%2011.997%2015%2010.893v.054C15%209.842%2015.822%209%2016.938%209h19.958C38.012%209%2039%209.842%2039%2010.946v-.053z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-narrow-editor-menu-priorityRed" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-narrow-editor-menu-priorityRed" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-narrow-editor-menu-priorityRed {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2054%2034%22%3E%3Cpath%20fill%3D%22%23ed6058%22%20d%3D%22M37%203H17C9.3%203%203%209.3%203%2017s6.3%2014%2014%2014h20c7.7%200%2014-6.3%2014-14S44.7%203%2037%203zm-.104%2022H16.938a2.01%202.01%200%200%201-2.02-2c0-1.105.904-2%202.02-2h19.958a2.01%202.01%200%200%201%202.02%202c0%201.105-.904%202-2.02%202zm0-6H16.938a2.01%202.01%200%200%201-2.02-2c0-1.105.904-2%202.02-2h19.958a2.01%202.01%200%200%201%202.02%202c0%201.105-.904%202-2.02%202zM39%2010.893C39%2011.997%2038.012%2013%2036.896%2013H16.938C15.822%2013%2015%2011.997%2015%2010.893v.054C15%209.842%2015.822%209%2016.938%209h19.958C38.012%209%2039%209.842%2039%2010.946v-.053z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-navigation" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-navigation" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-navigation {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%233D4752%22%20d%3D%22M11%202C7.1%202%204%205.1%204%209s4.5%207.5%207%2011c2.5-3.5%207-7.1%207-11s-3.1-7-7-7zm0%2011c-2.2%200-4-1.8-4-4s1.8-4%204-4%204%201.8%204%204-1.8%204-4%204z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-navigation-lightGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-navigation-lightGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-navigation-lightGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%23a0a0a0%22%20d%3D%22M11%202C7.1%202%204%205.1%204%209s4.5%207.5%207%2011c2.5-3.5%207-7.1%207-11s-3.1-7-7-7zm0%2011c-2.2%200-4-1.8-4-4s1.8-4%204-4%204%201.8%204%204-1.8%204-4%204z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-notification-close" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-notification-close" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-notification-close {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%2377818C%22%20d%3D%22M8.4%207l4.3-4.3c.4-.4.4-1%200-1.4s-1-.4-1.4%200L7%205.6%202.7%201.3c-.4-.4-1-.4-1.4%200s-.4%201%200%201.4L5.6%207l-4.3%204.3c-.4.4-.4%201%200%201.4.2.2.4.3.7.3s.5-.1.7-.3L7%208.4l4.3%204.3c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1%200-1.4L8.4%207z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-overlay-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-overlay-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-overlay-link {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cg%20fill%3D%22%23666%22%3E%3Cpath%20d%3D%22M1%2026c0%20.9.4%201.7%201.1%202.3C1.4%2027.7%201%2026.8%201%2026z%22%2F%3E%3Cpath%20d%3D%22M10%2021H4.6v-2h4.5c-.1-.3-.1-.7-.1-1v-2H4.6v-2H9v-2c0-.3%200-.7.1-1H4.6V9H10c.9-1.2%202.3-2%204-2h9V5.8c0-.5-.2-1-.6-1.4l-3-3c-.5-.4-1.1-.4-1.7-.4H4C2.3%201%201%202.3%201%204v22c0%20.8.4%201.7%201.1%202.3.5.4%201.2.7%201.9.7h16c1.7%200%203-1.3%203-3v-3h-9c-1.6%200-3.1-.8-4-2z%22%2F%3E%3Cpath%20d%3D%22M26%209H14c-1.7%200-3%201.3-3%203v6c0%201.7%201.3%203%203%203h12c1.7%200%203-1.3%203-3v-6c0-1.7-1.3-3-3-3zm-11.1%208.8l3.8-5.7%202.3%203.2%201.5-1.1%202.6%203.5H14.9z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-page-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-page-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-page-link {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%3E%3Cpath%20fill%3D%22%23666%22%20d%3D%22M27.5%208.4l-7.1-7.1c-.5-.3-1.1-.3-1.7-.3H5C3.4%201%202%202.4%202%204v22c0%201.7%201.4%203%203%203h21.1c1.1%200%201.9-.9%201.9-1.9V10c0-.6%200-1.1-.5-1.6m-4.1%203.9l-5.5%207.4c-.3.4-1%20.3-1.1-.3l-.8-3.7h-.1c-.3%200-.8%200-1.4.1-1.2.1-2.7.5-4%201.3-.3.2-.6.4-.9.7-.3.2-.5.5-.7.8-.1.1-.2.3-.3.5-.1.2-.2.3-.2.5-.1.2-.1.3-.2.5%200%20.2-.1.3-.1.5-.1.3-.1.6-.2.9%200%20.3-.1.5-.1.7v.6s-.1-.2-.2-.6c-.1-.2-.1-.4-.2-.7-.1-.3-.1-.6-.2-.9V20v-.6c0-.2%200-.4.1-.6%200-.2.1-.4.1-.7.1-.4.3-.9.5-1.4.2-.5.5-.9.8-1.3.3-.4.7-.8%201-1.1.4-.4.7-.7%201.1-1%20.8-.6%201.5-1%202.2-1.4.7-.4%201.3-.6%201.7-.8.1%200%20.2-.1.2-.1l-.8-3.7c-.1-.5.4-.9.9-.7l8%204.7c.6.2.6.7.4%201%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-page-outline {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%201C4%201%203%202%203%203v16c0%201%201%202%202%202h12c1%200%202-1%202-2V6l-4-5H5zm8%202v4h4v12H5V3h8z%22%20fill%3D%22%233D4752%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-page-outline-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M5%201C4%201%203%202%203%203v16c0%201%201%202%202%202h12c1%200%202-1%202-2V6l-4-5H5zm8%202v4h4v12H5V3h8z%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-pages" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-pages" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-pages {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-35%2018.2%2055.8%2055.7%22%3E%3Ctitle%3EPagesIcon%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23FEFEFE%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M-1%2020h16c2.2%200%204%201.8%204%204v16c0%202.2-1.8%204-4%204H-1c-2.2%200-4-1.8-4-4V24c0-2.2%201.8-4%204-4zM-29%2020h16c2.2%200%204%201.8%204%204v16c0%202.2-1.8%204-4%204h-16c-2.2%200-4-1.8-4-4V24c0-2.2%201.8-4%204-4zM-29%2048h16c2.2%200%204%201.8%204%204v16c0%202.2-1.8%204-4%204h-16c-2.2%200-4-1.8-4-4V52c0-2.2%201.8-4%204-4zM-1%2048h16c2.2%200%204%201.8%204%204v16c0%202.2-1.8%204-4%204H-1c-2.2%200-4-1.8-4-4V52c0-2.2%201.8-4%204-4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-pencil-edit" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-pencil-edit" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-pencil-edit {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Epencil-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.814%208.852l1.482-1.494a.9.9%200%200%200%20.006-1.258l-2.286-2.352a.885.885%200%200%200-1.262-.008l-1.512%201.516%203.572%203.596zm-4.648-2.517L3%2015.525v3.58h3.648l9.095-9.172-3.577-3.598z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-pencil-edit-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-pencil-edit-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-pencil-edit-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Epencil-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.814%208.852l1.482-1.494a.9.9%200%200%200%20.006-1.258l-2.286-2.352a.885.885%200%200%200-1.262-.008l-1.512%201.516%203.572%203.596zm-4.648-2.517L3%2015.525v3.58h3.648l9.095-9.172-3.577-3.598z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-pencil" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-pencil" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-pencil {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-37%2018.3%2049.2%2050.3%22%3E%3Ctitle%3EPencilIcon%3C%2Ftitle%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%222.9999700000000002%22%20d%3D%22M-22.14%2064.435l-10.607-10.607L-5.17%2026.25%205.437%2036.86z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20d%3D%22M.4%2023.3l7.8%207.8c.8.8.8%202%200%202.8l-1.4%201.4c-.8.8-2.1.8-2.9%200l-7.8-7.8c-.8-.8-.8-2%200-2.8l1.4-1.4c.9-.7%202.1-.8%202.9%200z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20stroke-linejoin%3D%22round%22%20d%3D%22M-22.6%2062.6L-24%2064l-11%202.5%202.5-11%201.4-1.4%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-person-18px-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-person-18px-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-person-18px-gray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%235a5a5a%22%20d%3D%22M15.6%2012.5L11%2011V9.3c1.2-.9%202-2.5%202-4.3%200-2.8-.7-5-4-5S5%202.2%205%205c0%201.8.8%203.4%202%204.3V11l-4.6%201.5c-.8.3-1.4%201-1.4%201.9V18h16v-3.6c0-.8-.6-1.6-1.4-1.9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-person-18px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-person-18px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-person-18px {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%235A5A5A%22%20d%3D%22M15.6%2012.5L11%2011V9.3c1.2-.9%202-2.5%202-4.3%200-2.8-.7-5-4-5S5%202.2%205%205c0%201.8.8%203.4%202%204.3V11l-4.6%201.5c-.8.3-1.4%201-1.4%201.9V18h16v-3.6c0-.8-.6-1.6-1.4-1.9z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-play" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-play" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-play {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2011.1%2014.1%22%3E%3Cpath%20d%3D%22M0%2014V0l11.1%207z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-pointer" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-pointer" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-pointer {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-34.6%2020.4%2051.2%2051.1%22%3E%3Ctitle%3EHandDrawIcon%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20stroke-linecap%3D%22round%22%3E%3Cpath%20stroke-linejoin%3D%22round%22%20d%3D%22M-19.5%2042V27c0-2.5.7-4.5%204.5-4.5s4.4%202%204.5%204.5v13S-9%2036-6%2036s4.5%204%204.5%204%20.5-2%204-2%204%204%204%204%201-2%204-2%204%204.5%204%204.5V54c0%204-6.4%2013.8-6.4%2013.8-.6.9-2%201.7-3.1%201.7h-20s-9.9-6.5-11-9c-1.5-3.5-2.9-7.4-6-14.5-2-4.6%205-5.1%207-2%201.2%201.7%205%208%205%208s.5-7.5.5-10z%22%2F%3E%3Cpath%20d%3D%22M-10.5%2045.5v-6M-1.5%2045.5v-6M6.5%2045.5v-4%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-present-22px-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-present-22px-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-present-22px-blue {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22%2329aae1%22%3Eicon-present-22px%3C%2Ftitle%3E%3Cg%20fill%3D%22%2329aae1%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M18.9%204c.1%200%20.1.1.1.1v13.8c0%20.1-.1.1-.1.1H3.1c-.1%200-.1-.1-.1-.1V4.1c0-.1.1-.1.1-.1h15.8zm0-2H3.1C1.9%202%201%202.9%201%204.1v13.8c0%201.2.9%202.1%202.1%202.1h15.8c1.2%200%202.1-.9%202.1-2.1V4.1c0-1.2-.9-2.1-2.1-2.1z%22%20fill%3D%22%2329aae1%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M8%207v8l7-4-7-4z%22%20fill%3D%22%2329aae1%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-present-22px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-present-22px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-present-22px {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eicon-present-22px%3C%2Ftitle%3E%3Cg%20fill%3D%22%233D4752%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M18.9%204c.1%200%20.1.1.1.1v13.8c0%20.1-.1.1-.1.1H3.1c-.1%200-.1-.1-.1-.1V4.1c0-.1.1-.1.1-.1h15.8zm0-2H3.1C1.9%202%201%202.9%201%204.1v13.8c0%201.2.9%202.1%202.1%202.1h15.8c1.2%200%202.1-.9%202.1-2.1V4.1c0-1.2-.9-2.1-2.1-2.1z%22%2F%3E%3Cpath%20d%3D%22M8%207v8l7-4-7-4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-question" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-question" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-question {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%2329AAE1%22%20d%3D%22M10.2%201c-5%200-9%204-9%209s4%209%209%209%209-4%209-9c0-4.9-4-9-9-9zm1%2014h-2v-2h2v2zm-.1-2.7H9.3c-.3-3%202.1-3.4%202.1-5%200-.8-.5-1.1-1.4-1.1-.7%200-1.2.5-1.7%201l-1.4-1c.6-.7%202.3-1.7%203.3-1.7%201.6%200%203%201.3%203%202.8.1%202-2.4%203-2.1%205z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-rect-tool" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-rect-tool" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-rect-tool {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2249%22%20height%3D%2249%22%20viewBox%3D%220%200%2049%2049%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3EShapeToolIcon%3C%2Ftitle%3E%3Cg%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%3E%3Crect%20x%3D%2231%22%20y%3D%2238%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%222%22%2F%3E%3Crect%20transform%3D%22rotate%2890%2040%2040%29%22%20x%3D%2231%22%20y%3D%2238%22%20width%3D%2218%22%20height%3D%224%22%20rx%3D%222%22%2F%3E%3Cpath%20d%3D%22M26%2042H0V0h42v26h-3V0l3%203H0l3-3v42l-3-3h26v3z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-redo-button" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-redo-button" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-redo-button {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M8.2%2015.3c-2.1-1.1-2.8-3.6-1.7-5.5%201.2-1.9%203.8-2.6%205.8-1.6l-2%201c-.4.3-.6.8-.4%201.3.1.2.2.3.4.3.3.1.6.2.9%200l4.2-2.2c.2-.1.4-.3.5-.5.1-.2%200-.5-.1-.7l-2.3-4c-.3-.4-.8-.6-1.3-.4-.5.2-.6.8-.4%201.2l1.4%202.3C10.2%205%206.5%206%204.8%208.8c-1.7%202.8-.6%206.4%202.4%207.9.5.2%201.1.1%201.3-.3.3-.3.1-.8-.3-1.1z%22%20fill%3D%22%232080a9%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-redo" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-redo" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-redo {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%220%2C0%2C47%2C49%22%20width%3D%2247%22%20height%3D%2249%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M32.8%2010.7h10v3h-10v-3z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20d%3D%22M34.8%2012.2H18.3c-9.1%200-16.5%207.4-16.5%2016.5v2c0%209.1%207.4%2016.5%2016.5%2016.5h4%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.828%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M35.04%202.147l9.432%2010.537-10.536%209.433%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-remove" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-remove" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-remove {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M9%200C4%200%200%204%200%209s4%209%209%209%209-4%209-9-4-9-9-9zm5.1%2011.9c.6.6.6%201.5%200%202.1-.3.3-.7.4-1.1.4s-.8-.1-1.1-.4L9%2011.1%206.1%2014c-.3.3-.7.4-1.1.4s-.8-.1-1.1-.4c-.6-.6-.6-1.5%200-2.1l3-2.9-3-2.9c-.6-.6-.6-1.5%200-2.1.6-.6%201.5-.6%202.1%200l3%202.9L11.9%204c.6-.6%201.5-.6%202.1%200%20.6.6.6%201.5%200%202.1L11.1%209l3%202.9z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-search-14px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-search-14px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-search-14px {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%235A5A5A%22%20d%3D%22M13.5%2012.5L9%208c.6-.8%201-1.8%201-3%200-2.8-2.2-5-5-5S0%202.2%200%205s2.2%205%205%205c1.1%200%202.1-.4%203-1l4.5%204.5%201-1zM1.5%205c0-1.9%201.6-3.5%203.5-3.5S8.5%203.1%208.5%205%206.9%208.5%205%208.5%201.5%206.9%201.5%205z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-search" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-search" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-search {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Esearch%3C%2Ftitle%3E%3Cpath%20d%3D%22M9%2015a5.96%205.96%200%200%200%203.044-.836l4.41%204.412a1.496%201.496%200%200%200%202.122%200%201.5%201.5%200%200%200%200-2.12l-4.41-4.413C14.69%2011.15%2015%2010.113%2015%209a6%206%200%201%200-6%206zM5%209c0-2.206%201.795-4%204-4%202.206%200%204%201.794%204%204s-1.794%204-4%204c-2.205%200-4-1.794-4-4z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-search-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-search-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-search-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Esearch%3C%2Ftitle%3E%3Cpath%20d%3D%22M9%2015a5.96%205.96%200%200%200%203.044-.836l4.41%204.412a1.496%201.496%200%200%200%202.122%200%201.5%201.5%200%200%200%200-2.12l-4.41-4.413C14.69%2011.15%2015%2010.113%2015%209a6%206%200%201%200-6%206zM5%209c0-2.206%201.795-4%204-4%202.206%200%204%201.794%204%204s-1.794%204-4%204c-2.205%200-4-1.794-4-4z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-settings-gear" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-settings-gear" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-settings-gear {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2020%2020%22%20width%3D%2220%22%20height%3D%2220%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M19%2011.2v-3c0-.3%200-.5-.2-.5H16c-.2%200-.6-1.3-1.1-1.9l1.6-2.7c-1-.9-2.2-1.6-3.5-2l-1.6%202.7c-.4-.1-.7-.1-1.1-.1s-.7%200-1.1.1L7.6%201.1a9.4%209.4%200%200%200-3.5%202l1.6%202.7c-.5.5-.9%201.9-1.1%201.9H1.8c-.3%200-.8.2-.8.5v3c0%20.3.5.5.8.5h2.8c.2%201%20.6%201.4%201.1%201.9l-1.6%202.7c1%20.9%202.2%201.6%203.5%202l1.6-2.7c.4.1.7.1%201.1.1s.7%200%201.1-.1l1.6%202.7a9.4%209.4%200%200%200%203.5-2l-1.6-2.7c.5-.6.8-.9%201.1-1.9h2.8c.2%200%20.2-.2.2-.5zm-8.7%201c-1.4%200-2.5-1.1-2.5-2.5s1.1-2.5%202.5-2.5%202.5%201.1%202.5%202.5-1.2%202.5-2.5%202.5z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-settings" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-settings" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-settings {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-36.2%2018.7%2054.2%2054.5%22%3E%3Ctitle%3ESettingsIcon%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%3E%3Cpath%20d%3D%22M-26.8%2036.9c-.4.8-.7%201.6-1%202.4l-3.2.4c-1.6.2-3%201.7-3%203.3v6c0%201.7%201.3%203.1%203%203.3l3.2.4c.3.8.6%201.5.9%202.2l-3.1%203.7c-.7.9-.7%202.2.1%203l5.5%205.7c.8.8%202.1.9%203%20.2l4.2-3.3%201.5.6.4%203.2c.2%201.6%201.7%203%203.3%203h6c1.7%200%203.1-1.3%203.3-3l.4-3.2c.5-.2%201.1-.4%201.6-.7l4.3%203.3c.9.7%202.2.6%203-.2l5.5-5.7c.8-.8.8-2.1.1-3L9%2054.7c.3-.6.6-1.3.8-2l3.2-.4c1.6-.2%203-1.7%203-3.3v-6c0-1.7-1.3-3.1-3-3.3l-3.2-.4c-.3-.8-.6-1.5-1-2.2l3.3-4c.7-.9.7-2.2-.1-3l-5.5-5.7c-.8-.8-2.1-.9-3-.2L-1%2027.7c-.4-.2-.9-.4-1.3-.5l-.4-3.2c-.2-1.6-1.7-3-3.3-3h-6c-1.7%200-3.1%201.3-3.3%203l-.4%203.2c-.4.1-.8.3-1.1.4l-4.5-3.5c-.9-.7-2.2-.6-3%20.2l-5.5%205.7c-.8.8-.8%202.1-.1%203l3.1%203.9z%22%2F%3E%3Cpath%20d%3D%22M-9%2056c5.5%200%2010-4.5%2010-10S-3.5%2036-9%2036s-10%204.5-10%2010%204.5%2010%2010%2010z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-shapedata" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-shapedata" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-shapedata {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20d%3D%22M11%201L1%205.7v10.7L11%2021l10-4.7V5.7L11%201zm8%2014.1l-8%203.7-8-3.7V6.9l8-3.7%208%203.7v8.2z%22%2F%3E%3Cpath%20d%3D%22M10%2010h2v6h-2zM10%206h2v2h-2z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-shapes" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-shapes" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-shapes {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%2240%2C45%2C51%2C49%22%20width%3D%2251%22%20height%3D%2249%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20fill-rule%3D%22evenodd%22%20d%3D%22M66.25%2072h-3.54c-5.78%200-10.46%204.925-10.46%2011%200%206.076%204.683%2011%2010.46%2011h17.08c5.78%200%2010.46-4.925%2010.46-11%200-4.692-2.79-8.696-6.723-10.277l-2.415%202.415c3.495.696%206.138%203.95%206.138%207.862%200%204.42-3.372%208-7.538%208H62.788c-4.164%200-7.538-3.582-7.538-8%200-4.42%203.372-8%207.538-8h6.462l-3-3zM62.747%2054H40.25v31h8.93a19.542%2019.542%200%200%201-.074-3H43.25V57h16.5l2.997-3z%22%2F%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M75.25%2045.444L90.806%2061%2075.25%2076.556%2059.694%2061%2075.25%2045.444zm.045%204.21l-11.327%2011.39%2011.3%2011.24%2011.327-11.39-11.3-11.24z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-shape-connection {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M17%2020c-1.65%200-3-1.35-3-3s1.35-3%203-3%203%201.35%203%203-1.35%203-3%203zM2%208h8V2H2v6zm15%204c-2.4%200-4.43%201.72-4.9%204H7v-6h5V0H0v10h5v8h7.1c.47%202.28%202.5%204%204.9%204%202.76%200%205-2.24%205-5s-2.24-5-5-5z%22%20fill%3D%22%233D4752%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-shape-connection-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M17%2020c-1.65%200-3-1.35-3-3s1.35-3%203-3%203%201.35%203%203-1.35%203-3%203zM2%208h8V2H2v6zm15%204c-2.4%200-4.43%201.72-4.9%204H7v-6h5V0H0v10h5v8h7.1c.47%202.28%202.5%204%204.9%204%202.76%200%205-2.24%205-5s-2.24-5-5-5z%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-shared-bluishGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-shared-bluishGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-shared-bluishGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22%2377818d%22%3Eshare-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M20.632%2015.794L17.5%2014.75l-.304-1.064C18.256%2013.108%2019%2011.79%2019%2010.25c0-2.07-.54-3.75-3-3.75s-3%201.68-3%203.75c0%201.54.743%202.858%201.804%203.436L14.5%2014.75l-1.507.646L9%2013v-1.693c1.19-.867%202-2.46%202-4.307%200-2.76-.72-5-4-5-3.28%200-4%202.24-4%205%200%201.846.81%203.44%202%204.307V13L.97%2015.417A2.002%202.002%200%200%200%200%2017.132V20h22v-2.31a2%202%200%200%200-1.368-1.896%22%20fill%3D%22%2377818d%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-shared-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-shared-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-shared-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22%23ffffff%22%3Eshare-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M20.632%2015.794L17.5%2014.75l-.304-1.064C18.256%2013.108%2019%2011.79%2019%2010.25c0-2.07-.54-3.75-3-3.75s-3%201.68-3%203.75c0%201.54.743%202.858%201.804%203.436L14.5%2014.75l-1.507.646L9%2013v-1.693c1.19-.867%202-2.46%202-4.307%200-2.76-.72-5-4-5-3.28%200-4%202.24-4%205%200%201.846.81%203.44%202%204.307V13L.97%2015.417A2.002%202.002%200%200%200%200%2017.132V20h22v-2.31a2%202%200%200%200-1.368-1.896%22%20fill%3D%22%23ffffff%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-shared" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-shared" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-shared {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eshare-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M20.632%2015.794L17.5%2014.75l-.304-1.064C18.256%2013.108%2019%2011.79%2019%2010.25c0-2.07-.54-3.75-3-3.75s-3%201.68-3%203.75c0%201.54.743%202.858%201.804%203.436L14.5%2014.75l-1.507.646L9%2013v-1.693c1.19-.867%202-2.46%202-4.307%200-2.76-.72-5-4-5-3.28%200-4%202.24-4%205%200%201.846.81%203.44%202%204.307V13L.97%2015.417A2.002%202.002%200%200%200%200%2017.132V20h22v-2.31a2%202%200%200%200-1.368-1.896%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-shared-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-shared-primaryGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-shared-primaryGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22%23828282%22%3Eshare-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M20.632%2015.794L17.5%2014.75l-.304-1.064C18.256%2013.108%2019%2011.79%2019%2010.25c0-2.07-.54-3.75-3-3.75s-3%201.68-3%203.75c0%201.54.743%202.858%201.804%203.436L14.5%2014.75l-1.507.646L9%2013v-1.693c1.19-.867%202-2.46%202-4.307%200-2.76-.72-5-4-5-3.28%200-4%202.24-4%205%200%201.846.81%203.44%202%204.307V13L.97%2015.417A2.002%202.002%200%200%200%200%2017.132V20h22v-2.31a2%202%200%200%200-1.368-1.896%22%20fill%3D%22%23828282%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-shared-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-shared-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-shared-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Eshare-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M20.632%2015.794L17.5%2014.75l-.304-1.064C18.256%2013.108%2019%2011.79%2019%2010.25c0-2.07-.54-3.75-3-3.75s-3%201.68-3%203.75c0%201.54.743%202.858%201.804%203.436L14.5%2014.75l-1.507.646L9%2013v-1.693c1.19-.867%202-2.46%202-4.307%200-2.76-.72-5-4-5-3.28%200-4%202.24-4%205%200%201.846.81%203.44%202%204.307V13L.97%2015.417A2.002%202.002%200%200%200%200%2017.132V20h22v-2.31a2%202%200%200%200-1.368-1.896%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-share" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-share" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-share {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M8%204h2v8H8zM5%204l4-4%204%204z%22%2F%3E%3Cpath%20d%3D%22M14%205v2c1.1%200%202%20.9%202%202v5c0%201.1-.9%202-2%202H4c-1.1%200-2-.9-2-2V9c0-1.1.9-2%202-2V5C1.8%205%200%206.8%200%209v5c0%202.2%201.8%204%204%204h10c2.2%200%204-1.8%204-4V9c0-2.2-1.8-4-4-4z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-share-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-share-small" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-share-small {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eshare-small-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M18.88%2014.342l-2.562-.86-.25-.874c.87-.475%201.477-1.56%201.477-2.825%200-1.702-.44-3.083-2.454-3.083-2.013%200-2.454%201.38-2.454%203.083%200%201.266.608%202.35%201.476%202.825l-.248.875-1.233.53-3.266-1.97v-1.39C10.338%209.94%2011%208.628%2011%207.11%2011%204.84%2010.412%203%207.727%203%205.043%203%204.455%204.84%204.455%207.11c0%201.52.662%202.83%201.636%203.542v1.392l-3.296%201.988A1.648%201.648%200%200%200%202%2015.442V17.8h18v-1.9c0-.706-.45-1.335-1.12-1.558%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-share-small-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-share-small-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-share-small-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Eshare-small-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M18.88%2014.342l-2.562-.86-.25-.874c.87-.475%201.477-1.56%201.477-2.825%200-1.702-.44-3.083-2.454-3.083-2.013%200-2.454%201.38-2.454%203.083%200%201.266.608%202.35%201.476%202.825l-.248.875-1.233.53-3.266-1.97v-1.39C10.338%209.94%2011%208.628%2011%207.11%2011%204.84%2010.412%203%207.727%203%205.043%203%204.455%204.84%204.455%207.11c0%201.52.662%202.83%201.636%203.542v1.392l-3.296%201.988A1.648%201.648%200%200%200%202%2015.442V17.8h18v-1.9c0-.706-.45-1.335-1.12-1.558%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-share-thin" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-share-thin" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-share-thin {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%22-40%2021%2046.2%2052%22%3E%3Ctitle%3EShareIcon%3C%2Ftitle%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23FFF%22%20stroke-width%3D%223%22%20d%3D%22M-26%2038h-8c-2.2%200-4%201.8-4%204v25c0%202.2%201.8%204%204%204H0c2.2%200%204-1.8%204-4V42c0-2.2-1.8-4-4-4h-8%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M-17%2022c1.1%200%202%201.8%202%204v26c0%202.2-.9%204-2%204s-2-1.8-2-4V26c0-2.2.9-4%202-4z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M-18.3%2022.2c.8-.8%202.7-.1%204.2%201.4l4.9%204.9c1.6%201.6%202.2%203.5%201.4%204.2-.8.8-2.7.1-4.2-1.4l-4.9-4.9c-1.6-1.5-2.2-3.4-1.4-4.2z%22%2F%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M-15.7%2022.2c.8.8.1%202.7-1.4%204.2l-4.9%204.9c-1.6%201.6-3.5%202.2-4.2%201.4-.8-.8-.1-2.7%201.4-4.2l4.9-4.9c1.5-1.6%203.4-2.2%204.2-1.4z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-smallcaps" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-smallcaps" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-smallcaps {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M8%202v2.1h-.2c0-.4-.1-.4-.2-.6-.1-.2-.3-.4-.5-.6-.2-.1-.5-.1-.9-.1H5.1v6.4c0%20.6.1.9.2%201%20.2.2.6.3.9.3h.6v.5H2.4v-.6H3c.4%200%20.7-.1.9-.3.1-.1.1-.5.1-1V2.8H2.9c-.4%200-.7%200-.8.1-.3%200-.4.2-.6.4-.1.3-.2.4-.3.8H1V2h7zM13%205v1.7h-.2c0-.2-.1-.3-.1-.4-.1-.2-.2-.3-.4-.4-.2-.1-.3-.1-.6-.1h-.8v3.6c0%20.4%200%20.6.1.7.1.1.7.2%201%20.2v.7H9v-.7c.3%200%201-.1%201.1-.2.1-.1.1-.3.1-.6V5.8h-.9c-.3%200-.5%200-.6.1-.1%200-.2.1-.3.3-.1.2-.2.2-.2.5H8V5h5z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-smallcaps-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-smallcaps-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-smallcaps-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M8%202v2.1h-.2c0-.4-.1-.4-.2-.6-.1-.2-.3-.4-.5-.6-.2-.1-.5-.1-.9-.1H5.1v6.4c0%20.6.1.9.2%201%20.2.2.6.3.9.3h.6v.5H2.4v-.6H3c.4%200%20.7-.1.9-.3.1-.1.1-.5.1-1V2.8H2.9c-.4%200-.7%200-.8.1-.3%200-.4.2-.6.4-.1.3-.2.4-.3.8H1V2h7zM13%205v1.7h-.2c0-.2-.1-.3-.1-.4-.1-.2-.2-.3-.4-.4-.2-.1-.3-.1-.6-.1h-.8v3.6c0%20.4%200%20.6.1.7.1.1.7.2%201%20.2v.7H9v-.7c.3%200%201-.1%201.1-.2.1-.1.1-.3.1-.6V5.8h-.9c-.3%200-.5%200-.6.1-.1%200-.2.1-.3.3-.1.2-.2.2-.2.5H8V5h5z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-sort" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-sort" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-sort {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Esort%3C%2Ftitle%3E%3Cpath%20d%3D%22M13.06%205h-3a1%201%200%200%201-1-1V3a1%201%200%200%201%201-1h3a1%201%200%200%201%201%201v1a1%201%200%200%201-1%201zM15%2010h-4.94a1%201%200%200%201-1-1V8a1%201%200%200%201%201-1H15a1%201%200%200%201%201%201v1a1%201%200%200%201-1%201zm2%205h-6.94a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1H17a1%201%200%200%201%201%201v1a1%201%200%200%201-1%201zm3%205h-9.94a1%201%200%200%201-1-1v-1a1%201%200%200%201%201-1H20a1%201%200%200%201%201%201v1a1%201%200%200%201-1%201zM4.888%206.967h-1.99l-.4%201.55H1L3.04%202h1.768l2.04%206.517h-1.56l-.4-1.55zm-.3-1.15l-.15-.6c-.18-.65-.36-1.418-.53-2.097h-.04c-.16.69-.33%201.448-.51%202.098l-.16.6h1.39zM1.42%2019.11l2.878-4.387H1.69v-1.24h4.417v.89L3.23%2018.76h2.907V20H1.42v-.89z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-star-rating-star-green" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-star-rating-star-green" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-star-rating-star-green {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%238cbf3f%22%20d%3D%22M10%200l3.09%206.583L20%207.64l-5%205.124L16.18%2020%2010%2016.583%203.82%2020%205%2012.764%200%207.64l6.91-1.057z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-star-rating-star-green-pale" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-star-rating-star-green-pale" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-star-rating-star-green-pale {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23E2EED1%22%20d%3D%22M10%200l3.09%206.583L20%207.64l-5%205.124L16.18%2020%2010%2016.583%203.82%2020%205%2012.764%200%207.64l6.91-1.057z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-star-rating-star-orange" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-star-rating-star-orange" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-star-rating-star-orange {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23f78d1e%22%20d%3D%22M10%200l3.09%206.583L20%207.64l-5%205.124L16.18%2020%2010%2016.583%203.82%2020%205%2012.764%200%207.64l6.91-1.057z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-star-rating-star-orange-pale" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-star-rating-star-orange-pale" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-star-rating-star-orange-pale {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20fill%3D%22%23FCE2CB%22%20d%3D%22M10%200l3.09%206.583L20%207.64l-5%205.124L16.18%2020%2010%2016.583%203.82%2020%205%2012.764%200%207.64l6.91-1.057z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-strikethrough" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-strikethrough" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-strikethrough {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M14%206H7.6l-.5-.3c-.5-.3-.8-.6-1.1-.8-.2-.3-.3-.6-.3-1s.1-.7.4-1c.3-.2.6-.4%201-.4.5%200%201%20.1%201.6.5s.9%201%201.2%202h.3l-.3-3h-.3c0%20.2-.1.3-.2.4s-.1.1-.3.1c-.1%200-.4-.1-.8-.3S7.4%202%207.1%202c-.8%200-1.5.2-2%20.7s-.7%201.1-.7%201.9c0%20.5.2%201%20.6%201.4H1v1h5.2l.9.6c.7.4%201.2.8%201.4%201%20.3.4.5.8.5%201.2%200%20.5-.2.9-.5%201.2-.3.3-.7.4-1.2.4-.9%200-1.6-.3-2.2-1-.2-.3-.5-.4-.8-1.4H4l.4%203h.3s.1-.2.1-.3c.1-.1.2-.2.3-.2.1%200%20.4.1.8.3.7.1%201.1.2%201.6.2.9%200%201.6-.3%202.2-.8.6-.5.9-1.1.9-1.9%200-.6-.2-1.1-.5-1.5-.2-.2-.6-.5-1-.8H14V6z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-strikethrough-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-strikethrough-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-strikethrough-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M14%206H7.6l-.5-.3c-.5-.3-.8-.6-1.1-.8-.2-.3-.3-.6-.3-1s.1-.7.4-1c.3-.2.6-.4%201-.4.5%200%201%20.1%201.6.5s.9%201%201.2%202h.3l-.3-3h-.3c0%20.2-.1.3-.2.4s-.1.1-.3.1c-.1%200-.4-.1-.8-.3S7.4%202%207.1%202c-.8%200-1.5.2-2%20.7s-.7%201.1-.7%201.9c0%20.5.2%201%20.6%201.4H1v1h5.2l.9.6c.7.4%201.2.8%201.4%201%20.3.4.5.8.5%201.2%200%20.5-.2.9-.5%201.2-.3.3-.7.4-1.2.4-.9%200-1.6-.3-2.2-1-.2-.3-.5-.4-.8-1.4H4l.4%203h.3s.1-.2.1-.3c.1-.1.2-.2.3-.2.1%200%20.4.1.8.3.7.1%201.1.2%201.6.2.9%200%201.6-.3%202.2-.8.6-.5.9-1.1.9-1.9%200-.6-.2-1.1-.5-1.5-.2-.2-.6-.5-1-.8H14V6z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-subscript" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-subscript" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-subscript {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M10%206h3v1h-3z%22%2F%3E%3Cpath%20d%3D%22M12%206h1v3h-1zM10%2010h3v1h-3zM10%209h1v1h-1zM10.5%208H12v1h-1.5z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M1%209.8c.3%200%20.5-.1.7-.3.2-.1.5-.5%201-1.1l1.8-2.3-1.3-2c-.6-.8-.9-1.3-1.2-1.5-.2-.2-.5-.4-.9-.4V2h3.5v.2c-.3%200-.6%200-.7.1-.1%200-.2.2-.2.3%200%20.1%200%20.2.1.4%200%20.1.1.2.2.3l1.2%201.8%201.3-1.7c.2-.2.3-.4.4-.5%200-.1.1-.2.1-.3%200-.2-.1-.3-.2-.4-.1%200-.3-.1-.6-.1V2H9v.2c-.3%200-.6.1-.7.2-.3.2-.6.5-1%201L5.5%205.6l2.2%203.3c.3.3.5.6.6.7.2.1.4.1.7.2v.2H5.6v-.2c.3%200%20.6%200%20.7-.1.1-.1.2-.2.2-.3%200-.1-.1-.3-.3-.6-.2-.3-.6-1.1-1.4-2.3L3.4%208.3c-.2.3-.3.5-.4.6-.1.2-.2.3-.2.4%200%20.2.1.3.3.4.1%200%20.3.1.6.1v.2H1v-.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-subscript-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-subscript-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-subscript-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M10%206h3v1h-3z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%206h1v3h-1zM10%2010h3v1h-3zM10%209h1v1h-1zM10.5%208H12v1h-1.5z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3Cg%20fill%3D%22%23444444%22%3E%3Cpath%20d%3D%22M1%209.8c.3%200%20.5-.1.7-.3.2-.1.5-.5%201-1.1l1.8-2.3-1.3-2c-.6-.8-.9-1.3-1.2-1.5-.2-.2-.5-.4-.9-.4V2h3.5v.2c-.3%200-.6%200-.7.1-.1%200-.2.2-.2.3%200%20.1%200%20.2.1.4%200%20.1.1.2.2.3l1.2%201.8%201.3-1.7c.2-.2.3-.4.4-.5%200-.1.1-.2.1-.3%200-.2-.1-.3-.2-.4-.1%200-.3-.1-.6-.1V2H9v.2c-.3%200-.6.1-.7.2-.3.2-.6.5-1%201L5.5%205.6l2.2%203.3c.3.3.5.6.6.7.2.1.4.1.7.2v.2H5.6v-.2c.3%200%20.6%200%20.7-.1.1-.1.2-.2.2-.3%200-.1-.1-.3-.3-.6-.2-.3-.6-1.1-1.4-2.3L3.4%208.3c-.2.3-.3.5-.4.6-.1.2-.2.3-.2.4%200%20.2.1.3.3.4.1%200%20.3.1.6.1v.2H1v-.2z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-superscript" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-superscript" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-superscript {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M10%201h3v1h-3z%22%2F%3E%3Cpath%20d%3D%22M12%201h1v3h-1zM10%205h3v1h-3zM10%204h1v1h-1zM10.5%203H12v1h-1.5z%22%2F%3E%3Cg%3E%3Cpath%20d%3D%22M1%2010.8c.3%200%20.5-.1.7-.3.2-.1.5-.5%201-1.1l1.8-2.3-1.3-2c-.6-.8-.9-1.3-1.2-1.5-.2-.2-.5-.4-.9-.4V3h3.5v.2c-.3%200-.6%200-.7.1-.1%200-.2.2-.2.3%200%20.1%200%20.2.1.4%200%20.1.1.2.2.3l1.2%201.8%201.3-1.7c.2-.2.3-.4.4-.5%200-.1.1-.2.1-.3%200-.2-.1-.3-.2-.4-.1%200-.3-.1-.6-.1V3H9v.2c-.3%200-.6.1-.7.2-.3.2-.6.5-1%201L5.5%206.6l2.2%203.3c.2.4.4.6.6.7.2.1.4.2.7.2v.2H5.6v-.2c.3%200%20.6%200%20.7-.1.1-.1.2-.2.2-.3%200-.1-.1-.3-.3-.6-.2-.3-.6-1.1-1.4-2.3L3.4%209.3c-.2.3-.3.5-.4.6-.1.2-.2.3-.2.4%200%20.2.1.3.3.4.1%200%20.3.1.6.1v.2H1v-.2z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-superscript-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-superscript-optionBarGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-superscript-optionBarGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20d%3D%22M10%201h3v1h-3z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3Cpath%20d%3D%22M12%201h1v3h-1zM10%205h3v1h-3zM10%204h1v1h-1zM10.5%203H12v1h-1.5z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3Cg%20fill%3D%22%23444444%22%3E%3Cpath%20d%3D%22M1%2010.8c.3%200%20.5-.1.7-.3.2-.1.5-.5%201-1.1l1.8-2.3-1.3-2c-.6-.8-.9-1.3-1.2-1.5-.2-.2-.5-.4-.9-.4V3h3.5v.2c-.3%200-.6%200-.7.1-.1%200-.2.2-.2.3%200%20.1%200%20.2.1.4%200%20.1.1.2.2.3l1.2%201.8%201.3-1.7c.2-.2.3-.4.4-.5%200-.1.1-.2.1-.3%200-.2-.1-.3-.2-.4-.1%200-.3-.1-.6-.1V3H9v.2c-.3%200-.6.1-.7.2-.3.2-.6.5-1%201L5.5%206.6l2.2%203.3c.2.4.4.6.6.7.2.1.4.2.7.2v.2H5.6v-.2c.3%200%20.6%200%20.7-.1.1-.1.2-.2.2-.3%200-.1-.1-.3-.3-.6-.2-.3-.6-1.1-1.4-2.3L3.4%209.3c-.2.3-.3.5-.4.6-.1.2-.2.3-.2.4%200%20.2.1.3.3.4.1%200%20.3.1.6.1v.2H1v-.2z%22%20fill%3D%22%23444444%22%3E%3C%2Fpath%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-team-18px-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-team-18px-gray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-team-18px-gray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2218%22%20viewBox%3D%220%200%2022%2018%22%3E%3Cpath%20fill%3D%22%235a5a5a%22%20d%3D%22M20.6%2013.8l-3.1-1-.3-1.1c1.1-.6%201.8-1.9%201.8-3.4%200-2.1-.5-3.8-3-3.8s-3%201.7-3%203.8c0%201.5.7%202.9%201.8%203.4l-.3%201.1-1.5.6L9%2011V9.3c1.2-.9%202-2.5%202-4.3%200-2.8-.7-5-4-5S3%202.2%203%205c0%201.8.8%203.4%202%204.3V11l-4%202.4c-.6.4-1%201-1%201.7V18h22v-2.3c0-.9-.6-1.6-1.4-1.9z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-team-18px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-team-18px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-team-18px {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2222%22%20height%3D%2218%22%20viewBox%3D%220%200%2022%2018%22%3E%3Cpath%20fill%3D%22%235A5A5A%22%20d%3D%22M20.6%2013.8l-3.1-1-.3-1.1c1.1-.6%201.8-1.9%201.8-3.4%200-2.1-.5-3.8-3-3.8s-3%201.7-3%203.8c0%201.5.7%202.9%201.8%203.4l-.3%201.1-1.5.6L9%2011V9.3c1.2-.9%202-2.5%202-4.3%200-2.8-.7-5-4-5S3%202.2%203%205c0%201.8.8%203.4%202%204.3V11l-4%202.4c-.6.4-1%201-1%201.7V18h22v-2.3c0-.9-.6-1.6-1.4-1.9z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-team-22px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-team-22px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-team-22px {
  background-image: url('data:image/svg+xml;charset=US-ASCII, %3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20.6%2015.8l-3-1-.4-1c1-.7%201.8-2%201.8-3.5%200-2-.5-3.8-3-3.8s-3%201.7-3%203.8c0%201.5.7%203%201.8%203.4l-.3%201-1.5.7L9%2013v-1.7c1.2-1%202-2.5%202-4.3%200-2.8-.7-5-4-5S3%204.2%203%207c0%201.8.8%203.4%202%204.3V13l-4%202.4c-.6.4-1%201-1%201.7v3h22v-2.3c0-1-.6-1.6-1.4-2z%22%20fill%3D%22%233D4752%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
    <span class="icn-team-22px-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
    <span class="icn-team-22px-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-team-22px-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII, %3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M20.6%2015.8l-3-1-.4-1c1-.7%201.8-2%201.8-3.5%200-2-.5-3.8-3-3.8s-3%201.7-3%203.8c0%201.5.7%203%201.8%203.4l-.3%201-1.5.7L9%2013v-1.7c1.2-1%202-2.5%202-4.3%200-2.8-.7-5-4-5S3%204.2%203%207c0%201.8.8%203.4%202%204.3V13l-4%202.4c-.6.4-1%201-1%201.7v3h22v-2.3c0-1-.6-1.6-1.4-2z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-trash" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-trash" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-trash {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Etrash-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M5%208h12v11.94H5V8zm9-3V2H8v3H2v2h18V5h-6z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-trash-new" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-trash-new" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-trash-new {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Etrash-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M5%208h12v11.94H5V8zm9-3V2H8v3H2v2h18V5h-6z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-trash-new-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-trash-new-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-trash-new-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Etrash-dark%3C%2Ftitle%3E%3Cpath%20d%3D%22M5%208h12v11.94H5V8zm9-3V2H8v3H2v2h18V5h-6z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-trash-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-trash-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-trash-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Etrash-light%3C%2Ftitle%3E%3Cpath%20d%3D%22M5%208h12v11.94H5V8zm9-3V2H8v3H2v2h18V5h-6z%22%20fill%3D%22%23FFF%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-triangle-down-18px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-triangle-down-18px" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-triangle-down-18px {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2218%22%20height%3D%2218%22%20viewBox%3D%220%200%2018%2018%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eicon-triangle-down-18px%3C%2Ftitle%3E%3Cpath%20d%3D%22M5%206h8l-4%206-4-6z%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-twitter-inverted-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-twitter-inverted-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-twitter-inverted-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22171.505%22%20height%3D%22139.378%22%3E%3Cpath%20d%3D%22M171.505%2016.5a70.337%2070.337%200%200%201-20.208%205.54c7.264-4.355%2012.844-11.25%2015.47-19.467a70.437%2070.437%200%200%201-22.344%208.538A35.136%2035.136%200%200%200%20118.74%200C99.308%200%2083.553%2015.754%2083.553%2035.185c0%202.758.31%205.444.912%208.02C55.22%2041.736%2029.295%2027.727%2011.94%206.44a35.02%2035.02%200%200%200-4.764%2017.69c0%2012.207%206.21%2022.977%2015.653%2029.286a35.047%2035.047%200%200%201-15.938-4.4c-.004.146-.004.294-.004.442%200%2017.048%2012.13%2031.268%2028.225%2034.503a35.224%2035.224%200%200%201-15.89.603c4.478%2013.98%2017.472%2024.152%2032.87%2024.435-12.042%209.438-27.214%2015.063-43.7%2015.063-2.84%200-5.64-.166-8.393-.49%2015.572%209.983%2034.067%2015.808%2053.938%2015.808%2064.72%200%20100.113-53.615%20100.113-100.113%200-1.526-.034-3.043-.1-4.553A71.483%2071.483%200%200%200%20171.504%2016.5z%22%20fill%3D%22%23ffffff%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-twitter-inverted" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-twitter-inverted" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-twitter-inverted {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%22171.505%22%20height%3D%22139.378%22%3E%3Cpath%20d%3D%22M171.505%2016.5a70.337%2070.337%200%200%201-20.208%205.54c7.264-4.355%2012.844-11.25%2015.47-19.467a70.437%2070.437%200%200%201-22.344%208.538A35.136%2035.136%200%200%200%20118.74%200C99.308%200%2083.553%2015.754%2083.553%2035.185c0%202.758.31%205.444.912%208.02C55.22%2041.736%2029.295%2027.727%2011.94%206.44a35.02%2035.02%200%200%200-4.764%2017.69c0%2012.207%206.21%2022.977%2015.653%2029.286a35.047%2035.047%200%200%201-15.938-4.4c-.004.146-.004.294-.004.442%200%2017.048%2012.13%2031.268%2028.225%2034.503a35.224%2035.224%200%200%201-15.89.603c4.478%2013.98%2017.472%2024.152%2032.87%2024.435-12.042%209.438-27.214%2015.063-43.7%2015.063-2.84%200-5.64-.166-8.393-.49%2015.572%209.983%2034.067%2015.808%2053.938%2015.808%2064.72%200%20100.113-53.615%20100.113-100.113%200-1.526-.034-3.043-.1-4.553A71.483%2071.483%200%200%200%20171.504%2016.5z%22%20fill%3D%22%232aa9e0%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-twitter" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-twitter" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-twitter {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%221166.985%206.01%2080%2080%22%3E%3Cpath%20fill%3D%22%232AA9E0%22%20d%3D%22M1206.986%209.26c-20.383%200-36.902%2016.452-36.902%2036.75%200%2018.31%2013.45%2033.486%2031.047%2036.282v.002c1.907.304%203.862.466%205.856.466%201.604%200%203.18-.11%204.73-.313v-.002c18.145-2.313%2032.17-17.737%2032.17-36.438%200-20.294-16.52-36.747-36.9-36.747zm20.852%2028.83c.02.42.03.844.03%201.27%200%2012.965-9.87%2027.917-27.92%2027.917a27.785%2027.785%200%200%201-15.04-4.408c.77.09%201.55.138%202.342.138%204.598%200%208.826-1.568%2012.188-4.2-4.293-.08-7.916-2.917-9.166-6.812a9.918%209.918%200%200%200%201.846.177c.895%200%201.762-.118%202.584-.345a9.814%209.814%200%200%201-7.87-9.62v-.125a9.748%209.748%200%200%200%204.444%201.23%209.804%209.804%200%200%201-4.365-8.168c0-1.798.485-3.484%201.33-4.935%204.84%205.938%2012.067%209.845%2020.224%2010.253a9.83%209.83%200%200%201-.254-2.235c0-5.418%204.395-9.813%209.813-9.813%202.82%200%205.373%201.19%207.162%203.1a19.638%2019.638%200%200%200%206.23-2.38%209.846%209.846%200%200%201-4.314%205.43%2019.68%2019.68%200%200%200%205.638-1.546%2020.103%2020.103%200%200%201-4.9%205.07z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-twitter-login" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-twitter-login" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-twitter-login {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eicon-twitter-22px%3C%2Ftitle%3E%3Cpath%20d%3D%22M20.47%205.78a7.932%207.932%200%200%201-1.9%201.958%2010.753%2010.753%200%200%201-.434%203.533%2010.99%2010.99%200%200%201-1.353%202.913%2011.448%2011.448%200%200%201-2.162%202.466c-.835.715-1.843%201.286-3.022%201.71-1.18.427-2.442.64-3.786.64-2.117%200-4.054-.566-5.812-1.7a8.1%208.1%200%200%200%20.914.048c1.758%200%203.324-.54%204.7-1.618a3.69%203.69%200%200%201-2.204-.755%203.702%203.702%200%200%201-1.336-1.87c.258.04.496.06.715.06.335%200%20.667-.044.995-.13A3.724%203.724%200%200%201%203.61%2011.73a3.657%203.657%200%200%201-.86-2.41v-.047c.53.297%201.102.457%201.71.48a3.78%203.78%200%200%201-1.23-1.347%203.688%203.688%200%200%201-.457-1.804c0-.688.172-1.325.516-1.91a10.73%2010.73%200%200%200%203.45%202.794c1.356.7%202.807%201.088%204.354%201.166A4.204%204.204%200%200%201%2011%207.785c0-1.047.37-1.94%201.107-2.678A3.648%203.648%200%200%201%2014.785%204c1.094%200%202.016.398%202.766%201.195a7.422%207.422%200%200%200%202.403-.914%203.675%203.675%200%200%201-1.664%202.087%207.542%207.542%200%200%200%202.18-.586z%22%20fill%3D%22%233D4752%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-twitter-login-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-twitter-login-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-twitter-login-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Eicon-twitter-22px%3C%2Ftitle%3E%3Cpath%20d%3D%22M20.47%205.78a7.932%207.932%200%200%201-1.9%201.958%2010.753%2010.753%200%200%201-.434%203.533%2010.99%2010.99%200%200%201-1.353%202.913%2011.448%2011.448%200%200%201-2.162%202.466c-.835.715-1.843%201.286-3.022%201.71-1.18.427-2.442.64-3.786.64-2.117%200-4.054-.566-5.812-1.7a8.1%208.1%200%200%200%20.914.048c1.758%200%203.324-.54%204.7-1.618a3.69%203.69%200%200%201-2.204-.755%203.702%203.702%200%200%201-1.336-1.87c.258.04.496.06.715.06.335%200%20.667-.044.995-.13A3.724%203.724%200%200%201%203.61%2011.73a3.657%203.657%200%200%201-.86-2.41v-.047c.53.297%201.102.457%201.71.48a3.78%203.78%200%200%201-1.23-1.347%203.688%203.688%200%200%201-.457-1.804c0-.688.172-1.325.516-1.91a10.73%2010.73%200%200%200%203.45%202.794c1.356.7%202.807%201.088%204.354%201.166A4.204%204.204%200%200%201%2011%207.785c0-1.047.37-1.94%201.107-2.678A3.648%203.648%200%200%201%2014.785%204c1.094%200%202.016.398%202.766%201.195a7.422%207.422%200%200%200%202.403-.914%203.675%203.675%200%200%201-1.664%202.087%207.542%207.542%200%200%200%202.18-.586z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-undo-button" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-undo-button" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-undo-button {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20version%3D%221%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%2220%22%20height%3D%2220%22%20viewBox%3D%220%200%2020%2020%22%3E%3Cpath%20d%3D%22M11.5%2016.5c.3.4.8.6%201.3.3%203-1.6%204.1-5.1%202.4-7.9-1.7-2.8-5.4-3.8-8.4-2.3l1.4-2.3c.3-.4.1-1-.4-1.2-.5-.2-1.1-.1-1.3.4l-2.3%204c-.2.1-.2.4-.2.6.1.2.2.4.5.5l4.2%202.2c.3.2.7.1.9%200%20.2-.1.3-.2.4-.3.3-.4.1-1-.4-1.2l-2-1c2.1-1%204.7-.3%205.8%201.6%201.2%201.9.4%204.4-1.7%205.5-.3.2-.5.7-.2%201.1z%22%20fill%3D%22%232080a9%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-undo" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-undo" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-undo {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20viewBox%3D%2254%2C52%2C47%2C49%22%20width%3D%2247%22%20height%3D%2249%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20fill%3D%22%23fff%22%20d%3D%22M58%2062.5h10v3H58v-3z%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%223%22%20d%3D%22M66%2064h16.5C91.6%2064%2099%2071.4%2099%2080.5v2C99%2091.6%2091.6%2099%2082.5%2099h-4%22%2F%3E%3Cpath%20fill%3D%22none%22%20stroke%3D%22%23fff%22%20stroke-width%3D%222.828%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20d%3D%22M65.91%2054l-9.954%2010.045L66%2074%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-up-arrow-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-up-arrow-inverse" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-up-arrow-inverse {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%23ffffff%22%20d%3D%22M7%200L0%207h5v7h4V7h5z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-up-arrow" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-up-arrow" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-up-arrow {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2014%2014%22%3E%3Cpath%20fill%3D%22%234C4C4C%22%20d%3D%22M7%200L0%207h5v7h4V7h5z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-update" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-update" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-update {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cpath%20fill%3D%22%23FFF%22%20d%3D%22M16.7%2010.6V2.9l-2.2%201.7C13.1%202.4%2010.7%201%207.9%201%203.5%201%200%204.6%200%209s3.6%208%208%208c2.2%200%204.4-.9%205.9-2.6.4-.4.3-1-.1-1.4-.4-.4-1-.3-1.4.1-1.1%201.2-2.7%202-4.4%202-3.3%200-6-2.7-6-6s2.7-6%206-6c2.1%200%204%201.1%205.1%202.9L9.6%208.4l7.1%202.2z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-url-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-url-link" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-url-link {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2030%2030%22%20width%3D%2230%22%20height%3D%2230%22%3E%3Cg%20fill%3D%22%23666%22%3E%3Cpath%20d%3D%22M15.4%203.2L11.7%207c-.2.2-.4.4-.6.7l-.4.5.6-.1c1.5-.2%203-.1%204.4.4h.1L18.3%206c1.5-1.5%204.1-1.5%205.6%200s1.5%204%200%205.6l-3.8%203.8c-.9.8-2%201.2-3.2%201.1-.9%200-1.9-.5-2.5-1.2-1-1-2.8-1.2-3.9-.1l-.7.7.2.3c.4.7.9%201.5%201.5%202.1s1.3%201.1%202.1%201.5c.6.3%201.3.6%201.9.7%201.5.3%203%20.2%204.4-.3.8-.3%201.5-.7%202.2-1.2.3-.2.5-.4.7-.6l3.8-3.8c3.1-3.1%203.1-8.2%200-11.3-3-3.2-8-3.2-11.2-.1%22%2F%3E%3Cpath%20d%3D%22M14.3%2021.5h-.1L11.7%2024c-1.5%201.5-4%201.5-5.6%200-1.5-1.5-1.5-4%200-5.6l3.8-3.8c.9-.8%202-1.2%203.2-1.1.9.1%201.8.6%202.4%201.2%201%201%202.8%201.1%203.8.1l.7-.7-.2-.3c-.4-.7-.9-1.5-1.5-2.1-.6-.6-1.3-1.1-2-1.5-.6-.3-1.3-.6-1.9-.7-1.5-.3-3-.2-4.4.3-.8.3-1.6.7-2.2%201.2-.3.2-.5.4-.7.6l-3.8%203.8c-3.1%203.1-3.1%208.2%200%2011.3%203.1%203.1%208.2%203.1%2011.3%200l3.8-3.8c.2-.2.4-.4.6-.7l.4-.5-.6.1c-1.5.3-3%20.2-4.5-.3%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-user-single-bluishGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-user-single-bluishGray" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-user-single-bluishGray {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22%2377818d%22%3Euser-single.svg%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.803%2014.15l-4.053-1.372v-1.505c1.042-.77%201.75-2.188%201.75-3.83C14.5%204.99%2013.87%203%2011%203S7.5%204.99%207.5%207.444c0%201.64.71%203.058%201.75%203.83v1.504L5.197%2014.15A1.777%201.777%200%200%200%204%2015.836V19h14v-3.164c0-.764-.482-1.443-1.197-1.686%22%20fill%3D%22%2377818d%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-user-single" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-user-single" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-user-single {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Euser-single.svg%3C%2Ftitle%3E%3Cpath%20d%3D%22M16.803%2014.15l-4.053-1.372v-1.505c1.042-.77%201.75-2.188%201.75-3.83C14.5%204.99%2013.87%203%2011%203S7.5%204.99%207.5%207.444c0%201.64.71%203.058%201.75%203.83v1.504L5.197%2014.15A1.777%201.777%200%200%200%204%2015.836V19h14v-3.164c0-.764-.482-1.443-1.197-1.686%22%20fill%3D%22%2377818C%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-user-single-pending-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-user-single-pending-blue" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-user-single-pending-blue {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%2329aae1%22%20d%3D%22M16.6%2015.5L12%2014v-1.7c1.2-.9%202-2.5%202-4.3%200-2.8-.7-5-4-5S6%205.2%206%208c0%201.8.8%203.4%202%204.3V14l-4.6%201.5c-.8.3-1.4%201-1.4%201.9V21h16v-3.6c0-.8-.6-1.6-1.4-1.9zM18%203h2v7h-2zM18%2011h2v2h-2z%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-user-single-pending" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-user-single-pending" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-user-single-pending {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2022%2022%22%3E%3Cpath%20fill%3D%22%233D4752%22%20d%3D%22M16.6%2015.5L12%2014v-1.7c1.2-.9%202-2.5%202-4.3%200-2.8-.7-5-4-5S6%205.2%206%208c0%201.8.8%203.4%202%204.3V14l-4.6%201.5c-.8.3-1.4%201-1.4%201.9V21h16v-3.6c0-.8-.6-1.6-1.4-1.9zM18%203h2v7h-2zM18%2011h2v2h-2z%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
    <span class="icn-add-plus" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-visio-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13%200L0%203.02V19l13%203V0zM5.47%2016h2.3l2.55-8.48H8.37l-1%203.96c-.25.92-.43%201.78-.68%202.7h-.06c-.26-.92-.43-1.78-.7-2.7l-1-3.96H2.9L5.48%2016zM15%203h6c.55%200%201%20.44%201%201v14c0%20.55-.44%201-1%201h-6V3z%22%20fill%3D%22%23FFFFFF%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-windows" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-windows" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-windows {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eicon-microsoft-22px%3C%2Ftitle%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Cpath%20d%3D%22M9.975%202v8H2V2h7.975z%22%20fill%3D%22%23F25022%22%2F%3E%3Cpath%20d%3D%22M12%202h7.974v8H12V2%22%20fill%3D%22%2380BA01%22%2F%3E%3Cpath%20d%3D%22M2%2011.975h7.974v8H2v-8%22%20fill%3D%22%2302A4EF%22%2F%3E%3Cpath%20d%3D%22M12%2011.975h7.974v8H12v-8%22%20fill%3D%22%23FFB902%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-yahoo" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-yahoo" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-yahoo {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%3Eicon-yahoo-22px%3C%2Ftitle%3E%3Cpath%20d%3D%22M12.536%2019l-.126-6.794c1.76-3.09%204.666-8.128%205.464-9.206-.767.173-1.453.178-2.134%200-.616%201.114-2.815%204.708-4.224%207.025C10.09%207.665%208.406%204.945%207.31%203l-.136.054L7.257%203c-.874.186-1.24.198-2.11%200%201.73%202.608%204.503%207.575%205.446%209.206l-.115%206.77a7.236%207.236%200%200%201%201.015-.102c.394.002.873.08.987.1l.056.026z%22%20fill%3D%22%233D4752%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-yahoo-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-yahoo-white" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-yahoo-white {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20viewBox%3D%220%200%2022%2022%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Ctitle%20fill%3D%22white%22%3Eicon-yahoo-22px%3C%2Ftitle%3E%3Cpath%20d%3D%22M12.536%2019l-.126-6.794c1.76-3.09%204.666-8.128%205.464-9.206-.767.173-1.453.178-2.134%200-.616%201.114-2.815%204.708-4.224%207.025C10.09%207.665%208.406%204.945%207.31%203l-.136.054L7.257%203c-.874.186-1.24.198-2.11%200%201.73%202.608%204.503%207.575%205.446%209.206l-.115%206.77a7.236%207.236%200%200%201%201.015-.102c.394.002.873.08.987.1l.056.026z%22%20fill%3D%22white%22%20fill-rule%3D%22evenodd%22%3E%3C%2Fpath%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-zoomIn-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-zoomIn-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-zoomIn-disabled {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20fill%3D%22%23969696%22%3E%3Cpath%20d%3D%22M9%204H7v3H4v2h3v3h2V9h3V7H9z%22%2F%3E%3Cpath%20d%3D%22M14.6%2012.6C15.5%2011.3%2016%209.7%2016%208c0-4.4-3.6-8-8-8S0%203.6%200%208s3.6%208%208%208c1.7%200%203.3-.5%204.6-1.4L16%2018h2v-2l-3.4-3.4zM2%208c0-3.3%202.7-6%206-6s6%202.7%206%206-2.7%206-6%206-6-2.7-6-6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-zoomIn" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-zoomIn" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-zoomIn {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M9%204H7v3H4v2h3v3h2V9h3V7H9z%22%2F%3E%3Cpath%20d%3D%22M14.6%2012.6C15.5%2011.3%2016%209.7%2016%208c0-4.4-3.6-8-8-8S0%203.6%200%208s3.6%208%208%208c1.7%200%203.3-.5%204.6-1.4L16%2018h2v-2l-3.4-3.4zM2%208c0-3.3%202.7-6%206-6s6%202.7%206%206-2.7%206-6%206-6-2.7-6-6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-zoomOut-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-zoomOut-disabled" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-zoomOut-disabled {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20fill%3D%22%23969696%22%3E%3Cpath%20d%3D%22M4%207h8v2H4z%22%2F%3E%3Cpath%20d%3D%22M14.6%2012.6C15.5%2011.3%2016%209.7%2016%208c0-4.4-3.6-8-8-8S0%203.6%200%208s3.6%208%208%208c1.7%200%203.3-.5%204.6-1.4L16%2018h2v-2l-3.4-3.4zM2%208c0-3.3%202.7-6%206-6s6%202.7%206%206-2.7%206-6%206-6-2.7-6-6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
	<span class="icn-zoomOut" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
	<span class="icn-zoomOut" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
 */
.icn-zoomOut {
  background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20viewBox%3D%220%200%2018%2018%22%3E%3Cg%20fill%3D%22%23FFF%22%3E%3Cpath%20d%3D%22M4%207h8v2H4z%22%2F%3E%3Cpath%20d%3D%22M14.6%2012.6C15.5%2011.3%2016%209.7%2016%208c0-4.4-3.6-8-8-8S0%203.6%200%208s3.6%208%208%208c1.7%200%203.3-.5%204.6-1.4L16%2018h2v-2l-3.4-3.4zM2%208c0-3.3%202.7-6%206-6s6%202.7%206%206-2.7%206-6%206-6-2.7-6-6z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E');
  background-repeat: no-repeat;
}
/*
```
<div style="display: inline-block; background-color: black;">
  <span class="icn-inkdropper" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
<div style="display: inline-block; background-color: white;">
  <span class="icn-inkdropper" style="display: inline-block; width: 50px; height: 50px;"></span>
</div>
```
*/
.icn-inkdropper {
  background-image: url(data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2222%22%20height%3D%2222%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M13.39%2011.78l-6.656%206.657s-2.83%201.415-3.536.707c-.707-.707.707-3.535.707-3.535l6.657-6.66-.71-.71a.997.997%200%200%201%20.01-1.417l1.4-1.4a1.01%201.01%200%200%201%201.42-.01l.708.71%202.835-2.835a.995.995%200%200%201%201.415.012l1.4%201.4c.395.395.395%201.033.014%201.415L16.22%208.952l.708.71a.995.995%200%200%201-.01%201.418l-1.4%201.4a1.007%201.007%200%200%201-1.418.01l-.71-.71zm-.707-.707c-.295.296-6.538%206.538-6.663%206.595-.216.1-.45.197-.686.288a8.7%208.7%200%200%201-.722.245%204.085%204.085%200%200%201-.56.127c-.068.01.002-.29.09-.595a8.18%208.18%200%200%201%20.244-.72c.09-.24.19-.47.288-.688.058-.128%206.59-6.658%206.59-6.658l.466.456.953.953z%22%20fill%3D%22%233D4752%22%20fill-rule%3D%22evenodd%22%2F%3E%3C%2Fsvg%3E);
  background-repeat: no-repeat;
}
.icn-8 {
  display: inline-block;
  width: 8px;
  height: 8px;
  background-size: 8px 8px;
}
.icn-9 {
  display: inline-block;
  width: 9px;
  height: 9px;
  background-size: 9px 9px;
}
.icn-13 {
  display: inline-block;
  width: 13px;
  height: 13px;
  background-size: 13px 13px;
}
.icn-14 {
  display: inline-block;
  width: 14px;
  height: 14px;
  background-size: 14px 14px;
}
.icn-18 {
  display: inline-block;
  width: 18px;
  height: 18px;
  background-size: 18px 18px;
}
.icn-21 {
  display: inline-block;
  width: 21px;
  height: 21px;
  background-size: 21px 21px;
}
.icn-22 {
  display: inline-block;
  width: 22px;
  height: 22px;
  background-size: 22px 22px;
}
.icn-23 {
  display: inline-block;
  width: 23px;
  height: 23px;
  background-size: 23px 23px;
}
.icn-28 {
  display: inline-block;
  width: 28px;
  height: 28px;
  background-size: 28px 28px;
}
.icn-36 {
  display: inline-block;
  width: 36px;
  height: 36px;
  background-size: 36px 36px;
}
.icn-45 {
  display: inline-block;
  width: 45px;
  height: 45px;
  background-size: 45px 45px;
}
.icn-54 {
  display: inline-block;
  width: 54px;
  height: 54px;
  background-size: 54px 54px;
}
#pub-password-dlg {
  color: #5a5a5a;
}
#pub-password-dlg .lock-icon {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/pub-password/lucidpress-export-password-protect-2.png);
  height: 75px;
  width: 75px;
  margin: auto;
}
@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (-moz-min-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2/1), only screen and (min-device-pixel-ratio: 2) {
  #pub-password-dlg .lock-icon {
    background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/dialogs/pub-password/lucidpress-export-password-protect-2@2x.png);
    background-size: 75px 75px;
  }
}
#pub-password-dlg .password-field {
  margin-left: 10px;
  margin-right: 10px;
  font-size: 11px;
  outline: none;
}
#pub-password-dlg .loading-gif {
  background: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/img/loading.gif);
  background-size: cover;
  vertical-align: middle;
}
#pub-password-dlg .error {
  border: solid #ed6058 1px;
  padding: 2px;
}
#pub-password-dlg .invalid-label {
  color: #ed6058;
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) {
  html {
    position: fixed;
    width: 100%;
    height: 100%;
  }
}
.social-sharing {
  display: none;
  position: absolute;
  left: 0;
  bottom: 0;
  z-index: 10;
  background-color: #222222;
  width: 50px;
  height: 50px;
  overflow: hidden;
  transition: height 0.25s;
}
.social-sharing .button {
  cursor: pointer;
  width: 50px;
  height: 50px;
  margin: 0;
  margin-bottom: 7px;
  padding: 10px;
  box-sizing: border-box;
}
.social-sharing.expanded {
  height: 335px;
}
.social-sharing.expanded .social-sharing-popup {
  bottom: 50px;
  transition: bottom 0.25s;
}
.social-sharing-popup {
  width: 50px;
  height: 285px;
  position: absolute;
  right: 0;
  bottom: -235px;
  border-bottom: 2px #c6c6c6 solid;
  transition: bottom 0.25s;
}
.social-sharing-button.button {
  background-color: inherit;
  position: absolute;
  right: 0;
  bottom: 0;
  margin: 0;
  padding: 8px 8px 12px 12px;
}
.social-sharing .email:hover {
  background-color: #8cbf3f;
}
.social-sharing .twitter:hover {
  background-color: #00aced;
}
.social-sharing .facebook:hover {
  background-color: #3b5998;
}
.social-sharing .googleplus:hover {
  background-color: #dd4b39;
}
.social-sharing .linkedin:hover {
  background-color: #007bb6;
}
/*

Press viewer social sharing icons.

# 30px × 30px

```
<div style="background-color: #ddd;">
    <div><span style="display: inline-block; margin: 0 5px;" class="icon-share icon-share-facebook"></span><span style="display: inline-block; margin: 0 5px;" class="icon-share highlight icon-share-facebook"></span><span style="display: inline-block; margin: 0 5px;">icon-share-facebook</span></div>
    <div><span style="display: inline-block; margin: 0 5px;" class="icon-share icon-share-twitter"></span><span style="display: inline-block; margin: 0 5px;" class="icon-share highlight icon-share-twitter"></span><span style="display: inline-block; margin: 0 5px;">icon-share-twitter</span></div>
    <div><span style="display: inline-block; margin: 0 5px;" class="icon-share icon-share-googleplus"></span><span style="display: inline-block; margin: 0 5px;" class="icon-share highlight icon-share-googleplus"></span><span style="display: inline-block; margin: 0 5px;">icon-share-googleplus</span></div>
    <div><span style="display: inline-block; margin: 0 5px;" class="icon-share icon-share-linkedin"></span><span style="display: inline-block; margin: 0 5px;" class="icon-share highlight icon-share-linkedin"></span><span style="display: inline-block; margin: 0 5px;">icon-share-linkedin</span></div>
    <div><span style="display: inline-block; margin: 0 5px;" class="icon-share icon-share-email"></span><span style="display: inline-block; margin: 0 5px;" class="icon-share highlight icon-share-email"></span><span style="display: inline-block; margin: 0 5px;">icon-share-email</span></div>
    <div><span style="display: inline-block; margin: 0 5px;" class="icon-share icon-share-arrow"></span><span style="display: inline-block; margin: 0 5px;" class="icon-share highlight icon-share-arrow"></span><span style="display: inline-block; margin: 0 5px;">icon-share-arrow</span></div>
</div>
```

 */
.icon-share {
  background: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/apps/press/viewer/images/icons/icons_share.png) no-repeat;
  background-size: 180px 30px;
  height: 30px;
  width: 30px;
  padding: 0;
}
.icon-share.highlight {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/apps/press/viewer/images/icons/icons_share_highlight.png);
}
.icon-share-facebook {
  background-position: 0 0;
}
.icon-share-twitter {
  background-position: -30px 0;
}
.icon-share-googleplus {
  background-position: -60px 0;
}
.icon-share-linkedin {
  background-position: -90px 0;
}
.icon-share-email {
  background-position: -120px 0;
}
.icon-share-arrow {
  background-position: -150px 0;
}
#publish-press-branding {
  padding: 7px 10px 0;
  position: absolute;
  right: 0;
  bottom: 0;
  z-index: 10;
  background-color: rgba(23, 23, 23, 0.6);
  width: 140px;
  height: 50px;
  overflow: hidden;
  display: block;
  text-decoration: none;
  box-sizing: border-box;
}
.icon-molecule {
  height: 30px;
  width: 120px;
  padding: 0;
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/apps/press/viewer/images/icons/lucidpress-logo-2015-light-gray.svg);
  background-repeat: no-repeat;
  margin-top: -5px;
}
.publish-brand-wording {
  font-variant: small-caps;
  text-decoration: none;
  color: white;
  width: 100%;
  text-align: center;
  opacity: 0.6;
}
@media screen and (max-height: 400px) {
  .social-sharing {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    transform-origin: bottom left;
  }
  #publish-press-branding {
    display: none;
  }
}
#download-pdf-button {
  position: absolute;
  bottom: 0;
  display: none;
  z-index: 10;
  background-color: rgba(23, 23, 23, 0.6);
  width: 50px;
  height: 50px;
  overflow: hidden;
  cursor: pointer;
  margin: 0;
  padding: 10px;
  box-sizing: border-box;
}
.pdf-download-button-right {
  left: 50px;
}
.pdf-download-button-left {
  left: 0;
}
@media screen and (max-height: 400px) {
  .pdf-download-button-left,
  .pdf-download-button-right {
    -webkit-transform: scale(0.8);
    -ms-transform: scale(0.8);
    transform: scale(0.8);
    -webkit-transform-origin: bottom left;
    -moz-transform-origin: bottom left;
    transform-origin: bottom left;
  }
  .pdf-download-button-right {
    left: 40px;
  }
}
.icon-download {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/viewer/download-icon.svg);
  background-size: 30px 30px;
  height: 30px;
  width: 30px;
  padding: 0;
}
/*

# Buttons

 */
/*

The basic button.

```
<button class="btn">Click me!</button>
```

*/
.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  cursor: pointer;
  border: 1px solid rgba(0, 0, 0, 0.05);
  white-space: nowrap;
  outline: 0;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.25;
  border-radius: 16px;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
}
.btn.btn-circle {
  padding: 6px 0;
  width: 32px;
  text-align: center;
  border-radius: 50%;
}
.btn:focus {
  -webkit-box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
  box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.4);
}
.btn:hover,
.btn:focus,
.btn.zeroclipboard-is-hover,
.btn.zeroclipboard-is-active {
  border-color: rgba(0, 0, 0, 0.1);
  color: #333333;
  text-decoration: none;
}
.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .65;
}
.btn:before,
.btn:after {
  content: "\a0";
}
.btn-caps {
  text-transform: uppercase;
}
/*

## Button colors

Add these classes for different colors. (Don't forget that you still need the `btn` class.)

 */
/*

```
<button class="btn btn-default">.btn-default</button>
```

 */
.btn-default {
  color: #444444;
  background-color: transparent;
  border-color: #777777;
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.btn-default.zeroclipboard-is-hover,
.btn-default.zeroclipboard-is-active {
  color: black;
  background-color: #e6e6e6;
  border-color: #777777;
}
.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active,
.btn-default.disabled.zeroclipboard-is-hover,
.btn-default[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-default.zeroclipboard-is-hover,
.btn-default.disabled.zeroclipboard-is-active,
.btn-default[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-default.zeroclipboard-is-active {
  color: #959595;
  background-color: transparent;
  border-color: #aeaeae;
}
/*

Primary. This button will be orange for Chart, and green for Press.

```
<button class="btn btn-primary">.btn-primary</button>
```

 */
.btn-primary {
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: #8cbf3f;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.btn-primary.zeroclipboard-is-hover,
.btn-primary.zeroclipboard-is-active {
  color: white;
  background-color: #98c552;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active,
.btn-primary.disabled.zeroclipboard-is-hover,
.btn-primary[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-primary.zeroclipboard-is-hover,
.btn-primary.disabled.zeroclipboard-is-active,
.btn-primary[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-primary.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #8cbf3f;
}
.btn-primary.btn-inverse {
  color: #8cbf3f;
  background-color: transparent;
  border-color: #8cbf3f;
}
.btn-primary.btn-inverse:hover,
.btn-primary.btn-inverse:focus,
.btn-primary.btn-inverse:active,
.btn-primary.btn-inverse.active,
.btn-primary.btn-inverse.zeroclipboard-is-hover,
.btn-primary.btn-inverse.zeroclipboard-is-active {
  color: white;
  background-color: #98c552;
  border-color: #8cbf3f;
}
.btn-primary.btn-inverse.disabled,
.btn-primary.btn-inverse[disabled],
fieldset[disabled] .btn-primary.btn-inverse,
.btn-primary.btn-inverse.disabled:hover,
.btn-primary.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-primary.btn-inverse:hover,
.btn-primary.btn-inverse.disabled:focus,
.btn-primary.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-primary.btn-inverse:focus,
.btn-primary.btn-inverse.disabled:active,
.btn-primary.btn-inverse[disabled]:active,
fieldset[disabled] .btn-primary.btn-inverse:active,
.btn-primary.btn-inverse.disabled.active,
.btn-primary.btn-inverse[disabled].active,
fieldset[disabled] .btn-primary.btn-inverse.active,
.btn-primary.btn-inverse.disabled.zeroclipboard-is-hover,
.btn-primary.btn-inverse[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-primary.btn-inverse.zeroclipboard-is-hover,
.btn-primary.btn-inverse.disabled.zeroclipboard-is-active,
.btn-primary.btn-inverse[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-primary.btn-inverse.zeroclipboard-is-active {
  color: #b9d292;
  background-color: transparent;
  border-color: #b9d292;
}
/*

Secondary. This will be blue for both Chart and Press.

```
<button class="btn btn-secondary">.btn-secondary</button>
```

 */
.btn-secondary {
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: #29aae1;
}
.btn-secondary:hover,
.btn-secondary:focus,
.btn-secondary:active,
.btn-secondary.active,
.btn-secondary.zeroclipboard-is-hover,
.btn-secondary.zeroclipboard-is-active {
  color: white;
  background-color: #3eb3e4;
}
.btn-secondary.disabled,
.btn-secondary[disabled],
fieldset[disabled] .btn-secondary,
.btn-secondary.disabled:hover,
.btn-secondary[disabled]:hover,
fieldset[disabled] .btn-secondary:hover,
.btn-secondary.disabled:focus,
.btn-secondary[disabled]:focus,
fieldset[disabled] .btn-secondary:focus,
.btn-secondary.disabled:active,
.btn-secondary[disabled]:active,
fieldset[disabled] .btn-secondary:active,
.btn-secondary.disabled.active,
.btn-secondary[disabled].active,
fieldset[disabled] .btn-secondary.active,
.btn-secondary.disabled.zeroclipboard-is-hover,
.btn-secondary[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-secondary.zeroclipboard-is-hover,
.btn-secondary.disabled.zeroclipboard-is-active,
.btn-secondary[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-secondary.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #29aae1;
}
.btn-secondary.btn-inverse {
  color: #29aae1;
  background-color: transparent;
  border-color: #29aae1;
}
.btn-secondary.btn-inverse:hover,
.btn-secondary.btn-inverse:focus,
.btn-secondary.btn-inverse:active,
.btn-secondary.btn-inverse.active,
.btn-secondary.btn-inverse.zeroclipboard-is-hover,
.btn-secondary.btn-inverse.zeroclipboard-is-active {
  color: white;
  background-color: #3eb3e4;
  border-color: #29aae1;
}
.btn-secondary.btn-inverse.disabled,
.btn-secondary.btn-inverse[disabled],
fieldset[disabled] .btn-secondary.btn-inverse,
.btn-secondary.btn-inverse.disabled:hover,
.btn-secondary.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-secondary.btn-inverse:hover,
.btn-secondary.btn-inverse.disabled:focus,
.btn-secondary.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-secondary.btn-inverse:focus,
.btn-secondary.btn-inverse.disabled:active,
.btn-secondary.btn-inverse[disabled]:active,
fieldset[disabled] .btn-secondary.btn-inverse:active,
.btn-secondary.btn-inverse.disabled.active,
.btn-secondary.btn-inverse[disabled].active,
fieldset[disabled] .btn-secondary.btn-inverse.active,
.btn-secondary.btn-inverse.disabled.zeroclipboard-is-hover,
.btn-secondary.btn-inverse[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-secondary.btn-inverse.zeroclipboard-is-hover,
.btn-secondary.btn-inverse.disabled.zeroclipboard-is-active,
.btn-secondary.btn-inverse[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-secondary.btn-inverse.zeroclipboard-is-active {
  color: #87c8e3;
  background-color: transparent;
  border-color: #87c8e3;
}
/*

Red.

```
<button class="btn btn-red">.btn-red</button>
```

 */
.btn-red {
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: #ed6058;
}
.btn-red:hover,
.btn-red:focus,
.btn-red:active,
.btn-red.active,
.btn-red.zeroclipboard-is-hover,
.btn-red.zeroclipboard-is-active {
  color: white;
  background-color: #ef7069;
}
.btn-red.disabled,
.btn-red[disabled],
fieldset[disabled] .btn-red,
.btn-red.disabled:hover,
.btn-red[disabled]:hover,
fieldset[disabled] .btn-red:hover,
.btn-red.disabled:focus,
.btn-red[disabled]:focus,
fieldset[disabled] .btn-red:focus,
.btn-red.disabled:active,
.btn-red[disabled]:active,
fieldset[disabled] .btn-red:active,
.btn-red.disabled.active,
.btn-red[disabled].active,
fieldset[disabled] .btn-red.active,
.btn-red.disabled.zeroclipboard-is-hover,
.btn-red[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-red.zeroclipboard-is-hover,
.btn-red.disabled.zeroclipboard-is-active,
.btn-red[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-red.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #ed6058;
}
.btn-red.btn-inverse {
  color: #ed6058;
  background-color: transparent;
  border-color: #ed6058;
}
.btn-red.btn-inverse:hover,
.btn-red.btn-inverse:focus,
.btn-red.btn-inverse:active,
.btn-red.btn-inverse.active,
.btn-red.btn-inverse.zeroclipboard-is-hover,
.btn-red.btn-inverse.zeroclipboard-is-active {
  color: white;
  background-color: #ef7069;
  border-color: #ed6058;
}
.btn-red.btn-inverse.disabled,
.btn-red.btn-inverse[disabled],
fieldset[disabled] .btn-red.btn-inverse,
.btn-red.btn-inverse.disabled:hover,
.btn-red.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-red.btn-inverse:hover,
.btn-red.btn-inverse.disabled:focus,
.btn-red.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-red.btn-inverse:focus,
.btn-red.btn-inverse.disabled:active,
.btn-red.btn-inverse[disabled]:active,
fieldset[disabled] .btn-red.btn-inverse:active,
.btn-red.btn-inverse.disabled.active,
.btn-red.btn-inverse[disabled].active,
fieldset[disabled] .btn-red.btn-inverse.active,
.btn-red.btn-inverse.disabled.zeroclipboard-is-hover,
.btn-red.btn-inverse[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-red.btn-inverse.zeroclipboard-is-hover,
.btn-red.btn-inverse.disabled.zeroclipboard-is-active,
.btn-red.btn-inverse[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-red.btn-inverse.zeroclipboard-is-active {
  color: #e9a39f;
  background-color: transparent;
  border-color: #e9a39f;
}
/*

Blue.

```
<button class="btn btn-blue">.btn-blue</button>
```

 */
.btn-blue {
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: #29aae1;
}
.btn-blue:hover,
.btn-blue:focus,
.btn-blue:active,
.btn-blue.active,
.btn-blue.zeroclipboard-is-hover,
.btn-blue.zeroclipboard-is-active {
  color: white;
  background-color: #3eb3e4;
}
.btn-blue.disabled,
.btn-blue[disabled],
fieldset[disabled] .btn-blue,
.btn-blue.disabled:hover,
.btn-blue[disabled]:hover,
fieldset[disabled] .btn-blue:hover,
.btn-blue.disabled:focus,
.btn-blue[disabled]:focus,
fieldset[disabled] .btn-blue:focus,
.btn-blue.disabled:active,
.btn-blue[disabled]:active,
fieldset[disabled] .btn-blue:active,
.btn-blue.disabled.active,
.btn-blue[disabled].active,
fieldset[disabled] .btn-blue.active,
.btn-blue.disabled.zeroclipboard-is-hover,
.btn-blue[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-blue.zeroclipboard-is-hover,
.btn-blue.disabled.zeroclipboard-is-active,
.btn-blue[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-blue.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #29aae1;
}
.btn-blue.btn-inverse {
  color: #29aae1;
  background-color: transparent;
  border-color: #29aae1;
}
.btn-blue.btn-inverse:hover,
.btn-blue.btn-inverse:focus,
.btn-blue.btn-inverse:active,
.btn-blue.btn-inverse.active,
.btn-blue.btn-inverse.zeroclipboard-is-hover,
.btn-blue.btn-inverse.zeroclipboard-is-active {
  color: white;
  background-color: #3eb3e4;
  border-color: #29aae1;
}
.btn-blue.btn-inverse.disabled,
.btn-blue.btn-inverse[disabled],
fieldset[disabled] .btn-blue.btn-inverse,
.btn-blue.btn-inverse.disabled:hover,
.btn-blue.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-blue.btn-inverse:hover,
.btn-blue.btn-inverse.disabled:focus,
.btn-blue.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-blue.btn-inverse:focus,
.btn-blue.btn-inverse.disabled:active,
.btn-blue.btn-inverse[disabled]:active,
fieldset[disabled] .btn-blue.btn-inverse:active,
.btn-blue.btn-inverse.disabled.active,
.btn-blue.btn-inverse[disabled].active,
fieldset[disabled] .btn-blue.btn-inverse.active,
.btn-blue.btn-inverse.disabled.zeroclipboard-is-hover,
.btn-blue.btn-inverse[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-blue.btn-inverse.zeroclipboard-is-hover,
.btn-blue.btn-inverse.disabled.zeroclipboard-is-active,
.btn-blue.btn-inverse[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-blue.btn-inverse.zeroclipboard-is-active {
  color: #87c8e3;
  background-color: transparent;
  border-color: #87c8e3;
}
/*

Blue Faded.

```
<button class="btn btn-blue-faded">.btn-blue-faded</button>
```

 */
.btn-blue-faded {
  color: #2080a9;
  color: rgba(32, 128, 169, 0.9);
  background-color: #d4eef8;
}
.btn-blue-faded:hover,
.btn-blue-faded:focus,
.btn-blue-faded:active,
.btn-blue-faded.active,
.btn-blue-faded.zeroclipboard-is-hover,
.btn-blue-faded.zeroclipboard-is-active {
  color: #2080a9;
  background-color: #d8f0f9;
}
.btn-blue-faded.disabled,
.btn-blue-faded[disabled],
fieldset[disabled] .btn-blue-faded,
.btn-blue-faded.disabled:hover,
.btn-blue-faded[disabled]:hover,
fieldset[disabled] .btn-blue-faded:hover,
.btn-blue-faded.disabled:focus,
.btn-blue-faded[disabled]:focus,
fieldset[disabled] .btn-blue-faded:focus,
.btn-blue-faded.disabled:active,
.btn-blue-faded[disabled]:active,
fieldset[disabled] .btn-blue-faded:active,
.btn-blue-faded.disabled.active,
.btn-blue-faded[disabled].active,
fieldset[disabled] .btn-blue-faded.active,
.btn-blue-faded.disabled.zeroclipboard-is-hover,
.btn-blue-faded[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-blue-faded.zeroclipboard-is-hover,
.btn-blue-faded.disabled.zeroclipboard-is-active,
.btn-blue-faded[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-blue-faded.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #d4eef8;
}
/*

Blue dark.

```
<button class="btn btn-blue-dark">.btn-dark</button>
```

 */
.btn-blue-dark {
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: #29a9e1;
}
.btn-blue-dark:hover,
.btn-blue-dark:focus,
.btn-blue-dark:active,
.btn-blue-dark.active,
.btn-blue-dark.zeroclipboard-is-hover,
.btn-blue-dark.zeroclipboard-is-active {
  color: white;
  background-color: #3eb2e4;
}
.btn-blue-dark.disabled,
.btn-blue-dark[disabled],
fieldset[disabled] .btn-blue-dark,
.btn-blue-dark.disabled:hover,
.btn-blue-dark[disabled]:hover,
fieldset[disabled] .btn-blue-dark:hover,
.btn-blue-dark.disabled:focus,
.btn-blue-dark[disabled]:focus,
fieldset[disabled] .btn-blue-dark:focus,
.btn-blue-dark.disabled:active,
.btn-blue-dark[disabled]:active,
fieldset[disabled] .btn-blue-dark:active,
.btn-blue-dark.disabled.active,
.btn-blue-dark[disabled].active,
fieldset[disabled] .btn-blue-dark.active,
.btn-blue-dark.disabled.zeroclipboard-is-hover,
.btn-blue-dark[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-blue-dark.zeroclipboard-is-hover,
.btn-blue-dark.disabled.zeroclipboard-is-active,
.btn-blue-dark[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-blue-dark.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #29a9e1;
}
.btn-blue-dark.btn-inverse {
  color: #29a9e1;
  background-color: transparent;
  border-color: #29a9e1;
}
.btn-blue-dark.btn-inverse:hover,
.btn-blue-dark.btn-inverse:focus,
.btn-blue-dark.btn-inverse:active,
.btn-blue-dark.btn-inverse.active,
.btn-blue-dark.btn-inverse.zeroclipboard-is-hover,
.btn-blue-dark.btn-inverse.zeroclipboard-is-active {
  color: white;
  background-color: #3eb2e4;
  border-color: #29a9e1;
}
.btn-blue-dark.btn-inverse.disabled,
.btn-blue-dark.btn-inverse[disabled],
fieldset[disabled] .btn-blue-dark.btn-inverse,
.btn-blue-dark.btn-inverse.disabled:hover,
.btn-blue-dark.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-blue-dark.btn-inverse:hover,
.btn-blue-dark.btn-inverse.disabled:focus,
.btn-blue-dark.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-blue-dark.btn-inverse:focus,
.btn-blue-dark.btn-inverse.disabled:active,
.btn-blue-dark.btn-inverse[disabled]:active,
fieldset[disabled] .btn-blue-dark.btn-inverse:active,
.btn-blue-dark.btn-inverse.disabled.active,
.btn-blue-dark.btn-inverse[disabled].active,
fieldset[disabled] .btn-blue-dark.btn-inverse.active,
.btn-blue-dark.btn-inverse.disabled.zeroclipboard-is-hover,
.btn-blue-dark.btn-inverse[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-blue-dark.btn-inverse.zeroclipboard-is-hover,
.btn-blue-dark.btn-inverse.disabled.zeroclipboard-is-active,
.btn-blue-dark.btn-inverse[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-blue-dark.btn-inverse.zeroclipboard-is-active {
  color: #87c7e3;
  background-color: transparent;
  border-color: #87c7e3;
}
/*

Green.

```
<button class="btn btn-green">.btn-green</button>
```

 */
.btn-green {
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: #8cbf3f;
}
.btn-green:hover,
.btn-green:focus,
.btn-green:active,
.btn-green.active,
.btn-green.zeroclipboard-is-hover,
.btn-green.zeroclipboard-is-active {
  color: white;
  background-color: #98c552;
}
.btn-green.disabled,
.btn-green[disabled],
fieldset[disabled] .btn-green,
.btn-green.disabled:hover,
.btn-green[disabled]:hover,
fieldset[disabled] .btn-green:hover,
.btn-green.disabled:focus,
.btn-green[disabled]:focus,
fieldset[disabled] .btn-green:focus,
.btn-green.disabled:active,
.btn-green[disabled]:active,
fieldset[disabled] .btn-green:active,
.btn-green.disabled.active,
.btn-green[disabled].active,
fieldset[disabled] .btn-green.active,
.btn-green.disabled.zeroclipboard-is-hover,
.btn-green[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-green.zeroclipboard-is-hover,
.btn-green.disabled.zeroclipboard-is-active,
.btn-green[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-green.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #8cbf3f;
}
.btn-green.btn-inverse {
  color: #8cbf3f;
  background-color: transparent;
  border-color: #8cbf3f;
}
.btn-green.btn-inverse:hover,
.btn-green.btn-inverse:focus,
.btn-green.btn-inverse:active,
.btn-green.btn-inverse.active,
.btn-green.btn-inverse.zeroclipboard-is-hover,
.btn-green.btn-inverse.zeroclipboard-is-active {
  color: white;
  background-color: #98c552;
  border-color: #8cbf3f;
}
.btn-green.btn-inverse.disabled,
.btn-green.btn-inverse[disabled],
fieldset[disabled] .btn-green.btn-inverse,
.btn-green.btn-inverse.disabled:hover,
.btn-green.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-green.btn-inverse:hover,
.btn-green.btn-inverse.disabled:focus,
.btn-green.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-green.btn-inverse:focus,
.btn-green.btn-inverse.disabled:active,
.btn-green.btn-inverse[disabled]:active,
fieldset[disabled] .btn-green.btn-inverse:active,
.btn-green.btn-inverse.disabled.active,
.btn-green.btn-inverse[disabled].active,
fieldset[disabled] .btn-green.btn-inverse.active,
.btn-green.btn-inverse.disabled.zeroclipboard-is-hover,
.btn-green.btn-inverse[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-green.btn-inverse.zeroclipboard-is-hover,
.btn-green.btn-inverse.disabled.zeroclipboard-is-active,
.btn-green.btn-inverse[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-green.btn-inverse.zeroclipboard-is-active {
  color: #b9d292;
  background-color: transparent;
  border-color: #b9d292;
}
/*

Green Faded.

```
<button class="btn btn-green-faded">.btn-green-faded</button>
```

 */
.btn-green-faded {
  color: #69903d;
  color: rgba(105, 144, 61, 0.9);
  background-color: #d1e5b2;
}
.btn-green-faded:hover,
.btn-green-faded:focus,
.btn-green-faded:active,
.btn-green-faded.active,
.btn-green-faded.zeroclipboard-is-hover,
.btn-green-faded.zeroclipboard-is-active {
  color: #69903d;
  background-color: #d6e8ba;
}
.btn-green-faded.disabled,
.btn-green-faded[disabled],
fieldset[disabled] .btn-green-faded,
.btn-green-faded.disabled:hover,
.btn-green-faded[disabled]:hover,
fieldset[disabled] .btn-green-faded:hover,
.btn-green-faded.disabled:focus,
.btn-green-faded[disabled]:focus,
fieldset[disabled] .btn-green-faded:focus,
.btn-green-faded.disabled:active,
.btn-green-faded[disabled]:active,
fieldset[disabled] .btn-green-faded:active,
.btn-green-faded.disabled.active,
.btn-green-faded[disabled].active,
fieldset[disabled] .btn-green-faded.active,
.btn-green-faded.disabled.zeroclipboard-is-hover,
.btn-green-faded[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-green-faded.zeroclipboard-is-hover,
.btn-green-faded.disabled.zeroclipboard-is-active,
.btn-green-faded[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-green-faded.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #d1e5b2;
}
/*

Orange.

```
<button class="btn btn-orange">.btn-orange</button>
```

 */
.btn-orange {
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: #f78d1e;
}
.btn-orange:hover,
.btn-orange:focus,
.btn-orange:active,
.btn-orange.active,
.btn-orange.zeroclipboard-is-hover,
.btn-orange.zeroclipboard-is-active {
  color: white;
  background-color: #f89834;
}
.btn-orange.disabled,
.btn-orange[disabled],
fieldset[disabled] .btn-orange,
.btn-orange.disabled:hover,
.btn-orange[disabled]:hover,
fieldset[disabled] .btn-orange:hover,
.btn-orange.disabled:focus,
.btn-orange[disabled]:focus,
fieldset[disabled] .btn-orange:focus,
.btn-orange.disabled:active,
.btn-orange[disabled]:active,
fieldset[disabled] .btn-orange:active,
.btn-orange.disabled.active,
.btn-orange[disabled].active,
fieldset[disabled] .btn-orange.active,
.btn-orange.disabled.zeroclipboard-is-hover,
.btn-orange[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-orange.zeroclipboard-is-hover,
.btn-orange.disabled.zeroclipboard-is-active,
.btn-orange[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-orange.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #f78d1e;
}
.btn-orange.btn-inverse {
  color: #f78d1e;
  background-color: transparent;
  border-color: #f78d1e;
}
.btn-orange.btn-inverse:hover,
.btn-orange.btn-inverse:focus,
.btn-orange.btn-inverse:active,
.btn-orange.btn-inverse.active,
.btn-orange.btn-inverse.zeroclipboard-is-hover,
.btn-orange.btn-inverse.zeroclipboard-is-active {
  color: white;
  background-color: #f89834;
  border-color: #f78d1e;
}
.btn-orange.btn-inverse.disabled,
.btn-orange.btn-inverse[disabled],
fieldset[disabled] .btn-orange.btn-inverse,
.btn-orange.btn-inverse.disabled:hover,
.btn-orange.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-orange.btn-inverse:hover,
.btn-orange.btn-inverse.disabled:focus,
.btn-orange.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-orange.btn-inverse:focus,
.btn-orange.btn-inverse.disabled:active,
.btn-orange.btn-inverse[disabled]:active,
fieldset[disabled] .btn-orange.btn-inverse:active,
.btn-orange.btn-inverse.disabled.active,
.btn-orange.btn-inverse[disabled].active,
fieldset[disabled] .btn-orange.btn-inverse.active,
.btn-orange.btn-inverse.disabled.zeroclipboard-is-hover,
.btn-orange.btn-inverse[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-orange.btn-inverse.zeroclipboard-is-hover,
.btn-orange.btn-inverse.disabled.zeroclipboard-is-active,
.btn-orange.btn-inverse[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-orange.btn-inverse.zeroclipboard-is-active {
  color: #eeb982;
  background-color: transparent;
  border-color: #eeb982;
}
/*

Purple.

```
<button class="btn btn-purple">.btn-purple</button>
```

 */
.btn-purple {
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: #a32385;
}
.btn-purple:hover,
.btn-purple:focus,
.btn-purple:active,
.btn-purple.active,
.btn-purple.zeroclipboard-is-hover,
.btn-purple.zeroclipboard-is-active {
  color: white;
  background-color: #ac3991;
}
.btn-purple.disabled,
.btn-purple[disabled],
fieldset[disabled] .btn-purple,
.btn-purple.disabled:hover,
.btn-purple[disabled]:hover,
fieldset[disabled] .btn-purple:hover,
.btn-purple.disabled:focus,
.btn-purple[disabled]:focus,
fieldset[disabled] .btn-purple:focus,
.btn-purple.disabled:active,
.btn-purple[disabled]:active,
fieldset[disabled] .btn-purple:active,
.btn-purple.disabled.active,
.btn-purple[disabled].active,
fieldset[disabled] .btn-purple.active,
.btn-purple.disabled.zeroclipboard-is-hover,
.btn-purple[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-purple.zeroclipboard-is-hover,
.btn-purple.disabled.zeroclipboard-is-active,
.btn-purple[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-purple.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #a32385;
}
.btn-purple.btn-inverse {
  color: #a32385;
  background-color: transparent;
  border-color: #a32385;
}
.btn-purple.btn-inverse:hover,
.btn-purple.btn-inverse:focus,
.btn-purple.btn-inverse:active,
.btn-purple.btn-inverse.active,
.btn-purple.btn-inverse.zeroclipboard-is-hover,
.btn-purple.btn-inverse.zeroclipboard-is-active {
  color: white;
  background-color: #ac3991;
  border-color: #a32385;
}
.btn-purple.btn-inverse.disabled,
.btn-purple.btn-inverse[disabled],
fieldset[disabled] .btn-purple.btn-inverse,
.btn-purple.btn-inverse.disabled:hover,
.btn-purple.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-purple.btn-inverse:hover,
.btn-purple.btn-inverse.disabled:focus,
.btn-purple.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-purple.btn-inverse:focus,
.btn-purple.btn-inverse.disabled:active,
.btn-purple.btn-inverse[disabled]:active,
fieldset[disabled] .btn-purple.btn-inverse:active,
.btn-purple.btn-inverse.disabled.active,
.btn-purple.btn-inverse[disabled].active,
fieldset[disabled] .btn-purple.btn-inverse.active,
.btn-purple.btn-inverse.disabled.zeroclipboard-is-hover,
.btn-purple.btn-inverse[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-purple.btn-inverse.zeroclipboard-is-hover,
.btn-purple.btn-inverse.disabled.zeroclipboard-is-active,
.btn-purple.btn-inverse[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-purple.btn-inverse.zeroclipboard-is-active {
  color: #c484b5;
  background-color: transparent;
  border-color: #c484b5;
}
/*

Pink.

```
<button class="btn btn-pink">.btn-pink</button>
```

 */
.btn-pink {
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: #ea0e8b;
}
.btn-pink:hover,
.btn-pink:focus,
.btn-pink:active,
.btn-pink.active,
.btn-pink.zeroclipboard-is-hover,
.btn-pink.zeroclipboard-is-active {
  color: white;
  background-color: #ec2697;
}
.btn-pink.disabled,
.btn-pink[disabled],
fieldset[disabled] .btn-pink,
.btn-pink.disabled:hover,
.btn-pink[disabled]:hover,
fieldset[disabled] .btn-pink:hover,
.btn-pink.disabled:focus,
.btn-pink[disabled]:focus,
fieldset[disabled] .btn-pink:focus,
.btn-pink.disabled:active,
.btn-pink[disabled]:active,
fieldset[disabled] .btn-pink:active,
.btn-pink.disabled.active,
.btn-pink[disabled].active,
fieldset[disabled] .btn-pink.active,
.btn-pink.disabled.zeroclipboard-is-hover,
.btn-pink[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-pink.zeroclipboard-is-hover,
.btn-pink.disabled.zeroclipboard-is-active,
.btn-pink[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-pink.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #ea0e8b;
}
.btn-pink.btn-inverse {
  color: #ea0e8b;
  background-color: transparent;
  border-color: #ea0e8b;
}
.btn-pink.btn-inverse:hover,
.btn-pink.btn-inverse:focus,
.btn-pink.btn-inverse:active,
.btn-pink.btn-inverse.active,
.btn-pink.btn-inverse.zeroclipboard-is-hover,
.btn-pink.btn-inverse.zeroclipboard-is-active {
  color: white;
  background-color: #ec2697;
  border-color: #ea0e8b;
}
.btn-pink.btn-inverse.disabled,
.btn-pink.btn-inverse[disabled],
fieldset[disabled] .btn-pink.btn-inverse,
.btn-pink.btn-inverse.disabled:hover,
.btn-pink.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-pink.btn-inverse:hover,
.btn-pink.btn-inverse.disabled:focus,
.btn-pink.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-pink.btn-inverse:focus,
.btn-pink.btn-inverse.disabled:active,
.btn-pink.btn-inverse[disabled]:active,
fieldset[disabled] .btn-pink.btn-inverse:active,
.btn-pink.btn-inverse.disabled.active,
.btn-pink.btn-inverse[disabled].active,
fieldset[disabled] .btn-pink.btn-inverse.active,
.btn-pink.btn-inverse.disabled.zeroclipboard-is-hover,
.btn-pink.btn-inverse[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-pink.btn-inverse.zeroclipboard-is-hover,
.btn-pink.btn-inverse.disabled.zeroclipboard-is-active,
.btn-pink.btn-inverse[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-pink.btn-inverse.zeroclipboard-is-active {
  color: #e87ab8;
  background-color: transparent;
  border-color: #e87ab8;
}
/*

Gray.

```
<button class="btn btn-gray">.btn-gray</button>
```

 */
.btn-gray {
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: #777777;
}
.btn-gray:hover,
.btn-gray:focus,
.btn-gray:active,
.btn-gray.active,
.btn-gray.zeroclipboard-is-hover,
.btn-gray.zeroclipboard-is-active {
  color: white;
  background-color: #858585;
}
.btn-gray.disabled,
.btn-gray[disabled],
fieldset[disabled] .btn-gray,
.btn-gray.disabled:hover,
.btn-gray[disabled]:hover,
fieldset[disabled] .btn-gray:hover,
.btn-gray.disabled:focus,
.btn-gray[disabled]:focus,
fieldset[disabled] .btn-gray:focus,
.btn-gray.disabled:active,
.btn-gray[disabled]:active,
fieldset[disabled] .btn-gray:active,
.btn-gray.disabled.active,
.btn-gray[disabled].active,
fieldset[disabled] .btn-gray.active,
.btn-gray.disabled.zeroclipboard-is-hover,
.btn-gray[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-gray.zeroclipboard-is-hover,
.btn-gray.disabled.zeroclipboard-is-active,
.btn-gray[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-gray.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #777777;
}
.btn-gray.btn-inverse {
  color: #777777;
  background-color: transparent;
  border-color: #777777;
}
.btn-gray.btn-inverse:hover,
.btn-gray.btn-inverse:focus,
.btn-gray.btn-inverse:active,
.btn-gray.btn-inverse.active,
.btn-gray.btn-inverse.zeroclipboard-is-hover,
.btn-gray.btn-inverse.zeroclipboard-is-active {
  color: white;
  background-color: #858585;
  border-color: #777777;
}
.btn-gray.btn-inverse.disabled,
.btn-gray.btn-inverse[disabled],
fieldset[disabled] .btn-gray.btn-inverse,
.btn-gray.btn-inverse.disabled:hover,
.btn-gray.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-gray.btn-inverse:hover,
.btn-gray.btn-inverse.disabled:focus,
.btn-gray.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-gray.btn-inverse:focus,
.btn-gray.btn-inverse.disabled:active,
.btn-gray.btn-inverse[disabled]:active,
fieldset[disabled] .btn-gray.btn-inverse:active,
.btn-gray.btn-inverse.disabled.active,
.btn-gray.btn-inverse[disabled].active,
fieldset[disabled] .btn-gray.btn-inverse.active,
.btn-gray.btn-inverse.disabled.zeroclipboard-is-hover,
.btn-gray.btn-inverse[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-gray.btn-inverse.zeroclipboard-is-hover,
.btn-gray.btn-inverse.disabled.zeroclipboard-is-active,
.btn-gray.btn-inverse[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-gray.btn-inverse.zeroclipboard-is-active {
  color: #aeaeae;
  background-color: transparent;
  border-color: #aeaeae;
}
/*

Black.

```
<button class="btn btn-black">.btn-black</button>
```

 */
.btn-black {
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: black;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.btn-black.zeroclipboard-is-hover,
.btn-black.zeroclipboard-is-active {
  color: white;
  background-color: #191919;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active,
.btn-black.disabled.zeroclipboard-is-hover,
.btn-black[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-black.zeroclipboard-is-hover,
.btn-black.disabled.zeroclipboard-is-active,
.btn-black[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-black.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: black;
}
/*

Darker Gray.

```
<button class="btn btn-gray-darker">.btn-gray-darker</button>
```
*/
.btn-gray-darker {
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: #222222;
}
.btn-gray-darker:hover,
.btn-gray-darker:focus,
.btn-gray-darker:active,
.btn-gray-darker.active,
.btn-gray-darker.zeroclipboard-is-hover,
.btn-gray-darker.zeroclipboard-is-active {
  color: white;
  background-color: #383838;
}
.btn-gray-darker.disabled,
.btn-gray-darker[disabled],
fieldset[disabled] .btn-gray-darker,
.btn-gray-darker.disabled:hover,
.btn-gray-darker[disabled]:hover,
fieldset[disabled] .btn-gray-darker:hover,
.btn-gray-darker.disabled:focus,
.btn-gray-darker[disabled]:focus,
fieldset[disabled] .btn-gray-darker:focus,
.btn-gray-darker.disabled:active,
.btn-gray-darker[disabled]:active,
fieldset[disabled] .btn-gray-darker:active,
.btn-gray-darker.disabled.active,
.btn-gray-darker[disabled].active,
fieldset[disabled] .btn-gray-darker.active,
.btn-gray-darker.disabled.zeroclipboard-is-hover,
.btn-gray-darker[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-gray-darker.zeroclipboard-is-hover,
.btn-gray-darker.disabled.zeroclipboard-is-active,
.btn-gray-darker[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-gray-darker.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #222222;
}
.btn-gray-darker.btn-inverse {
  color: #222222;
  background-color: transparent;
  border-color: #222222;
}
.btn-gray-darker.btn-inverse:hover,
.btn-gray-darker.btn-inverse:focus,
.btn-gray-darker.btn-inverse:active,
.btn-gray-darker.btn-inverse.active,
.btn-gray-darker.btn-inverse.zeroclipboard-is-hover,
.btn-gray-darker.btn-inverse.zeroclipboard-is-active {
  color: white;
  background-color: #383838;
  border-color: #222222;
}
.btn-gray-darker.btn-inverse.disabled,
.btn-gray-darker.btn-inverse[disabled],
fieldset[disabled] .btn-gray-darker.btn-inverse,
.btn-gray-darker.btn-inverse.disabled:hover,
.btn-gray-darker.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-gray-darker.btn-inverse:hover,
.btn-gray-darker.btn-inverse.disabled:focus,
.btn-gray-darker.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-gray-darker.btn-inverse:focus,
.btn-gray-darker.btn-inverse.disabled:active,
.btn-gray-darker.btn-inverse[disabled]:active,
fieldset[disabled] .btn-gray-darker.btn-inverse:active,
.btn-gray-darker.btn-inverse.disabled.active,
.btn-gray-darker.btn-inverse[disabled].active,
fieldset[disabled] .btn-gray-darker.btn-inverse.active,
.btn-gray-darker.btn-inverse.disabled.zeroclipboard-is-hover,
.btn-gray-darker.btn-inverse[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-gray-darker.btn-inverse.zeroclipboard-is-hover,
.btn-gray-darker.btn-inverse.disabled.zeroclipboard-is-active,
.btn-gray-darker.btn-inverse[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-gray-darker.btn-inverse.zeroclipboard-is-active {
  color: #848484;
  background-color: transparent;
  border-color: #848484;
}
/*

White with Primary text. This button's text will be orange for Chart, and green for Press.

```
<button class="btn btn-white-primary">.btn-white-primary</button>
```

 */
.btn-white-primary {
  color: #8cbf3f;
  color: rgba(140, 191, 63, 0.9);
  background-color: white;
}
.btn-white-primary:hover,
.btn-white-primary:focus,
.btn-white-primary:active,
.btn-white-primary.active,
.btn-white-primary.zeroclipboard-is-hover,
.btn-white-primary.zeroclipboard-is-active {
  color: #8cbf3f;
  background-color: #ffffff;
}
.btn-white-primary.disabled,
.btn-white-primary[disabled],
fieldset[disabled] .btn-white-primary,
.btn-white-primary.disabled:hover,
.btn-white-primary[disabled]:hover,
fieldset[disabled] .btn-white-primary:hover,
.btn-white-primary.disabled:focus,
.btn-white-primary[disabled]:focus,
fieldset[disabled] .btn-white-primary:focus,
.btn-white-primary.disabled:active,
.btn-white-primary[disabled]:active,
fieldset[disabled] .btn-white-primary:active,
.btn-white-primary.disabled.active,
.btn-white-primary[disabled].active,
fieldset[disabled] .btn-white-primary.active,
.btn-white-primary.disabled.zeroclipboard-is-hover,
.btn-white-primary[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-white-primary.zeroclipboard-is-hover,
.btn-white-primary.disabled.zeroclipboard-is-active,
.btn-white-primary[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-white-primary.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: white;
}
/*

White with blue text.

```
<button class="btn btn-white-secondary">.btn-white-secondary</button>
```

 */
.btn-white-secondary {
  color: #29aae1;
  color: rgba(41, 170, 225, 0.9);
  background-color: white;
}
.btn-white-secondary:hover,
.btn-white-secondary:focus,
.btn-white-secondary:active,
.btn-white-secondary.active,
.btn-white-secondary.zeroclipboard-is-hover,
.btn-white-secondary.zeroclipboard-is-active {
  color: #29aae1;
  background-color: #ffffff;
}
.btn-white-secondary.disabled,
.btn-white-secondary[disabled],
fieldset[disabled] .btn-white-secondary,
.btn-white-secondary.disabled:hover,
.btn-white-secondary[disabled]:hover,
fieldset[disabled] .btn-white-secondary:hover,
.btn-white-secondary.disabled:focus,
.btn-white-secondary[disabled]:focus,
fieldset[disabled] .btn-white-secondary:focus,
.btn-white-secondary.disabled:active,
.btn-white-secondary[disabled]:active,
fieldset[disabled] .btn-white-secondary:active,
.btn-white-secondary.disabled.active,
.btn-white-secondary[disabled].active,
fieldset[disabled] .btn-white-secondary.active,
.btn-white-secondary.disabled.zeroclipboard-is-hover,
.btn-white-secondary[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-white-secondary.zeroclipboard-is-hover,
.btn-white-secondary.disabled.zeroclipboard-is-active,
.btn-white-secondary[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-white-secondary.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: white;
}
/*

Darker Gray.

```
<button class="btn btn-gray-darker">.btn-gray-darker</button>
```
*/
.btn-gray-darker {
  color: white;
  color: rgba(255, 255, 255, 0.9);
  background-color: #222222;
}
.btn-gray-darker:hover,
.btn-gray-darker:focus,
.btn-gray-darker:active,
.btn-gray-darker.active,
.btn-gray-darker.zeroclipboard-is-hover,
.btn-gray-darker.zeroclipboard-is-active {
  color: white;
  background-color: #383838;
}
.btn-gray-darker.disabled,
.btn-gray-darker[disabled],
fieldset[disabled] .btn-gray-darker,
.btn-gray-darker.disabled:hover,
.btn-gray-darker[disabled]:hover,
fieldset[disabled] .btn-gray-darker:hover,
.btn-gray-darker.disabled:focus,
.btn-gray-darker[disabled]:focus,
fieldset[disabled] .btn-gray-darker:focus,
.btn-gray-darker.disabled:active,
.btn-gray-darker[disabled]:active,
fieldset[disabled] .btn-gray-darker:active,
.btn-gray-darker.disabled.active,
.btn-gray-darker[disabled].active,
fieldset[disabled] .btn-gray-darker.active,
.btn-gray-darker.disabled.zeroclipboard-is-hover,
.btn-gray-darker[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-gray-darker.zeroclipboard-is-hover,
.btn-gray-darker.disabled.zeroclipboard-is-active,
.btn-gray-darker[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-gray-darker.zeroclipboard-is-active {
  color: rgba(255, 255, 255, 0.5);
  background-color: #222222;
}
.btn-gray-darker.btn-inverse {
  color: #222222;
  background-color: transparent;
  border-color: #222222;
}
.btn-gray-darker.btn-inverse:hover,
.btn-gray-darker.btn-inverse:focus,
.btn-gray-darker.btn-inverse:active,
.btn-gray-darker.btn-inverse.active,
.btn-gray-darker.btn-inverse.zeroclipboard-is-hover,
.btn-gray-darker.btn-inverse.zeroclipboard-is-active {
  color: white;
  background-color: #383838;
  border-color: #222222;
}
.btn-gray-darker.btn-inverse.disabled,
.btn-gray-darker.btn-inverse[disabled],
fieldset[disabled] .btn-gray-darker.btn-inverse,
.btn-gray-darker.btn-inverse.disabled:hover,
.btn-gray-darker.btn-inverse[disabled]:hover,
fieldset[disabled] .btn-gray-darker.btn-inverse:hover,
.btn-gray-darker.btn-inverse.disabled:focus,
.btn-gray-darker.btn-inverse[disabled]:focus,
fieldset[disabled] .btn-gray-darker.btn-inverse:focus,
.btn-gray-darker.btn-inverse.disabled:active,
.btn-gray-darker.btn-inverse[disabled]:active,
fieldset[disabled] .btn-gray-darker.btn-inverse:active,
.btn-gray-darker.btn-inverse.disabled.active,
.btn-gray-darker.btn-inverse[disabled].active,
fieldset[disabled] .btn-gray-darker.btn-inverse.active,
.btn-gray-darker.btn-inverse.disabled.zeroclipboard-is-hover,
.btn-gray-darker.btn-inverse[disabled].zeroclipboard-is-hover,
fieldset[disabled] .btn-gray-darker.btn-inverse.zeroclipboard-is-hover,
.btn-gray-darker.btn-inverse.disabled.zeroclipboard-is-active,
.btn-gray-darker.btn-inverse[disabled].zeroclipboard-is-active,
fieldset[disabled] .btn-gray-darker.btn-inverse.zeroclipboard-is-active {
  color: #848484;
  background-color: transparent;
  border-color: #848484;
}
/*

## Link button

Make the button look like a link.

```
<button class="btn btn-link">Link Button</button>
```

 */
.btn-link {
  color: #29aae1;
  font-weight: normal;
  cursor: pointer;
  border-radius: 0;
}
.btn-link,
.btn-link:active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
}
.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent;
}
.btn-link:hover,
.btn-link:focus {
  color: #3eb3e4;
  text-decoration: underline;
  background-color: transparent;
}
.btn-link[disabled]:hover,
fieldset[disabled] .btn-link:hover,
.btn-link[disabled]:focus,
fieldset[disabled] .btn-link:focus {
  color: #6691a4;
  text-decoration: none;
}
/*

## Button with icon

Add an icon to the left of the button text.

 */
/*
Example

```
<button class="btn btn-icn icn-chart-logo">Lucidchart</button>
```
 */
.btn-icn {
  background-size: 20px;
  background-position: 10px;
}
.btn-icn:before {
  margin-left: 20px;
}
/*

## Button sizes

Add these classes to change the size of your buttons. (Don't forget that you still need the `btn` class.)

 */
/*

Extra large.

```
<button class="btn btn-xl">.btn-xl</button>
```

 */
.btn-xl {
  padding: 14px 22px;
  font-size: 29px;
  line-height: 1.33;
  border-radius: 35px;
}
.btn-xl.btn-circle {
  padding: 14px 0;
  width: 69px;
  text-align: center;
  border-radius: 50%;
}
/*

Large.

```
<button class="btn btn-lg">.btn-lg</button>
```

 */
.btn-lg {
  padding: 10px 16px;
  font-size: 21px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-lg.btn-circle {
  padding: 10px 0;
  width: 50px;
  text-align: center;
  border-radius: 50%;
}
/*

Small.

```
<button class="btn btn-sm">.btn-sm</button>
```

 */
.btn-sm {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 15px;
}
.btn-sm.btn-circle {
  padding: 5px 0;
  width: 30px;
  text-align: center;
  border-radius: 50%;
}
/*

Extra small.

```
<button class="btn btn-xs">.btn-xs</button>
```

 */
.btn-xs {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 11px;
}
.btn-xs.btn-circle {
  padding: 1px 0;
  width: 22px;
  text-align: center;
  border-radius: 50%;
}
/*

## Block button

This class makes the button full-width of the parent (adopting the behavior of a "block" element).

```
<button class="btn btn-block">.btn-block</button>
```

 */
.btn-block {
  display: block;
  width: 100%;
  padding-left: 0;
  padding-right: 0;
}
.btn-block + .btn-block {
  margin-top: 5px;
}
input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%;
}
/*

# Button groups

 */
/*

```
<div class="btn-group">
    <button class="btn">Left</button>
    <button class="btn">Right</button>
</div>
```

 */
.btn-group {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}
.btn-group > .btn {
  position: relative;
  float: left;
}
.btn-group > .btn.selected {
  background-color: #29aae1;
  color: #ffffff;
}
.btn-group > .btn:hover,
.btn-group > .btn:focus,
.btn-group > .btn:active,
.btn-group > .btn.active {
  z-index: 2;
}
.btn-group .btn + .btn,
.btn-group .btn + .btn-group,
.btn-group .btn-group + .btn,
.btn-group .btn-group + .btn-group {
  margin-left: -1px;
}
.btn-group > .btn:not(:first-child):not(:last-child) {
  border-radius: 0;
}
.btn-group > .btn:first-child {
  margin-left: 0;
}
.btn-group > .btn:first-child:not(:last-child) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0;
}
.btn-group > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}
/*

## Button group sizes

Add these classes to change the size of the buttons in the button groups. (Don't forget that you still need the `btn-group` class.)

 */
/*

```
<div class="btn-group btn-group-xs">
        <button class="btn btn-primary">Left</button>
        <button class="btn btn-primary">Right</button>
</div>
```

 */
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 11px;
}
.btn-group-xs > .btn.btn-circle {
  padding: 1px 0;
  width: 22px;
  text-align: center;
  border-radius: 50%;
}
/*

```
<div class="btn-group btn-group-sm">
        <button class="btn btn-primary">Left</button>
        <button class="btn btn-primary">Right</button>
</div>
```

 */
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 15px;
}
.btn-group-sm > .btn.btn-circle {
  padding: 5px 0;
  width: 30px;
  text-align: center;
  border-radius: 50%;
}
/*

```
<div class="btn-group btn-group-lg">
        <button class="btn btn-primary">Left</button>
        <button class="btn btn-primary">Right</button>
</div>
```

 */
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 21px;
  line-height: 1.33;
  border-radius: 25px;
}
.btn-group-lg > .btn.btn-circle {
  padding: 10px 0;
  width: 50px;
  text-align: center;
  border-radius: 50%;
}
/*

```
<div class="btn-group btn-group-xl">
        <button class="btn btn-primary">Left</button>
        <button class="btn btn-primary">Right</button>
</div>
```

 */
.btn-group-xl > .btn {
  padding: 14px 22px;
  font-size: 29px;
  line-height: 1.33;
  border-radius: 35px;
}
.btn-group-xl > .btn.btn-circle {
  padding: 14px 0;
  width: 69px;
  text-align: center;
  border-radius: 50%;
}
/*

## Justified button groups

Add the `btn-group-justified` class to make the group span the full width of the parent element.

```
<div style="width: 400px">
    <div class="btn-group btn-group-justified">
        <div class="btn btn-purple">Left</div>
        <div class="btn btn-purple">Right</div>
    </div>
</div>
```

 */
.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate;
}
.btn-group-justified > .btn {
  float: none;
  display: table-cell;
  width: 1%;
}
label.btn > input[type="radio"],
label.btn > input[type="checkbox"] {
  display: none;
}
/*

## Button toolbar

Group multiple button groups together for a toolbar.

```
<div class="btn-toolbar">
    <div class="btn-group">
        <button class="btn btn-default">B</button>
        <button class="btn btn-default">I</button>
        <button class="btn btn-default">U</button>
    </div>
    <div class="btn-group">
        <button class="btn btn-default">Left</button>
        <button class="btn btn-default">Right</button>
    </div>
</div>
```

 */
.btn-toolbar {
  margin-left: -5px;
}
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left;
}
.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px;
}
label.btn > input[type="radio"],
label.btn > input[type="checkbox"] {
  display: none;
}
.btn-google {
  display: block;
  margin: 30px auto 0px;
  height: 46px;
  font-size: 18px;
  text-decoration: none;
  line-height: 46px;
  width: 250px;
  text-align: center;
  border-radius: 3px;
  border: 1px solid #3079ed;
  color: #fff !important;
  text-shadow: rgba(0, 0, 0, 0.0980392) 0px 1px;
  background-color: #4d90fe;
  background-image: -webkit-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -moz-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -ms-linear-gradient(top, #4d90fe, #4787ed);
  background-image: -o-linear-gradient(top, #4d90fe, #4787ed);
}
.btn-google:hover {
  text-decoration: none !important;
}
/*

# Legacy buttons

These are sprinkled around our marketing pages, and have not been removed for backward compatibility. If you are creating new buttons, consider using the newer `btn` and friends.

 */
.lucid {
  /*

Add the `button` class to make a button.

```
<div class="lucid">
    <button class="button">Button</button>
</div>
```

## Alternate legacy button colors

Add these classes for different colors. (Don't forget that you still need the `button` class.)

 */
  /*

**(Deprecated)** Disabled state.

```
<div class="lucid">
    <button class="button disabled">.disabled</button>
</div>
```

**(Deprecated)** Multiline.

```
<div class="lucid">
    <button class="button multiline primary-color">
        <div>Line 1</div>
        <div class="sub">Line 2</div>
    </button>
</div>
```

**(Deprecated)** This button will be orange for Chart, and green for Press.

```
<div class="lucid">
    <button class="button primary-color">.primary-color</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button orange">.orange</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button blue">.blue</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button green">.green</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button purple">.purple</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button pink">.pink</button>
</div>
```

## Miscellaneous button styles

**(Deprecated)**

```
<div class="lucid">
    <button class="button circle">×</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button inline">.inline</button>
    <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur purus lacus, suscipit vitae congue eget, pharetra at magna. Etiam non consequat ipsum. Curabitur semper purus felis, a eleifend urna dignissim id. Vivamus justo ipsum, pretium quis interdum at, pellentesque ut odio. Cras vulputate vel enim at congue. Phasellus commodo arcu mi, id fermentum nisi scelerisque id. Sed vel dui in arcu eleifend maximus eu convallis nibh. Aliquam eu eros mauris. Suspendisse laoreet est at magna iaculis facilisis.</span>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button leftinline">.leftinline</button>
    <span>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Curabitur purus lacus, suscipit vitae congue eget, pharetra at magna. Etiam non consequat ipsum. Curabitur semper purus felis, a eleifend urna dignissim id. Vivamus justo ipsum, pretium quis interdum at, pellentesque ut odio. Cras vulputate vel enim at congue. Phasellus commodo arcu mi, id fermentum nisi scelerisque id. Sed vel dui in arcu eleifend maximus eu convallis nibh. Aliquam eu eros mauris. Suspendisse laoreet est at magna iaculis facilisis.</span>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button pad5">One</button>
    <button class="button pad5">Two</button>
</div>
```

 */
  /*

## Huge button

**(Deprecated)**

```
<div class="lucid">
    <button class="button huge">Huge</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button huge double">Huge more text</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button huge smalltext">Huge, small(er) text</button>
</div>
```

 */
  /*

## Large button

**(Deprecated)**

```
<div class="lucid">
    <button class="button large">Large button</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button large double">Large double</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button large smalltext">Large, small(er) text</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button large left-cap">Left cap</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button large right-cap">Right cap</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button large no-cap">No cap</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button large round">Round</button>
</div>
```

 */
  /*

## Medium button

**(Deprecated)**

```
<div class="lucid">
    <button class="button medium">Medium</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button medium left-cap">Left cap</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button medium right-cap">Right cap</button>
</div>
```

 */
  /*

## Small button

**(Deprecated)**

```
<div class="lucid">
    <button class="button small">Small button</button>
</div>
```

 */
  /*

## File input button

**(Deprecated)**

```
<div class="lucid">
    <form>
        <input type="file" class="stylebutton">
    </form>
</div>
```

 */
  /*

## Custom buttons

**(Deprecated)**

```
<div class="lucid">
    <button class="button custom-edu">Custom EDU</button>
</div>
```

**(Deprecated)**

```
<div class="lucid">
    <button class="button custom-ref">Custom Ref</button>
</div>
```

 */
}
.lucid .button {
  display: inline-block;
  padding: 0 14px;
  height: 28px;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
  line-height: 28px;
  cursor: default;
  margin-top: 10px;
  overflow: hidden;
  outline: none;
  border: none;
  background: #777777;
  text-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 14px;
}
.lucid .button:hover {
  text-decoration: none !important;
  background: #cccccc;
}
.lucid .button.disabled {
  color: #e6e6e6 !important;
  background: #cccccc;
}
.lucid .button.multiline {
  height: auto;
  line-height: 20px;
  padding: 5px 14px;
  font-size: 18px;
}
.lucid .button.multiline .sub {
  font-size: 10px;
}
.lucid .button.primary-color {
  background: #8cbf3f;
}
.lucid .button.primary-color:hover {
  background: #c6df3f;
}
.lucid .button.primary-color.disabled:hover {
  background: #8cbf3f;
}
.lucid .button.orange {
  background: #f78d1e;
}
.lucid .button.orange:hover {
  background: #fbc62d;
}
.lucid .button.blue {
  background: #29aae1;
}
.lucid .button.blue:hover {
  background: #3ed5f0;
}
.lucid .button.green {
  background: #8cbf3f;
}
.lucid .button.green:hover {
  background: #c6df3f;
}
.lucid .button.purple {
  background: #a32385;
}
.lucid .button.purple:hover {
  background: #d135c2;
}
.lucid .button.pink {
  background: #ea0e8b;
}
.lucid .button.pink:hover {
  background: #f515c5;
}
.lucid .button.circle {
  width: 28px;
  padding-left: 0;
  padding-right: 0;
}
.lucid .button.inline {
  margin-top: 0;
  margin-left: 10px;
  float: left;
}
.lucid .button.leftinline {
  margin-top: 0;
  margin-right: 10px;
  float: left;
}
.lucid .button.pad5 {
  margin-left: 5px;
  margin-right: 5px;
}
.lucid div.button {
  display: block;
}
.lucid .button.huge {
  padding: 0 20px;
  height: 64px;
  font-weight: bold;
  font-size: 24px;
  line-height: 64px;
}
.lucid .button.huge.double {
  padding: 8px 20px;
  height: 76px;
  font-size: 14px;
  line-height: 20px;
  font-weight: normal;
}
.lucid .button.huge.double:first-line {
  font-size: 24px;
  line-height: 28px;
  font-weight: bold;
}
.lucid .button.huge.smalltext {
  font-size: 18px;
}
.lucid .button.large {
  padding: 0 15px;
  height: 48px;
  font-weight: bold;
  font-size: 18px;
  line-height: 48px;
}
.lucid .button.large.double {
  padding: 6px 15px;
  height: 58px;
  font-size: 12px;
  line-height: 14px;
  font-weight: normal;
}
.lucid .button.large.double:first-line {
  font-size: 18px;
  line-height: 22px;
  font-weight: bold;
}
.lucid .button.large.smalltext {
  font-size: 14px;
}
.lucid .button.large.left-cap {
  padding-left: 20px;
  border-top-left-radius: 24px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 24px;
}
.lucid .button.large.right-cap {
  padding-right: 20px;
  border-top-left-radius: 0;
  border-top-right-radius: 24px;
  border-bottom-right-radius: 24px;
  border-bottom-left-radius: 0;
}
.lucid .button.large.no-cap {
  border-top-left-radius: 0;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.lucid .button.large.round {
  border-radius: 24px;
}
.lucid .button.medium {
  padding: 0 10px;
  height: 32px;
  font-weight: bold;
  font-size: 14px;
  line-height: 32px;
  border-radius: 16px;
}
.lucid .button.medium.left-cap {
  padding-left: 10px;
  border-top-left-radius: 16px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 16px;
}
.lucid .button.medium.right-cap {
  padding-right: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 16px;
  border-bottom-right-radius: 16px;
  border-bottom-left-radius: 0;
}
.lucid .button.small {
  padding: 0 8px;
  height: 22px;
  font-weight: normal;
  font-size: 13px;
  line-height: 22px;
  border-radius: 11px;
}
.lucid input[type=file].stylebutton {
  margin-top: 10px;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button {
  display: inline-block;
  padding: 0 14px;
  height: 28px;
  color: #fff !important;
  text-align: center;
  text-decoration: none;
  font-weight: normal;
  font-size: 14px;
  line-height: 28px;
  cursor: default;
  margin-top: 10px;
  overflow: hidden;
  outline: none;
  border: none;
  background: #777777;
  text-shadow: none;
  -webkit-appearance: none;
  appearance: none;
  border-radius: 14px;
  margin-top: 0;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button:hover {
  text-decoration: none !important;
  background: #cccccc;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.disabled {
  color: #e6e6e6 !important;
  background: #cccccc;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.multiline {
  height: auto;
  line-height: 20px;
  padding: 5px 14px;
  font-size: 18px;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.multiline .sub {
  font-size: 10px;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.primary-color {
  background: #8cbf3f;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.primary-color:hover {
  background: #c6df3f;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.primary-color.disabled:hover {
  background: #8cbf3f;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.orange {
  background: #f78d1e;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.orange:hover {
  background: #fbc62d;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.blue {
  background: #29aae1;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.blue:hover {
  background: #3ed5f0;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.green {
  background: #8cbf3f;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.green:hover {
  background: #c6df3f;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.purple {
  background: #a32385;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.purple:hover {
  background: #d135c2;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.pink {
  background: #ea0e8b;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.pink:hover {
  background: #f515c5;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.circle {
  width: 28px;
  padding-left: 0;
  padding-right: 0;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.inline {
  margin-top: 0;
  margin-left: 10px;
  float: left;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.leftinline {
  margin-top: 0;
  margin-right: 10px;
  float: left;
}
.lucid input[type=file].stylebutton::-webkit-file-upload-button.pad5 {
  margin-left: 5px;
  margin-right: 5px;
}
.lucid .button.custom-edu,
.lucid .button.custom-ref {
  padding: 8px 12px;
  height: 48px;
  background-repeat: no-repeat;
  font-weight: bold;
  font-size: 12px;
  line-height: 16px;
  text-align: right;
}
.lucid .button.custom-edu {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/images/icons/free_edu.png);
  background-position: 6px 0;
}
.lucid .button.custom-ref {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/css-common/images/icons/ref_confirm.png);
  background-position: 8px 0;
}
.lucid input.button::-moz-focus-inner {
  border: 0;
  padding: 0;
  margin-top: -3px;
  margin-bottom: -2px;
}
.question-mark-btn {
  line-height: 28px;
  width: 26px;
  height: 26px;
  border-radius: 20px;
  vertical-align: middle;
  font-family: "Source Sans Pro", sans-serif;
  text-align: center;
  font-weight: 700;
  font-size: 18px;
  padding: 0px;
  margin-left: 10px;
  user-select: none;
  cursor: pointer;
}
.thumbnail-nav {
  width: 100%;
  background-color: #222222;
  position: absolute;
  z-index: 2;
  -webkit-transition: -webkit-transform 500ms;
  transition: transform 500ms;
  -webkit-transform: translateY(-100%);
  -ms-transform: translateY(-100%);
  transform: translateY(-100%);
}
.thumbnail-nav.visible {
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.thumbnail-nav .thumbnail-list {
  height: 140px;
  margin: 0;
  padding: 0;
}
.thumbnail-nav .thumbnail-list .thumbnail-image {
  display: inline-block;
  height: 120px;
  min-width: 120px;
  border: 5px solid transparent;
  margin: 5px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  cursor: pointer;
}
.thumbnail-nav .thumbnail-list .thumbnail-image.selected {
  border-color: #29aae1;
}
.thumbnail-nav-toggle {
  width: 71px;
  height: 33px;
  position: absolute;
  top: 100%;
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/apps/press/viewer/images/icons/pageSliderButton.png);
  background-size: 71px 33px;
}
.thumbnail-nav .nav-arrow {
  opacity: 0.6;
}
.thumbnail-nav-scroll {
  display: block;
  position: absolute;
  width: 140px;
  bottom: 0;
  height: 140px;
  z-index: 3;
  cursor: default;
}
body:not(.touch) .thumbnail-nav-scroll:hover .gallery-arrow {
  opacity: 0.9;
}
.thumbnail-nav-scroll-left {
  left: 0;
  background: black;
  background: linear-gradient(to left, transparent, #1f1f1f, #222222);
}
.thumbnail-nav-scroll-right {
  right: 0;
  background: black;
  background: linear-gradient(to right, transparent, #1f1f1f, #222222);
}
.branding-banner {
  position: relative;
  width: 100%;
  height: 62px;
  line-height: 62px;
  text-align: center;
  background-color: #8cbf3f;
  color: #ffffff;
  font-weight: bold;
  font-size: 18px;
  margin-bottom: 5px;
  z-index: 2;
}
.branding-banner .btn-try-demo {
  display: block;
  background-color: #ffffff;
  position: absolute;
  top: 0;
  right: 0;
  padding: 6px 12px;
  font-size: 18px;
  line-height: 1.5714;
  border-radius: 22px;
  text-decoration: none;
  font-weight: bold;
  /* Override the hover changes */
}
.branding-banner .btn-try-demo.btn-circle {
  padding: 6px 0;
  width: 42px;
  text-align: center;
  border-radius: 50%;
}
.branding-banner .btn-try-demo:hover {
  background-color: #ffffff;
  color: #8cbf3f;
}
@media (max-width: 750px) {
  .branding-banner {
    display: none;
  }
}
.branding-banner-logo {
  position: absolute;
  top: 0;
  left: 0;
  height: 42px;
  width: 42px;
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/press/logos/lucidpress-publish-doc-2015-42x42@2x.png);
  background-size: 42px 42px;
  background-repeat: no-repeat;
}
.branding-banner .btn-try-demo,
.branding-banner-logo {
  margin: 10px 22px;
}
.navigation-hover-zone {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  height: 33px;
  z-index: 1;
}
@media (max-width: 450px), (max-height: 240px) {
  .thumbnail-nav,
  .navigation-hover-zone {
    display: none;
  }
}
body {
  padding: 0;
  margin: 0;
  background: #333;
  -webkit-user-select: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -webkit-text-size-adjust: none;
  font-family: "Lucida Sans", "Lucida Grande", Arial, Helvetica, sans-serif;
  overflow: hidden;
  font-size: 12px;
}
.nav-arrow {
  background-image: url(https://d2slcw3kip6qmk.cloudfront.net/app/webroot/css/apps/press/press-common/images/view_nav_arrows.png);
  background-repeat: no-repeat no-repeat;
  height: 56px;
  width: 39px;
  opacity: 0.4;
  position: absolute;
  top: 50%;
  margin-top: -28px;
}
.nav-arrow-right {
  background-position: top right;
  right: 5px;
}
.nav-arrow-left {
  background-position: top left;
  left: 5px;
}
.big-gallery {
  background: #333;
}
.big-gallery .big-gallery-page {
  position: relative;
  overflow: hidden;
}
.big-gallery .big-gallery-page .blocker {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
}
.big-gallery .gallery-scroll {
  display: block;
  cursor: pointer;
  z-index: 1;
  position: absolute;
  top: 0px;
  width: 15%;
  height: 100%;
}
body:not(.touch) .big-gallery .gallery-scroll:hover .gallery-arrow {
  opacity: 0.8;
}
.big-gallery .gallery-scroll-left {
  left: 0px;
}
.big-gallery .gallery-scroll-right {
  right: 0px;
}
.big-gallery-nav {
  position: absolute;
  height: 6px;
  left: 0px;
  right: 0px;
  top: 0px;
  overflow: hidden;
  background: rgba(0, 0, 0, 0.85);
}
.big-gallery-nav .big-gallery-progress {
  position: absolute;
  background: #147fd2;
  top: 1px;
  height: 4px;
  left: -100%;
  width: 200%;
}
.big-gallery-nav .big-gallery-progress .big-gallery-current {
  position: absolute;
  background: #29aae1;
  top: 0;
  right: 0;
  bottom: 0;
}
.big-gallery-nav .big-gallery-tick {
  background: rgba(0, 0, 0, 0.75);
  position: absolute;
  top: 0;
  bottom: 0;
  width: 2px;
}
.page-view {
  -webkit-box-shadow: 0px 6px 6px 0 rgba(0, 0, 0, 0.2);
  box-shadow: 0px 6px 6px 0 rgba(0, 0, 0, 0.2);
}
.page-view .page-view {
  -webkit-box-shadow: none;
  box-shadow: none;
}
#progress {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  opacity: 0.7;
  background: #000;
}
#progress div {
  position: absolute;
  top: 50%;
  margin-top: -40px;
  height: 40px;
  width: 100%;
  text-align: center;
  font: 40px arial;
  color: #fff;
}
#download-progress {
  position: absolute;
  bottom: 8px;
  left: 8px;
  opacity: 0.7;
  background: #000;
  color: #fff;
  font: 20px arial;
  padding: 8px;
  border-radius: 4px;
  -webkit-transition: opacity 4s;
  transition: opacity 4s;
}
#download-progress.done {
  opacity: 0;
}
.close-button {
  position: absolute;
  top: 9px;
  right: 9px;
  border-radius: 50%;
  -webkit-box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
  box-shadow: 0 0 0 5px rgba(0, 0, 0, 0.1);
  background: rgba(255, 255, 255, 0.2);
  height: 63px;
  width: 63px;
  z-index: 1;
}
.close-button div {
  position: relative;
  pointer-events: none;
  left: 20px;
  top: 29px;
  width: 23px;
  height: 5px;
  background: #000;
  opacity: 0.5;
}
.link-hint {
  position: absolute;
  padding: 10px;
  width: 13px;
  height: 13px;
  border-radius: 50%;
  background: rgba(41, 170, 225, 0.8);
  -webkit-transition: 200ms opacity;
  transition: 200ms opacity;
  opacity: 0;
  -webkit-transform: translate3d(0, 0, 0);
  -ms-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}
*::-webkit-scrollbar {
  height: 14px;
  width: 14px;
  overflow: visible;
}
*::-webkit-scrollbar-thumb {
  background-clip: padding-box;
  border: transparent solid 3px;
  border-radius: 7px;
  min-height: 28px;
  padding: 100px 0 0;
  -webkit-box-shadow: inset 0 0 0 7px rgba(0, 0, 0, 0.25);
}
*::-webkit-scrollbar-thumb:hover {
  -webkit-box-shadow: inset 0 0 0 7px rgba(0, 0, 0, 0.3);
}
*::-webkit-scrollbar-button {
  height: 0;
  width: 0;
}
*::-webkit-scrollbar-track {
  background-clip: padding-box;
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
*::-webkit-scrollbar-track:vertical {
  border-left: rgba(0, 0, 0, 0.1) solid 1px;
}
*::-webkit-scrollbar-track:horizontal {
  border-top: rgba(0, 0, 0, 0.1) solid 1px;
}
*::-webkit-scrollbar-corner {
  background: rgba(255, 255, 255, 0.9);
  -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
}
