@charset "UTF-8";
/**
 * Overhead
 * 
 */
/*$mediaLibrary-width:                        365px;*/
/*$mediaLibrary-width-mobile:                 300px;*/
/*$mediaLibrary-width-expandedMode:           568px;*/
/*$font-family:                               'Lato', Arial;*/
/**
 * Originally, the horizontal break point was set to 1px less than 1280px:
 * 1279px. The issue with doing this was sometimes a user who has 1280px wide
 * resolution would see the responsive version of the app because they could not
 * tell that their window had been reduced by 1px. To deal with this, we lowered
 * the threshold to 1259px, which is 21px less than their resolution.
 * 
 * It should be noted that these dimensions are inclusive, so the responsive
 * break comes in _exactly_ at 1259px, whereas at 1260px, it's business as
 * usual.
 */
/**
 * The vertical break point in this context refers to the point whereby the
 * sidebar nav will switch to the icon-only version.
 * 
 * This value is determined by the height required to show the icon+text
 * version, along with the height of the Help Scout beacon (and the associated
 * top value).
 */
/**
 * The app min-height, which at the moment is set to the height of the
 * foreground bitmap image toolbar to ensure that the entire toolbar can always
 * be seen / is visible.
 */
/**
 * Colors
 * 
 */
/*$spinner-color:                             #00a1e8;*/
/*$text-highlight-blue:                       #27a3ea;*/
/*$sidebar-blue:                              #009eec;*/
/*$button-background-blue:                    #009eec;*/
/**
 * Brands
 * 
 */
/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 100%;
  font: inherit;
  vertical-align: baseline; }

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block; }

body {
  line-height: 1; }

ol, ul {
  list-style: none; }

blockquote, q {
  quotes: none; }

blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto; }

.pull-right {
  float: right !important; }

.pull-left {
  float: left !important; }

.hide {
  display: none !important; }

.show {
  display: block !important; }

.text-hide {
  font: 0/0 a;
  color: transparent;
  text-shadow: none;
  background-color: transparent;
  border: 0; }

.collapse {
  display: none; }

.collapse.in {
  display: block; }

tr.collapse.in {
  display: table-row; }

tbody.collapse.in {
  display: table-row-group; }

.collapsing {
  position: relative;
  height: 0;
  overflow: hidden;
  -webkit-transition-property: height, visibility;
  -o-transition-property: height, visibility;
  transition-property: height, visibility;
  -webkit-transition-duration: 0.35s;
  -o-transition-duration: 0.35s;
  transition-duration: 0.35s;
  -webkit-transition-timing-function: ease;
  -o-transition-timing-function: ease;
  transition-timing-function: ease; }

.tooltip {
  position: absolute;
  z-index: 1070;
  display: block;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-style: normal;
  font-weight: normal;
  letter-spacing: normal;
  line-break: auto;
  line-height: 1.42857143;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  white-space: normal;
  word-break: normal;
  word-spacing: normal;
  word-wrap: normal;
  font-size: 12px;
  opacity: 0;
  filter: alpha(opacity=0); }

.tooltip.in {
  opacity: 0.9;
  filter: alpha(opacity=90); }

.tooltip.top {
  margin-top: -3px;
  padding: 5px 0; }

.tooltip.right {
  margin-left: 3px;
  padding: 0 5px; }

.tooltip.bottom {
  margin-top: 3px;
  padding: 5px 0; }

.tooltip.left {
  margin-left: -3px;
  padding: 0 5px; }

.tooltip-inner {
  max-width: 200px;
  padding: 3px 8px;
  color: #ffffff;
  text-align: center;
  background-color: #000000;
  border-radius: 4px; }

.tooltip-arrow {
  position: absolute;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid; }

.tooltip.top .tooltip-arrow {
  bottom: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

.tooltip.top-left .tooltip-arrow {
  bottom: 0;
  right: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

.tooltip.top-right .tooltip-arrow {
  bottom: 0;
  left: 5px;
  margin-bottom: -5px;
  border-width: 5px 5px 0;
  border-top-color: #000000; }

.tooltip.right .tooltip-arrow {
  top: 50%;
  left: 0;
  margin-top: -5px;
  border-width: 5px 5px 5px 0;
  border-right-color: #000000; }

.tooltip.left .tooltip-arrow {
  top: 50%;
  right: 0;
  margin-top: -5px;
  border-width: 5px 0 5px 5px;
  border-left-color: #000000; }

.tooltip.bottom .tooltip-arrow {
  top: 0;
  left: 50%;
  margin-left: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000; }

.tooltip.bottom-left .tooltip-arrow {
  top: 0;
  right: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000; }

.tooltip.bottom-right .tooltip-arrow {
  top: 0;
  left: 5px;
  margin-top: -5px;
  border-width: 0 5px 5px;
  border-bottom-color: #000000; }

.fade {
  opacity: 0;
  -webkit-transition: opacity 0.15s linear;
  -o-transition: opacity 0.15s linear;
  transition: opacity 0.15s linear; }

.fade.in {
  opacity: 1; }

[role="button"] {
  cursor: pointer; }

.btn {
  display: inline-block;
  margin-bottom: 0;
  font-weight: normal;
  text-align: center;
  vertical-align: middle;
  -ms-touch-action: manipulation;
  touch-action: manipulation;
  cursor: pointer;
  background-image: none;
  border: 1px solid transparent;
  white-space: nowrap;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  border-radius: 4px;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.btn:focus,
.btn:active:focus,
.btn.active:focus,
.btn.focus,
.btn:active.focus,
.btn.active.focus {
  outline: thin dotted;
  outline: 5px auto -webkit-focus-ring-color;
  outline-offset: -2px; }

.btn:hover,
.btn:focus,
.btn.focus {
  color: #333333;
  text-decoration: none; }

.btn:active,
.btn.active {
  outline: 0;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn.disabled,
.btn[disabled],
fieldset[disabled] .btn {
  cursor: not-allowed;
  opacity: 0.65;
  filter: alpha(opacity=65);
  -webkit-box-shadow: none;
  box-shadow: none; }

a.btn.disabled,
fieldset[disabled] a.btn {
  pointer-events: none; }

.btn-default {
  color: #333333;
  background-color: #ffffff;
  border-color: #cccccc; }

.btn-default:focus,
.btn-default.focus {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #8c8c8c; }

.btn-default:hover {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  color: #333333;
  background-color: #e6e6e6;
  border-color: #adadad; }

.btn-default:active:hover,
.btn-default.active:hover,
.open > .dropdown-toggle.btn-default:hover,
.btn-default:active:focus,
.btn-default.active:focus,
.open > .dropdown-toggle.btn-default:focus,
.btn-default:active.focus,
.btn-default.active.focus,
.open > .dropdown-toggle.btn-default.focus {
  color: #333333;
  background-color: #d4d4d4;
  border-color: #8c8c8c; }

.btn-default:active,
.btn-default.active,
.open > .dropdown-toggle.btn-default {
  background-image: none; }

.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.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 {
  background-color: #ffffff;
  border-color: #cccccc; }

.btn-default .badge {
  color: #ffffff;
  background-color: #333333; }

.btn-primary {
  color: #ffffff;
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-primary:focus,
.btn-primary.focus {
  color: #ffffff;
  background-color: #286090;
  border-color: #122b40; }

.btn-primary:hover {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74; }

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #ffffff;
  background-color: #286090;
  border-color: #204d74; }

.btn-primary:active:hover,
.btn-primary.active:hover,
.open > .dropdown-toggle.btn-primary:hover,
.btn-primary:active:focus,
.btn-primary.active:focus,
.open > .dropdown-toggle.btn-primary:focus,
.btn-primary:active.focus,
.btn-primary.active.focus,
.open > .dropdown-toggle.btn-primary.focus {
  color: #ffffff;
  background-color: #204d74;
  border-color: #122b40; }

.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none; }

.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.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 {
  background-color: #337ab7;
  border-color: #2e6da4; }

.btn-primary .badge {
  color: #337ab7;
  background-color: #ffffff; }

.btn-success {
  color: #ffffff;
  background-color: #5cb85c;
  border-color: #4cae4c; }

.btn-success:focus,
.btn-success.focus {
  color: #ffffff;
  background-color: #449d44;
  border-color: #255625; }

.btn-success:hover {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439; }

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  color: #ffffff;
  background-color: #449d44;
  border-color: #398439; }

.btn-success:active:hover,
.btn-success.active:hover,
.open > .dropdown-toggle.btn-success:hover,
.btn-success:active:focus,
.btn-success.active:focus,
.open > .dropdown-toggle.btn-success:focus,
.btn-success:active.focus,
.btn-success.active.focus,
.open > .dropdown-toggle.btn-success.focus {
  color: #ffffff;
  background-color: #398439;
  border-color: #255625; }

.btn-success:active,
.btn-success.active,
.open > .dropdown-toggle.btn-success {
  background-image: none; }

.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled.focus,
.btn-success[disabled].focus,
fieldset[disabled] .btn-success.focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #5cb85c;
  border-color: #4cae4c; }

.btn-success .badge {
  color: #5cb85c;
  background-color: #ffffff; }

.btn-info {
  color: #ffffff;
  background-color: #5bc0de;
  border-color: #46b8da; }

.btn-info:focus,
.btn-info.focus {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #1b6d85; }

.btn-info:hover {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc; }

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  color: #ffffff;
  background-color: #31b0d5;
  border-color: #269abc; }

.btn-info:active:hover,
.btn-info.active:hover,
.open > .dropdown-toggle.btn-info:hover,
.btn-info:active:focus,
.btn-info.active:focus,
.open > .dropdown-toggle.btn-info:focus,
.btn-info:active.focus,
.btn-info.active.focus,
.open > .dropdown-toggle.btn-info.focus {
  color: #ffffff;
  background-color: #269abc;
  border-color: #1b6d85; }

.btn-info:active,
.btn-info.active,
.open > .dropdown-toggle.btn-info {
  background-image: none; }

.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled.focus,
.btn-info[disabled].focus,
fieldset[disabled] .btn-info.focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #5bc0de;
  border-color: #46b8da; }

.btn-info .badge {
  color: #5bc0de;
  background-color: #ffffff; }

.btn-warning {
  color: #ffffff;
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning:focus,
.btn-warning.focus {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #985f0d; }

.btn-warning:hover {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512; }

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  color: #ffffff;
  background-color: #ec971f;
  border-color: #d58512; }

.btn-warning:active:hover,
.btn-warning.active:hover,
.open > .dropdown-toggle.btn-warning:hover,
.btn-warning:active:focus,
.btn-warning.active:focus,
.open > .dropdown-toggle.btn-warning:focus,
.btn-warning:active.focus,
.btn-warning.active.focus,
.open > .dropdown-toggle.btn-warning.focus {
  color: #ffffff;
  background-color: #d58512;
  border-color: #985f0d; }

.btn-warning:active,
.btn-warning.active,
.open > .dropdown-toggle.btn-warning {
  background-image: none; }

.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled.focus,
.btn-warning[disabled].focus,
fieldset[disabled] .btn-warning.focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #f0ad4e;
  border-color: #eea236; }

.btn-warning .badge {
  color: #f0ad4e;
  background-color: #ffffff; }

.btn-danger {
  color: #ffffff;
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-danger:focus,
.btn-danger.focus {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #761c19; }

.btn-danger:hover {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925; }

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  color: #ffffff;
  background-color: #c9302c;
  border-color: #ac2925; }

.btn-danger:active:hover,
.btn-danger.active:hover,
.open > .dropdown-toggle.btn-danger:hover,
.btn-danger:active:focus,
.btn-danger.active:focus,
.open > .dropdown-toggle.btn-danger:focus,
.btn-danger:active.focus,
.btn-danger.active.focus,
.open > .dropdown-toggle.btn-danger.focus {
  color: #ffffff;
  background-color: #ac2925;
  border-color: #761c19; }

.btn-danger:active,
.btn-danger.active,
.open > .dropdown-toggle.btn-danger {
  background-image: none; }

.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled.focus,
.btn-danger[disabled].focus,
fieldset[disabled] .btn-danger.focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #d9534f;
  border-color: #d43f3a; }

.btn-danger .badge {
  color: #d9534f;
  background-color: #ffffff; }

.btn-link {
  color: #337ab7;
  font-weight: normal;
  border-radius: 0; }

.btn-link,
.btn-link:active,
.btn-link.active,
.btn-link[disabled],
fieldset[disabled] .btn-link {
  background-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn-link,
.btn-link:hover,
.btn-link:focus,
.btn-link:active {
  border-color: transparent; }

.btn-link:hover,
.btn-link:focus {
  color: #23527c;
  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: #777777;
  text-decoration: none; }

.btn-lg,
.btn-group-lg > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.3333333;
  border-radius: 6px; }

.btn-sm,
.btn-group-sm > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-xs,
.btn-group-xs > .btn {
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px; }

.btn-block {
  display: block;
  width: 100%; }

.btn-block + .btn-block {
  margin-top: 5px; }

input[type="submit"].btn-block,
input[type="reset"].btn-block,
input[type="button"].btn-block {
  width: 100%; }

.btn-group,
.btn-group-vertical {
  position: relative;
  display: inline-block;
  vertical-align: middle; }

.btn-group > .btn,
.btn-group-vertical > .btn {
  position: relative;
  float: left; }

.btn-group > .btn:hover,
.btn-group-vertical > .btn:hover,
.btn-group > .btn:focus,
.btn-group-vertical > .btn:focus,
.btn-group > .btn:active,
.btn-group-vertical > .btn:active,
.btn-group > .btn.active,
.btn-group-vertical > .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-toolbar {
  margin-left: -5px; }

.btn-toolbar .btn,
.btn-toolbar .btn-group,
.btn-toolbar .input-group {
  float: left; }

.btn-toolbar > .btn,
.btn-toolbar > .btn-group,
.btn-toolbar > .input-group {
  margin-left: 5px; }

.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0; }

.btn-group > .btn:first-child {
  margin-left: 0; }

.btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn:last-child:not(:first-child),
.btn-group > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group > .btn-group {
  float: left; }

.btn-group > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-top-right-radius: 0; }

.btn-group > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0; }

.btn-group .dropdown-toggle:active,
.btn-group.open .dropdown-toggle {
  outline: 0; }

.btn-group > .btn + .dropdown-toggle {
  padding-left: 8px;
  padding-right: 8px; }

.btn-group > .btn-lg + .dropdown-toggle {
  padding-left: 12px;
  padding-right: 12px; }

.btn-group.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
  box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125); }

.btn-group.open .dropdown-toggle.btn-link {
  -webkit-box-shadow: none;
  box-shadow: none; }

.btn .caret {
  margin-left: 0; }

.btn-lg .caret {
  border-width: 5px 5px 0;
  border-bottom-width: 0; }

.dropup .btn-lg .caret {
  border-width: 0 5px 5px; }

.btn-group-vertical > .btn,
.btn-group-vertical > .btn-group,
.btn-group-vertical > .btn-group > .btn {
  display: block;
  float: none;
  width: 100%;
  max-width: 100%; }

.btn-group-vertical > .btn-group > .btn {
  float: none; }

.btn-group-vertical > .btn + .btn,
.btn-group-vertical > .btn + .btn-group,
.btn-group-vertical > .btn-group + .btn,
.btn-group-vertical > .btn-group + .btn-group {
  margin-top: -1px;
  margin-left: 0; }

.btn-group-vertical > .btn:not(:first-child):not(:last-child) {
  border-radius: 0; }

.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 4px;
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 4px;
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-vertical > .btn-group:not(:first-child):not(:last-child) > .btn {
  border-radius: 0; }

.btn-group-vertical > .btn-group:first-child:not(:last-child) > .btn:last-child,
.btn-group-vertical > .btn-group:first-child:not(:last-child) > .dropdown-toggle {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0; }

.btn-group-vertical > .btn-group:last-child:not(:first-child) > .btn:first-child {
  border-top-right-radius: 0;
  border-top-left-radius: 0; }

.btn-group-justified {
  display: table;
  width: 100%;
  table-layout: fixed;
  border-collapse: separate; }

.btn-group-justified > .btn,
.btn-group-justified > .btn-group {
  float: none;
  display: table-cell;
  width: 1%; }

.btn-group-justified > .btn-group .btn {
  width: 100%; }

.btn-group-justified > .btn-group .dropdown-menu {
  left: auto; }

[data-toggle="buttons"] > .btn input[type="radio"],
[data-toggle="buttons"] > .btn-group > .btn input[type="radio"],
[data-toggle="buttons"] > .btn input[type="checkbox"],
[data-toggle="buttons"] > .btn-group > .btn input[type="checkbox"] {
  position: absolute;
  clip: rect(0, 0, 0, 0);
  pointer-events: none; }

.clearfix:before,
.clearfix:after,
.btn-toolbar:before,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:before,
.btn-group-vertical > .btn-group:after {
  content: " ";
  display: table; }

.clearfix:after,
.btn-toolbar:after,
.btn-group-vertical > .btn-group:after {
  clear: both; }

table {
  border-collapse: collapse;
  border-spacing: 0; }

td,
th {
  padding: 0; }

table {
  background-color: transparent; }

caption {
  padding-top: 8px;
  padding-bottom: 8px;
  color: #777777;
  text-align: left; }

th {
  text-align: left; }

.table {
  width: 100%;
  max-width: 100%;
  margin-bottom: 20px; }

.table > thead > tr > th,
.table > tbody > tr > th,
.table > tfoot > tr > th,
.table > thead > tr > td,
.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 8px;
  line-height: 1.42857143;
  vertical-align: top;
  border-top: 1px solid #dddddd; }

.table > thead > tr > th {
  vertical-align: bottom;
  border-bottom: 2px solid #dddddd; }

.table > caption + thead > tr:first-child > th,
.table > colgroup + thead > tr:first-child > th,
.table > thead:first-child > tr:first-child > th,
.table > caption + thead > tr:first-child > td,
.table > colgroup + thead > tr:first-child > td,
.table > thead:first-child > tr:first-child > td {
  border-top: 0; }

.table > tbody + tbody {
  border-top: 2px solid #dddddd; }

.table .table {
  background-color: #ffffff; }

.table-condensed > thead > tr > th,
.table-condensed > tbody > tr > th,
.table-condensed > tfoot > tr > th,
.table-condensed > thead > tr > td,
.table-condensed > tbody > tr > td,
.table-condensed > tfoot > tr > td {
  padding: 5px; }

.table-bordered {
  border: 1px solid #dddddd; }

.table-bordered > thead > tr > th,
.table-bordered > tbody > tr > th,
.table-bordered > tfoot > tr > th,
.table-bordered > thead > tr > td,
.table-bordered > tbody > tr > td,
.table-bordered > tfoot > tr > td {
  border: 1px solid #dddddd; }

.table-bordered > thead > tr > th,
.table-bordered > thead > tr > td {
  border-bottom-width: 2px; }

.table-striped > tbody > tr:nth-of-type(odd) {
  background-color: #f9f9f9; }

.table-hover > tbody > tr:hover {
  background-color: #f5f5f5; }

table col[class*="col-"] {
  position: static;
  float: none;
  display: table-column; }

table td[class*="col-"],
table th[class*="col-"] {
  position: static;
  float: none;
  display: table-cell; }

.table > thead > tr > td.active,
.table > tbody > tr > td.active,
.table > tfoot > tr > td.active,
.table > thead > tr > th.active,
.table > tbody > tr > th.active,
.table > tfoot > tr > th.active,
.table > thead > tr.active > td,
.table > tbody > tr.active > td,
.table > tfoot > tr.active > td,
.table > thead > tr.active > th,
.table > tbody > tr.active > th,
.table > tfoot > tr.active > th {
  background-color: #f5f5f5; }

.table-hover > tbody > tr > td.active:hover,
.table-hover > tbody > tr > th.active:hover,
.table-hover > tbody > tr.active:hover > td,
.table-hover > tbody > tr:hover > .active,
.table-hover > tbody > tr.active:hover > th {
  background-color: #e8e8e8; }

.table > thead > tr > td.success,
.table > tbody > tr > td.success,
.table > tfoot > tr > td.success,
.table > thead > tr > th.success,
.table > tbody > tr > th.success,
.table > tfoot > tr > th.success,
.table > thead > tr.success > td,
.table > tbody > tr.success > td,
.table > tfoot > tr.success > td,
.table > thead > tr.success > th,
.table > tbody > tr.success > th,
.table > tfoot > tr.success > th {
  background-color: #dff0d8; }

.table-hover > tbody > tr > td.success:hover,
.table-hover > tbody > tr > th.success:hover,
.table-hover > tbody > tr.success:hover > td,
.table-hover > tbody > tr:hover > .success,
.table-hover > tbody > tr.success:hover > th {
  background-color: #d0e9c6; }

.table > thead > tr > td.info,
.table > tbody > tr > td.info,
.table > tfoot > tr > td.info,
.table > thead > tr > th.info,
.table > tbody > tr > th.info,
.table > tfoot > tr > th.info,
.table > thead > tr.info > td,
.table > tbody > tr.info > td,
.table > tfoot > tr.info > td,
.table > thead > tr.info > th,
.table > tbody > tr.info > th,
.table > tfoot > tr.info > th {
  background-color: #d9edf7; }

.table-hover > tbody > tr > td.info:hover,
.table-hover > tbody > tr > th.info:hover,
.table-hover > tbody > tr.info:hover > td,
.table-hover > tbody > tr:hover > .info,
.table-hover > tbody > tr.info:hover > th {
  background-color: #c4e3f3; }

.table > thead > tr > td.warning,
.table > tbody > tr > td.warning,
.table > tfoot > tr > td.warning,
.table > thead > tr > th.warning,
.table > tbody > tr > th.warning,
.table > tfoot > tr > th.warning,
.table > thead > tr.warning > td,
.table > tbody > tr.warning > td,
.table > tfoot > tr.warning > td,
.table > thead > tr.warning > th,
.table > tbody > tr.warning > th,
.table > tfoot > tr.warning > th {
  background-color: #fcf8e3; }

.table-hover > tbody > tr > td.warning:hover,
.table-hover > tbody > tr > th.warning:hover,
.table-hover > tbody > tr.warning:hover > td,
.table-hover > tbody > tr:hover > .warning,
.table-hover > tbody > tr.warning:hover > th {
  background-color: #faf2cc; }

.table > thead > tr > td.danger,
.table > tbody > tr > td.danger,
.table > tfoot > tr > td.danger,
.table > thead > tr > th.danger,
.table > tbody > tr > th.danger,
.table > tfoot > tr > th.danger,
.table > thead > tr.danger > td,
.table > tbody > tr.danger > td,
.table > tfoot > tr.danger > td,
.table > thead > tr.danger > th,
.table > tbody > tr.danger > th,
.table > tfoot > tr.danger > th {
  background-color: #f2dede; }

.table-hover > tbody > tr > td.danger:hover,
.table-hover > tbody > tr > th.danger:hover,
.table-hover > tbody > tr.danger:hover > td,
.table-hover > tbody > tr:hover > .danger,
.table-hover > tbody > tr.danger:hover > th {
  background-color: #ebcccc; }

.table-responsive {
  overflow-x: auto;
  min-height: 0.01%; }

@media screen and (max-width: 767px) {
  .table-responsive {
    width: 100%;
    margin-bottom: 15px;
    overflow-y: hidden;
    -ms-overflow-style: -ms-autohiding-scrollbar;
    border: 1px solid #dddddd; }

  .table-responsive > .table {
    margin-bottom: 0; }

  .table-responsive > .table > thead > tr > th,
  .table-responsive > .table > tbody > tr > th,
  .table-responsive > .table > tfoot > tr > th,
  .table-responsive > .table > thead > tr > td,
  .table-responsive > .table > tbody > tr > td,
  .table-responsive > .table > tfoot > tr > td {
    white-space: nowrap; }

  .table-responsive > .table-bordered {
    border: 0; }

  .table-responsive > .table-bordered > thead > tr > th:first-child,
  .table-responsive > .table-bordered > tbody > tr > th:first-child,
  .table-responsive > .table-bordered > tfoot > tr > th:first-child,
  .table-responsive > .table-bordered > thead > tr > td:first-child,
  .table-responsive > .table-bordered > tbody > tr > td:first-child,
  .table-responsive > .table-bordered > tfoot > tr > td:first-child {
    border-left: 0; }

  .table-responsive > .table-bordered > thead > tr > th:last-child,
  .table-responsive > .table-bordered > tbody > tr > th:last-child,
  .table-responsive > .table-bordered > tfoot > tr > th:last-child,
  .table-responsive > .table-bordered > thead > tr > td:last-child,
  .table-responsive > .table-bordered > tbody > tr > td:last-child,
  .table-responsive > .table-bordered > tfoot > tr > td:last-child {
    border-right: 0; }

  .table-responsive > .table-bordered > tbody > tr:last-child > th,
  .table-responsive > .table-bordered > tfoot > tr:last-child > th,
  .table-responsive > .table-bordered > tbody > tr:last-child > td,
  .table-responsive > .table-bordered > tfoot > tr:last-child > td {
    border-bottom: 0; } }
[role="button"] {
  cursor: pointer; }

.caret {
  display: inline-block;
  width: 0;
  height: 0;
  margin-left: 2px;
  vertical-align: middle;
  border-top: 4px dashed;
  border-top: 4px solid \9;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent; }

.dropup,
.dropdown {
  position: relative; }

.dropdown-toggle:focus {
  outline: 0; }

.dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 1000;
  display: none;
  float: left;
  min-width: 160px;
  padding: 5px 0;
  margin: 2px 0 0;
  list-style: none;
  font-size: 14px;
  text-align: left;
  background-color: #ffffff;
  border: 1px solid #cccccc;
  border: 1px solid rgba(0, 0, 0, 0.15);
  border-radius: 4px;
  -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  box-shadow: 0 6px 12px rgba(0, 0, 0, 0.175);
  -webkit-background-clip: padding-box;
  background-clip: padding-box; }

.dropdown-menu.pull-right {
  right: 0;
  left: auto; }

.dropdown-menu .divider {
  height: 1px;
  margin: 9px 0;
  overflow: hidden;
  background-color: #e5e5e5; }

.dropdown-menu > li > a {
  display: block;
  padding: 3px 20px;
  clear: both;
  font-weight: normal;
  line-height: 1.42857143;
  color: #333333;
  white-space: nowrap; }

.dropdown-menu > li.hover > a,
.dropdown-menu > li > a.hover,
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus {
  text-decoration: none;
  color: #262626;
  background-color: #f5f5f5; }

.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  color: #ffffff;
  text-decoration: none;
  outline: 0;
  background-color: #337ab7; }

.dropdown-menu > .disabled > a,
.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  color: #777777; }

.dropdown-menu > .disabled > a:hover,
.dropdown-menu > .disabled > a:focus {
  text-decoration: none;
  background-color: transparent;
  background-image: none;
  filter: progid:DXImageTransform.Microsoft.gradient(enabled = false);
  cursor: not-allowed; }

.open > .dropdown-menu {
  display: block; }

.open > a {
  outline: 0; }

.dropdown-menu-right {
  left: auto;
  right: 0; }

.dropdown-menu-left {
  left: 0;
  right: auto; }

.dropdown-header {
  display: block;
  padding: 3px 20px;
  font-size: 12px;
  line-height: 1.42857143;
  color: #777777;
  white-space: nowrap; }

.dropdown-backdrop {
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: 0;
  z-index: 990; }

.pull-right > .dropdown-menu {
  right: 0;
  left: auto; }

.dropup .caret,
.navbar-fixed-bottom .dropdown .caret {
  border-top: 0;
  border-bottom: 4px dashed;
  border-bottom: 4px solid \9;
  content: ""; }

.dropup .dropdown-menu,
.navbar-fixed-bottom .dropdown .dropdown-menu {
  top: auto;
  bottom: 100%;
  margin-bottom: 2px; }

@media (min-width: 768px) {
  .navbar-right .dropdown-menu {
    left: auto;
    right: 0; }

  .navbar-right .dropdown-menu-left {
    left: 0;
    right: auto; } }
/*!
 * Datetimepicker for Bootstrap 3
 * version : 4.17.37
 * https://github.com/Eonasdan/bootstrap-datetimepicker/
 */
.bootstrap-datetimepicker-widget {
  list-style: none; }

.bootstrap-datetimepicker-widget.dropdown-menu {
  margin: 2px 0;
  padding: 4px;
  width: 19em; }

@media (min-width: 768px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }
@media (min-width: 992px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }
@media (min-width: 1200px) {
  .bootstrap-datetimepicker-widget.dropdown-menu.timepicker-sbs {
    width: 38em; } }
.bootstrap-datetimepicker-widget.dropdown-menu:before,
.bootstrap-datetimepicker-widget.dropdown-menu:after {
  content: '';
  display: inline-block;
  position: absolute; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #cccccc;
  border-bottom-color: rgba(0, 0, 0, 0.2);
  top: -7px;
  left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.bottom:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  top: -6px;
  left: 8px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:before {
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-top: 7px solid #cccccc;
  border-top-color: rgba(0, 0, 0, 0.2);
  bottom: -7px;
  left: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.top:after {
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid white;
  bottom: -6px;
  left: 7px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:before {
  left: auto;
  right: 6px; }

.bootstrap-datetimepicker-widget.dropdown-menu.pull-right:after {
  left: auto;
  right: 7px; }

.bootstrap-datetimepicker-widget .list-unstyled {
  margin: 0; }

.bootstrap-datetimepicker-widget a[data-action] {
  padding: 6px 0; }

.bootstrap-datetimepicker-widget a[data-action]:active {
  box-shadow: none; }

.bootstrap-datetimepicker-widget .timepicker-hour,
.bootstrap-datetimepicker-widget .timepicker-minute,
.bootstrap-datetimepicker-widget .timepicker-second {
  width: 54px;
  font-weight: bold;
  font-size: 1.2em;
  margin: 0; }

.bootstrap-datetimepicker-widget button[data-action] {
  padding: 6px; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="incrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Increment Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="decrementMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Decrement Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="showHours"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Hours"; }

.bootstrap-datetimepicker-widget .btn[data-action="showMinutes"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Show Minutes"; }

.bootstrap-datetimepicker-widget .btn[data-action="togglePeriod"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle AM/PM"; }

.bootstrap-datetimepicker-widget .btn[data-action="clear"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Clear the picker"; }

.bootstrap-datetimepicker-widget .btn[data-action="today"]::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Set the date to today"; }

.bootstrap-datetimepicker-widget .picker-switch {
  text-align: center; }

.bootstrap-datetimepicker-widget .picker-switch::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Toggle Date and Time Screens"; }

.bootstrap-datetimepicker-widget .picker-switch td {
  padding: 0;
  margin: 0;
  height: auto;
  width: auto;
  line-height: inherit; }

.bootstrap-datetimepicker-widget .picker-switch td span {
  line-height: 2.5;
  height: 2.5em;
  width: 100%; }

.bootstrap-datetimepicker-widget table {
  width: 100%;
  margin: 0; }

.bootstrap-datetimepicker-widget table td,
.bootstrap-datetimepicker-widget table th {
  text-align: center;
  border-radius: 4px; }

.bootstrap-datetimepicker-widget table th {
  height: 20px;
  line-height: 20px;
  width: 20px; }

.bootstrap-datetimepicker-widget table th.picker-switch {
  width: 145px; }

.bootstrap-datetimepicker-widget table th.disabled,
.bootstrap-datetimepicker-widget table th.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget table th.prev::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Previous Month"; }

.bootstrap-datetimepicker-widget table th.next::after {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  border: 0;
  content: "Next Month"; }

.bootstrap-datetimepicker-widget table thead tr:first-child th {
  cursor: pointer; }

.bootstrap-datetimepicker-widget table thead tr:first-child th:hover {
  background: #eeeeee; }

.bootstrap-datetimepicker-widget table td {
  height: 54px;
  line-height: 54px;
  width: 54px; }

.bootstrap-datetimepicker-widget table td.cw {
  font-size: .8em;
  height: 20px;
  line-height: 20px;
  color: #777777; }

.bootstrap-datetimepicker-widget table td.day {
  height: 20px;
  line-height: 20px;
  width: 20px; }

.bootstrap-datetimepicker-widget table td.day:hover,
.bootstrap-datetimepicker-widget table td.hour:hover,
.bootstrap-datetimepicker-widget table td.minute:hover,
.bootstrap-datetimepicker-widget table td.second:hover {
  background: #eeeeee;
  cursor: pointer; }

.bootstrap-datetimepicker-widget table td.old,
.bootstrap-datetimepicker-widget table td.new {
  color: #777777; }

.bootstrap-datetimepicker-widget table td.today {
  position: relative; }

.bootstrap-datetimepicker-widget table td.today:before {
  content: '';
  display: inline-block;
  border: solid transparent;
  border-width: 0 0 7px 7px;
  border-bottom-color: #337ab7;
  border-top-color: rgba(0, 0, 0, 0.2);
  position: absolute;
  bottom: 4px;
  right: 4px; }

.bootstrap-datetimepicker-widget table td.active,
.bootstrap-datetimepicker-widget table td.active:hover {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td.active.today:before {
  border-bottom-color: #fff; }

.bootstrap-datetimepicker-widget table td.disabled,
.bootstrap-datetimepicker-widget table td.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget table td span {
  display: inline-block;
  width: 54px;
  height: 54px;
  line-height: 54px;
  margin: 2px 1.5px;
  cursor: pointer;
  border-radius: 4px; }

.bootstrap-datetimepicker-widget table td span:hover {
  background: #eeeeee; }

.bootstrap-datetimepicker-widget table td span.active {
  background-color: #337ab7;
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); }

.bootstrap-datetimepicker-widget table td span.old {
  color: #777777; }

.bootstrap-datetimepicker-widget table td span.disabled,
.bootstrap-datetimepicker-widget table td span.disabled:hover {
  background: none;
  color: #777777;
  cursor: not-allowed; }

.bootstrap-datetimepicker-widget.usetwentyfour td.hour {
  height: 27px;
  line-height: 27px; }

.bootstrap-datetimepicker-widget.wider {
  width: 21em; }

.bootstrap-datetimepicker-widget .datepicker-decades .decade {
  line-height: 1.8em !important; }

.input-group.date .input-group-addon {
  cursor: pointer; }

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

/*!
 * Cropper.js v1.4.1
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2018-07-15T09:54:43.167Z
 */
.cropper-container {
  direction: ltr;
  font-size: 0;
  line-height: 0;
  position: relative;
  -ms-touch-action: none;
  touch-action: none;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.cropper-container img {
  display: block;
  height: 100%;
  image-orientation: 0deg;
  max-height: none !important;
  max-width: none !important;
  min-height: 0 !important;
  min-width: 0 !important;
  width: 100%; }

.cropper-wrap-box,
.cropper-canvas,
.cropper-drag-box,
.cropper-crop-box,
.cropper-modal {
  bottom: 0;
  left: 0;
  position: absolute;
  right: 0;
  top: 0; }

.cropper-wrap-box,
.cropper-canvas {
  overflow: hidden; }

.cropper-drag-box {
  background-color: #fff;
  opacity: 0; }

.cropper-modal {
  background-color: #000;
  opacity: .5; }

.cropper-view-box {
  display: block;
  height: 100%;
  outline-color: rgba(51, 153, 255, 0.75);
  outline: 1px solid #39f;
  overflow: hidden;
  width: 100%; }

.cropper-dashed {
  border: 0 dashed #eee;
  display: block;
  opacity: .5;
  position: absolute; }

.cropper-dashed.dashed-h {
  border-bottom-width: 1px;
  border-top-width: 1px;
  height: calc(100% / 3);
  left: 0;
  top: calc(100% / 3);
  width: 100%; }

.cropper-dashed.dashed-v {
  border-left-width: 1px;
  border-right-width: 1px;
  height: 100%;
  left: calc(100% / 3);
  top: 0;
  width: calc(100% / 3); }

.cropper-center {
  display: block;
  height: 0;
  left: 50%;
  opacity: .75;
  position: absolute;
  top: 50%;
  width: 0; }

.cropper-center:before,
.cropper-center:after {
  background-color: #eee;
  content: ' ';
  display: block;
  position: absolute; }

.cropper-center:before {
  height: 1px;
  left: -3px;
  top: 0;
  width: 7px; }

.cropper-center:after {
  height: 7px;
  left: 0;
  top: -3px;
  width: 1px; }

.cropper-face,
.cropper-line,
.cropper-point {
  display: block;
  height: 100%;
  opacity: .1;
  position: absolute;
  width: 100%; }

.cropper-face {
  background-color: #fff;
  left: 0;
  top: 0; }

.cropper-line {
  background-color: #39f; }

.cropper-line.line-e {
  cursor: ew-resize;
  right: -3px;
  top: 0;
  width: 5px; }

.cropper-line.line-n {
  cursor: ns-resize;
  height: 5px;
  left: 0;
  top: -3px; }

.cropper-line.line-w {
  cursor: ew-resize;
  left: -3px;
  top: 0;
  width: 5px; }

.cropper-line.line-s {
  bottom: -3px;
  cursor: ns-resize;
  height: 5px;
  left: 0; }

.cropper-point {
  background-color: #39f;
  height: 5px;
  opacity: .75;
  width: 5px; }

.cropper-point.point-e {
  cursor: ew-resize;
  margin-top: -3px;
  right: -3px;
  top: 50%; }

.cropper-point.point-n {
  cursor: ns-resize;
  left: 50%;
  margin-left: -3px;
  top: -3px; }

.cropper-point.point-w {
  cursor: ew-resize;
  left: -3px;
  margin-top: -3px;
  top: 50%; }

.cropper-point.point-s {
  bottom: -3px;
  cursor: s-resize;
  left: 50%;
  margin-left: -3px; }

.cropper-point.point-ne {
  cursor: nesw-resize;
  right: -3px;
  top: -3px; }

.cropper-point.point-nw {
  cursor: nwse-resize;
  left: -3px;
  top: -3px; }

.cropper-point.point-sw {
  bottom: -3px;
  cursor: nesw-resize;
  left: -3px; }

.cropper-point.point-se {
  bottom: -3px;
  cursor: nwse-resize;
  height: 20px;
  opacity: 1;
  right: -3px;
  width: 20px; }

@media (min-width: 768px) {
  .cropper-point.point-se {
    height: 15px;
    width: 15px; } }
@media (min-width: 992px) {
  .cropper-point.point-se {
    height: 10px;
    width: 10px; } }
@media (min-width: 1200px) {
  .cropper-point.point-se {
    height: 5px;
    opacity: .75;
    width: 5px; } }
.cropper-point.point-se:before {
  background-color: #39f;
  bottom: -50%;
  content: ' ';
  display: block;
  height: 200%;
  opacity: 0;
  position: absolute;
  right: -50%;
  width: 200%; }

.cropper-invisible {
  opacity: 0; }

.cropper-bg {
  background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQAQMAAAAlPW0iAAAAA3NCSVQICAjb4U/gAAAABlBMVEXMzMz////TjRV2AAAACXBIWXMAAArrAAAK6wGCiw1aAAAAHHRFWHRTb2Z0d2FyZQBBZG9iZSBGaXJld29ya3MgQ1M26LyyjAAAABFJREFUCJlj+M/AgBVhF/0PAH6/D/HkDxOGAAAAAElFTkSuQmCC"); }

.cropper-hide {
  display: block;
  height: 0;
  position: absolute;
  width: 0; }

.cropper-hidden {
  display: none !important; }

.cropper-move {
  cursor: move; }

.cropper-crop {
  cursor: crosshair; }

.cropper-disabled .cropper-drag-box,
.cropper-disabled .cropper-face,
.cropper-disabled .cropper-line,
.cropper-disabled .cropper-point {
  cursor: not-allowed; }

.minicolors {
  position: relative; }

.minicolors-sprite {
  background-image: url(../png/jquery.minicolors.png); }

.minicolors-swatch {
  position: absolute;
  vertical-align: middle;
  background-position: -80px 0;
  border: solid 1px #ccc;
  cursor: text;
  padding: 0;
  margin: 0;
  display: inline-block; }

.minicolors-swatch-color {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0; }

.minicolors input[type=hidden] + .minicolors-swatch {
  width: 28px;
  position: static;
  cursor: pointer; }

.minicolors input[type=hidden][disabled] + .minicolors-swatch {
  cursor: default; }

/* Panel */
.minicolors-panel {
  position: absolute;
  width: 173px;
  background: white;
  border: solid 1px #CCC;
  box-shadow: 0 0 20px rgba(0, 0, 0, 0.2);
  z-index: 99999;
  box-sizing: content-box;
  display: none; }

.minicolors-panel.minicolors-visible {
  display: block; }

/* Panel positioning */
.minicolors-position-top .minicolors-panel {
  top: -154px; }

.minicolors-position-right .minicolors-panel {
  right: 0; }

.minicolors-position-bottom .minicolors-panel {
  top: auto; }

.minicolors-position-left .minicolors-panel {
  left: 0; }

.minicolors-with-opacity .minicolors-panel {
  width: 194px; }

.minicolors .minicolors-grid {
  position: relative;
  top: 1px;
  left: 1px;
  /* LTR */
  width: 150px;
  height: 150px;
  margin-bottom: 2px;
  background-position: -120px 0;
  cursor: crosshair; }

[dir=rtl] .minicolors .minicolors-grid {
  right: 1px; }

.minicolors .minicolors-grid-inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 150px;
  height: 150px; }

.minicolors-slider-saturation .minicolors-grid {
  background-position: -420px 0; }

.minicolors-slider-saturation .minicolors-grid-inner {
  background-position: -270px 0;
  background-image: inherit; }

.minicolors-slider-brightness .minicolors-grid {
  background-position: -570px 0; }

.minicolors-slider-brightness .minicolors-grid-inner {
  background-color: black; }

.minicolors-slider-wheel .minicolors-grid {
  background-position: -720px 0; }

.minicolors-slider,
.minicolors-opacity-slider {
  position: absolute;
  top: 1px;
  left: 152px;
  /* LTR */
  width: 20px;
  height: 150px;
  background-color: white;
  background-position: 0 0;
  cursor: row-resize; }

[dir=rtl] .minicolors-slider,
[dir=rtl] .minicolors-opacity-slider {
  right: 152px; }

.minicolors-slider-saturation .minicolors-slider {
  background-position: -60px 0; }

.minicolors-slider-brightness .minicolors-slider {
  background-position: -20px 0; }

.minicolors-slider-wheel .minicolors-slider {
  background-position: -20px 0; }

.minicolors-opacity-slider {
  left: 173px;
  /* LTR */
  background-position: -40px 0;
  display: none; }

[dir=rtl] .minicolors-opacity-slider {
  right: 173px; }

.minicolors-with-opacity .minicolors-opacity-slider {
  display: block; }

/* Pickers */
.minicolors-grid .minicolors-picker {
  position: absolute;
  top: 70px;
  left: 70px;
  width: 12px;
  height: 12px;
  border: solid 1px black;
  border-radius: 10px;
  margin-top: -6px;
  margin-left: -6px;
  background: none; }

.minicolors-grid .minicolors-picker > div {
  position: absolute;
  top: 0;
  left: 0;
  width: 8px;
  height: 8px;
  border-radius: 8px;
  border: solid 2px white;
  box-sizing: content-box; }

.minicolors-picker {
  position: absolute;
  top: 0;
  left: 0;
  width: 18px;
  height: 2px;
  background: white;
  border: solid 1px black;
  margin-top: -2px;
  box-sizing: content-box; }

/* Swatches */
.minicolors-swatches,
.minicolors-swatches li {
  margin: 5px 0 3px 5px;
  /* LTR */
  padding: 0;
  list-style: none;
  overflow: hidden; }

[dir=rtl] .minicolors-swatches,
[dir=rtl] .minicolors-swatches li {
  margin: 5px 5px 3px 0; }

.minicolors-swatches .minicolors-swatch {
  position: relative;
  float: left;
  /* LTR */
  cursor: pointer;
  margin: 0 4px 0 0;
  /* LTR */ }

[dir=rtl] .minicolors-swatches .minicolors-swatch {
  float: right;
  margin: 0 0 0 4px; }

.minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
  margin-right: 7px;
  /* LTR */ }

[dir=rtl] .minicolors-with-opacity .minicolors-swatches .minicolors-swatch {
  margin-right: 0;
  margin-left: 7px; }

.minicolors-swatch.selected {
  border-color: #000; }

/* Inline controls */
.minicolors-inline {
  display: inline-block; }

.minicolors-inline .minicolors-input {
  display: none !important; }

.minicolors-inline .minicolors-panel {
  position: relative;
  top: auto;
  left: auto;
  /* LTR */
  box-shadow: none;
  z-index: auto;
  display: inline-block; }

[dir=rtl] .minicolors-inline .minicolors-panel {
  right: auto; }

/* Default theme */
.minicolors-theme-default .minicolors-swatch {
  top: 5px;
  left: 5px;
  /* LTR */
  width: 18px;
  height: 18px; }

[dir=rtl] .minicolors-theme-default .minicolors-swatch {
  right: 5px; }

.minicolors-theme-default .minicolors-swatches .minicolors-swatch {
  margin-bottom: 2px;
  top: 0;
  left: 0;
  /* LTR */
  width: 18px;
  height: 18px; }

[dir=rtl] .minicolors-theme-default .minicolors-swatches .minicolors-swatch {
  right: 0; }

.minicolors-theme-default.minicolors-position-right .minicolors-swatch {
  left: auto;
  /* LTR */
  right: 5px;
  /* LTR */ }

[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-swatch {
  right: auto;
  left: 5px; }

.minicolors-theme-default.minicolors {
  width: auto;
  display: inline-block; }

.minicolors-theme-default .minicolors-input {
  height: 20px;
  width: auto;
  display: inline-block;
  padding-left: 26px;
  /* LTR */ }

[dir=rtl] .minicolors-theme-default .minicolors-input {
  text-align: right;
  unicode-bidi: plaintext;
  padding-left: 1px;
  padding-right: 26px; }

.minicolors-theme-default.minicolors-position-right .minicolors-input {
  padding-right: 26px;
  /* LTR */
  padding-left: inherit;
  /* LTR */ }

[dir=rtl] .minicolors-theme-default.minicolors-position-left .minicolors-input {
  padding-right: inherit;
  padding-left: 26px; }

/* Bootstrap theme */
.minicolors-theme-bootstrap .minicolors-swatch {
  z-index: 2;
  top: 3px;
  left: 3px;
  /* LTR */
  width: 28px;
  height: 28px;
  border-radius: 3px; }

[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatch {
  right: 3px; }

.minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
  margin-bottom: 2px;
  top: 0;
  left: 0;
  /* LTR */
  width: 20px;
  height: 20px; }

[dir=rtl] .minicolors-theme-bootstrap .minicolors-swatches .minicolors-swatch {
  right: 0; }

.minicolors-theme-bootstrap .minicolors-swatch-color {
  border-radius: inherit; }

.minicolors-theme-bootstrap.minicolors-position-right > .minicolors-swatch {
  left: auto;
  /* LTR */
  right: 3px;
  /* LTR */ }

[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left > .minicolors-swatch {
  right: auto;
  left: 3px; }

.minicolors-theme-bootstrap .minicolors-input {
  float: none;
  padding-left: 44px;
  /* LTR */ }

[dir=rtl] .minicolors-theme-bootstrap .minicolors-input {
  text-align: right;
  unicode-bidi: plaintext;
  padding-left: 12px;
  padding-right: 44px; }

.minicolors-theme-bootstrap.minicolors-position-right .minicolors-input {
  padding-right: 44px;
  /* LTR */
  padding-left: 12px;
  /* LTR */ }

[dir=rtl] .minicolors-theme-bootstrap.minicolors-position-left .minicolors-input {
  padding-right: 12px;
  padding-left: 44px; }

.minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
  top: 4px;
  left: 4px;
  /* LTR */
  width: 37px;
  height: 37px;
  border-radius: 5px; }

[dir=rtl] .minicolors-theme-bootstrap .minicolors-input.input-lg + .minicolors-swatch {
  right: 4px; }

.minicolors-theme-bootstrap .minicolors-input.input-sm + .minicolors-swatch {
  width: 24px;
  height: 24px; }

.minicolors-theme-bootstrap .minicolors-input.input-xs + .minicolors-swatch {
  width: 18px;
  height: 18px; }

.input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
  border-top-left-radius: 0;
  /* LTR */
  border-bottom-left-radius: 0;
  /* LTR */ }

[dir=rtl] .input-group .minicolors-theme-bootstrap .minicolors-input {
  border-radius: 4px; }

[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:first-child) .minicolors-input {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

[dir=rtl] .input-group .minicolors-theme-bootstrap:not(:last-child) .minicolors-input {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0; }

/* bootstrap input-group rtl override */
[dir=rtl] .input-group .form-control,
[dir=rtl] .input-group-addon,
[dir=rtl] .input-group-btn > .btn,
[dir=rtl] .input-group-btn > .btn-group > .btn,
[dir=rtl] .input-group-btn > .dropdown-toggle {
  border: 1px solid #ccc;
  border-radius: 4px; }

[dir=rtl] .input-group .form-control:first-child,
[dir=rtl] .input-group-addon:first-child,
[dir=rtl] .input-group-btn:first-child > .btn,
[dir=rtl] .input-group-btn:first-child > .btn-group > .btn,
[dir=rtl] .input-group-btn:first-child > .dropdown-toggle,
[dir=rtl] .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle),
[dir=rtl] .input-group-btn:last-child > .btn-group:not(:last-child) > .btn {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
  border-left: 0; }

[dir=rtl] .input-group .form-control:last-child,
[dir=rtl] .input-group-addon:last-child,
[dir=rtl] .input-group-btn:last-child > .btn,
[dir=rtl] .input-group-btn:last-child > .btn-group > .btn,
[dir=rtl] .input-group-btn:last-child > .dropdown-toggle,
[dir=rtl] .input-group-btn:first-child > .btn:not(:first-child),
[dir=rtl] .input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0; }

/* Semantic Ui theme */
.minicolors-theme-semanticui .minicolors-swatch {
  top: 0;
  left: 0;
  /* LTR */
  padding: 18px; }

[dir=rtl] .minicolors-theme-semanticui .minicolors-swatch {
  right: 0; }

.minicolors-theme-semanticui input {
  text-indent: 30px; }

@keyframes a {
  0% {
    transform: scale(1.5);
    opacity: 0; }
  to {
    transform: scale(1);
    opacity: 1; } }
@keyframes b {
  0% {
    transform: scale(1);
    opacity: 1; }
  15% {
    transform: scale(1.1);
    opacity: 1; }
  to {
    transform: scale(0.5);
    opacity: 0; } }
@keyframes c {
  0% {
    transform: translate(-50%, -50%) rotate(0); }
  50% {
    transform: translate(-50%, -50%) rotate(-180deg); }
  to {
    transform: translate(-50%, -50%) rotate(-1turn); } }
@keyframes d {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(1.2) translateX(6px); }
  25% {
    transform: scale(1.3) translateX(8px); }
  40% {
    transform: scale(1.2) translateX(6px); }
  50% {
    transform: scale(1); }
  60% {
    transform: scale(0.8) translateX(6px); }
  75% {
    transform: scale(0.7) translateX(8px); }
  90% {
    transform: scale(0.8) translateX(6px); }
  to {
    transform: scale(1); } }
@keyframes e {
  0% {
    transform: scale(1); }
  10% {
    transform: scale(1.2) translateX(-6px); }
  25% {
    transform: scale(1.3) translateX(-8px); }
  40% {
    transform: scale(1.2) translateX(-6px); }
  50% {
    transform: scale(1); }
  60% {
    transform: scale(0.8) translateX(-6px); }
  75% {
    transform: scale(0.7) translateX(-8px); }
  90% {
    transform: scale(0.8) translateX(-6px); }
  to {
    transform: scale(1); } }
@-webkit-keyframes a {
  0% {
    -webkit-transform: scale(1.5);
    opacity: 0; }
  to {
    -webkit-transform: scale(1);
    opacity: 1; } }
@-webkit-keyframes b {
  0% {
    -webkit-transform: scale(1);
    opacity: 1; }
  15% {
    -webkit-transform: scale(1.1);
    opacity: 1; }
  to {
    -webkit-transform: scale(0.5);
    opacity: 0; } }
@-webkit-keyframes c {
  0% {
    -webkit-transform: translate(-50%, -50%) rotate(0); }
  50% {
    -webkit-transform: translate(-50%, -50%) rotate(-180deg); }
  to {
    -webkit-transform: translate(-50%, -50%) rotate(-1turn); } }
@-webkit-keyframes d {
  0% {
    -webkit-transform: scale(1); }
  10% {
    -webkit-transform: scale(1.2) translateX(6px); }
  25% {
    -webkit-transform: scale(1.3) translateX(8px); }
  40% {
    -webkit-transform: scale(1.2) translateX(6px); }
  50% {
    -webkit-transform: scale(1); }
  60% {
    -webkit-transform: scale(0.8) translateX(6px); }
  75% {
    -webkit-transform: scale(0.7) translateX(8px); }
  90% {
    -webkit-transform: scale(0.8) translateX(6px); }
  to {
    -webkit-transform: scale(1); } }
@-webkit-keyframes e {
  0% {
    -webkit-transform: scale(1); }
  10% {
    -webkit-transform: scale(1.2) translateX(-6px); }
  25% {
    -webkit-transform: scale(1.3) translateX(-8px); }
  40% {
    -webkit-transform: scale(1.2) translateX(-6px); }
  50% {
    -webkit-transform: scale(1); }
  60% {
    -webkit-transform: scale(0.8) translateX(-6px); }
  75% {
    -webkit-transform: scale(0.7) translateX(-8px); }
  90% {
    -webkit-transform: scale(0.8) translateX(-6px); }
  to {
    -webkit-transform: scale(1); } }
.drift-zoom-pane {
  background: rgba(0, 0, 0, 0.5);
  transform: translateZ(0);
  -webkit-transform: translateZ(0); }

.drift-zoom-pane.drift-opening {
  animation: a .18s ease-out;
  -webkit-animation: a .18s ease-out; }

.drift-zoom-pane.drift-closing {
  animation: b .21s ease-in;
  -webkit-animation: b .21s ease-in; }

.drift-zoom-pane.drift-inline {
  position: absolute;
  width: 150px;
  height: 150px;
  border-radius: 75px;
  box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3); }

.drift-loading .drift-zoom-pane-loader {
  display: block;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  -webkit-transform: translate(-50%, -50%);
  width: 66px;
  height: 20px;
  animation: c 1.8s linear infinite;
  -webkit-animation: c 1.8s linear infinite; }

.drift-zoom-pane-loader:after, .drift-zoom-pane-loader:before {
  content: "";
  display: block;
  width: 20px;
  height: 20px;
  position: absolute;
  top: 50%;
  margin-top: -10px;
  border-radius: 20px;
  background: rgba(255, 255, 255, 0.9); }

.drift-zoom-pane-loader:before {
  left: 0;
  animation: d 1.8s linear infinite;
  -webkit-animation: d 1.8s linear infinite; }

.drift-zoom-pane-loader:after {
  right: 0;
  animation: e 1.8s linear infinite;
  -webkit-animation: e 1.8s linear infinite;
  animation-delay: -.9s;
  -webkit-animation-delay: -.9s; }

.drift-bounding-box {
  background-color: rgba(0, 0, 0, 0.4); }

:root {
  --tagify-dd-color-primary:rgb(53,149,246);
  --tagify-dd-bg-color:white; }

.tagify {
  --tags-border-color:#DDD;
  --tag-bg:#E5E5E5;
  --tag-hover:#D3E2E2;
  --tag-text-color:black;
  --tag-text-color--edit:black;
  --tag-pad:0.3em 0.5em;
  --tag-inset-shadow-size:1.1em;
  --tag-invalid-color:#D39494;
  --tag-invalid-bg:rgba(211, 148, 148, 0.5);
  --tag-remove-bg:rgba(211, 148, 148, 0.3);
  --tag-remove-btn-bg:none;
  --tag-remove-btn-bg--hover:#c77777;
  --tag--min-width:1ch;
  --tag--max-width:auto;
  --tag-hide-transition:.3s;
  --loader-size:.8em;
  display: flex;
  align-items: flex-start;
  flex-wrap: wrap;
  border: 1px solid #ddd;
  border: 1px solid var(--tags-border-color);
  padding: 0;
  line-height: 1.1;
  cursor: text;
  outline: 0;
  position: relative;
  transition: .1s; }

@keyframes tags--bump {
  30% {
    transform: scale(1.2); } }
@keyframes rotateLoader {
  to {
    transform: rotate(1turn); } }
.tagify:hover {
  border-color: #ccc; }

.tagify.tagify--focus {
  transition: 0s;
  border-color: #3595f6; }

.tagify[readonly] {
  cursor: default; }

.tagify[readonly] > .tagify__input {
  visibility: hidden;
  width: 0;
  margin: 5px 0; }

.tagify[readonly] .tagify__tag__removeBtn {
  display: none; }

.tagify[readonly] .tagify__tag > div {
  padding: .3em .5em;
  padding: var(--tag-pad); }

.tagify[readonly] .tagify__tag > div::before {
  background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
  box-shadow: none;
  filter: brightness(0.95); }

.tagify--loading .tagify__input::before {
  content: none; }

.tagify--loading .tagify__input::after {
  content: '';
  vertical-align: middle;
  margin: -2px 0 -2px .5em;
  opacity: 1;
  width: .7em;
  height: .7em;
  width: var(--loader-size);
  height: var(--loader-size);
  border: 3px solid;
  border-color: #eee #bbb #888 transparent;
  border-radius: 50%;
  animation: rotateLoader .4s infinite linear; }

.tagify--loading .tagify__input:empty::after {
  margin-left: 0; }

.tagify + input, .tagify + textarea {
  display: none !important; }

.tagify__tag {
  display: inline-flex;
  align-items: center;
  margin: 5px 0 5px 5px;
  position: relative;
  z-index: 1;
  outline: 0;
  cursor: default;
  transition: .13s ease-out; }

.tagify__tag > div {
  vertical-align: top;
  box-sizing: border-box;
  max-width: 100%;
  padding: .3em .5em;
  padding: var(--tag-pad);
  color: #000;
  color: var(--tag-text-color);
  line-height: inherit;
  border-radius: 3px;
  -webkit-user-select: none;
  user-select: none;
  transition: .13s ease-out; }

.tagify__tag > div > * {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: inline-block;
  vertical-align: top;
  min-width: var(--tag--min-width);
  max-width: var(--tag--max-width);
  transition: .8s ease,.1s color; }

.tagify__tag > div > [contenteditable] {
  outline: 0;
  -webkit-user-select: text;
  user-select: text;
  cursor: text;
  margin: -2px;
  padding: 2px;
  max-width: 350px; }

.tagify__tag > div::before {
  content: '';
  position: absolute;
  border-radius: inherit;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  z-index: -1;
  pointer-events: none;
  transition: 120ms ease;
  animation: tags--bump .3s ease-out 1;
  box-shadow: 0 0 0 1.1em #e5e5e5 inset;
  box-shadow: 0 0 0 calc(var(--tag-inset-shadow-size)) var(--tag-bg) inset; }

.tagify__tag:hover:not([readonly]) div::before {
  top: -2px;
  right: -2px;
  bottom: -2px;
  left: -2px;
  box-shadow: 0 0 0 1.1em #d3e2e2 inset;
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-hover) inset; }

.tagify__tag.tagify--noAnim {
  animation: none; }

.tagify__tag.tagify--hide {
  width: 0 !important;
  padding-left: 0;
  padding-right: 0;
  margin-left: 0;
  margin-right: 0;
  opacity: 0;
  transform: scale(0);
  transition: .3s;
  transition: var(--tag-hide-transition);
  pointer-events: none; }

.tagify__tag.tagify--mark div::before {
  animation: none; }

.tagify__tag.tagify--notAllowed div > span {
  opacity: .5; }

.tagify__tag.tagify--notAllowed div::before {
  box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.5) inset !important;
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-invalid-bg) inset !important;
  transition: .2s; }

.tagify__tag[readonly] .tagify__tag__removeBtn {
  display: none; }

.tagify__tag[readonly] > div::before {
  background: linear-gradient(45deg, var(--tag-bg) 25%, transparent 25%, transparent 50%, var(--tag-bg) 50%, var(--tag-bg) 75%, transparent 75%, transparent) 0/5px 5px;
  box-shadow: none;
  filter: brightness(0.95); }

.tagify__tag--editable > div {
  color: #000;
  color: var(--tag-text-color--edit); }

.tagify__tag--editable > div::before {
  box-shadow: 0 0 0 2px #d3e2e2 inset !important;
  box-shadow: 0 0 0 2px var(--tag-hover) inset !important; }

.tagify__tag--editable.tagify--invalid > div::before {
  box-shadow: 0 0 0 2px #d39494 inset !important;
  box-shadow: 0 0 0 2px var(--tag-invalid-color) inset !important; }

.tagify__tag__removeBtn {
  order: 5;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  border-radius: 50px;
  cursor: pointer;
  font: 14px Serif;
  background: 0 0;
  background: var(--tag-remove-btn-bg);
  color: #000;
  color: var(--tag-text-color);
  width: 14px;
  height: 14px;
  margin-right: 4.66667px;
  margin-left: -4.66667px;
  transition: .2s ease-out; }

.tagify__tag__removeBtn::after {
  content: "\00D7"; }

.tagify__tag__removeBtn:hover {
  color: #fff;
  background: #c77777;
  background: var(--tag-remove-btn-bg--hover); }

.tagify__tag__removeBtn:hover + div > span {
  opacity: .5; }

.tagify__tag__removeBtn:hover + div::before {
  box-shadow: 0 0 0 1.1em rgba(211, 148, 148, 0.3) inset !important;
  box-shadow: 0 0 0 var(--tag-inset-shadow-size) var(--tag-remove-bg) inset !important;
  transition: .2s; }

.tagify:not(.tagify--mix) .tagify__input br {
  display: none; }

.tagify:not(.tagify--mix) .tagify__input * {
  display: inline;
  white-space: nowrap; }

.tagify__input {
  display: block;
  min-width: 110px;
  margin: 5px;
  padding: .3em .5em;
  padding: var(--tag-pad, 0.3em 0.5em);
  line-height: inherit;
  position: relative;
  white-space: pre-line; }

.tagify__input::before {
  display: inline-block;
  width: 0; }

.tagify__input:empty::before {
  transition: .2s ease-out;
  opacity: .5;
  transform: none;
  width: auto; }

.tagify__input:focus {
  outline: 0; }

.tagify__input:focus::before {
  transition: .2s ease-out;
  opacity: 0;
  transform: translatex(6px); }

@supports (-moz-appearance: none) {
  .tagify__input:focus::before {
    display: none; } }
.tagify__input:focus:empty::before {
  transition: .2s ease-out;
  opacity: .3;
  transform: none; }

@supports (-moz-appearance: none) {
  .tagify__input:focus:empty::before {
    display: inline-block; } }
.tagify__input::before {
  content: attr(data-placeholder);
  line-height: 1.8;
  position: absolute;
  top: 0;
  z-index: 1;
  color: #000;
  white-space: nowrap;
  pointer-events: none;
  opacity: 0; }

.tagify--mix .tagify__input::before {
  position: static;
  line-height: inherit; }

@supports (-moz-appearance: none) {
  .tagify__input::before {
    line-height: inherit;
    position: relative; } }
.tagify__input::after {
  content: attr(data-suggest);
  display: inline-block;
  white-space: pre;
  color: #000;
  opacity: .3;
  pointer-events: none;
  max-width: 100px; }

.tagify__input .tagify__tag {
  margin: 0; }

.tagify__input .tagify__tag > div {
  padding-top: 0;
  padding-bottom: 0; }

.tagify--mix {
  line-height: 1.7; }

.tagify--mix .tagify__input {
  padding: 5px;
  margin: 0;
  width: 100%;
  height: 100%;
  line-height: inherit; }

.tagify--mix .tagify__input::after {
  content: none; }

.tagify--select::after {
  content: '>';
  opacity: .5;
  position: absolute;
  top: 50%;
  right: 0;
  bottom: 0;
  font: 16px monospace;
  line-height: 8px;
  height: 8px;
  pointer-events: none;
  transform: translate(-150%, -50%) scaleX(1.2) rotate(90deg);
  transition: .2s ease-in-out; }

.tagify--select[aria-expanded=true]::after {
  transform: translate(-150%, -50%) rotate(270deg) scaleY(1.2); }

.tagify--select .tagify__tag {
  position: absolute;
  top: 0;
  right: 1.8em;
  bottom: 0; }

.tagify--select .tagify__tag div {
  display: none; }

.tagify--select .tagify__input {
  width: 100%; }

.tagify--invalid {
  --tags-border-color:#D39494; }

.tagify__dropdown {
  position: absolute;
  z-index: 9999;
  transform: translateY(1px);
  overflow: hidden; }

.tagify__dropdown[placement=top] {
  margin-top: 0;
  transform: translateY(-2px); }

.tagify__dropdown[placement=top] .tagify__dropdown__wrapper {
  border-top-width: 1px;
  border-bottom-width: 0; }

.tagify__dropdown--text {
  box-shadow: 0 0 0 3px rgba(var(--tagify-dd-color-primary), 0.1);
  font-size: .9em; }

.tagify__dropdown--text .tagify__dropdown__wrapper {
  border-width: 1px; }

.tagify__dropdown__wrapper {
  max-height: 300px;
  overflow: hidden;
  background: #fff;
  background: var(--tagify-dd-bg-color);
  border: 1px solid #3595f6;
  border-color: var(--tagify-dd-color-primary);
  border-top-width: 0;
  box-shadow: 0 2px 4px -2px rgba(0, 0, 0, 0.2);
  transition: 0.25s cubic-bezier(0, 1, 0.5, 1); }

.tagify__dropdown__wrapper:hover {
  overflow: auto; }

.tagify__dropdown--initial .tagify__dropdown__wrapper {
  max-height: 20px;
  transform: translateY(-1em); }

.tagify__dropdown--initial[placement=top] .tagify__dropdown__wrapper {
  transform: translateY(2em); }

.tagify__dropdown__item {
  box-sizing: inherit;
  padding: .3em .5em;
  margin: 1px;
  cursor: pointer;
  border-radius: 2px;
  position: relative;
  outline: 0; }

.tagify__dropdown__item--active {
  background: #3595f6;
  background: var(--tagify-dd-color-primary);
  color: #fff; }

.tagify__dropdown__item:active {
  filter: brightness(105%); }

.intl-tel-input {
  position: relative;
  display: inline-block; }

.intl-tel-input * {
  box-sizing: border-box;
  -moz-box-sizing: border-box; }

.intl-tel-input .hide {
  display: none; }

.intl-tel-input .v-hide {
  visibility: hidden; }

.intl-tel-input input, .intl-tel-input input[type=text], .intl-tel-input input[type=tel] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-left: 48px;
  margin-left: 0;
  transition: background-color 100ms ease-out; }

.intl-tel-input input.iti-invalid-key {
  transition: background-color 0;
  background-color: #FFC7C7; }

.intl-tel-input .flag-dropdown {
  position: absolute;
  top: 0;
  bottom: 0;
  padding: 1px; }

.intl-tel-input .flag-dropdown:hover {
  cursor: pointer; }

.intl-tel-input .flag-dropdown:hover .selected-flag {
  background-color: rgba(0, 0, 0, 0.05); }

.intl-tel-input input[disabled] + .flag-dropdown:hover, .intl-tel-input input[readonly] + .flag-dropdown:hover {
  cursor: default; }

.intl-tel-input input[disabled] + .flag-dropdown:hover .selected-flag, .intl-tel-input input[readonly] + .flag-dropdown:hover .selected-flag {
  background-color: transparent; }

.intl-tel-input .selected-flag {
  z-index: 1;
  position: relative;
  width: 42px;
  height: 100%;
  padding: 0 0 0 8px; }

.intl-tel-input .selected-flag .iti-flag {
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto; }

.intl-tel-input .selected-flag .arrow {
  position: absolute;
  top: 50%;
  margin-top: -2px;
  right: 4px;
  width: 0;
  height: 0;
  border-left: 3px solid transparent;
  border-right: 3px solid transparent;
  border-top: 4px solid #555; }

.intl-tel-input .selected-flag .arrow.up {
  border-top: none;
  border-bottom: 4px solid #555; }

.intl-tel-input .country-list {
  list-style: none;
  position: absolute;
  z-index: 2;
  padding: 0;
  margin: 0 0 0 -1px;
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
  background-color: white;
  border: 1px solid #CCC;
  white-space: nowrap;
  max-height: 200px;
  overflow-y: scroll; }

.intl-tel-input .country-list .flag {
  display: inline-block;
  width: 20px; }

@media (max-width: 500px) {
  .intl-tel-input .country-list {
    white-space: normal; } }
.intl-tel-input .country-list .divider {
  padding-bottom: 5px;
  margin-bottom: 5px;
  border-bottom: 1px solid #CCC; }

.intl-tel-input .country-list .country {
  padding: 5px 10px; }

.intl-tel-input .country-list .country .dial-code {
  color: #999; }

.intl-tel-input .country-list .country.highlight {
  background-color: rgba(0, 0, 0, 0.05); }

.intl-tel-input .country-list .flag, .intl-tel-input .country-list .country-name, .intl-tel-input .country-list .dial-code {
  vertical-align: middle; }

.intl-tel-input .country-list .flag, .intl-tel-input .country-list .country-name {
  margin-right: 6px; }

.intl-tel-input select {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 42px;
  height: 100%;
  opacity: 0; }

.iti-flag {
  width: 20px; }

.iti-flag.be {
  width: 18px; }

.iti-flag.ch {
  width: 15px; }

.iti-flag.mc {
  width: 19px; }

.iti-flag.ne {
  width: 18px; }

.iti-flag.np {
  width: 13px; }

.iti-flag.va {
  width: 15px; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-size: 5630px 15px; } }
.iti-flag.ac {
  height: 10px;
  background-position: 0px 0px; }

.iti-flag.ad {
  height: 14px;
  background-position: -22px 0px; }

.iti-flag.ae {
  height: 10px;
  background-position: -44px 0px; }

.iti-flag.af {
  height: 14px;
  background-position: -66px 0px; }

.iti-flag.ag {
  height: 14px;
  background-position: -88px 0px; }

.iti-flag.ai {
  height: 10px;
  background-position: -110px 0px; }

.iti-flag.al {
  height: 15px;
  background-position: -132px 0px; }

.iti-flag.am {
  height: 10px;
  background-position: -154px 0px; }

.iti-flag.ao {
  height: 14px;
  background-position: -176px 0px; }

.iti-flag.aq {
  height: 14px;
  background-position: -198px 0px; }

.iti-flag.ar {
  height: 13px;
  background-position: -220px 0px; }

.iti-flag.as {
  height: 10px;
  background-position: -242px 0px; }

.iti-flag.at {
  height: 14px;
  background-position: -264px 0px; }

.iti-flag.au {
  height: 10px;
  background-position: -286px 0px; }

.iti-flag.aw {
  height: 14px;
  background-position: -308px 0px; }

.iti-flag.ax {
  height: 13px;
  background-position: -330px 0px; }

.iti-flag.az {
  height: 10px;
  background-position: -352px 0px; }

.iti-flag.ba {
  height: 10px;
  background-position: -374px 0px; }

.iti-flag.bb {
  height: 14px;
  background-position: -396px 0px; }

.iti-flag.bd {
  height: 12px;
  background-position: -418px 0px; }

.iti-flag.be {
  height: 15px;
  background-position: -440px 0px; }

.iti-flag.bf {
  height: 14px;
  background-position: -460px 0px; }

.iti-flag.bg {
  height: 12px;
  background-position: -482px 0px; }

.iti-flag.bh {
  height: 12px;
  background-position: -504px 0px; }

.iti-flag.bi {
  height: 12px;
  background-position: -526px 0px; }

.iti-flag.bj {
  height: 14px;
  background-position: -548px 0px; }

.iti-flag.bl {
  height: 14px;
  background-position: -570px 0px; }

.iti-flag.bm {
  height: 10px;
  background-position: -592px 0px; }

.iti-flag.bn {
  height: 10px;
  background-position: -614px 0px; }

.iti-flag.bo {
  height: 14px;
  background-position: -636px 0px; }

.iti-flag.bq {
  height: 14px;
  background-position: -658px 0px; }

.iti-flag.br {
  height: 14px;
  background-position: -680px 0px; }

.iti-flag.bs {
  height: 10px;
  background-position: -702px 0px; }

.iti-flag.bt {
  height: 14px;
  background-position: -724px 0px; }

.iti-flag.bv {
  height: 15px;
  background-position: -746px 0px; }

.iti-flag.bw {
  height: 14px;
  background-position: -768px 0px; }

.iti-flag.by {
  height: 10px;
  background-position: -790px 0px; }

.iti-flag.bz {
  height: 14px;
  background-position: -812px 0px; }

.iti-flag.ca {
  height: 10px;
  background-position: -834px 0px; }

.iti-flag.cc {
  height: 10px;
  background-position: -856px 0px; }

.iti-flag.cd {
  height: 15px;
  background-position: -878px 0px; }

.iti-flag.cf {
  height: 14px;
  background-position: -900px 0px; }

.iti-flag.cg {
  height: 14px;
  background-position: -922px 0px; }

.iti-flag.ch {
  height: 15px;
  background-position: -944px 0px; }

.iti-flag.ci {
  height: 14px;
  background-position: -961px 0px; }

.iti-flag.ck {
  height: 10px;
  background-position: -983px 0px; }

.iti-flag.cl {
  height: 14px;
  background-position: -1005px 0px; }

.iti-flag.cm {
  height: 14px;
  background-position: -1027px 0px; }

.iti-flag.cn {
  height: 14px;
  background-position: -1049px 0px; }

.iti-flag.co {
  height: 14px;
  background-position: -1071px 0px; }

.iti-flag.cp {
  height: 14px;
  background-position: -1093px 0px; }

.iti-flag.cr {
  height: 12px;
  background-position: -1115px 0px; }

.iti-flag.cu {
  height: 10px;
  background-position: -1137px 0px; }

.iti-flag.cv {
  height: 12px;
  background-position: -1159px 0px; }

.iti-flag.cw {
  height: 14px;
  background-position: -1181px 0px; }

.iti-flag.cx {
  height: 10px;
  background-position: -1203px 0px; }

.iti-flag.cy {
  height: 14px;
  background-position: -1225px 0px; }

.iti-flag.cz {
  height: 14px;
  background-position: -1247px 0px; }

.iti-flag.de {
  height: 12px;
  background-position: -1269px 0px; }

.iti-flag.dg {
  height: 10px;
  background-position: -1291px 0px; }

.iti-flag.dj {
  height: 14px;
  background-position: -1313px 0px; }

.iti-flag.dk {
  height: 15px;
  background-position: -1335px 0px; }

.iti-flag.dm {
  height: 10px;
  background-position: -1357px 0px; }

.iti-flag.do {
  height: 13px;
  background-position: -1379px 0px; }

.iti-flag.dz {
  height: 14px;
  background-position: -1401px 0px; }

.iti-flag.ea {
  height: 14px;
  background-position: -1423px 0px; }

.iti-flag.ec {
  height: 14px;
  background-position: -1445px 0px; }

.iti-flag.ee {
  height: 13px;
  background-position: -1467px 0px; }

.iti-flag.eg {
  height: 14px;
  background-position: -1489px 0px; }

.iti-flag.eh {
  height: 10px;
  background-position: -1511px 0px; }

.iti-flag.er {
  height: 10px;
  background-position: -1533px 0px; }

.iti-flag.es {
  height: 14px;
  background-position: -1555px 0px; }

.iti-flag.et {
  height: 10px;
  background-position: -1577px 0px; }

.iti-flag.eu {
  height: 14px;
  background-position: -1599px 0px; }

.iti-flag.fi {
  height: 12px;
  background-position: -1621px 0px; }

.iti-flag.fj {
  height: 10px;
  background-position: -1643px 0px; }

.iti-flag.fk {
  height: 10px;
  background-position: -1665px 0px; }

.iti-flag.fm {
  height: 11px;
  background-position: -1687px 0px; }

.iti-flag.fo {
  height: 15px;
  background-position: -1709px 0px; }

.iti-flag.fr {
  height: 14px;
  background-position: -1731px 0px; }

.iti-flag.ga {
  height: 15px;
  background-position: -1753px 0px; }

.iti-flag.gb {
  height: 10px;
  background-position: -1775px 0px; }

.iti-flag.gd {
  height: 12px;
  background-position: -1797px 0px; }

.iti-flag.ge {
  height: 14px;
  background-position: -1819px 0px; }

.iti-flag.gf {
  height: 14px;
  background-position: -1841px 0px; }

.iti-flag.gg {
  height: 14px;
  background-position: -1863px 0px; }

.iti-flag.gh {
  height: 14px;
  background-position: -1885px 0px; }

.iti-flag.gi {
  height: 10px;
  background-position: -1907px 0px; }

.iti-flag.gl {
  height: 14px;
  background-position: -1929px 0px; }

.iti-flag.gm {
  height: 14px;
  background-position: -1951px 0px; }

.iti-flag.gn {
  height: 14px;
  background-position: -1973px 0px; }

.iti-flag.gp {
  height: 14px;
  background-position: -1995px 0px; }

.iti-flag.gq {
  height: 14px;
  background-position: -2017px 0px; }

.iti-flag.gr {
  height: 14px;
  background-position: -2039px 0px; }

.iti-flag.gs {
  height: 10px;
  background-position: -2061px 0px; }

.iti-flag.gt {
  height: 13px;
  background-position: -2083px 0px; }

.iti-flag.gu {
  height: 11px;
  background-position: -2105px 0px; }

.iti-flag.gw {
  height: 10px;
  background-position: -2127px 0px; }

.iti-flag.gy {
  height: 12px;
  background-position: -2149px 0px; }

.iti-flag.hk {
  height: 14px;
  background-position: -2171px 0px; }

.iti-flag.hm {
  height: 10px;
  background-position: -2193px 0px; }

.iti-flag.hn {
  height: 10px;
  background-position: -2215px 0px; }

.iti-flag.hr {
  height: 10px;
  background-position: -2237px 0px; }

.iti-flag.ht {
  height: 12px;
  background-position: -2259px 0px; }

.iti-flag.hu {
  height: 10px;
  background-position: -2281px 0px; }

.iti-flag.ic {
  height: 14px;
  background-position: -2303px 0px; }

.iti-flag.id {
  height: 14px;
  background-position: -2325px 0px; }

.iti-flag.ie {
  height: 10px;
  background-position: -2347px 0px; }

.iti-flag.il {
  height: 15px;
  background-position: -2369px 0px; }

.iti-flag.im {
  height: 10px;
  background-position: -2391px 0px; }

.iti-flag.in {
  height: 14px;
  background-position: -2413px 0px; }

.iti-flag.io {
  height: 10px;
  background-position: -2435px 0px; }

.iti-flag.iq {
  height: 14px;
  background-position: -2457px 0px; }

.iti-flag.ir {
  height: 12px;
  background-position: -2479px 0px; }

.iti-flag.is {
  height: 15px;
  background-position: -2501px 0px; }

.iti-flag.it {
  height: 14px;
  background-position: -2523px 0px; }

.iti-flag.je {
  height: 12px;
  background-position: -2545px 0px; }

.iti-flag.jm {
  height: 10px;
  background-position: -2567px 0px; }

.iti-flag.jo {
  height: 10px;
  background-position: -2589px 0px; }

.iti-flag.jp {
  height: 14px;
  background-position: -2611px 0px; }

.iti-flag.ke {
  height: 14px;
  background-position: -2633px 0px; }

.iti-flag.kg {
  height: 12px;
  background-position: -2655px 0px; }

.iti-flag.kh {
  height: 13px;
  background-position: -2677px 0px; }

.iti-flag.ki {
  height: 10px;
  background-position: -2699px 0px; }

.iti-flag.km {
  height: 12px;
  background-position: -2721px 0px; }

.iti-flag.kn {
  height: 14px;
  background-position: -2743px 0px; }

.iti-flag.kp {
  height: 10px;
  background-position: -2765px 0px; }

.iti-flag.kr {
  height: 14px;
  background-position: -2787px 0px; }

.iti-flag.kw {
  height: 10px;
  background-position: -2809px 0px; }

.iti-flag.ky {
  height: 10px;
  background-position: -2831px 0px; }

.iti-flag.kz {
  height: 10px;
  background-position: -2853px 0px; }

.iti-flag.la {
  height: 14px;
  background-position: -2875px 0px; }

.iti-flag.lb {
  height: 14px;
  background-position: -2897px 0px; }

.iti-flag.lc {
  height: 10px;
  background-position: -2919px 0px; }

.iti-flag.li {
  height: 12px;
  background-position: -2941px 0px; }

.iti-flag.lk {
  height: 10px;
  background-position: -2963px 0px; }

.iti-flag.lr {
  height: 11px;
  background-position: -2985px 0px; }

.iti-flag.ls {
  height: 14px;
  background-position: -3007px 0px; }

.iti-flag.lt {
  height: 12px;
  background-position: -3029px 0px; }

.iti-flag.lu {
  height: 12px;
  background-position: -3051px 0px; }

.iti-flag.lv {
  height: 10px;
  background-position: -3073px 0px; }

.iti-flag.ly {
  height: 10px;
  background-position: -3095px 0px; }

.iti-flag.ma {
  height: 14px;
  background-position: -3117px 0px; }

.iti-flag.mc {
  height: 15px;
  background-position: -3139px 0px; }

.iti-flag.md {
  height: 10px;
  background-position: -3160px 0px; }

.iti-flag.me {
  height: 10px;
  background-position: -3182px 0px; }

.iti-flag.mf {
  height: 14px;
  background-position: -3204px 0px; }

.iti-flag.mg {
  height: 14px;
  background-position: -3226px 0px; }

.iti-flag.mh {
  height: 11px;
  background-position: -3248px 0px; }

.iti-flag.mk {
  height: 10px;
  background-position: -3270px 0px; }

.iti-flag.ml {
  height: 14px;
  background-position: -3292px 0px; }

.iti-flag.mm {
  height: 14px;
  background-position: -3314px 0px; }

.iti-flag.mn {
  height: 10px;
  background-position: -3336px 0px; }

.iti-flag.mo {
  height: 14px;
  background-position: -3358px 0px; }

.iti-flag.mp {
  height: 10px;
  background-position: -3380px 0px; }

.iti-flag.mq {
  height: 14px;
  background-position: -3402px 0px; }

.iti-flag.mr {
  height: 14px;
  background-position: -3424px 0px; }

.iti-flag.ms {
  height: 10px;
  background-position: -3446px 0px; }

.iti-flag.mt {
  height: 14px;
  background-position: -3468px 0px; }

.iti-flag.mu {
  height: 14px;
  background-position: -3490px 0px; }

.iti-flag.mv {
  height: 14px;
  background-position: -3512px 0px; }

.iti-flag.mw {
  height: 14px;
  background-position: -3534px 0px; }

.iti-flag.mx {
  height: 12px;
  background-position: -3556px 0px; }

.iti-flag.my {
  height: 10px;
  background-position: -3578px 0px; }

.iti-flag.mz {
  height: 14px;
  background-position: -3600px 0px; }

.iti-flag.na {
  height: 14px;
  background-position: -3622px 0px; }

.iti-flag.nc {
  height: 10px;
  background-position: -3644px 0px; }

.iti-flag.ne {
  height: 15px;
  background-position: -3666px 0px; }

.iti-flag.nf {
  height: 10px;
  background-position: -3686px 0px; }

.iti-flag.ng {
  height: 10px;
  background-position: -3708px 0px; }

.iti-flag.ni {
  height: 12px;
  background-position: -3730px 0px; }

.iti-flag.nl {
  height: 14px;
  background-position: -3752px 0px; }

.iti-flag.no {
  height: 15px;
  background-position: -3774px 0px; }

.iti-flag.np {
  height: 15px;
  background-position: -3796px 0px; }

.iti-flag.nr {
  height: 10px;
  background-position: -3811px 0px; }

.iti-flag.nu {
  height: 10px;
  background-position: -3833px 0px; }

.iti-flag.nz {
  height: 10px;
  background-position: -3855px 0px; }

.iti-flag.om {
  height: 10px;
  background-position: -3877px 0px; }

.iti-flag.pa {
  height: 14px;
  background-position: -3899px 0px; }

.iti-flag.pe {
  height: 14px;
  background-position: -3921px 0px; }

.iti-flag.pf {
  height: 14px;
  background-position: -3943px 0px; }

.iti-flag.pg {
  height: 15px;
  background-position: -3965px 0px; }

.iti-flag.ph {
  height: 10px;
  background-position: -3987px 0px; }

.iti-flag.pk {
  height: 14px;
  background-position: -4009px 0px; }

.iti-flag.pl {
  height: 13px;
  background-position: -4031px 0px; }

.iti-flag.pm {
  height: 14px;
  background-position: -4053px 0px; }

.iti-flag.pn {
  height: 10px;
  background-position: -4075px 0px; }

.iti-flag.pr {
  height: 14px;
  background-position: -4097px 0px; }

.iti-flag.ps {
  height: 10px;
  background-position: -4119px 0px; }

.iti-flag.pt {
  height: 14px;
  background-position: -4141px 0px; }

.iti-flag.pw {
  height: 13px;
  background-position: -4163px 0px; }

.iti-flag.py {
  height: 11px;
  background-position: -4185px 0px; }

.iti-flag.qa {
  height: 8px;
  background-position: -4207px 0px; }

.iti-flag.re {
  height: 14px;
  background-position: -4229px 0px; }

.iti-flag.ro {
  height: 14px;
  background-position: -4251px 0px; }

.iti-flag.rs {
  height: 14px;
  background-position: -4273px 0px; }

.iti-flag.ru {
  height: 14px;
  background-position: -4295px 0px; }

.iti-flag.rw {
  height: 14px;
  background-position: -4317px 0px; }

.iti-flag.sa {
  height: 14px;
  background-position: -4339px 0px; }

.iti-flag.sb {
  height: 10px;
  background-position: -4361px 0px; }

.iti-flag.sc {
  height: 10px;
  background-position: -4383px 0px; }

.iti-flag.sd {
  height: 10px;
  background-position: -4405px 0px; }

.iti-flag.se {
  height: 13px;
  background-position: -4427px 0px; }

.iti-flag.sg {
  height: 14px;
  background-position: -4449px 0px; }

.iti-flag.sh {
  height: 10px;
  background-position: -4471px 0px; }

.iti-flag.si {
  height: 10px;
  background-position: -4493px 0px; }

.iti-flag.sj {
  height: 15px;
  background-position: -4515px 0px; }

.iti-flag.sk {
  height: 14px;
  background-position: -4537px 0px; }

.iti-flag.sl {
  height: 14px;
  background-position: -4559px 0px; }

.iti-flag.sm {
  height: 15px;
  background-position: -4581px 0px; }

.iti-flag.sn {
  height: 14px;
  background-position: -4603px 0px; }

.iti-flag.so {
  height: 14px;
  background-position: -4625px 0px; }

.iti-flag.sr {
  height: 14px;
  background-position: -4647px 0px; }

.iti-flag.ss {
  height: 10px;
  background-position: -4669px 0px; }

.iti-flag.st {
  height: 10px;
  background-position: -4691px 0px; }

.iti-flag.sv {
  height: 12px;
  background-position: -4713px 0px; }

.iti-flag.sx {
  height: 14px;
  background-position: -4735px 0px; }

.iti-flag.sy {
  height: 14px;
  background-position: -4757px 0px; }

.iti-flag.sz {
  height: 14px;
  background-position: -4779px 0px; }

.iti-flag.ta {
  height: 10px;
  background-position: -4801px 0px; }

.iti-flag.tc {
  height: 10px;
  background-position: -4823px 0px; }

.iti-flag.td {
  height: 14px;
  background-position: -4845px 0px; }

.iti-flag.tf {
  height: 14px;
  background-position: -4867px 0px; }

.iti-flag.tg {
  height: 13px;
  background-position: -4889px 0px; }

.iti-flag.th {
  height: 14px;
  background-position: -4911px 0px; }

.iti-flag.tj {
  height: 10px;
  background-position: -4933px 0px; }

.iti-flag.tk {
  height: 10px;
  background-position: -4955px 0px; }

.iti-flag.tl {
  height: 10px;
  background-position: -4977px 0px; }

.iti-flag.tm {
  height: 14px;
  background-position: -4999px 0px; }

.iti-flag.tn {
  height: 14px;
  background-position: -5021px 0px; }

.iti-flag.to {
  height: 10px;
  background-position: -5043px 0px; }

.iti-flag.tr {
  height: 14px;
  background-position: -5065px 0px; }

.iti-flag.tt {
  height: 12px;
  background-position: -5087px 0px; }

.iti-flag.tv {
  height: 10px;
  background-position: -5109px 0px; }

.iti-flag.tw {
  height: 14px;
  background-position: -5131px 0px; }

.iti-flag.tz {
  height: 14px;
  background-position: -5153px 0px; }

.iti-flag.ua {
  height: 14px;
  background-position: -5175px 0px; }

.iti-flag.ug {
  height: 14px;
  background-position: -5197px 0px; }

.iti-flag.um {
  height: 11px;
  background-position: -5219px 0px; }

.iti-flag.us {
  height: 11px;
  background-position: -5241px 0px; }

.iti-flag.uy {
  height: 14px;
  background-position: -5263px 0px; }

.iti-flag.uz {
  height: 10px;
  background-position: -5285px 0px; }

.iti-flag.va {
  height: 15px;
  background-position: -5307px 0px; }

.iti-flag.vc {
  height: 14px;
  background-position: -5324px 0px; }

.iti-flag.ve {
  height: 14px;
  background-position: -5346px 0px; }

.iti-flag.vg {
  height: 10px;
  background-position: -5368px 0px; }

.iti-flag.vi {
  height: 14px;
  background-position: -5390px 0px; }

.iti-flag.vn {
  height: 14px;
  background-position: -5412px 0px; }

.iti-flag.vu {
  height: 12px;
  background-position: -5434px 0px; }

.iti-flag.wf {
  height: 14px;
  background-position: -5456px 0px; }

.iti-flag.ws {
  height: 10px;
  background-position: -5478px 0px; }

.iti-flag.xk {
  height: 15px;
  background-position: -5500px 0px; }

.iti-flag.ye {
  height: 14px;
  background-position: -5522px 0px; }

.iti-flag.yt {
  height: 14px;
  background-position: -5544px 0px; }

.iti-flag.za {
  height: 14px;
  background-position: -5566px 0px; }

.iti-flag.zm {
  height: 14px;
  background-position: -5588px 0px; }

.iti-flag.zw {
  height: 10px;
  background-position: -5610px 0px; }

.iti-flag {
  width: 20px;
  height: 15px;
  box-shadow: 0px 0px 1px 0px #888;
  background-image: url("../png/flags.png");
  background-repeat: no-repeat;
  background-color: #DBDBDB;
  background-position: 20px 0; }

@media only screen and (-webkit-min-device-pixel-ratio: 2), only screen and (min--moz-device-pixel-ratio: 2), only screen and (-o-min-device-pixel-ratio: 2 / 1), only screen and (min-device-pixel-ratio: 2), only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../png/flags%402x.png"); } }
.iti-flag.np {
  background-color: transparent; }

/*!
 * Bootstrap-select v1.7.3 (http://silviomoreto.github.io/bootstrap-select)
 *
 * Copyright 2013-2015 bootstrap-select
 * Licensed under MIT (https://github.com/silviomoreto/bootstrap-select/blob/master/LICENSE)
 */
.bootstrap-select {
  width: 220px \0;
  /*IE9 and below*/ }

.bootstrap-select > .dropdown-toggle {
  width: 100%;
  padding-right: 25px; }

.has-error .bootstrap-select .dropdown-toggle,
.error .bootstrap-select .dropdown-toggle {
  border-color: #b94a48; }

.bootstrap-select.fit-width {
  width: auto !important; }

.bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn) {
  width: 220px; }

.bootstrap-select .dropdown-toggle:focus {
  outline: thin dotted #333333 !important;
  outline: 5px auto -webkit-focus-ring-color !important;
  outline-offset: -2px; }

.bootstrap-select.form-control {
  margin-bottom: 0;
  padding: 0;
  border: none; }

.bootstrap-select.form-control:not([class*="col-"]) {
  width: 100%; }

.bootstrap-select.form-control.input-group-btn {
  z-index: auto; }

.bootstrap-select.btn-group:not(.input-group-btn),
.bootstrap-select.btn-group[class*="col-"] {
  float: none;
  display: inline-block;
  margin-left: 0; }

.bootstrap-select.btn-group.dropdown-menu-right,
.bootstrap-select.btn-group[class*="col-"].dropdown-menu-right,
.row .bootstrap-select.btn-group[class*="col-"].dropdown-menu-right {
  float: right; }

.form-inline .bootstrap-select.btn-group,
.form-horizontal .bootstrap-select.btn-group,
.form-group .bootstrap-select.btn-group {
  margin-bottom: 0; }

.form-group-lg .bootstrap-select.btn-group.form-control,
.form-group-sm .bootstrap-select.btn-group.form-control {
  padding: 0; }

.form-inline .bootstrap-select.btn-group .form-control {
  width: 100%; }

.bootstrap-select.btn-group.disabled,
.bootstrap-select.btn-group > .disabled {
  cursor: not-allowed; }

.bootstrap-select.btn-group.disabled:focus,
.bootstrap-select.btn-group > .disabled:focus {
  outline: none !important; }

.bootstrap-select.btn-group.bs-container {
  position: absolute; }

.bootstrap-select.btn-group.bs-container .dropdown-menu {
  z-index: 1060; }

.bootstrap-select.btn-group .dropdown-toggle .filter-option {
  display: inline-block;
  overflow: hidden;
  width: 100%;
  text-align: left; }

.bootstrap-select.btn-group .dropdown-toggle .caret {
  position: absolute;
  top: 50%;
  right: 12px;
  margin-top: -2px;
  vertical-align: middle; }

.bootstrap-select.btn-group[class*="col-"] .dropdown-toggle {
  width: 100%; }

.bootstrap-select.btn-group .dropdown-menu {
  min-width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bootstrap-select.btn-group .dropdown-menu.inner {
  position: static;
  float: none;
  border: 0;
  padding: 0;
  margin: 0;
  border-radius: 0;
  -webkit-box-shadow: none;
  box-shadow: none; }

.bootstrap-select.btn-group .dropdown-menu li {
  position: relative; }

.bootstrap-select.btn-group .dropdown-menu li.active small {
  color: #fff; }

.bootstrap-select.btn-group .dropdown-menu li.disabled a {
  cursor: not-allowed; }

.bootstrap-select.btn-group .dropdown-menu li a {
  cursor: pointer;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.bootstrap-select.btn-group .dropdown-menu li a.opt {
  position: relative;
  padding-left: 2.25em; }

.bootstrap-select.btn-group .dropdown-menu li a span.check-mark {
  display: none; }

.bootstrap-select.btn-group .dropdown-menu li a span.text {
  display: inline-block; }

.bootstrap-select.btn-group .dropdown-menu li small {
  padding-left: 0.5em; }

.bootstrap-select.btn-group .dropdown-menu .notify {
  position: absolute;
  bottom: 5px;
  width: 96%;
  margin: 0 2%;
  min-height: 26px;
  padding: 3px 5px;
  background: #f5f5f5;
  border: 1px solid #e3e3e3;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
  pointer-events: none;
  opacity: 0.9;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bootstrap-select.btn-group .no-results {
  padding: 3px;
  background: #f5f5f5;
  margin: 0 5px;
  white-space: nowrap; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .filter-option {
  position: static; }

.bootstrap-select.btn-group.fit-width .dropdown-toggle .caret {
  position: static;
  top: auto;
  margin-top: -1px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li.selected a span.check-mark {
  position: absolute;
  display: inline-block;
  right: 15px;
  margin-top: 5px; }

.bootstrap-select.btn-group.show-tick .dropdown-menu li a span.text {
  margin-right: 34px; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle {
  z-index: 1061; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:before {
  content: '';
  border-left: 7px solid transparent;
  border-right: 7px solid transparent;
  border-bottom: 7px solid rgba(204, 204, 204, 0.2);
  position: absolute;
  bottom: -4px;
  left: 9px;
  display: none; }

.bootstrap-select.show-menu-arrow .dropdown-toggle:after {
  content: '';
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-bottom: 6px solid white;
  position: absolute;
  bottom: -4px;
  left: 10px;
  display: none; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:before {
  bottom: auto;
  top: -3px;
  border-top: 7px solid rgba(204, 204, 204, 0.2);
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.dropup .dropdown-toggle:after {
  bottom: auto;
  top: -3px;
  border-top: 6px solid white;
  border-bottom: 0; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:before {
  right: 12px;
  left: auto; }

.bootstrap-select.show-menu-arrow.pull-right .dropdown-toggle:after {
  right: 13px;
  left: auto; }

.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:before,
.bootstrap-select.show-menu-arrow.open > .dropdown-toggle:after {
  display: block; }

.bs-searchbox,
.bs-actionsbox,
.bs-donebutton {
  padding: 4px 8px; }

.bs-actionsbox {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bs-actionsbox .btn-group button {
  width: 50%; }

.bs-donebutton {
  float: left;
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

.bs-donebutton .btn-group button {
  width: 100%; }

.bs-searchbox + .bs-actionsbox {
  padding: 0 8px 4px; }

.bs-searchbox .form-control {
  margin-bottom: 0;
  width: 100%;
  float: none; }

select.bs-select-hidden,
select.selectpicker {
  display: none !important; }

select.mobile-device {
  position: absolute !important;
  top: 0;
  left: 0;
  display: block !important;
  width: 100%;
  height: 100% !important;
  opacity: 0; }

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */
.jspContainer {
  overflow: hidden;
  position: relative; }

.jspPane {
  position: absolute; }

.jspVerticalBar {
  position: absolute;
  top: 0;
  right: 0;
  width: 16px;
  height: 100%;
  background: red; }

.jspHorizontalBar {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 16px;
  background: red; }

.jspCap {
  display: none; }

.jspHorizontalBar .jspCap {
  float: left; }

.jspTrack {
  background: #dde;
  position: relative; }

.jspDrag {
  background: #bbd;
  position: relative;
  top: 0;
  left: 0;
  cursor: pointer; }

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
  float: left;
  height: 100%; }

.jspArrow {
  background: #50506d;
  text-indent: -20000px;
  display: block;
  cursor: pointer;
  padding: 0;
  margin: 0; }

.jspArrow.jspDisabled {
  cursor: default;
  background: #80808d; }

.jspVerticalBar .jspArrow {
  height: 16px; }

.jspHorizontalBar .jspArrow {
  width: 16px;
  float: left;
  height: 100%; }

.jspVerticalBar .jspArrow:focus {
  outline: none; }

.jspCorner {
  background: #eeeef4;
  float: left;
  height: 100%; }

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner {
  margin: 0 -3px 0 0; }

/**
 * Sherpa
 * 
 * @see     https://alistapart.com/article/mixing-color-for-the-web-with-sass
 * @see     https://makandracards.com/makandra/31497-fixing-jerky-css3-animations
 * @see     https://github.com/daneden/animate.css/issues/679
 * @see     https://stackoverflow.com/questions/47437562/using-css-box-shadow-for-pulse-animation-eats-considerable-cpu
 */
div.sherpa {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
  pointer-events: none; }
  div.sherpa div.journey {
    pointer-events: auto; }
    div.sherpa div.journey div.hotspot {
      cursor: pointer;
      position: absolute;
      left: 0;
      top: 0;
      width: 18px;
      height: 18px;
      will-change: transform; }
      div.sherpa div.journey div.hotspot div.outer {
        width: 18px;
        height: 18px;
        border-radius: 50%;
        box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3);
        border: 2px solid #ffffff;
        border-color: #45be46;
        background-color: #ffffff; }
        div.sherpa div.journey div.hotspot div.outer div.inner {
          position: absolute;
          left: calc(18px / 2 - 6px / 2);
          top: calc(18px / 2 - 6px / 2);
          border-radius: 50%;
          width: 6px;
          height: 6px;
          line-height: 6px;
          background-color: #45be46; }
      div.sherpa div.journey div.hotspot.invisible {
        pointer-events: none;
        opacity: 0; }
      div.sherpa div.journey div.hotspot::before {
        content: "";
        position: absolute;
        top: 0;
        left: 0;
        width: 18px;
        height: 18px;
        background-color: #45be46;
        border-radius: 100%;
        z-index: -1;
        animation: sherpa-pulse 1250ms infinite;
        will-change: transform; }
    div.sherpa div.journey div.popover {
      position: absolute;
      left: 0;
      top: 0;
      padding: 18px 20px 18px 20px;
      background-color: #f7fcf7;
      z-index: 5000;
      border-radius: 4px 4px 4px 4px;
      box-shadow: 0 1px 7px rgba(0, 0, 0, 0.35);
      max-width: 340px;
      user-select: none;
      transition: opacity 300ms ease-in-out; }
      div.sherpa div.journey div.popover div.content {
        font-family: 'Lato';
        color: #343434; }
        div.sherpa div.journey div.popover div.content h1 {
          font-size: 16px; }
        div.sherpa div.journey div.popover div.content p {
          padding: 12px 0 0 0;
          font-size: 15px;
          line-height: 1.5em;
          display: block; }
          div.sherpa div.journey div.popover div.content p:first-child {
            padding: 0 0 0 0; }
          div.sherpa div.journey div.popover div.content p span.icon {
            background-color: #707070;
            color: #ffffff;
            padding: 4px;
            border-radius: 100px 100px 100px 100px;
            font-size: 9px;
            display: inline-block;
            position: relative;
            top: -1px;
            width: 17px;
            text-align: center; }
          div.sherpa div.journey div.popover div.content p span.code {
            background-color: #ffffff;
            border: 1px solid #b9bcbd;
            border-radius: 2px;
            color: #eb5a46;
            padding: 1px 3px 1px 3px;
            margin: 0 2px 0 2px;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 14px; }
      div.sherpa div.journey div.popover a.close {
        display: block;
        position: absolute;
        top: 4px;
        right: 4px;
        font-size: 17px;
        width: 17px;
        line-height: 17px;
        height: 17px;
        text-align: center;
        color: #a9a9a9;
        font-weight: bold;
        transition: transform 150ms linear, opacity 150ms linear; }
        div.sherpa div.journey div.popover a.close:hover, div.sherpa div.journey div.popover a.close:focus {
          opacity: 1;
          text-decoration: none;
          transform: rotate(90deg); }
      div.sherpa div.journey div.popover div.connector {
        position: absolute; }
        div.sherpa div.journey div.popover div.connector div.circle {
          width: 4px;
          height: 4px;
          line-height: 4px;
          border-radius: 100px 100px 100px 100px;
          background-color: #45be46;
          box-shadow: 0 1px 1px rgba(0, 0, 0, 0.35); }
      div.sherpa div.journey div.popover.invisible {
        pointer-events: none;
        opacity: 0; }
    div.sherpa div.journey.animating div.hotspot:before, div.sherpa div.journey.complete div.hotspot:before {
      animation: none; }
    div.sherpa div.journey.animating div.hotspot:hover, div.sherpa div.journey.complete div.hotspot:hover {
      cursor: default; }
    div.sherpa div.journey[opens="right"] div.popover div.connector, div.sherpa div.journey[opens="left"] div.popover div.connector {
      height: 4px;
      line-height: 4px;
      top: calc(50% - 4px / 2);
      width: 24px; }
      div.sherpa div.journey[opens="right"] div.popover div.connector div.circle, div.sherpa div.journey[opens="left"] div.popover div.connector div.circle {
        margin: 0 3px 0 0;
        float: right; }
    div.sherpa div.journey[opens="right"][opens="right"] div.popover, div.sherpa div.journey[opens="left"][opens="right"] div.popover {
      border-left: 4px solid #45be46;
      margin: 0 0 0 24px; }
      div.sherpa div.journey[opens="right"][opens="right"] div.popover div.connector, div.sherpa div.journey[opens="left"][opens="right"] div.popover div.connector {
        left: calc(0px - 24px - 4px); }
    div.sherpa div.journey[opens="right"][opens="left"] div.popover, div.sherpa div.journey[opens="left"][opens="left"] div.popover {
      border-right: 4px solid #45be46;
      margin: 0 24px 0 0; }
      div.sherpa div.journey[opens="right"][opens="left"] div.popover div.connector, div.sherpa div.journey[opens="left"][opens="left"] div.popover div.connector {
        right: calc(0px - 24px - 4px); }
    div.sherpa div.journey[opens="down"] div.popover div.connector, div.sherpa div.journey[opens="up"] div.popover div.connector {
      width: 4px;
      left: calc(50% - 4px / 2);
      line-height: 24px;
      height: 24px; }
      div.sherpa div.journey[opens="down"] div.popover div.connector div.circle, div.sherpa div.journey[opens="up"] div.popover div.connector div.circle {
        margin: 3px 0 0 0; }
    div.sherpa div.journey[opens="down"][opens="down"] div.popover, div.sherpa div.journey[opens="up"][opens="down"] div.popover {
      border-top: 4px solid #45be46;
      margin: 24px 0 0 0; }
      div.sherpa div.journey[opens="down"][opens="down"] div.popover div.connector, div.sherpa div.journey[opens="up"][opens="down"] div.popover div.connector {
        top: calc(0px - 24px - 4px); }
    div.sherpa div.journey[opens="down"][opens="up"] div.popover, div.sherpa div.journey[opens="up"][opens="up"] div.popover {
      border-bottom: 4px solid #45be46;
      margin: 0 0 24px 0; }
      div.sherpa div.journey[opens="down"][opens="up"] div.popover div.connector, div.sherpa div.journey[opens="up"][opens="up"] div.popover div.connector {
        bottom: calc(0px - 24px - 4px); }

/**
 * Animations
 * 
 */
@-webkit-keyframes sherpa-pulse {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(2.1);
    opacity: 0; } }
@-moz-keyframes sherpa-pulse {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(2.1);
    opacity: 0; } }
@-ms-keyframes sherpa-pulse {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(2.1);
    opacity: 0; } }
@keyframes sherpa-pulse {
  0% {
    transform: scale(1);
    opacity: 1; }
  100% {
    transform: scale(2.1);
    opacity: 0; } }
/*!
 *  Font Awesome 4.7.0 by @davegandy - http://fontawesome.io - @fontawesome
 *  License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License)
 */
/* FONT PATH
 * -------------------------- */
@font-face {
  font-family: 'FontAwesome';
  src: url("https://d3b1ak9ylguumf.cloudfront.net/stencil/shared/static/vendors/source/external/Font-Awesome/v4.7.0/fonts/fontawesome-webfont.eot?v=4.7.0");
  src: url("https://d3b1ak9ylguumf.cloudfront.net/stencil/shared/static/vendors/source/external/Font-Awesome/v4.7.0/fonts/fontawesome-webfont.eot?#iefix&v=4.7.0") format("embedded-opentype"), url("https://d3b1ak9ylguumf.cloudfront.net/stencil/shared/static/vendors/source/external/Font-Awesome/v4.7.0/fonts/fontawesome-webfont.woff2?v=4.7.0") format("woff2"), url("https://d3b1ak9ylguumf.cloudfront.net/stencil/shared/static/vendors/source/external/Font-Awesome/v4.7.0/fonts/fontawesome-webfont.woff?v=4.7.0") format("woff"), url("https://d3b1ak9ylguumf.cloudfront.net/stencil/shared/static/vendors/source/external/Font-Awesome/v4.7.0/fonts/fontawesome-webfont.ttf?v=4.7.0") format("truetype"), url("https://d3b1ak9ylguumf.cloudfront.net/stencil/shared/static/vendors/source/external/Font-Awesome/v4.7.0/fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular") format("svg");
  font-weight: normal;
  font-style: normal; }
.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

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

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

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

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

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

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

.fa-ul {
  padding-left: 0;
  margin-left: 2.1428571429em;
  list-style-type: none; }
  .fa-ul > li {
    position: relative; }

.fa-li {
  position: absolute;
  left: -2.1428571429em;
  width: 2.1428571429em;
  top: 0.1428571429em;
  text-align: center; }
  .fa-li.fa-lg {
    left: -1.8571428571em; }

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

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

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

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

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

.pull-left {
  float: left; }

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

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

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

@-webkit-keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
@keyframes fa-spin {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg); }
  100% {
    -webkit-transform: rotate(359deg);
    transform: rotate(359deg); } }
.fa-rotate-90 {
  -ms-filter: "progid:DXImageTransform.Microsoft.BasicImage(rotation=1)";
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg); }

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

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

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

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

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

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

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

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

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

.fa-inverse {
  color: #fff; }

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

.fa-music:before {
  content: ""; }

.fa-search:before {
  content: ""; }

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

.fa-heart:before {
  content: ""; }

.fa-star:before {
  content: ""; }

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

.fa-user:before {
  content: ""; }

.fa-film:before {
  content: ""; }

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

.fa-th:before {
  content: ""; }

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

.fa-check:before {
  content: ""; }

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

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

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

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

.fa-signal:before {
  content: ""; }

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

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

.fa-home:before {
  content: ""; }

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

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

.fa-road:before {
  content: ""; }

.fa-download:before {
  content: ""; }

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

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

.fa-inbox:before {
  content: ""; }

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

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

.fa-refresh:before {
  content: ""; }

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

.fa-lock:before {
  content: ""; }

.fa-flag:before {
  content: ""; }

.fa-headphones:before {
  content: ""; }

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

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

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

.fa-qrcode:before {
  content: ""; }

.fa-barcode:before {
  content: ""; }

.fa-tag:before {
  content: ""; }

.fa-tags:before {
  content: ""; }

.fa-book:before {
  content: ""; }

.fa-bookmark:before {
  content: ""; }

.fa-print:before {
  content: ""; }

.fa-camera:before {
  content: ""; }

.fa-font:before {
  content: ""; }

.fa-bold:before {
  content: ""; }

.fa-italic:before {
  content: ""; }

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

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

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

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

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

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

.fa-list:before {
  content: ""; }

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

.fa-indent:before {
  content: ""; }

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

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

.fa-pencil:before {
  content: ""; }

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

.fa-adjust:before {
  content: ""; }

.fa-tint:before {
  content: ""; }

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

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

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

.fa-arrows:before {
  content: ""; }

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

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

.fa-backward:before {
  content: ""; }

.fa-play:before {
  content: ""; }

.fa-pause:before {
  content: ""; }

.fa-stop:before {
  content: ""; }

.fa-forward:before {
  content: ""; }

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

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

.fa-eject:before {
  content: ""; }

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

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

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

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

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

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

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

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

.fa-crosshairs:before {
  content: ""; }

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

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

.fa-ban:before {
  content: ""; }

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

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

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

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

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

.fa-expand:before {
  content: ""; }

.fa-compress:before {
  content: ""; }

.fa-plus:before {
  content: ""; }

.fa-minus:before {
  content: ""; }

.fa-asterisk:before {
  content: ""; }

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

.fa-gift:before {
  content: ""; }

.fa-leaf:before {
  content: ""; }

.fa-fire:before {
  content: ""; }

.fa-eye:before {
  content: ""; }

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

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

.fa-plane:before {
  content: ""; }

.fa-calendar:before {
  content: ""; }

.fa-random:before {
  content: ""; }

.fa-comment:before {
  content: ""; }

.fa-magnet:before {
  content: ""; }

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

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

.fa-retweet:before {
  content: ""; }

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

.fa-folder:before {
  content: ""; }

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

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

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

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

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

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

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

.fa-key:before {
  content: ""; }

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

.fa-comments:before {
  content: ""; }

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

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

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

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

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

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

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

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

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

.fa-trophy:before {
  content: ""; }

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

.fa-upload:before {
  content: ""; }

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

.fa-phone:before {
  content: ""; }

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

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

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

.fa-twitter:before {
  content: ""; }

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

.fa-github:before {
  content: ""; }

.fa-unlock:before {
  content: ""; }

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

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

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

.fa-bullhorn:before {
  content: ""; }

.fa-bell:before {
  content: ""; }

.fa-certificate:before {
  content: ""; }

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

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

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

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

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

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

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

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

.fa-globe:before {
  content: ""; }

.fa-wrench:before {
  content: ""; }

.fa-tasks:before {
  content: ""; }

.fa-filter:before {
  content: ""; }

.fa-briefcase:before {
  content: ""; }

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

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

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

.fa-cloud:before {
  content: ""; }

.fa-flask:before {
  content: ""; }

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

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

.fa-paperclip:before {
  content: ""; }

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

.fa-square:before {
  content: ""; }

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

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

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

.fa-strikethrough:before {
  content: ""; }

.fa-underline:before {
  content: ""; }

.fa-table:before {
  content: ""; }

.fa-magic:before {
  content: ""; }

.fa-truck:before {
  content: ""; }

.fa-pinterest:before {
  content: ""; }

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

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

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

.fa-money:before {
  content: ""; }

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

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

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

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

.fa-columns:before {
  content: ""; }

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

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

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

.fa-envelope:before {
  content: ""; }

.fa-linkedin:before {
  content: ""; }

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

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

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

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

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

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

.fa-sitemap:before {
  content: ""; }

.fa-umbrella:before {
  content: ""; }

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

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

.fa-exchange:before {
  content: ""; }

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

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

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

.fa-stethoscope:before {
  content: ""; }

.fa-suitcase:before {
  content: ""; }

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

.fa-coffee:before {
  content: ""; }

.fa-cutlery:before {
  content: ""; }

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

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

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

.fa-ambulance:before {
  content: ""; }

.fa-medkit:before {
  content: ""; }

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

.fa-beer:before {
  content: ""; }

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

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

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

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

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

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

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

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

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

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

.fa-desktop:before {
  content: ""; }

.fa-laptop:before {
  content: ""; }

.fa-tablet:before {
  content: ""; }

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

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

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

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

.fa-spinner:before {
  content: ""; }

.fa-circle:before {
  content: ""; }

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

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

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

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

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

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

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

.fa-gamepad:before {
  content: ""; }

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

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

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

.fa-terminal:before {
  content: ""; }

.fa-code:before {
  content: ""; }

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

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

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

.fa-crop:before {
  content: ""; }

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

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

.fa-question:before {
  content: ""; }

.fa-info:before {
  content: ""; }

.fa-exclamation:before {
  content: ""; }

.fa-superscript:before {
  content: ""; }

.fa-subscript:before {
  content: ""; }

.fa-eraser:before {
  content: ""; }

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

.fa-microphone:before {
  content: ""; }

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

.fa-shield:before {
  content: ""; }

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

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

.fa-rocket:before {
  content: ""; }

.fa-maxcdn:before {
  content: ""; }

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

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

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

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

.fa-html5:before {
  content: ""; }

.fa-css3:before {
  content: ""; }

.fa-anchor:before {
  content: ""; }

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

.fa-bullseye:before {
  content: ""; }

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

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

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

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

.fa-ticket:before {
  content: ""; }

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

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

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

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

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

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

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

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

.fa-compass:before {
  content: ""; }

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

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

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

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

.fa-gbp:before {
  content: ""; }

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

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

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

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

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

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

.fa-file:before {
  content: ""; }

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

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

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

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

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

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

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

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

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

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

.fa-youtube:before {
  content: ""; }

.fa-xing:before {
  content: ""; }

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

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

.fa-dropbox:before {
  content: ""; }

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

.fa-instagram:before {
  content: ""; }

.fa-flickr:before {
  content: ""; }

.fa-adn:before {
  content: ""; }

.fa-bitbucket:before {
  content: ""; }

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

.fa-tumblr:before {
  content: ""; }

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

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

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

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

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

.fa-apple:before {
  content: ""; }

.fa-windows:before {
  content: ""; }

.fa-android:before {
  content: ""; }

.fa-linux:before {
  content: ""; }

.fa-dribbble:before {
  content: ""; }

.fa-skype:before {
  content: ""; }

.fa-foursquare:before {
  content: ""; }

.fa-trello:before {
  content: ""; }

.fa-female:before {
  content: ""; }

.fa-male:before {
  content: ""; }

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

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

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

.fa-archive:before {
  content: ""; }

.fa-bug:before {
  content: ""; }

.fa-vk:before {
  content: ""; }

.fa-weibo:before {
  content: ""; }

.fa-renren:before {
  content: ""; }

.fa-pagelines:before {
  content: ""; }

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

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

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

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

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

.fa-wheelchair:before {
  content: ""; }

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

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

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

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

.fa-slack:before {
  content: ""; }

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

.fa-wordpress:before {
  content: ""; }

.fa-openid:before {
  content: ""; }

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

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

.fa-yahoo:before {
  content: ""; }

.fa-google:before {
  content: ""; }

.fa-reddit:before {
  content: ""; }

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

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

.fa-stumbleupon:before {
  content: ""; }

.fa-delicious:before {
  content: ""; }

.fa-digg:before {
  content: ""; }

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

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

.fa-drupal:before {
  content: ""; }

.fa-joomla:before {
  content: ""; }

.fa-language:before {
  content: ""; }

.fa-fax:before {
  content: ""; }

.fa-building:before {
  content: ""; }

.fa-child:before {
  content: ""; }

.fa-paw:before {
  content: ""; }

.fa-spoon:before {
  content: ""; }

.fa-cube:before {
  content: ""; }

.fa-cubes:before {
  content: ""; }

.fa-behance:before {
  content: ""; }

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

.fa-steam:before {
  content: ""; }

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

.fa-recycle:before {
  content: ""; }

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

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

.fa-tree:before {
  content: ""; }

.fa-spotify:before {
  content: ""; }

.fa-deviantart:before {
  content: ""; }

.fa-soundcloud:before {
  content: ""; }

.fa-database:before {
  content: ""; }

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

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

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

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

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

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

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

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

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

.fa-vine:before {
  content: ""; }

.fa-codepen:before {
  content: ""; }

.fa-jsfiddle:before {
  content: ""; }

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

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

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

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

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

.fa-git:before {
  content: ""; }

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

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

.fa-qq:before {
  content: ""; }

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

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

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

.fa-history:before {
  content: ""; }

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

.fa-header:before {
  content: ""; }

.fa-paragraph:before {
  content: ""; }

.fa-sliders:before {
  content: ""; }

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

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

.fa-bomb:before {
  content: ""; }

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

.fa-tty:before {
  content: ""; }

.fa-binoculars:before {
  content: ""; }

.fa-plug:before {
  content: ""; }

.fa-slideshare:before {
  content: ""; }

.fa-twitch:before {
  content: ""; }

.fa-yelp:before {
  content: ""; }

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

.fa-wifi:before {
  content: ""; }

.fa-calculator:before {
  content: ""; }

.fa-paypal:before {
  content: ""; }

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

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

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

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

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

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

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

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

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

.fa-trash:before {
  content: ""; }

.fa-copyright:before {
  content: ""; }

.fa-at:before {
  content: ""; }

.fa-eyedropper:before {
  content: ""; }

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

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

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

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

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

.fa-lastfm:before {
  content: ""; }

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

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

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

.fa-bicycle:before {
  content: ""; }

.fa-bus:before {
  content: ""; }

.fa-ioxhost:before {
  content: ""; }

.fa-angellist:before {
  content: ""; }

.fa-cc:before {
  content: ""; }

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

.fa-meanpath:before {
  content: ""; }

.fa-buysellads:before {
  content: ""; }

.fa-connectdevelop:before {
  content: ""; }

.fa-dashcube:before {
  content: ""; }

.fa-forumbee:before {
  content: ""; }

.fa-leanpub:before {
  content: ""; }

.fa-sellsy:before {
  content: ""; }

.fa-shirtsinbulk:before {
  content: ""; }

.fa-simplybuilt:before {
  content: ""; }

.fa-skyatlas:before {
  content: ""; }

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

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

.fa-diamond:before {
  content: ""; }

.fa-ship:before {
  content: ""; }

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

.fa-motorcycle:before {
  content: ""; }

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

.fa-heartbeat:before {
  content: ""; }

.fa-venus:before {
  content: ""; }

.fa-mars:before {
  content: ""; }

.fa-mercury:before {
  content: ""; }

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

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

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

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

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

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

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

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

.fa-neuter:before {
  content: ""; }

.fa-genderless:before {
  content: ""; }

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

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

.fa-whatsapp:before {
  content: ""; }

.fa-server:before {
  content: ""; }

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

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

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

.fa-viacoin:before {
  content: ""; }

.fa-train:before {
  content: ""; }

.fa-subway:before {
  content: ""; }

.fa-medium:before {
  content: ""; }

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

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

.fa-opencart:before {
  content: ""; }

.fa-expeditedssl:before {
  content: ""; }

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

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

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

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

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

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

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

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

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

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

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

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

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

.fa-clone:before {
  content: ""; }

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

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

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

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

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

.fa-hourglass:before {
  content: ""; }

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

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

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

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

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

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

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

.fa-trademark:before {
  content: ""; }

.fa-registered:before {
  content: ""; }

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

.fa-gg:before {
  content: ""; }

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

.fa-tripadvisor:before {
  content: ""; }

.fa-odnoklassniki:before {
  content: ""; }

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

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

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

.fa-safari:before {
  content: ""; }

.fa-chrome:before {
  content: ""; }

.fa-firefox:before {
  content: ""; }

.fa-opera:before {
  content: ""; }

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

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

.fa-contao:before {
  content: ""; }

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

.fa-amazon:before {
  content: ""; }

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

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

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

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

.fa-industry:before {
  content: ""; }

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

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

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

.fa-map:before {
  content: ""; }

.fa-commenting:before {
  content: ""; }

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

.fa-houzz:before {
  content: ""; }

.fa-vimeo:before {
  content: ""; }

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

.fa-fonticons:before {
  content: ""; }

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

.fa-edge:before {
  content: ""; }

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

.fa-codiepie:before {
  content: ""; }

.fa-modx:before {
  content: ""; }

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

.fa-usb:before {
  content: ""; }

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

.fa-mixcloud:before {
  content: ""; }

.fa-scribd:before {
  content: ""; }

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

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

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

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

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

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

.fa-hashtag:before {
  content: ""; }

.fa-bluetooth:before {
  content: ""; }

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

.fa-percent:before {
  content: ""; }

.fa-gitlab:before {
  content: ""; }

.fa-wpbeginner:before {
  content: ""; }

.fa-wpforms:before {
  content: ""; }

.fa-envira:before {
  content: ""; }

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

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

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

.fa-blind:before {
  content: ""; }

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

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

.fa-braille:before {
  content: ""; }

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

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

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

.fa-glide:before {
  content: ""; }

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

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

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

.fa-viadeo:before {
  content: ""; }

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

.fa-snapchat:before {
  content: ""; }

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

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

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

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

.fa-yoast:before {
  content: ""; }

.fa-themeisle:before {
  content: ""; }

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

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

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

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

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

.fa-linode:before {
  content: ""; }

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

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

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

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

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

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

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

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

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

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

.fa-quora:before {
  content: ""; }

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

.fa-telegram:before {
  content: ""; }

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

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

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

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

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

.fa-shower:before {
  content: ""; }

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

.fa-podcast:before {
  content: ""; }

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

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

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

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

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

.fa-bandcamp:before {
  content: ""; }

.fa-grav:before {
  content: ""; }

.fa-etsy:before {
  content: ""; }

.fa-imdb:before {
  content: ""; }

.fa-ravelry:before {
  content: ""; }

.fa-eercast:before {
  content: ""; }

.fa-microchip:before {
  content: ""; }

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

.fa-superpowers:before {
  content: ""; }

.fa-wpexplorer:before {
  content: ""; }

.fa-meetup:before {
  content: ""; }

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

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

@font-face {
  font-family: "stencil-icon-font-24";
  src: url("https://d3b1ak9ylguumf.cloudfront.net/stencil/shared/static/vendors/source/internal/icons/v2019.12.19/24/fonts/stencil-icon-font-24.eot");
  src: url("https://d3b1ak9ylguumf.cloudfront.net/stencil/shared/static/vendors/source/internal/icons/v2019.12.19/24/fonts/stencil-icon-font-24.eot?#iefix") format("embedded-opentype"), url("https://d3b1ak9ylguumf.cloudfront.net/stencil/shared/static/vendors/source/internal/icons/v2019.12.19/24/fonts/stencil-icon-font-24.woff") format("woff"), url("https://d3b1ak9ylguumf.cloudfront.net/stencil/shared/static/vendors/source/internal/icons/v2019.12.19/24/fonts/stencil-icon-font-24.ttf") format("truetype"), url("https://d3b1ak9ylguumf.cloudfront.net/stencil/shared/static/vendors/source/internal/icons/v2019.12.19/24/fonts/stencil-icon-font-24.svg#stencil-icon-font-24") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "stencil-icon-font-24" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="sift-"]:before,
[class*=" sift-"]:before {
  font-family: "stencil-icon-font-24" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sift-account-edit:before {
  content: "\61"; }

.sift-bbq:before {
  content: "\62"; }

.sift-bell:before {
  content: "\63"; }

.sift-buoy:before {
  content: "\64"; }

.sift-calendar:before {
  content: "\65"; }

.sift-camera:before {
  content: "\66"; }

.sift-cap:before {
  content: "\67"; }

.sift-checkmark:before {
  content: "\68"; }

.sift-chef-hat:before {
  content: "\69"; }

.sift-clock:before {
  content: "\6a"; }

.sift-cloud-stop:before {
  content: "\6b"; }

.sift-cloud-up:before {
  content: "\6c"; }

.sift-emoji-sad:before {
  content: "\6d"; }

.sift-emoji-sad-2:before {
  content: "\6e"; }

.sift-emoji-sad-3:before {
  content: "\6f"; }

.sift-emoji-sad-4:before {
  content: "\70"; }

.sift-emoji-sad-5:before {
  content: "\71"; }

.sift-emoji-sad-6:before {
  content: "\72"; }

.sift-exclamation-point:before {
  content: "\73"; }

.sift-folder-open:before {
  content: "\74"; }

.sift-funnel:before {
  content: "\75"; }

.sift-grid:before {
  content: "\76"; }

.sift-image-edit:before {
  content: "\77"; }

.sift-image-lock:before {
  content: "\78"; }

.sift-key:before {
  content: "\79"; }

.sift-knobs:before {
  content: "\7a"; }

.sift-lamp:before {
  content: "\41"; }

.sift-lightning-bolt:before {
  content: "\42"; }

.sift-link:before {
  content: "\43"; }

.sift-lock:before {
  content: "\44"; }

.sift-logo-apple:before {
  content: "\45"; }

.sift-logo-chrome:before {
  content: "\46"; }

.sift-logo-facebook:before {
  content: "\47"; }

.sift-logo-firefox:before {
  content: "\48"; }

.sift-logo-google:before {
  content: "\49"; }

.sift-logo-instagram:before {
  content: "\4a"; }

.sift-logo-safari:before {
  content: "\4b"; }

.sift-mug:before {
  content: "\4c"; }

.sift-origami:before {
  content: "\4d"; }

.sift-paint-can:before {
  content: "\4e"; }

.sift-photos:before {
  content: "\4f"; }

.sift-pin:before {
  content: "\50"; }

.sift-prohibited:before {
  content: "\51"; }

.sift-quill:before {
  content: "\52"; }

.sift-quote:before {
  content: "\53"; }

.sift-rectangle-select:before {
  content: "\54"; }

.sift-reload:before {
  content: "\55"; }

.sift-ruler:before {
  content: "\56"; }

.sift-save-disk-checkmark:before {
  content: "\57"; }

.sift-screen:before {
  content: "\58"; }

.sift-share:before {
  content: "\59"; }

.sift-spaceship:before {
  content: "\5a"; }

.sift-speech-bubbles:before {
  content: "\30"; }

.sift-square-lines:before {
  content: "\31"; }

.sift-star:before {
  content: "\32"; }

.sift-stars:before {
  content: "\33"; }

.sift-tea-cup:before {
  content: "\34"; }

.sift-toilet-paper:before {
  content: "\35"; }

.sift-tray-empty:before {
  content: "\36"; }

.sift-warning:before {
  content: "\37"; }

.sift-windows:before {
  content: "\38"; }

.sift-windows-store:before {
  content: "\39"; }

.sift-x:before {
  content: "\21"; }

.sift-xylophone:before {
  content: "\22"; }

.sift-yarn:before {
  content: "\23"; }

.sift-eyedrop:before {
  content: "\25"; }

.sift-artboard:before {
  content: "\24"; }

@font-face {
  font-family: "stencil-icon-font-30";
  src: url("../eot/stencil-icon-font-30.eot");
  src: url("../eot/stencil-icon-font-30d41d.eot?#iefix") format("embedded-opentype"), url("../woff/stencil-icon-font-30.woff") format("woff"), url("../ttf/stencil-icon-font-30.ttf") format("truetype"), url("../svg/stencil-icon-font-30.svg#stencil-icon-font-30") format("svg");
  font-weight: normal;
  font-style: normal; }
[data-icon]:before {
  font-family: "stencil-icon-font-30" !important;
  content: attr(data-icon);
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

[class^="sif-"]:before,
[class*=" sif-"]:before {
  font-family: "stencil-icon-font-30" !important;
  font-style: normal !important;
  font-weight: normal !important;
  font-variant: normal !important;
  text-transform: none !important;
  speak: none;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale; }

.sif-account-edit:before {
  content: "\61"; }

.sif-bbq:before {
  content: "\62"; }

.sif-bell:before {
  content: "\63"; }

.sif-buoy:before {
  content: "\64"; }

.sif-calendar:before {
  content: "\65"; }

.sif-camera:before {
  content: "\66"; }

.sif-cap:before {
  content: "\67"; }

.sif-checkmark:before {
  content: "\68"; }

.sif-chef-hat:before {
  content: "\69"; }

.sif-clock:before {
  content: "\6a"; }

.sif-cloud-stop:before {
  content: "\6b"; }

.sif-cloud-up:before {
  content: "\6c"; }

.sif-emoji-sad:before {
  content: "\6d"; }

.sif-emoji-sad-2:before {
  content: "\6e"; }

.sif-emoji-sad-3:before {
  content: "\6f"; }

.sif-emoji-sad-4:before {
  content: "\70"; }

.sif-emoji-sad-5:before {
  content: "\71"; }

.sif-emoji-sad-6:before {
  content: "\72"; }

.sif-exclamation-point:before {
  content: "\73"; }

.sif-folder-open:before {
  content: "\74"; }

.sif-funnel:before {
  content: "\75"; }

.sif-grid:before {
  content: "\76"; }

.sif-image-edit:before {
  content: "\77"; }

.sif-image-lock:before {
  content: "\78"; }

.sif-key:before {
  content: "\79"; }

.sif-knobs:before {
  content: "\7a"; }

.sif-lamp:before {
  content: "\41"; }

.sif-lightning-bolt:before {
  content: "\42"; }

.sif-link:before {
  content: "\43"; }

.sif-lock:before {
  content: "\44"; }

.sif-logo-apple:before {
  content: "\45"; }

.sif-logo-chrome:before {
  content: "\46"; }

.sif-logo-facebook:before {
  content: "\47"; }

.sif-logo-firefox:before {
  content: "\48"; }

.sif-logo-google:before {
  content: "\49"; }

.sif-logo-instagram:before {
  content: "\4a"; }

.sif-logo-safari:before {
  content: "\4b"; }

.sif-mug:before {
  content: "\4c"; }

.sif-origami:before {
  content: "\4d"; }

.sif-paint-can:before {
  content: "\4e"; }

.sif-photos:before {
  content: "\4f"; }

.sif-pin:before {
  content: "\50"; }

.sif-prohibited:before {
  content: "\51"; }

.sif-quill:before {
  content: "\52"; }

.sif-quote:before {
  content: "\53"; }

.sif-rectangle-select:before {
  content: "\54"; }

.sif-reload:before {
  content: "\55"; }

.sif-ruler:before {
  content: "\56"; }

.sif-save-disk-checkmark:before {
  content: "\57"; }

.sif-screen:before {
  content: "\58"; }

.sif-share:before {
  content: "\59"; }

.sif-spaceshit:before {
  content: "\5a"; }

.sif-speech-bubbles:before {
  content: "\30"; }

.sif-square-lines:before {
  content: "\31"; }

.sif-star:before {
  content: "\32"; }

.sif-stars:before {
  content: "\33"; }

.sif-tea-cup:before {
  content: "\34"; }

.sif-toilet-paper:before {
  content: "\35"; }

.sif-tray-empty:before {
  content: "\36"; }

.sif-warning:before {
  content: "\37"; }

.sif-windows:before {
  content: "\38"; }

.sif-windows-store:before {
  content: "\39"; }

.sif-x:before {
  content: "\21"; }

.sif-xylophone:before {
  content: "\22"; }

.sif-yarn:before {
  content: "\23"; }

.sif-eyedrop:before {
  content: "\24"; }

.sif-artboard:before {
  content: "\25"; }

.uppy-Root {
  box-sizing: border-box;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  line-height: 1;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  text-align: left;
  position: relative;
  color: #333; }

.uppy-Root *, .uppy-Root :after, .uppy-Root :before {
  box-sizing: inherit; }

.uppy-Root [hidden] {
  display: none; }

.uppy-u-reset {
  -webkit-appearance: none;
  line-height: 1;
  padding: 0;
  color: inherit;
  -webkit-backface-visibility: visible;
  backface-visibility: visible;
  background: none;
  border: none;
  border-collapse: separate;
  border-image: none;
  border-radius: 0;
  border-spacing: 0;
  box-shadow: none;
  clear: none;
  cursor: auto;
  display: inline;
  empty-cells: show;
  float: none;
  font-family: inherit;
  font-size: inherit;
  font-style: normal;
  font-variant: normal;
  font-weight: 400;
  font-stretch: normal;
  -webkit-hyphens: none;
  -ms-hyphens: none;
  hyphens: none;
  left: auto;
  letter-spacing: normal;
  list-style: none;
  margin: 0;
  max-height: none;
  max-width: none;
  min-height: 0;
  min-width: 0;
  opacity: 1;
  outline: medium none invert;
  overflow: visible;
  overflow-x: visible;
  overflow-y: visible;
  text-align: left;
  text-decoration: none;
  text-indent: 0;
  text-shadow: none;
  text-transform: none;
  top: auto;
  transform: none;
  transform-origin: 50% 50% 0;
  transform-style: flat;
  transition: none 0s ease 0s;
  unicode-bidi: normal;
  vertical-align: baseline;
  visibility: visible;
  white-space: normal;
  z-index: auto; }

.uppy-c-textInput {
  border: 1px solid #ddd;
  border-radius: 4px;
  font-size: 14px;
  line-height: 1.5;
  padding: 6px 8px;
  background-color: #fff; }

.uppy-size--md .uppy-c-textInput {
  padding: 8px 10px; }

.uppy-c-textInput:focus {
  border-color: rgba(34, 117, 215, 0.6);
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.15); }

[data-uppy-theme=dark] .uppy-c-textInput {
  background-color: #333;
  border-color: #333;
  color: #eaeaea; }

[data-uppy-theme=dark] .uppy-c-textInput:focus {
  border-color: #525252;
  box-shadow: none; }

.uppy-c-icon {
  max-width: 100%;
  max-height: 100%;
  fill: currentColor;
  display: inline-block;
  overflow: hidden; }

.uppy-c-btn {
  display: inline-block;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  font-family: inherit;
  font-size: 16px;
  line-height: 1;
  font-weight: 500;
  transition-property: background-color,color;
  transition-duration: .3s;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; }

.uppy-c-btn:not(:disabled):not(.disabled) {
  cursor: pointer; }

.uppy-c-btn::-moz-focus-inner {
  border: 0; }

.uppy-c-btn-primary {
  font-size: 14px;
  padding: 10px 18px;
  border-radius: 4px;
  background-color: #2275d7;
  color: #fff; }

.uppy-c-btn-primary:hover {
  background-color: #1b5dab; }

.uppy-c-btn-primary:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.4); }

.uppy-size--md .uppy-c-btn-primary {
  padding: 13px 22px; }

[data-uppy-theme=dark] .uppy-c-btn-primary {
  color: #eaeaea; }

[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-c-btn-primary::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-c-btn-primary:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

.uppy-c-btn-link {
  font-size: 14px;
  line-height: 1;
  padding: 10px 15px;
  border-radius: 4px;
  background-color: transparent;
  color: #525252; }

.uppy-c-btn-link:hover {
  color: #333; }

.uppy-c-btn-link:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25); }

.uppy-size--md .uppy-c-btn-link {
  padding: 13px 18px; }

[data-uppy-theme=dark] .uppy-c-btn-link {
  color: #eaeaea; }

[data-uppy-theme=dark] .uppy-c-btn-link:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-c-btn-link::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-c-btn-link:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

[data-uppy-theme=dark] .uppy-c-btn-link:hover {
  color: #939393; }

.uppy-c-btn--small {
  font-size: .9em;
  padding: 7px 16px;
  border-radius: 2px; }

.uppy-size--md .uppy-c-btn--small {
  padding: 8px 10px;
  border-radius: 2px; }

.uppy-Informer {
  position: absolute;
  bottom: 60px;
  left: 0;
  right: 0;
  text-align: center;
  opacity: 1;
  transform: none;
  transition: all .25s ease-in;
  z-index: 1005; }

.uppy-Informer[aria-hidden=true] {
  opacity: 0;
  transform: translateY(350%);
  transition: all .3s ease-in;
  z-index: -1000; }

.uppy-Informer p {
  display: inline-block;
  margin: 0;
  font-size: 12px;
  line-height: 1.4;
  font-weight: 400;
  padding: 6px 15px;
  background-color: #757575;
  color: #fff;
  border-radius: 18px;
  max-width: 90%; }

.uppy-size--md .uppy-Informer p {
  font-size: 14px;
  line-height: 1.3;
  max-width: 500px;
  padding: 10px 20px; }

[data-uppy-theme=dark] .uppy-Informer p {
  background-color: #333; }

.uppy-Informer span {
  line-height: 12px;
  width: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  color: #525252;
  background-color: #fff;
  border-radius: 50%;
  position: relative;
  top: -1px;
  left: 3px;
  font-size: 10px;
  margin-left: -1px; }

.uppy-Informer span:hover {
  cursor: help; }

.uppy-Informer span:after {
  line-height: 1.3;
  word-wrap: break-word; }

.uppy-Root [aria-label][role~=tooltip] {
  position: relative; }

.uppy-Root [aria-label][role~=tooltip]:after, .uppy-Root [aria-label][role~=tooltip]:before {
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  will-change: transform;
  opacity: 0;
  pointer-events: none;
  transition: all var(--microtip-transition-duration, 0.18s) var(--microtip-transition-easing, ease-in-out) var(--microtip-transition-delay, 0s);
  position: absolute;
  box-sizing: border-box;
  z-index: 10;
  transform-origin: top; }

.uppy-Root [aria-label][role~=tooltip]:before {
  background-size: 100% auto !important;
  content: ""; }

.uppy-Root [aria-label][role~=tooltip]:after {
  background: rgba(17, 17, 17, 0.9);
  border-radius: 4px;
  color: #fff;
  content: attr(aria-label);
  font-size: var(--microtip-font-size, 13px);
  font-weight: var(--microtip-font-weight, normal);
  text-transform: var(--microtip-text-transform, none);
  padding: .5em 1em;
  white-space: nowrap;
  box-sizing: content-box; }

.uppy-Root [aria-label][role~=tooltip]:focus:after, .uppy-Root [aria-label][role~=tooltip]:focus:before, .uppy-Root [aria-label][role~=tooltip]:hover:after, .uppy-Root [aria-label][role~=tooltip]:hover:before {
  opacity: 1;
  pointer-events: auto; }

.uppy-Root [role~=tooltip][data-microtip-position|=top]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M2.658 0h32.004c-6 0-11.627 12.002-16.002 12.002C14.285 12.002 8.594 0 2.658 0z'/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-bottom: 5px; }

.uppy-Root [role~=tooltip][data-microtip-position|=top]:after {
  margin-bottom: 11px; }

.uppy-Root [role~=tooltip][data-microtip-position|=top]:before {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%; }

.uppy-Root [role~=tooltip][data-microtip-position|=top]:hover:before {
  transform: translate3d(-50%, -5px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position|=top]:after {
  transform: translate3d(-50%, 0, 0);
  bottom: 100%;
  left: 50%; }

.uppy-Root [role~=tooltip][data-microtip-position=top]:hover:after {
  transform: translate3d(-50%, -5px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=top-left]:after {
  transform: translate3d(calc(-100% + 16px), 0, 0);
  bottom: 100%; }

.uppy-Root [role~=tooltip][data-microtip-position=top-left]:hover:after {
  transform: translate3d(calc(-100% + 16px), -5px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=top-right]:after {
  transform: translate3d(-16px, 0, 0);
  bottom: 100%; }

.uppy-Root [role~=tooltip][data-microtip-position=top-right]:hover:after {
  transform: translate3d(-16px, -5px, 0); }

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='36' height='12'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M33.342 12H1.338c6 0 11.627-12.002 16.002-12.002C21.715-.002 27.406 12 33.342 12z'/%3E%3C/svg%3E") no-repeat;
  height: 6px;
  width: 18px;
  margin-top: 5px;
  margin-bottom: 0; }

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:after {
  margin-top: 11px; }

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:before {
  transform: translate3d(-50%, -10px, 0);
  bottom: auto;
  left: 50%;
  top: 100%; }

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:hover:before {
  transform: translate3d(-50%, 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position|=bottom]:after {
  transform: translate3d(-50%, -10px, 0);
  top: 100%;
  left: 50%; }

.uppy-Root [role~=tooltip][data-microtip-position=bottom]:hover:after {
  transform: translate3d(-50%, 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:after {
  transform: translate3d(calc(-100% + 16px), -10px, 0);
  top: 100%; }

.uppy-Root [role~=tooltip][data-microtip-position=bottom-left]:hover:after {
  transform: translate3d(calc(-100% + 16px), 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:after {
  transform: translate3d(-16px, -10px, 0);
  top: 100%; }

.uppy-Root [role~=tooltip][data-microtip-position=bottom-right]:hover:after {
  transform: translate3d(-16px, 0, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=left]:after, .uppy-Root [role~=tooltip][data-microtip-position=left]:before {
  bottom: auto;
  left: auto;
  right: 100%;
  top: 50%;
  transform: translate3d(10px, -50%, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=left]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M0 33.342V1.338c0 6 12.002 11.627 12.002 16.002C12.002 21.715 0 27.406 0 33.342z'/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-right: 5px;
  margin-bottom: 0; }

.uppy-Root [role~=tooltip][data-microtip-position=left]:after {
  margin-right: 11px; }

.uppy-Root [role~=tooltip][data-microtip-position=left]:hover:after, .uppy-Root [role~=tooltip][data-microtip-position=left]:hover:before {
  transform: translate3d(0, -50%, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=right]:after, .uppy-Root [role~=tooltip][data-microtip-position=right]:before {
  bottom: auto;
  left: 100%;
  top: 50%;
  transform: translate3d(-10px, -50%, 0); }

.uppy-Root [role~=tooltip][data-microtip-position=right]:before {
  background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='36'%3E%3Cpath fill='rgba(17, 17, 17, 0.9)' d='M12 2.658v32.004c0-6-12.002-11.627-12.002-16.002C-.002 14.285 12 8.594 12 2.658z'/%3E%3C/svg%3E") no-repeat;
  height: 18px;
  width: 6px;
  margin-bottom: 0;
  margin-left: 5px; }

.uppy-Root [role~=tooltip][data-microtip-position=right]:after {
  margin-left: 11px; }

.uppy-Root [role~=tooltip][data-microtip-position=right]:hover:after, .uppy-Root [role~=tooltip][data-microtip-position=right]:hover:before {
  transform: translate3d(0, -50%, 0); }

.uppy-Root [role~=tooltip][data-microtip-size=small]:after {
  white-space: normal;
  width: 80px; }

.uppy-Root [role~=tooltip][data-microtip-size=medium]:after {
  white-space: normal;
  width: 150px; }

.uppy-Root [role~=tooltip][data-microtip-size=large]:after {
  white-space: normal;
  width: 260px; }

.uppy-StatusBar {
  display: -ms-flexbox;
  display: flex;
  position: relative;
  height: 40px;
  line-height: 40px;
  font-size: 12px;
  font-weight: 400;
  color: #fff;
  background-color: #fff;
  z-index: 1001;
  transition: height .2s; }

[data-uppy-theme=dark] .uppy-StatusBar {
  background-color: #1f1f1f; }

.uppy-size--md .uppy-StatusBar {
  height: 46px; }

.uppy-StatusBar:before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 2px;
  background-color: #eaeaea; }

[data-uppy-theme=dark] .uppy-StatusBar:before {
  background-color: #757575; }

.uppy-StatusBar[aria-hidden=true] {
  overflow-y: hidden;
  height: 0; }

.uppy-StatusBar.is-complete .uppy-StatusBar-progress {
  background-color: #1bb240; }

.uppy-StatusBar.is-error .uppy-StatusBar-progress {
  background-color: #e32437; }

.uppy-StatusBar.is-complete .uppy-StatusBar-statusIndicator {
  color: #1bb240; }

.uppy-StatusBar.is-error .uppy-StatusBar-statusIndicator {
  color: #e32437; }

.uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  background-color: #fff;
  height: 65px;
  border-top: 1px solid #eaeaea; }

[data-uppy-theme=dark] .uppy-StatusBar:not([aria-hidden=true]).is-waiting {
  background-color: #1f1f1f;
  border-top: 1px solid #333; }

.uppy-StatusBar-progress {
  background-color: #2275d7;
  height: 2px;
  position: absolute;
  z-index: 1001;
  transition: background-color,width .3s ease-out; }

.uppy-StatusBar-progress.is-indeterminate {
  background-size: 64px 64px;
  background-image: linear-gradient(45deg, rgba(0, 0, 0, 0.3) 25%, transparent 0, transparent 50%, rgba(0, 0, 0, 0.3) 0, rgba(0, 0, 0, 0.3) 75%, transparent 0, transparent);
  animation: uppy-StatusBar-ProgressStripes 1s linear infinite; }

@keyframes uppy-StatusBar-ProgressStripes {
  0% {
    background-position: 0 0; }
  to {
    background-position: 64px 0; } }
.uppy-StatusBar.is-postprocessing .uppy-StatusBar-progress, .uppy-StatusBar.is-preprocessing .uppy-StatusBar-progress {
  background-color: #f6a623; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-progress {
  display: none; }

.uppy-StatusBar-content {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  z-index: 1002;
  padding-left: 10px;
  white-space: nowrap;
  text-overflow: ellipsis;
  color: #333;
  height: 100%; }

.uppy-size--md .uppy-StatusBar-content {
  padding-left: 15px; }

[data-uppy-theme=dark] .uppy-StatusBar-content {
  color: #eaeaea; }

.uppy-StatusBar-status {
  line-height: 1.4;
  font-weight: 400;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  padding-right: .3em; }

.uppy-Root:not(.uppy-size--md) .uppy-StatusBar-additionalInfo {
  display: none; }

.uppy-StatusBar-statusPrimary {
  font-weight: 500;
  line-height: 1; }

[data-uppy-theme=dark] .uppy-StatusBar-statusPrimary {
  color: #eaeaea; }

.uppy-StatusBar-statusSecondary {
  margin-top: 1px;
  font-size: 11px;
  line-height: 1.2;
  display: inline-block;
  color: #757575;
  white-space: nowrap; }

[data-uppy-theme=dark] .uppy-StatusBar-statusSecondary {
  color: #bbb; }

.uppy-StatusBar-statusSecondaryHint {
  display: inline-block;
  vertical-align: middle;
  margin-right: 5px;
  line-height: 1; }

.uppy-size--md .uppy-StatusBar-statusSecondaryHint {
  margin-right: 8px; }

.uppy-StatusBar-statusIndicator {
  position: relative;
  top: 1px;
  color: #525252;
  margin-right: 7px; }

.uppy-StatusBar-statusIndicator svg {
  vertical-align: text-bottom; }

.uppy-StatusBar-actions {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  position: absolute;
  top: 0;
  bottom: 0;
  right: 10px;
  z-index: 1004; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  width: 100%;
  position: static;
  padding: 0 15px;
  background-color: #fafafa; }

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actions {
  background-color: #1f1f1f; }

.uppy-StatusBar-actionCircleBtn {
  line-height: 1;
  cursor: pointer;
  margin: 3px;
  opacity: .9; }

.uppy-StatusBar-actionCircleBtn:focus {
  outline: none; }

.uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
  border: 0; }

.uppy-StatusBar-actionCircleBtn:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-StatusBar-actionCircleBtn:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

.uppy-StatusBar-actionCircleBtn:hover {
  opacity: 1; }

.uppy-StatusBar-actionCircleBtn:focus {
  border-radius: 50%; }

.uppy-StatusBar-actionCircleBtn svg {
  vertical-align: bottom; }

.uppy-StatusBar-actionBtn {
  display: inline-block;
  vertical-align: middle;
  font-size: 10px;
  line-height: inherit;
  color: #2275d7; }

.uppy-size--md .uppy-StatusBar-actionBtn {
  font-size: 11px; }

.uppy-StatusBar-actionBtn--retry {
  height: 16px;
  border-radius: 8px;
  margin-right: 6px;
  background-color: #ff4b23;
  line-height: 1;
  color: #fff;
  padding: 1px 6px 3px 18px;
  position: relative; }

.uppy-StatusBar-actionBtn--retry:focus {
  outline: none; }

.uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
  border: 0; }

.uppy-StatusBar-actionBtn--retry:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--retry:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

.uppy-StatusBar-actionBtn--retry:hover {
  background-color: #f92d00; }

.uppy-StatusBar-actionBtn--retry svg {
  position: absolute;
  top: 3px;
  left: 6px; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  font-size: 14px;
  width: 100%;
  padding: 15px 10px;
  color: #fff;
  background-color: #1bb240;
  line-height: 1; }

.uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: #189c38; }

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  background-color: #1c8b37; }

[data-uppy-theme=dark] .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload:hover {
  background-color: #18762f; }

.uppy-size--md .uppy-StatusBar.is-waiting .uppy-StatusBar-actionBtn--upload {
  padding: 13px 22px;
  width: auto; }

.uppy-StatusBar:not(.is-waiting) .uppy-StatusBar-actionBtn--upload {
  background-color: transparent;
  color: #2275d7; }

.uppy-StatusBar-actionBtn--uploadNewlyAdded {
  padding-right: 3px;
  padding-left: 3px;
  padding-bottom: 1px;
  border-radius: 3px; }

.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  outline: none; }

.uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
  border: 0; }

.uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-StatusBar-actionBtn--uploadNewlyAdded:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

.uppy-StatusBar-details {
  line-height: 12px;
  width: 13px;
  height: 13px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #939393;
  border-radius: 50%;
  position: relative;
  top: 0;
  left: 2px;
  font-size: 10px;
  font-weight: 600;
  text-align: center;
  cursor: help; }

.uppy-StatusBar-details:after {
  line-height: 1.3;
  word-wrap: break-word; }

.uppy-StatusBar-spinner {
  animation-name: uppy-StatusBar-spinnerAnimation;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
  margin-right: 10px;
  fill: #2275d7; }

.uppy-StatusBar.is-postprocessing .uppy-StatusBar-spinner, .uppy-StatusBar.is-preprocessing .uppy-StatusBar-spinner {
  fill: #f6a623; }

@keyframes uppy-StatusBar-spinnerAnimation {
  0% {
    transform: rotate(0deg); }
  to {
    transform: rotate(1turn); } }
.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -ms-flex-align: start;
  align-items: flex-start;
  padding: 6px; }

.uppy-ProviderBrowser-viewType--grid ul.uppy-ProviderBrowser-list:after {
  content: "";
  -ms-flex: auto;
  flex: auto; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem {
  width: 50%;
  position: relative;
  margin: 0; }

.uppy-size--md .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem {
  width: 33.3333%; }

.uppy-size--lg .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem {
  width: 25%; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem:before {
  content: "";
  padding-top: 100%;
  display: block; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected img, .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--selected svg {
  opacity: .85; }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
  background-color: rgba(147, 147, 147, 0.2); }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview .uppy-ProviderBrowserItem-inner {
  background-color: rgba(234, 234, 234, 0.2); }

.uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg {
  fill: rgba(0, 0, 0, 0.7);
  width: 30%;
  height: 30%; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid li.uppy-ProviderBrowserItem--noPreview svg {
  fill: rgba(255, 255, 255, 0.8); }

.uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner {
  border-radius: 4px;
  overflow: hidden;
  position: absolute;
  top: 7px;
  left: 7px;
  right: 7px;
  bottom: 7px;
  text-align: center;
  width: calc(100% - 14px);
  height: calc(100% - 14px); }

.uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.9); }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner {
  box-shadow: 0 0 0 3px rgba(170, 225, 255, 0.7); }

.uppy-ProviderBrowser-viewType--grid button.uppy-ProviderBrowserItem-inner img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 4px; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox {
  position: absolute;
  top: 16px;
  right: 16px;
  width: 26px;
  height: 26px;
  background-color: #2275d7;
  border-radius: 50%;
  z-index: 1002;
  opacity: 0; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox:after {
  width: 12px;
  height: 7px;
  left: 7px;
  top: 8px; }

.uppy-ProviderBrowser-viewType--grid .uppy-ProviderBrowserItem-fakeCheckbox--is-checked {
  opacity: 1; }

.uppy-ProviderBrowser-viewType--list {
  background-color: #fff; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list {
  background-color: #1f1f1f; }

.uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 7px 15px;
  margin: 0; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list li.uppy-ProviderBrowserItem {
  color: #eaeaea; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox {
  margin-right: 15px;
  height: 17px;
  width: 17px;
  border-radius: 3px;
  background-color: #fff;
  border: 1px solid #cfcfcf; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:focus {
  border: 1px solid #2275d7;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.25);
  outline: none; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:after {
  opacity: 0;
  height: 5px;
  width: 9px;
  left: 3px;
  top: 4px; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox:focus {
  border-color: rgba(2, 186, 242, 0.7);
  box-shadow: 0 0 0 3px rgba(2, 186, 242, 0.2); }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox--is-checked {
  background-color: #2275d7;
  border-color: #2275d7; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-fakeCheckbox--is-checked:after {
  opacity: 1; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  padding: 2px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner:focus {
  outline: none;
  text-decoration: underline; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner img, .uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner svg {
  margin-right: 8px;
  max-width: 20px;
  max-height: 20px; }

.uppy-ProviderBrowser-viewType--list .uppy-ProviderBrowserItem-inner span {
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden; }

.uppy-ProviderBrowserItem-fakeCheckbox {
  position: relative;
  cursor: pointer;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.uppy-ProviderBrowserItem-fakeCheckbox:after {
  content: "";
  position: absolute;
  cursor: pointer;
  border-left: 2px solid #eaeaea;
  border-bottom: 2px solid #eaeaea;
  transform: rotate(-45deg); }

[data-uppy-theme=dark] .uppy-ProviderBrowserItem-fakeCheckbox {
  background-color: #1f1f1f;
  border-color: #939393; }

[data-uppy-theme=dark] .uppy-ProviderBrowserItem-fakeCheckbox--is-checked {
  background-color: #333; }

.uppy-DashboardContent-panelBody {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex: 1;
  flex: 1; }

[data-uppy-theme=dark] .uppy-DashboardContent-panelBody {
  background-color: #1f1f1f; }

.uppy-Provider-auth, .uppy-Provider-empty, .uppy-Provider-error, .uppy-Provider-loading {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  -ms-flex: 1;
  flex: 1;
  color: #939393; }

.uppy-Provider-empty {
  color: #939393; }

.uppy-Provider-authIcon svg {
  width: 100px;
  height: 75px;
  margin-bottom: 15px; }

.uppy-Provider-authTitle {
  font-size: 17px;
  line-height: 1.4;
  font-weight: 400;
  margin-bottom: 30px;
  padding: 0 15px;
  max-width: 500px;
  text-align: center;
  color: #757575; }

.uppy-size--md .uppy-Provider-authTitle {
  font-size: 20px; }

[data-uppy-theme=dark] .uppy-Provider-authTitle {
  color: #cfcfcf; }

.uppy-Provider-breadcrumbs {
  -ms-flex: 1;
  flex: 1;
  color: #525252;
  font-size: 12px;
  margin-bottom: 10px;
  text-align: left; }

.uppy-size--md .uppy-Provider-breadcrumbs {
  margin-bottom: 0; }

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs {
  color: #eaeaea; }

.uppy-Provider-breadcrumbsIcon {
  display: inline-block;
  color: #525252;
  vertical-align: middle;
  margin-right: 4px;
  line-height: 1; }

.uppy-Provider-breadcrumbsIcon svg {
  width: 13px;
  height: 13px;
  fill: #525252; }

.uppy-Provider-breadcrumbs button {
  display: inline-block;
  line-height: inherit;
  padding: 4px;
  border-radius: 3px; }

.uppy-Provider-breadcrumbs button:focus {
  outline: none; }

.uppy-Provider-breadcrumbs button::-moz-focus-inner {
  border: 0; }

.uppy-Provider-breadcrumbs button:hover {
  color: #1b5dab; }

.uppy-Provider-breadcrumbs button:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button:focus {
  background-color: #333; }

.uppy-Provider-breadcrumbs button:hover {
  text-decoration: underline;
  cursor: pointer; }

[data-uppy-theme=dark] .uppy-Provider-breadcrumbs button {
  color: #eaeaea; }

.uppy-ProviderBrowser {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1;
  flex: 1;
  font-size: 14px;
  font-weight: 400;
  height: 100%; }

.uppy-ProviderBrowser-user {
  margin: 0 8px 0 0;
  font-weight: 500;
  color: #333; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-user {
  color: #eaeaea; }

.uppy-ProviderBrowser-user:after {
  content: "\00B7";
  position: relative;
  left: 4px;
  color: #939393;
  font-weight: 400; }

.uppy-ProviderBrowser-header {
  z-index: 1001;
  border-bottom: 1px solid #eaeaea;
  position: relative; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-header {
  border-bottom: 1px solid #333; }

.uppy-ProviderBrowser-headerBar {
  padding: 7px 15px;
  background-color: #fafafa;
  z-index: 1001;
  color: #757575;
  line-height: 1.4;
  font-size: 12px; }

.uppy-size--md .uppy-ProviderBrowser-headerBar {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-headerBar {
  background-color: #1f1f1f; }

.uppy-ProviderBrowser-headerBar--simple {
  text-align: center;
  display: block;
  -ms-flex-pack: center;
  justify-content: center; }

.uppy-ProviderBrowser-headerBar--simple .uppy-Provider-breadcrumbsWrap {
  -ms-flex: none;
  flex: none;
  display: inline-block;
  vertical-align: middle; }

.uppy-ProviderBrowser-search {
  width: 100%;
  background-color: #fff;
  position: relative;
  height: 30px;
  margin-top: 10px;
  margin-bottom: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-search {
  background-color: #1f1f1f; }

.uppy-ProviderBrowser-searchIcon {
  position: absolute;
  width: 12px;
  height: 12px;
  left: 16px;
  z-index: 1002;
  color: #bbb; }

.uppy-ProviderBrowser-searchInput {
  width: 100%;
  height: 30px;
  background-color: transparent;
  outline: 0;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  font-size: 12px;
  line-height: 1.4;
  border: 0;
  margin: 0 8px;
  padding-left: 27px;
  z-index: 1001;
  border-radius: 4px; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput {
  background-color: #1f1f1f;
  color: #eaeaea; }

.uppy-ProviderBrowser-searchInput:focus {
  outline: 0;
  background-color: #f4f4f4; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-searchInput:focus {
  background-color: #333; }

.uppy-ProviderBrowser-searchClose {
  position: absolute;
  width: 22px;
  height: 22px;
  padding: 6px;
  right: 12px;
  top: 4px;
  z-index: 1002;
  color: #939393;
  cursor: pointer; }

.uppy-ProviderBrowser-searchClose:hover {
  color: #757575; }

.uppy-ProviderBrowser-searchClose svg {
  vertical-align: text-top; }

.uppy-ProviderBrowser-searchInput:-ms-input-placeholder {
  color: #939393;
  opacity: 1; }

.uppy-ProviderBrowser-searchInput::placeholder {
  color: #939393;
  opacity: 1; }

.uppy-ProviderBrowser-userLogout {
  cursor: pointer;
  line-height: inherit;
  color: #2275d7;
  padding: 4px;
  border-radius: 3px; }

.uppy-ProviderBrowser-userLogout:focus {
  outline: none; }

.uppy-ProviderBrowser-userLogout::-moz-focus-inner {
  border: 0; }

.uppy-ProviderBrowser-userLogout:hover {
  color: #1b5dab; }

.uppy-ProviderBrowser-userLogout:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout:focus {
  background-color: #333; }

.uppy-ProviderBrowser-userLogout:hover {
  text-decoration: underline; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-userLogout {
  color: #eaeaea; }

.uppy-ProviderBrowser-body {
  -ms-flex: 1;
  flex: 1;
  position: relative; }

.uppy-ProviderBrowser-list {
  -ms-flex: 1;
  flex: 1;
  position: relative;
  display: block;
  width: 100%;
  height: 100%;
  background-color: #fff;
  border-spacing: 0;
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  list-style: none;
  margin: 0;
  padding: 0; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-list {
  background-color: #1f1f1f; }

.uppy-ProviderBrowserItem-inner {
  cursor: pointer;
  font-weight: 500;
  font-size: 13px; }

.uppy-ProviderBrowser-footer {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  background-color: #fff;
  height: 65px;
  border-top: 1px solid #eaeaea;
  padding: 0 15px; }

.uppy-ProviderBrowser-footer button {
  margin-right: 8px; }

[data-uppy-theme=dark] .uppy-ProviderBrowser-footer {
  background-color: #1f1f1f;
  border-top: 1px solid #333; }

.uppy-Dashboard-Item-previewInnerWrap {
  width: 100%;
  height: 100%;
  overflow: hidden;
  position: relative;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  box-shadow: 0 0 2px 0 rgba(0, 0, 0, 0.4);
  border-radius: 3px; }

.uppy-size--md .uppy-Dashboard-Item-previewInnerWrap {
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.15); }

.uppy-Dashboard-Item-previewInnerWrap:after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.65);
  display: none;
  z-index: 1001; }

.uppy-Dashboard-Item-previewLink {
  position: absolute;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 1002; }

.uppy-Dashboard-Item-previewLink:focus {
  box-shadow: inset 0 0 0 3px #76abe9; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-previewLink:focus {
  box-shadow: inset 0 0 0 3px #016c8d; }

.uppy-Dashboard-Item-preview img.uppy-Dashboard-Item-previewImg {
  width: 100%;
  height: 100%;
  object-fit: cover;
  transform: translateZ(0);
  border-radius: 3px; }

.uppy-Dashboard-Item-progress {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 1002;
  color: #fff;
  text-align: center;
  width: 120px;
  transition: all .35 ease; }

.uppy-Dashboard-Item-progressIndicator {
  display: inline-block;
  width: 38px;
  height: 38px;
  opacity: .9; }

.uppy-size--md .uppy-Dashboard-Item-progressIndicator {
  width: 55px;
  height: 55px; }

button.uppy-Dashboard-Item-progressIndicator {
  cursor: pointer; }

button.uppy-Dashboard-Item-progressIndicator:focus {
  outline: none; }

button.uppy-Dashboard-Item-progressIndicator::-moz-focus-inner {
  border: 0; }

button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--bg, button.uppy-Dashboard-Item-progressIndicator:focus .uppy-Dashboard-Item-progressIcon--retry {
  fill: #76abe9; }

.uppy-Dashboard-Item-progressIcon--circle {
  width: 100%;
  height: 100%; }

.uppy-Dashboard-Item-progressIcon--bg {
  stroke: rgba(255, 255, 255, 0.4); }

.uppy-Dashboard-Item-progressIcon--progress {
  stroke: #fff;
  transition: stroke-dashoffset .5s ease-out; }

.uppy-Dashboard-Item-progressIcon--play {
  stroke: #fff;
  fill: #fff;
  transition: all .2s; }

.uppy-Dashboard-Item-progressIcon--cancel {
  fill: #fff;
  transition: all .2s; }

.uppy-Dashboard-Item-progressIcon--pause {
  stroke: #fff;
  fill: #fff;
  transition: all .2s; }

.uppy-Dashboard-Item-progressIcon--check {
  fill: #fff;
  transition: all .2s; }

.uppy-Dashboard-Item-progressIcon--retry {
  fill: #fff; }

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progress {
  transform: none;
  top: -9px;
  right: -8px;
  left: auto;
  width: auto; }

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  width: 18px;
  height: 18px; }

.uppy-size--md .uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-progressIndicator {
  width: 28px;
  height: 28px; }

.uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  width: 18px;
  height: 18px;
  opacity: 1; }

.uppy-size--md .uppy-Dashboard-Item.is-complete .uppy-Dashboard-Item-progressIndicator {
  width: 22px;
  height: 22px; }

.uppy-Dashboard-Item.is-processing .uppy-Dashboard-Item-progress {
  opacity: 0; }

.uppy-Dashboard-Item-fileInfo {
  padding-right: 5px; }

.uppy-Dashboard-Item-name {
  font-size: 12px;
  line-height: 1.3;
  font-weight: 500;
  margin-bottom: 4px;
  word-break: break-all;
  word-wrap: anywhere; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-name {
  color: #eaeaea; }

.uppy-Dashboard-Item-status {
  font-size: 11px;
  line-height: 1.3;
  font-weight: 400;
  color: #757575; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-status {
  color: #bbb; }

.uppy-Dashboard-Item-statusSize {
  display: inline-block;
  vertical-align: bottom;
  text-transform: uppercase; }

.uppy-Dashboard-Item-sourceIcon {
  display: none;
  vertical-align: bottom;
  color: #bbb; }

.uppy-Dashboard-Item-sourceIcon:not(:first-child) {
  position: relative;
  margin-left: 14px; }

.uppy-Dashboard-Item-sourceIcon svg, .uppy-Dashboard-Item-sourceIcon svg * {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: text-bottom;
  overflow: hidden;
  fill: currentColor;
  width: 11px;
  height: 12px; }

.uppy-Dashboard-Item-action {
  cursor: pointer;
  color: #939393; }

.uppy-Dashboard-Item-action:focus {
  outline: none; }

.uppy-Dashboard-Item-action::-moz-focus-inner {
  border: 0; }

.uppy-Dashboard-Item-action:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

.uppy-Dashboard-Item-action:hover {
  opacity: 1;
  color: #1f1f1f; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action {
  color: #cfcfcf; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action:hover {
  color: #eaeaea; }

.uppy-Dashboard-Item-action--remove {
  color: #1f1f1f;
  opacity: .95; }

.uppy-Dashboard-Item-action--remove:hover {
  opacity: 1;
  color: #000; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove {
  color: #525252; }

[data-uppy-theme=dark] .uppy-Dashboard-Item-action--remove:hover {
  color: #333; }

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-actionWrapper {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action {
  width: 22px;
  height: 22px;
  padding: 3px;
  margin-left: 3px; }

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-action:focus {
  border-radius: 3px; }

.uppy-size--md .uppy-Dashboard-Item-action--copyLink, .uppy-size--md .uppy-Dashboard-Item-action--edit {
  width: 16px;
  height: 16px;
  padding: 0; }

.uppy-size--md .uppy-Dashboard-Item-action--copyLink:focus, .uppy-size--md .uppy-Dashboard-Item-action--edit:focus {
  border-radius: 3px; }

.uppy-size--md .uppy-Dashboard-Item-action--remove {
  z-index: 1002;
  position: absolute;
  top: -8px;
  right: -8px;
  width: 18px;
  height: 18px;
  padding: 0; }

.uppy-size--md .uppy-Dashboard-Item-action--remove:focus {
  border-radius: 50%; }

.uppy-Dashboard-Item {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  border-bottom: 1px solid #eaeaea;
  padding: 10px 0 10px 10px; }

[data-uppy-theme=dark] .uppy-Dashboard-Item {
  border-bottom: 1px solid #333; }

.uppy-size--md .uppy-Dashboard-Item {
  position: relative;
  display: block;
  float: left;
  margin: 5px 15px;
  padding: 0;
  width: calc(33.333% - 30px);
  height: 215px;
  border-bottom: 0; }

.uppy-size--lg .uppy-Dashboard-Item {
  margin: 5px 15px;
  width: calc(25% - 30px);
  height: 190px; }

.uppy-size--xl .uppy-Dashboard-Item {
  width: calc(20% - 30px);
  height: 210px; }

.uppy-Dashboard-Item-preview {
  position: relative; }

.uppy-Dashboard:not(.uppy-size--md) .uppy-Dashboard-Item-preview {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  width: 50px;
  height: 50px; }

.uppy-size--md .uppy-Dashboard-Item-preview {
  width: 100%;
  height: 140px; }

.uppy-size--lg .uppy-Dashboard-Item-preview {
  height: 120px; }

.uppy-size--xl .uppy-Dashboard-Item-preview {
  height: 140px; }

.uppy-Dashboard-Item-fileInfoAndButtons {
  -ms-flex-positive: 1;
  flex-grow: 1;
  padding-right: 8px;
  padding-left: 12px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between; }

.uppy-size--md .uppy-Dashboard-Item-fileInfoAndButtons {
  -ms-flex-align: start;
  align-items: flex-start;
  width: 100%;
  padding: 9px 0 0; }

.uppy-Dashboard-Item-fileInfo {
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-negative: 1;
  flex-shrink: 1; }

.uppy-Dashboard-Item-actionWrapper {
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0; }

.uppy-Dashboard-Item.is-error .uppy-Dashboard-Item-previewInnerWrap:after, .uppy-Dashboard-Item.is-inprogress .uppy-Dashboard-Item-previewInnerWrap:after {
  display: block; }

.uppy-Dashboard-Item.is-inprogress:not(.is-resumable) .uppy-Dashboard-Item-action--remove {
  display: none; }

.uppy-Dashboard-Item-errorDetails {
  line-height: 12px;
  width: 12px;
  height: 12px;
  display: inline-block;
  vertical-align: middle;
  color: #fff;
  background-color: #939393;
  border-radius: 50%;
  position: relative;
  top: -1px;
  left: 6px;
  font-size: 8px;
  font-weight: 600;
  text-align: center;
  cursor: help; }

.uppy-Dashboard-Item-errorDetails:after {
  line-height: 1.3;
  word-wrap: break-word; }

.uppy-Dashboard-FileCard {
  width: 100%;
  height: 100%;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 1005;
  box-shadow: 0 0 10px 4px rgba(0, 0, 0, 0.1);
  background-color: #fff;
  border-radius: 5px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column; }

.uppy-Dashboard-FileCard .uppy-DashboardContent-bar {
  border-top-left-radius: 5px;
  border-top-right-radius: 5px; }

.uppy-Dashboard-FileCard .uppy-Dashboard-FileCard-actions {
  border-bottom-left-radius: 5px;
  border-bottom-right-radius: 5px; }

.uppy-Dashboard-FileCard-inner {
  height: 100%;
  -ms-flex-positive: 1;
  flex-grow: 1;
  -ms-flex-direction: column;
  flex-direction: column; }

.uppy-Dashboard-FileCard-inner, .uppy-Dashboard-FileCard-preview {
  -ms-flex-negative: 1;
  flex-shrink: 1;
  min-height: 0;
  display: -ms-flexbox;
  display: flex; }

.uppy-Dashboard-FileCard-preview {
  height: 60%;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border-bottom: 1px solid #eaeaea;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  position: relative; }

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-preview {
  background-color: #333;
  border-bottom: 0; }

.uppy-Dashboard-FileCard-preview img.uppy-Dashboard-Item-previewImg {
  max-width: 90%;
  max-height: 90%;
  object-fit: cover;
  -ms-flex: 0 0 auto;
  flex: 0 0 auto;
  border-radius: 3px;
  box-shadow: 0 3px 20px rgba(0, 0, 0, 0.15); }

.uppy-Dashboard-FileCard-edit {
  position: absolute;
  top: 10px;
  right: 10px;
  font-size: 13px;
  background-color: rgba(0, 0, 0, 0.5);
  color: #fff;
  padding: 7px 15px;
  border-radius: 50px; }

.uppy-Dashboard-FileCard-edit:focus {
  outline: none; }

.uppy-Dashboard-FileCard-edit::-moz-focus-inner {
  border: 0; }

.uppy-Dashboard-FileCard-edit:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

.uppy-Dashboard-FileCard-edit:hover {
  background-color: rgba(0, 0, 0, 0.8); }

.uppy-Dashboard-FileCard-info {
  height: 40%;
  -ms-flex-positive: 0;
  flex-grow: 0;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  padding: 30px 20px 20px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch; }

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-info {
  background-color: #1f1f1f; }

.uppy-Dashboard-FileCard-fieldset {
  font-size: 0;
  border: 0;
  padding: 0;
  max-width: 640px;
  margin: auto auto 12px; }

.uppy-Dashboard-FileCard-label {
  display: inline-block;
  vertical-align: middle;
  width: 22%;
  font-size: 12px;
  color: #525252; }

.uppy-size--md .uppy-Dashboard-FileCard-label {
  font-size: 14px; }

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-label {
  color: #eaeaea; }

.uppy-Dashboard-FileCard-input {
  display: inline-block;
  vertical-align: middle;
  width: 78%; }

.uppy-Dashboard-FileCard-actions {
  height: 55px;
  -ms-flex-negative: 0;
  flex-shrink: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
  border-top: 1px solid #eaeaea;
  padding: 0 15px;
  background-color: #fafafa;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center; }

.uppy-size--md .uppy-Dashboard-FileCard-actions {
  height: 65px; }

[data-uppy-theme=dark] .uppy-Dashboard-FileCard-actions {
  border-top: 1px solid #333;
  background-color: #1f1f1f; }

.uppy-Dashboard-FileCard-actionsBtn {
  margin-right: 10px; }

.uppy-transition-slideDownUp-enter {
  opacity: .01;
  transform: translate3d(0, -105%, 0);
  transition: transform .25s ease-in-out,opacity .25s ease-in-out; }

.uppy-transition-slideDownUp-enter.uppy-transition-slideDownUp-enter-active {
  opacity: 1;
  transform: translateZ(0); }

.uppy-transition-slideDownUp-leave {
  opacity: 1;
  transform: translateZ(0);
  transition: transform .25s ease-in-out,opacity .25s ease-in-out; }

.uppy-transition-slideDownUp-leave.uppy-transition-slideDownUp-leave-active {
  opacity: .01;
  transform: translate3d(0, -105%, 0); }

@keyframes uppy-Dashboard-fadeIn {
  0% {
    opacity: 0; }
  to {
    opacity: 1; } }
@keyframes uppy-Dashboard-fadeOut {
  0% {
    opacity: 1; }
  to {
    opacity: 0; } }
@keyframes uppy-Dashboard-slideDownAndFadeIn {
  0% {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0; }
  to {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1; } }
@keyframes uppy-Dashboard-slideDownAndFadeIn--small {
  0% {
    transform: translate3d(0, -20%, 0);
    opacity: 0; }
  to {
    transform: translateZ(0);
    opacity: 1; } }
@keyframes uppy-Dashboard-slideUpFadeOut {
  0% {
    transform: translate3d(-50%, -50%, 0);
    opacity: 1; }
  to {
    transform: translate3d(-50%, -70%, 0);
    opacity: 0; } }
@keyframes uppy-Dashboard-slideUpFadeOut--small {
  0% {
    transform: translateZ(0);
    opacity: 1; }
  to {
    transform: translate3d(0, -20%, 0);
    opacity: 0; } }
.uppy-Dashboard--modal {
  z-index: 1001; }

.uppy-Dashboard--modal[aria-hidden=true] {
  display: none; }

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
  animation: uppy-Dashboard-slideDownAndFadeIn--small 0.3s cubic-bezier(0, 0, 0.2, 1); }

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideDownAndFadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); } }
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeIn 0.3s cubic-bezier(0, 0, 0.2, 1); }

.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
  animation: uppy-Dashboard-slideUpFadeOut--small 0.3s cubic-bezier(0, 0, 0.2, 1); }

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-inner {
    animation: uppy-Dashboard-slideUpFadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); } }
.uppy-Dashboard--modal.uppy-Dashboard--animateOpenClose.uppy-Dashboard--isClosing > .uppy-Dashboard-overlay {
  animation: uppy-Dashboard-fadeOut 0.3s cubic-bezier(0, 0, 0.2, 1); }

.uppy-Dashboard-isFixed {
  overflow: hidden;
  height: 100vh; }

.uppy-Dashboard--modal .uppy-Dashboard-overlay {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.5);
  z-index: 1001; }

.uppy-Dashboard-inner {
  position: relative;
  background-color: #fafafa;
  max-width: 100%;
  max-height: 100%;
  outline: none;
  border: 1px solid #eaeaea;
  border-radius: 5px; }

.uppy-size--md .uppy-Dashboard-inner {
  min-height: auto; }

@media only screen and (min-width: 820px) {
  .uppy-Dashboard-inner {
    width: 750px;
    height: 550px; } }
.uppy-Dashboard--modal .uppy-Dashboard-inner {
  z-index: 1002; }

[data-uppy-theme=dark] .uppy-Dashboard-inner {
  background-color: #1f1f1f; }

.uppy-Dashboard-innerWrap {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  overflow: hidden;
  position: relative;
  border-radius: 5px;
  opacity: 0; }

.uppy-Dashboard--isInnerWrapVisible .uppy-Dashboard-innerWrap {
  opacity: 1; }

.uppy-Dashboard--modal .uppy-Dashboard-inner {
  position: fixed;
  top: 35px;
  left: 15px;
  right: 15px;
  bottom: 15px;
  border: none; }

@media only screen and (min-width: 820px) {
  .uppy-Dashboard--modal .uppy-Dashboard-inner {
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15); } }
.uppy-Dashboard-close {
  display: block;
  position: absolute;
  top: -33px;
  right: -2px;
  cursor: pointer;
  color: rgba(255, 255, 255, 0.9);
  font-size: 27px;
  z-index: 1005; }

.uppy-Dashboard-close:focus {
  outline: none; }

.uppy-Dashboard-close::-moz-focus-inner {
  border: 0; }

.uppy-Dashboard-close:focus {
  color: #8cb8ed; }

@media only screen and (min-width: 820px) {
  .uppy-Dashboard-close {
    font-size: 35px;
    top: -10px;
    right: -35px; } }
.uppy-Dashboard-AddFiles {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  position: relative;
  text-align: center; }

[data-uppy-drag-drop-supported=true] .uppy-Dashboard-AddFiles {
  margin: 7px;
  height: calc(100% - 14px);
  border-radius: 3px;
  border: 1px dashed #dfdfdf; }

.uppy-Dashboard-AddFilesPanel .uppy-Dashboard-AddFiles {
  border: none;
  height: calc(100% - 54px); }

.uppy-Dashboard--modal .uppy-Dashboard-AddFiles {
  border-color: #cfcfcf; }

[data-uppy-theme=dark] .uppy-Dashboard-AddFiles {
  border-color: #757575; }

.uppy-Dashboard-AddFiles-info {
  padding-top: 15px;
  padding-bottom: 15px;
  margin-top: auto;
  display: none; }

.uppy-size--height-md .uppy-Dashboard-AddFiles-info {
  display: block; }

.uppy-size--md .uppy-Dashboard-AddFiles-info {
  position: absolute;
  bottom: 25px;
  left: 0;
  right: 0;
  padding-top: 30px;
  padding-bottom: 0; }

[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-info {
  margin-top: 0; }

.uppy-Dashboard-browse {
  cursor: pointer;
  color: rgba(34, 117, 215, 0.9); }

.uppy-Dashboard-browse:focus {
  outline: none; }

.uppy-Dashboard-browse::-moz-focus-inner {
  border: 0; }

.uppy-Dashboard-browse:focus, .uppy-Dashboard-browse:hover {
  border-bottom: 1px solid #2275d7; }

[data-uppy-theme=dark] .uppy-Dashboard-browse {
  color: rgba(2, 186, 242, 0.9); }

[data-uppy-theme=dark] .uppy-Dashboard-browse:focus, [data-uppy-theme=dark] .uppy-Dashboard-browse:hover {
  border-bottom: 1px solid #02baf2; }

.uppy-Dashboard-browseBtn {
  display: block;
  font-size: 14px;
  font-weight: 500;
  margin-top: 8px;
  margin-bottom: 5px;
  width: 100%; }

.uppy-size--md .uppy-Dashboard-browseBtn {
  font-size: 15px;
  width: auto;
  margin: 15px auto;
  padding: 13px 44px; }

.uppy-Dashboard-AddFiles-list {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1;
  flex: 1;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  margin-top: 2px;
  padding: 2px 0;
  width: 100%; }

.uppy-size--md .uppy-Dashboard-AddFiles-list {
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -ms-flex-pack: center;
  justify-content: center;
  max-width: 600px;
  overflow-y: visible;
  margin-top: 15px;
  padding-top: 0;
  -ms-flex: none;
  flex: none; }

.uppy-DashboardTab {
  width: 100%;
  text-align: center;
  border-bottom: 1px solid #eaeaea; }

[data-uppy-theme=dark] .uppy-DashboardTab {
  border-bottom: 1px solid #333; }

.uppy-size--md .uppy-DashboardTab {
  display: inline-block;
  width: auto;
  margin-bottom: 10px;
  border-bottom: none; }

.uppy-DashboardTab-btn {
  width: 100%;
  height: 100%;
  cursor: pointer;
  border: 0;
  background-color: transparent;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  color: #525252;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: row;
  flex-direction: row;
  -ms-flex-align: center;
  align-items: center;
  padding: 12px 15px;
  line-height: 1;
  text-align: center; }

.uppy-DashboardTab-btn:focus {
  outline: none; }

.uppy-size--md .uppy-DashboardTab-btn {
  width: 86px;
  margin-right: 1px;
  -ms-flex-direction: column;
  flex-direction: column;
  padding: 10px 3px;
  border-radius: 5px; }

[data-uppy-theme=dark] .uppy-DashboardTab-btn {
  color: #eaeaea; }

.uppy-DashboardTab-btn::-moz-focus-inner {
  border: 0; }

.uppy-DashboardTab-btn:hover {
  background-color: #f1f3f6; }

[data-uppy-theme=dark] .uppy-DashboardTab-btn:hover {
  background-color: #333; }

.uppy-DashboardTab-btn:active, .uppy-DashboardTab-btn:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-DashboardTab-btn:active, [data-uppy-theme=dark] .uppy-DashboardTab-btn:focus {
  background-color: #525252; }

.uppy-DashboardTab-btn svg {
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: text-top;
  overflow: hidden;
  transition: transform .15s ease-in-out;
  margin-right: 10px; }

.uppy-size--md .uppy-DashboardTab-btn svg {
  margin-right: 0; }

.uppy-DashboardTab-name {
  font-size: 14px;
  font-weight: 500; }

.uppy-size--md .uppy-DashboardTab-name {
  font-size: 11px;
  line-height: 15px;
  margin-top: 8px;
  margin-bottom: 0; }

.uppy-DashboardTab svg {
  width: 23px;
  height: 23px;
  vertical-align: middle; }

.uppy-size--md .uppy-DashboardTab svg {
  width: 30px;
  height: 30px; }

.uppy-Dashboard-input {
  width: .1px;
  height: .1px;
  opacity: 0;
  overflow: hidden;
  position: absolute;
  z-index: -1; }

.uppy-DashboardContent-bar {
  -ms-flex-negative: 0;
  flex-shrink: 0;
  height: 40px;
  width: 100%;
  padding: 0 10px;
  z-index: 1004;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: justify;
  justify-content: space-between;
  position: relative;
  border-bottom: 1px solid #eaeaea;
  background-color: #fafafa; }

.uppy-size--md .uppy-DashboardContent-bar {
  height: 50px;
  padding: 0 15px; }

[data-uppy-theme=dark] .uppy-DashboardContent-bar {
  background-color: #1f1f1f;
  border-bottom: 1px solid #333; }

.uppy-DashboardContent-title {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  text-align: center;
  font-size: 12px;
  line-height: 40px;
  font-weight: 500;
  width: 100%;
  max-width: 170px;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow-x: hidden;
  margin: auto; }

.uppy-size--md .uppy-DashboardContent-title {
  font-size: 14px;
  line-height: 50px;
  max-width: 300px; }

[data-uppy-theme=dark] .uppy-DashboardContent-title {
  color: #eaeaea; }

.uppy-DashboardContent-back {
  background: none;
  -webkit-appearance: none;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  border: 0;
  color: inherit;
  border-radius: 3px;
  font-size: 12px;
  font-weight: 400;
  cursor: pointer;
  color: #2275d7;
  padding: 7px 6px;
  margin: 0 0 0 -6px; }

.uppy-DashboardContent-back:focus {
  outline: none; }

.uppy-DashboardContent-back::-moz-focus-inner {
  border: 0; }

.uppy-DashboardContent-back:hover {
  color: #1b5dab; }

.uppy-DashboardContent-back:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-DashboardContent-back:focus {
  background-color: #333; }

.uppy-size--md .uppy-DashboardContent-back {
  font-size: 14px; }

[data-uppy-theme=dark] .uppy-DashboardContent-back {
  color: #02baf2; }

.uppy-DashboardContent-addMore {
  background: none;
  -webkit-appearance: none;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  border: 0;
  color: inherit;
  border-radius: 3px;
  font-weight: 500;
  cursor: pointer;
  color: #2275d7;
  width: 29px;
  height: 29px;
  padding: 7px 8px;
  margin: 0 -5px 0 0; }

.uppy-DashboardContent-addMore:focus {
  outline: none; }

.uppy-DashboardContent-addMore::-moz-focus-inner {
  border: 0; }

.uppy-DashboardContent-addMore:hover {
  color: #1b5dab; }

.uppy-DashboardContent-addMore:focus {
  background-color: #eceef2; }

[data-uppy-theme=dark] .uppy-DashboardContent-addMore:focus {
  background-color: #333; }

.uppy-size--md .uppy-DashboardContent-addMore {
  font-size: 14px;
  width: auto;
  height: auto;
  margin-right: -8px; }

[data-uppy-theme=dark] .uppy-DashboardContent-addMore {
  color: #02baf2; }

.uppy-DashboardContent-addMore svg {
  vertical-align: baseline;
  margin-right: 4px; }

.uppy-size--md .uppy-DashboardContent-addMore svg {
  width: 11px;
  height: 11px; }

.uppy-DashboardContent-addMoreCaption {
  display: none; }

.uppy-size--md .uppy-DashboardContent-addMoreCaption {
  display: inline; }

.uppy-DashboardContent-panel {
  background-color: #f5f5f5;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex: 1;
  flex: 1; }

.uppy-Dashboard-AddFilesPanel, .uppy-DashboardContent-panel {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  overflow: hidden;
  z-index: 1005;
  border-radius: 5px;
  display: -ms-flexbox;
  display: flex; }

.uppy-Dashboard-AddFilesPanel {
  background: #fafafa;
  background: linear-gradient(0deg, #fafafa 35%, rgba(250, 250, 250, 0.85));
  box-shadow: 0 0 10px 5px rgba(0, 0, 0, 0.15);
  -ms-flex-direction: column;
  flex-direction: column; }

[data-uppy-theme=dark] .uppy-Dashboard-AddFilesPanel {
  background-color: #333;
  background: linear-gradient(0deg, #1f1f1f 35%, rgba(31, 31, 31, 0.85)); }

.uppy-Dashboard--isAddFilesPanelVisible .uppy-Dashboard-files {
  filter: blur(2px); }

.uppy-Dashboard-progress {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 12%; }

.uppy-Dashboard-progressBarContainer.is-active {
  z-index: 1004;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%; }

.uppy-Dashboard-filesContainer {
  position: relative;
  overflow-y: hidden;
  margin: 0;
  -ms-flex: 1;
  flex: 1; }

.uppy-Dashboard-filesContainer:after {
  content: "";
  display: table;
  clear: both; }

.uppy-Dashboard-files {
  margin: 0;
  padding: 0 0 10px;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  -ms-flex: 1;
  flex: 1; }

.uppy-size--md .uppy-Dashboard-files {
  padding-top: 10px; }

.uppy-Dashboard-dropFilesHereHint {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  visibility: hidden;
  position: absolute;
  top: 7px;
  right: 7px;
  bottom: 7px;
  left: 7px;
  padding-top: 90px;
  border: 1px dashed #2275d7;
  border-radius: 3px;
  z-index: 2000;
  text-align: center;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 11-1.414 1.414L25 16.414V34a1 1 0 11-2 0V16.414l-5.293 5.293a.999.999 0 11-1.414-1.414l7-7a.999.999 0 011.414 0l7 7z' fill='%232275D7'/%3E%3C/svg%3E");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  color: #757575;
  font-size: 16px; }

[data-uppy-theme=dark] .uppy-Dashboard-dropFilesHereHint {
  color: #bbb;
  border-color: #02baf2;
  background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 1v1C11.85 2 2 11.85 2 24s9.85 22 22 22 22-9.85 22-22S36.15 2 24 2V1zm0 0V0c13.254 0 24 10.746 24 24S37.254 48 24 48 0 37.254 0 24 10.746 0 24 0v1zm7.707 19.293a.999.999 0 11-1.414 1.414L25 16.414V34a1 1 0 11-2 0V16.414l-5.293 5.293a.999.999 0 11-1.414-1.414l7-7a.999.999 0 011.414 0l7 7z' fill='%2302BAF2'/%3E%3C/svg%3E"); }

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-dropFilesHereHint {
  visibility: visible; }

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-files, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-progressindicators, .uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-DashboardContent-bar {
  opacity: .15; }

.uppy-Dashboard.uppy-Dashboard--isDraggingOver .uppy-Dashboard-AddFiles {
  opacity: .03; }

.uppy-Dashboard-dropFilesIcon {
  display: none;
  margin-bottom: 15px; }

.uppy-size--md.uppy-size--height-md .uppy-Dashboard-dropFilesIcon {
  display: block; }

.uppy-Dashboard-AddFiles-title {
  font-size: 17px;
  line-height: 1.35;
  font-weight: 500;
  color: #000;
  margin-top: 15px;
  margin-bottom: 5px;
  text-align: left;
  padding: 0 15px;
  width: 100%; }

.uppy-size--md .uppy-Dashboard-AddFiles-title {
  font-size: 25px;
  margin-top: 5px;
  font-weight: 400;
  text-align: center;
  max-width: 480px; }

[data-uppy-num-acquirers="0"] .uppy-Dashboard-AddFiles-title {
  text-align: center; }

[data-uppy-theme=dark] .uppy-Dashboard-AddFiles-title {
  color: #eaeaea; }

.uppy-Dashboard-AddFiles-title button {
  font-weight: 500; }

.uppy-size--md .uppy-Dashboard-AddFiles-title button {
  font-weight: 400; }

.uppy-Dashboard-note {
  font-size: 14px;
  line-height: 1.25;
  text-align: center;
  color: #757575;
  max-width: 350px;
  margin: auto;
  padding: 0 15px; }

.uppy-size--md .uppy-Dashboard-note {
  font-size: 15px;
  line-height: 1.35;
  max-width: 600px; }

[data-uppy-theme=dark] .uppy-Dashboard-note {
  color: #cfcfcf; }

a.uppy-Dashboard-poweredBy {
  display: inline-block;
  text-align: center;
  font-size: 11px;
  color: #939393;
  text-decoration: none;
  margin-top: 8px; }

.uppy-Dashboard-poweredByIcon {
  stroke: #939393;
  fill: none;
  margin-left: 1px;
  margin-right: 1px;
  position: relative;
  top: 1px;
  opacity: .9;
  vertical-align: text-top; }

.uppy-Dashboard-Item-previewIcon {
  width: 25px;
  height: 25px;
  z-index: 100;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%); }

.uppy-size--md .uppy-Dashboard-Item-previewIcon {
  width: 38px;
  height: 38px; }

.uppy-Dashboard-Item-previewIcon svg {
  width: 100%;
  height: 100%; }

.uppy-Dashboard-Item-previewIconWrap {
  height: 76px;
  max-height: 75%;
  position: relative; }

.uppy-Dashboard-Item-previewIconBg {
  width: 100%;
  height: 100%;
  filter: drop-shadow(rgba(0, 0, 0, 0.1) 0 1px 1px); }

.uppy-Dashboard-upload {
  position: relative;
  width: 50px;
  height: 50px; }

.uppy-size--md .uppy-Dashboard-upload {
  width: 60px;
  height: 60px; }

.uppy-Dashboard-upload .uppy-c-icon {
  position: relative;
  top: 1px;
  width: 50%; }

.uppy-Dashboard-uploadCount {
  position: absolute;
  top: -12px;
  right: -12px;
  background-color: #1bb240;
  color: #fff;
  border-radius: 50%;
  width: 16px;
  height: 16px;
  line-height: 16px;
  font-size: 8px; }

.uppy-size--md .uppy-Dashboard-uploadCount {
  width: 18px;
  height: 18px;
  line-height: 18px;
  font-size: 9px; }

.uppy-DragDrop-container {
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 7px;
  background-color: #fff;
  cursor: pointer;
  font-family: -apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;
  max-width: 100%; }

.uppy-DragDrop-container:focus {
  outline: none;
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.4); }

.uppy-DragDrop-container::-moz-focus-inner {
  border: 0; }

.uppy-DragDrop-inner {
  margin: 0;
  text-align: center;
  padding: 80px 20px;
  line-height: 1.4; }

.uppy-DragDrop-arrow {
  width: 60px;
  height: 60px;
  fill: #e0e0e0;
  margin-bottom: 17px; }

.uppy-DragDrop--isDragDropSupported {
  border: 2px dashed #adadad; }

.uppy-DragDrop--isDraggingOver {
  border: 2px dashed #2275d7;
  background: #eaeaea; }

.uppy-DragDrop--isDraggingOver .uppy-DragDrop-arrow {
  fill: #939393; }

.uppy-DragDrop-label {
  display: block;
  font-size: 1.15em;
  margin-bottom: 5px; }

.uppy-DragDrop-browse {
  color: #2275d7;
  cursor: pointer; }

.uppy-DragDrop-note {
  font-size: 1em;
  color: #adadad; }

.uppy-FileInput-container {
  margin-bottom: 15px; }

.uppy-FileInput-btn {
  background: none;
  -webkit-appearance: none;
  font-family: inherit;
  font-size: inherit;
  line-height: 1;
  margin: 0;
  color: inherit;
  font-family: sans-serif;
  font-size: .85em;
  padding: 10px 15px;
  color: #14457f;
  border: 1px solid #14457f;
  border-radius: 8px;
  cursor: pointer; }

.uppy-FileInput-btn:hover {
  background-color: #14457f;
  color: #fff; }

.uppy-ProgressBar {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 3px;
  z-index: 10000;
  transition: height .2s; }

.uppy-ProgressBar[aria-hidden=true] {
  height: 0; }

.uppy-ProgressBar-inner {
  background-color: #2275d7;
  box-shadow: 0 0 10px rgba(34, 117, 215, 0.7);
  height: 100%;
  width: 0;
  transition: width .4s ease; }

.uppy-ProgressBar-percentage {
  display: none;
  text-align: center;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff; }

.uppy-Url {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-direction: column;
  flex-direction: column;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex: 1;
  flex: 1; }

[data-uppy-theme=dark] .uppy-Url {
  background-color: #1f1f1f; }

.uppy-Url-input {
  width: 90%;
  max-width: 650px;
  margin-bottom: 15px; }

.uppy-size--md .uppy-Url-input {
  margin-bottom: 20px; }

.uppy-Url-importButton {
  padding: 13px 25px; }

.uppy-size--md .uppy-Url-importButton {
  padding: 13px 30px; }

.uppy-Webcam-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column; }

.uppy-Webcam-videoContainer {
  width: 100%;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  background-color: #333;
  text-align: center;
  position: relative; }

.uppy-Webcam-video {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto; }

.uppy-Webcam-video--mirrored {
  transform: scaleX(-1); }

.uppy-Webcam-buttonContainer {
  width: 100%;
  height: 75px;
  border-top: 1px solid #eaeaea;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px; }

.uppy-Webcam-button {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  background-color: #e32437;
  color: #fff;
  cursor: pointer;
  transition: all .3s; }

.uppy-Webcam-button:focus {
  outline: none; }

.uppy-Webcam-button::-moz-focus-inner {
  border: 0; }

.uppy-Webcam-button:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

[data-uppy-theme=dark] .uppy-Webcam-button:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-Webcam-button::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-Webcam-button:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

.uppy-Webcam-button svg {
  width: 30px;
  height: 30px;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: text-top;
  overflow: hidden;
  fill: currentColor; }

.uppy-size--md .uppy-Webcam-button {
  width: 60px;
  height: 60px; }

.uppy-Webcam-button:hover {
  background-color: #d31b2d; }

.uppy-Webcam-button--picture {
  margin-right: 12px; }

.uppy-Webcam-permissons {
  padding: 15px;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-flow: column wrap;
  flex-flow: column wrap;
  height: 100%;
  -ms-flex: 1;
  flex: 1; }

.uppy-Webcam-permissons p {
  max-width: 450px;
  line-height: 1.3;
  text-align: center;
  line-height: 1.45;
  color: #939393;
  margin: 0; }

.uppy-Webcam-permissonsIcon svg {
  width: 100px;
  height: 75px;
  color: #bbb;
  margin-bottom: 30px; }

.uppy-Webcam-recordingLength {
  position: absolute;
  right: 20px;
  color: #757575;
  font-family: SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace; }

.uppy-Webcam-title {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 400;
  margin: 0 0 5px;
  padding: 0 15px;
  max-width: 500px;
  text-align: center;
  color: #333; }

[data-uppy-theme=dark] .uppy-Webcam-title {
  color: #eaeaea; }

.uppy-ScreenCapture-container {
  width: 100%;
  height: 100%;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-direction: column;
  flex-direction: column; }

.uppy-ScreenCapture-videoContainer {
  width: 100%;
  -ms-flex: 1;
  flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  background-color: #333;
  text-align: center;
  position: relative; }

.uppy-size--md .uppy-ScreenCapture-videoContainer {
  max-width: 100%; }

.uppy-ScreenCapture-video {
  max-width: 100%;
  max-height: 100%;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  margin: auto;
  outline: 0; }

.uppy-ScreenCapture-buttonContainer {
  width: 100%;
  height: 75px;
  border-top: 1px solid #eaeaea;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 20px;
  background-color: #fff; }

[data-uppy-theme=dark] .uppy-ScreenCapture-buttonContainer {
  background-color: #1f1f1f;
  border-top: 1px solid #333; }

.uppy-ScreenCapture-button {
  width: 45px;
  height: 45px;
  border-radius: 50%;
  color: #fff;
  cursor: pointer;
  transition: all .3s; }

.uppy-ScreenCapture-button:focus {
  outline: none; }

.uppy-ScreenCapture-button::-moz-focus-inner {
  border: 0; }

.uppy-ScreenCapture-button:focus {
  box-shadow: 0 0 0 3px rgba(34, 117, 215, 0.5); }

[data-uppy-theme=dark] .uppy-ScreenCapture-button:focus {
  outline: none; }

[data-uppy-theme=dark] .uppy-ScreenCapture-button::-moz-focus-inner {
  border: 0; }

[data-uppy-theme=dark] .uppy-ScreenCapture-button:focus {
  box-shadow: 0 0 0 2px rgba(170, 225, 255, 0.85); }

.uppy-size--md .uppy-ScreenCapture-button {
  width: 60px;
  height: 60px; }

.uppy-ScreenCapture-button:hover {
  background-color: #d31b2d; }

.uppy-ScreenCapture-button svg {
  width: 30px;
  height: 30px;
  max-width: 100%;
  max-height: 100%;
  display: inline-block;
  vertical-align: text-top;
  overflow: hidden;
  fill: currentColor; }

.uppy-ScreenCapture-button--submit {
  background-color: #2275d7;
  margin-left: 12px; }

.uppy-ScreenCapture-button--submit:hover {
  background-color: #1f69c1; }

.uppy-ScreenCapture-button--submit:disabled {
  background-color: #939393;
  cursor: default; }

.uppy-ScreenCapture-button--submit:disabled:hover {
  background-color: #eaeaea; }

.uppy-ScreenCapture-title {
  font-size: 22px;
  line-height: 1.35;
  font-weight: 400;
  margin: 0 0 5px;
  padding: 0 15px;
  max-width: 500px;
  text-align: center;
  color: #333; }

.uppy-ScreenCapture-icon--stream {
  position: absolute;
  right: 0;
  top: 0;
  margin: 1rem;
  z-index: 1; }

.uppy-ScreenCapture-icon--stream svg {
  fill: #939393; }

.uppy-ScreenCapture-icon--streamActive svg {
  animation: uppy-ScreenCapture-icon--blink 1s cubic-bezier(0.47, 0, 0.75, 0.72) infinite; }

@keyframes uppy-ScreenCapture-icon--blink {
  0% {
    fill: #2275d7; }
  50% {
    fill: #939393; }
  to {
    fill: #2275d7; } }
.uppy-ScreenCapture-button--video {
  color: #fff;
  background: #e32437; }

.uppy-ScreenCapture-button--video:hover {
  background-color: #bc1828; }

/*!
 * Cropper.js v1.5.6
 * https://fengyuanchen.github.io/cropperjs
 *
 * Copyright 2015-present Chen Fengyuan
 * Released under the MIT license
 *
 * Date: 2019-10-04T04:33:44.164Z
 */
/**
 * Layout
 * 
 */
/**
 * Scrollbars
 * 
 */
/**
 * Transitions
 * 
 * @see     http://stackoverflow.com/questions/7517941/pass-a-list-to-a-mixin-as-a-single-argument-with-sass
 */
/**
 * Truncation
 * 
 */
/**
 * User Select
 * 
 */
/**
 * UI Components
 * 
 */
/**
 * Proxima Nova
 * 
 */
@font-face {
  font-family: 'ProximaNova';
  src: url("../woff/proximanova-black.woff");
  font-style: normal;
  font-weight: 900;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNova';
  src: url("../woff/proximanova-extrabold.woff");
  font-style: normal;
  font-weight: 800;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNova';
  src: url("../woff/proximanova-bold.woff");
  font-style: normal;
  font-weight: 700;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNova';
  src: url("../woff/proximanova-boldit.woff");
  font-style: italic;
  font-weight: 700;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNova';
  src: url("../woff/proximanova-light.woff");
  font-style: normal;
  font-weight: 300;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNova';
  src: url("../woff/proximanova-lightitalic.woff");
  font-style: italic;
  font-weight: 300;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNova';
  src: url("../woff/proximanova-regular.woff");
  font-style: normal;
  font-weight: 500;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNova';
  src: url("../woff/proximanova-regularitalic.woff");
  font-style: italic;
  font-weight: 500;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNova';
  src: url("../woff/proximanova-semibold.woff");
  font-style: normal;
  font-weight: 600;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNova';
  src: url("../woff/proximanova-semibolditalic.woff");
  font-style: italic;
  font-weight: 600;
  font-display: auto; }
/**
 * Proxima Nova Condensed
 * 
 */
@font-face {
  font-family: 'ProximaNovaCondensed';
  src: url("../woff/proximanovacond-light.woff");
  font-style: normal;
  font-weight: 300;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNovaCondensed';
  src: url("../woff/proximanovacond-lightit.woff");
  font-style: italic;
  font-weight: 300;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNovaCondensed';
  src: url("../woff/proximanovacond-regular.woff");
  font-style: normal;
  font-weight: 500;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNovaCondensed';
  src: url("../woff/proximanovacond-regularit.woff");
  font-style: italic;
  font-weight: 500;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNovaCondensed';
  src: url("../woff/proximanovacond-semibold.woff");
  font-style: normal;
  font-weight: 600;
  font-display: auto; }
@font-face {
  font-family: 'ProximaNovaCondensed';
  src: url("../woff/proximanovacond-semiboldit.woff");
  font-style: italic;
  font-weight: 600;
  font-display: auto; }
/**
 * 
 * @see   http://stackoverflow.com/questions/18854259/why-did-bootstrap-3-switch-to-box-sizing-border-box
 */
*,
*::before,
*::after {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box; }

/**
 * Fades from invisible to visible
 * 
 */
@keyframes fadeInAnimation {
  from {
    opacity: 0; }
  to {
    opacity: 1; } }
/**
 * Fades from invisible to visible, and from up to down by 10px
 * 
 */
@keyframes fadeInAndDownAnimation {
  from {
    opacity: 0;
    top: -10px; }
  to {
    opacity: 1;
    top: 0px; } }
/**
 * Fades from visible to invisible
 * 
 */
@keyframes fadeOutAnimation {
  from {
    opacity: 1; }
  to {
    opacity: 0; } }
/**
 * Fades out and in twice
 * 
 */
@keyframes flickerAnimation {
  0% {
    opacity: 1; }
  25% {
    opacity: 0; }
  50% {
    opacity: 1; }
  75% {
    opacity: 0; }
  100% {
    opacity: 1; } }
/**
 * Increases and decreases size three times
 * 
 */
@keyframes pulseAnimation {
  0% {
    transform: scale(1); }
  16.7% {
    transform: scale(1.3); }
  33.3% {
    transform: scale(1); }
  50% {
    transform: scale(1.3); }
  66.7% {
    transform: scale(1); }
  83.3% {
    transform: scale(1.3); }
  100% {
    transform: scale(1); } }
/**
 * 
 * 
 */
@keyframes pulseOpacityAnimation {
  0% {
    opacity: 0; }
  50% {
    opacity: 1; }
  100% {
    opacity: 0; } }
@keyframes radiateAnimation {
  0% {
    box-shadow: 0 0 0 0 rgba(26, 159, 233, 0.4); }
  70% {
    box-shadow: 0 0 0 14px rgba(26, 159, 233, 0); }
  100% {
    box-shadow: 0 0 0 0 rgba(26, 159, 233, 0); } }
/**
 * Shakes an element
 * 
 */
@keyframes shakeAnimation {
  10%, 90% {
    transform: translate3d(-1px, 0, 0); }
  20%, 80% {
    transform: translate3d(2px, 0, 0); }
  30%, 50%, 70% {
    transform: translate3d(-4px, 0, 0); }
  40%, 60% {
    transform: translate3d(4px, 0, 0); } }
a {
  cursor: pointer; }

.button {
  background-color: #783bff;
  border-radius: 4px 4px 4px 4px;
  height: 35px;
  /*line-height: 35px;*/
  line-height: 36px;
  font-size: 14px;
  text-align: center;
  padding: 0 20px 0 20px;
  color: #ffffff;
  font-weight: 400;
  display: inline-block;
  position: relative;
  /**
   * 
   * @see     https://cssgradient.io/
   */ }
  .button:not(.quick) {
    -moz-transition: background-color 150ms linear;
    -o-transition: background-color 150ms linear;
    -webkit-transition: background-color 150ms linear;
    transition: background-color 150ms linear; }
  .button i {
    padding: 0 6px 0 0; }
  .button:focus, .button:hover {
    /*background-color: #0087c6;*/
    background-color: #6622ff; }
  .button:active, .button[active] {
    /*background-color: #006ea2;*/
    background-color: #5508ff; }
  .button[disabled] {
    background-color: #bcbcbc;
    cursor: not-allowed; }
  .button.tiny {
    height: 22px;
    line-height: 22px;
    font-size: 11px;
    padding: 0 5px 0 5px; }
  .button.big {
    height: 47px;
    line-height: 47px;
    font-size: 18px;
    padding: 0px 20px 0 20px; }
  .button.huge {
    height: 56px;
    line-height: 56px;
    font-size: 19px;
    padding: 0px 32px 0 32px; }
  .button.long {
    width: 100%;
    display: block;
    margin: 0 0 14px 0; }
  .button.simple {
    background-color: #ffffff;
    color: #787878;
    font-size: 14px;
    font-weight: 500; }
    .button.simple:hover {
      text-decoration: underline; }
  .button.facebook {
    background-color: #3d529c; }
    .button.facebook:hover {
      background-color: #374a8c; }
  .button.namecheap {
    background-color: #ea442a;
    background: linear-gradient(180deg, #ee482d 0%, #df3c26 100%); }
    .button.namecheap:hover, .button.namecheap:focus {
      background: linear-gradient(to bottom, #e03b2e 0%, #d02a2d 100%); }
    .button.namecheap[disabled] {
      background-color: #bcbcbc; }
    .button.namecheap.busy {
      opacity: 0.6;
      pointer-events: none;
      cursor: not-allowed; }
    .button.namecheap i {
      display: inline-block;
      height: 18px;
      width: 18px;
      position: relative;
      top: 4px;
      margin: 0 8px 0 0;
      background-image: url("../png/nc-button-icon-white.png");
      background-repeat: no-repeat;
      background-position: center center;
      background-size: contain; }
    .button.namecheap.huge i {
      height: 28px;
      width: 28px;
      top: 6px;
      margin: 0 12px 0 0; }
  .button.twitter {
    background-color: #00a8f1; }
    .button.twitter:hover {
      background-color: #0097d9; }
  .button.pinterest {
    background-color: #df0000; }
    .button.pinterest:hover {
      background-color: #a50000; }
  .button > span.copy {
    -moz-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear; }
  .button > span.spinner,
  .button > span.checkmark {
    position: absolute;
    top: 50%;
    left: 50%;
    margin-top: -8px;
    margin-left: -8px;
    font-size: 16px;
    height: 16px;
    line-height: 16px;
    width: 16px;
    text-align: center;
    opacity: 0;
    -moz-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear; }
  .button.huge > span.spinner,
  .button.huge > span.checkmark {
    margin-top: -14px;
    margin-left: -14px;
    font-size: 28px;
    height: 28px;
    line-height: 28px;
    width: 28px;
    text-align: center; }
  .button.busy > span.copy {
    opacity: 0; }
  .button.busy > span.spinner {
    opacity: 1; }
  .button.done {
    background-color: #45be46; }
    .button.done > span.copy {
      opacity: 0; }
    .button.done > span.checkmark {
      opacity: 1; }

.button-wrapper {
  display: inline-block; }
  .button-wrapper.split a:first-child {
    border-radius: 4px 0 0 4px; }
  .button-wrapper.split a:last-child {
    border-radius: 0 4px 4px 0;
    border-left: 1px solid #ffffff;
    padding: 0 8px 0 8px; }
    .button-wrapper.split a:last-child i {
      padding: 0 0 0 0;
      font-size: 10px;
      position: relative;
      top: -1px; }

/**
 * Bootstrap dropdown hover transition
 * 
 */
button.btn.dropdown-toggle.btn-default {
  -moz-transition: background-color 150ms linear;
  -o-transition: background-color 150ms linear;
  -webkit-transition: background-color 150ms linear;
  transition: background-color 150ms linear; }

/**
 * Firefox issue with ::pseudo classes
 * 
 * @see     https://stackoverflow.com/questions/35378360/before-after-pseudo-elements-not-showing-firefox/35378410
 */
input[type="checkbox"].toggler {
  -moz-appearance: initial;
  -webkit-appearance: initial;
  position: relative;
  width: 32px;
  height: 16px;
  float: left;
  margin: 0 32px 0 32px;
  border: none; }
  input[type="checkbox"].toggler::before {
    content: ' ';
    display: block;
    border-radius: 100000px;
    background-color: #cccccc;
    height: 100%; }
  input[type="checkbox"].toggler::after {
    content: ' ';
    display: block;
    position: absolute;
    border-radius: 100000px;
    background-color: #ffffff;
    height: 12px;
    line-height: 12px;
    width: 12px;
    left: 2px;
    top: 2px;
    transform: scale(0.9);
    -moz-transition: left 200ms linear, transform 100ms linear;
    -o-transition: left 200ms linear, transform 100ms linear;
    -webkit-transition: left 200ms linear, transform 100ms linear;
    transition: left 200ms linear, transform 100ms linear; }
  input[type="checkbox"].toggler:checked::before {
    /*background-color: #4ea3e0;*/
    background-color: #783bff; }
  input[type="checkbox"].toggler:checked::after {
    left: calc(100% - 2px - 12px); }
  input[type="checkbox"].toggler[disabled] {
    opacity: 0.4;
    cursor: not-allowed; }
  input[type="checkbox"].toggler:not([disabled]) {
    cursor: pointer; }
  input[type="checkbox"].toggler:not([disabled]):hover::after {
    transform: scale(1); }

.clearfix::after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0; }

.clearfix {
  display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix {
  height: 1%; }

.clearfix {
  display: block; }

/* close commented backslash hack */
a {
  text-decoration: none; }
  a.text {
    color: #783bff; }
    a.text:hover {
      text-decoration: underline; }

a.white {
  color: #ffffff;
  text-decoration: underline; }

.block {
  display: block !important; }

.noAnimation {
  -moz-transition: all 0ms !important;
  -o-transition: all 0ms !important;
  -webkit-transition: all 0ms !important;
  transition: all 0ms !important; }

.hidden {
  display: none !important; }

.invisible {
  opacity: 0 !important;
  pointer-events: none; }

.visible {
  opacity: 1 !important; }

strong {
  font-weight: 700; }

em {
  font-style: italic; }

hr {
  border: 0;
  background-color: #d3d3d3;
  margin: 0;
  height: 1px;
  line-height: 1px; }

*:focus {
  outline: none; }

div.tooltip div.tooltip-inner {
  padding: 4px 12px 4px 12px;
  word-wrap: break-word; }

div.starCluster {
  position: relative;
  height: 78px;
  line-height: 78px;
  width: 78px;
  text-align: center;
  margin: 0 auto 0 auto;
  color: #f2bd55; }
  div.starCluster > div.icon {
    position: absolute; }
    div.starCluster > div.icon:first-child {
      position: static;
      height: 78px;
      line-height: 78px;
      width: 78px;
      text-align: center;
      margin: 2px auto 0 auto;
      font-size: 78px;
      transform: rotate(18deg); }
    div.starCluster > div.icon:nth-child(2) {
      top: 27px;
      left: -19px;
      height: 22px;
      line-height: 22px;
      width: 22px;
      text-align: center;
      font-size: 22px;
      transform: rotate(36deg); }
    div.starCluster > div.icon:nth-child(3) {
      top: -3px;
      right: -20px;
      height: 30px;
      line-height: 30px;
      width: 30px;
      text-align: center;
      font-size: 30px;
      transform: rotate(14deg); }
    div.starCluster > div.icon:nth-child(4) {
      bottom: 6px;
      right: -4px;
      height: 16px;
      line-height: 16px;
      width: 16px;
      text-align: center;
      font-size: 16px;
      transform: rotate(0deg); }

div.cropper-container div.cropper-modal {
  opacity: 0.6; }
div.cropper-container div.cropper-crop-box span.cropper-view-box {
  outline: 1px dashed rgba(255, 255, 255, 0.8);
  outline-color: rgba(255, 255, 255, 0.8); }
div.cropper-container div.cropper-crop-box span.cropper-center::before {
  border-bottom: 1px dashed rgba(0, 0, 0, 0.8); }
div.cropper-container div.cropper-crop-box span.cropper-center::after {
  border-left: 1px dashed rgba(0, 0, 0, 0.8); }
div.cropper-container div.cropper-crop-box span.cropper-line {
  background-color: #000000; }
div.cropper-container div.cropper-crop-box span.cropper-point {
  background-color: #ffffff;
  width: 16px;
  height: 16px;
  border-radius: 100px 100px 100px 100px;
  border: 1px solid #000000;
  opacity: 1; }
  div.cropper-container div.cropper-crop-box span.cropper-point.point-se {
    width: 16px;
    height: 16px; }
  div.cropper-container div.cropper-crop-box span.cropper-point.point-n, div.cropper-container div.cropper-crop-box span.cropper-point.point-s {
    margin-left: calc(0px - (16px / 2)); }
  div.cropper-container div.cropper-crop-box span.cropper-point.point-e, div.cropper-container div.cropper-crop-box span.cropper-point.point-w {
    margin-top: calc(0px - (16px / 2)); }
  div.cropper-container div.cropper-crop-box span.cropper-point.point-n, div.cropper-container div.cropper-crop-box span.cropper-point.point-ne, div.cropper-container div.cropper-crop-box span.cropper-point.point-nw {
    top: calc(0px - (16px / 2)); }
  div.cropper-container div.cropper-crop-box span.cropper-point.point-e, div.cropper-container div.cropper-crop-box span.cropper-point.point-ne, div.cropper-container div.cropper-crop-box span.cropper-point.point-se {
    right: calc(0px - (16px / 2)); }
  div.cropper-container div.cropper-crop-box span.cropper-point.point-s, div.cropper-container div.cropper-crop-box span.cropper-point.point-se, div.cropper-container div.cropper-crop-box span.cropper-point.point-sw {
    bottom: calc(0px - (16px / 2)); }
  div.cropper-container div.cropper-crop-box span.cropper-point.point-w, div.cropper-container div.cropper-crop-box span.cropper-point.point-nw, div.cropper-container div.cropper-crop-box span.cropper-point.point-sw {
    left: calc(0px - (16px / 2)); }

section.dropzone {
  color: #666666;
  text-align: center;
  width: 100%;
  height: 130px;
  position: relative; }
  section.dropzone > input[type="file"] {
    position: absolute;
    top: -10000px;
    left: -10000px; }
  section.dropzone .prompt,
  section.dropzone .status {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    -moz-transition: opacity 150ms linear;
    -o-transition: opacity 150ms linear;
    -webkit-transition: opacity 150ms linear;
    transition: opacity 150ms linear; }
    section.dropzone .prompt.visible,
    section.dropzone .status.visible {
      z-index: 2; }
    section.dropzone .prompt.invisible,
    section.dropzone .status.invisible {
      z-index: 1; }
  section.dropzone .prompt {
    background-color: #f6f6f6;
    background-color: #f5f5f5;
    border: 2px dashed;
    border-color: #d4d4d4;
    border-radius: 10px;
    color: #a2a2a2;
    -moz-transition: all 150ms linear;
    -o-transition: all 150ms linear;
    -webkit-transition: all 150ms linear;
    transition: all 150ms linear;
    cursor: pointer; }
    section.dropzone .prompt div.icon {
      height: 48px;
      line-height: 48px;
      width: 48px;
      text-align: center;
      margin: 28px auto 6px auto;
      font-size: 48px; }
    section.dropzone .prompt:hover {
      border-color: #979797;
      color: #979797; }
  section.dropzone .status > div {
    display: none; }
  section.dropzone .status div div.bar {
    width: 80%;
    margin: 0 auto 0 auto;
    position: relative;
    height: 16px;
    line-height: 16px; }
    section.dropzone .status div div.bar div.inner {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      background-color: #f0f0f0;
      border-radius: 100px 100px 100px 100px; }
    section.dropzone .status div div.bar div.progress {
      background-color: #45be46;
      position: absolute;
      left: 0;
      top: 0;
      bottom: 0;
      width: 0%;
      border-radius: 100px 100px 100px 100px; }
      section.dropzone .status div div.bar div.progress:not(.off) {
        -moz-transition: width 150ms linear;
        -o-transition: width 150ms linear;
        -webkit-transition: width 150ms linear;
        transition: width 150ms linear; }
  section.dropzone .status div.context {
    position: absolute;
    right: 37px;
    top: calc(44px + 16px + 12px);
    font-size: 11px;
    color: #444444;
    display: block;
    line-height: 13px; }
  section.dropzone .status div div.copy {
    color: #444444;
    font-size: 13px;
    margin: 12px 0 0 0; }
  section.dropzone .status div.uploading div.cta {
    cursor: pointer;
    color: rgba(68, 68, 68, 0.5); }
    section.dropzone .status div.uploading div.cta:hover {
      color: #444444; }
  section.dropzone .status div.failed {
    margin-top: 17px; }
    section.dropzone .status div.failed div.icon {
      color: #fd0000;
      font-size: 26px; }
    section.dropzone .status div.failed div.copy {
      color: #fd0000;
      height: 16px;
      line-height: 16px;
      font-size: 15px;
      margin: 8px 0 0 0; }
    section.dropzone .status div.failed div.cta {
      margin: 10px 0 0 0; }
    section.dropzone .status div.failed div.alternative {
      margin: 6px 0 0 0;
      font-size: 13px;
      color: #888888; }
  section.dropzone .status.uploading div.uploading {
    margin-top: 44px;
    display: block; }
  section.dropzone .status.processing div.processing {
    margin-top: 44px;
    display: block; }
  section.dropzone .status.ending div.ending {
    margin-top: 44px;
    display: block; }
  @media (max-width: 1259px) {
    section.dropzone .status.ending div.context {
      display: none; } }
  section.dropzone .status.complete div.complete {
    margin-top: 44px;
    display: block; }
    section.dropzone .status.complete div.complete div.copy,
    section.dropzone .status.complete div.complete div.icon {
      color: #45be46; }
      section.dropzone .status.complete div.complete div.copy.copy,
      section.dropzone .status.complete div.complete div.icon.copy {
        font-weight: 700; }
  section.dropzone .status.failed div.failed {
    display: block; }
  section.dropzone .status > div.uploading div.cta, section.dropzone .status > div.processing div.icon, section.dropzone .status > div.ending div.icon, section.dropzone .status > div.complete div.icon {
    position: absolute;
    right: 0;
    top: 44px;
    height: 16px;
    line-height: 16px;
    text-align: center;
    width: 16px; }

div.colorPicker {
  animation: fadeInAndDownAnimation 150ms;
  position: relative;
  z-index: 2;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none; }
  div.colorPicker div.wrapper {
    border-radius: 4px 4px 4px 4px;
    border: 1px solid rgba(194, 194, 194, 0.65);
    border-radius: 4px 4px 4px 4px;
    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.2);
    position: absolute;
    right: -8px;
    width: 240px;
    z-index: 2; }
    div.colorPicker div.wrapper .stencil-caret {
      position: absolute;
      display: none; }
      div.colorPicker div.wrapper .stencil-caret.down {
        bottom: 1px;
        right: 33px; }
        div.colorPicker div.wrapper .stencil-caret.down::before {
          content: '';
          position: absolute;
          top: 1px;
          left: 0;
          border-top: 10px solid rgba(194, 194, 194, 0.65);
          border-left: 10px solid transparent;
          border-right: 10px solid transparent; }
        div.colorPicker div.wrapper .stencil-caret.down::after {
          content: '';
          position: absolute;
          left: 1px;
          top: 0;
          border-top: 9px solid #ffffff;
          border-left: 9px solid transparent;
          border-right: 9px solid transparent; }
      div.colorPicker div.wrapper .stencil-caret.up {
        top: -10px;
        right: 33px; }
        div.colorPicker div.wrapper .stencil-caret.up::before {
          content: '';
          position: absolute;
          top: 0;
          left: 0;
          border-bottom: 10px solid rgba(194, 194, 194, 0.65);
          border-left: 10px solid transparent;
          border-right: 10px solid transparent; }
        div.colorPicker div.wrapper .stencil-caret.up::after {
          content: '';
          position: absolute;
          left: 1px;
          top: 1px;
          border-bottom: 9px solid #f6f6f6;
          border-left: 9px solid transparent;
          border-right: 9px solid transparent; }
    div.colorPicker div.wrapper > header {
      background-color: #f6f6f6;
      border-radius: 4px 4px 0 0; }
    div.colorPicker div.wrapper > div.content {
      border-top: 1px solid #c3c5c7;
      background-color: #ffffff;
      position: relative; }
      div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel {
        position: relative;
        border-width: 0px;
        box-shadow: none;
        width: auto;
        padding: 12px 0 4px 0;
        margin: 0 auto 0 auto;
        width: calc(154px + 6px + 24px + 6px + 24px); }
        div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel > div.grid,
        div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel > div.slider,
        div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel > div.opacitySlider {
          border: 1px solid #b6b8bb;
          padding: 1px 1px 1px 1px;
          float: left;
          position: relative; }
        div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel > div.grid {
          margin-right: 6px; }
          div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel > div.grid div.minicolors-grid {
            position: relative;
            top: auto;
            left: auto;
            margin-bottom: 0px; }
            div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel > div.grid div.minicolors-grid div.minicolors-grid-inner {
              position: static;
              top: auto;
              left: auto;
              width: auto;
              height: auto; }
            div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel > div.grid div.minicolors-grid > div.minicolors-picker {
              box-sizing: border-box;
              border-width: 2px;
              width: 16px;
              height: 16px;
              margin-top: -8px;
              margin-left: -8px;
              box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.1); }
              div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel > div.grid div.minicolors-grid > div.minicolors-picker > div {
                box-sizing: border-box;
                width: 100%;
                height: 100%; }
        div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel > div.slider {
          margin-right: 6px; }
          div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel > div.slider div.minicolors-slider {
            position: static; }
        div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel > div.opacitySlider div.minicolors-opacity-slider {
          position: static; }
        div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel > div.slider div.minicolors-slider > div.minicolors-picker,
        div.colorPicker div.wrapper > div.content div.minicolorsWrapper div.minicolors-panel > div.opacitySlider div.minicolors-opacity-slider > div.minicolors-picker {
          left: -3px;
          margin-top: -2px;
          width: 26px;
          height: 4px;
          border-radius: 2px;
          box-shadow: 0px 1px 0px 1px rgba(0, 0, 0, 0.1); }
      div.colorPicker div.wrapper > div.content div.canvasColors {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 100000000;
        background-color: rgba(255, 255, 255, 0.95); }
        div.colorPicker div.wrapper > div.content div.canvasColors a.close {
          color: #c2c2c2;
          display: block;
          position: absolute;
          right: 4px;
          top: 4px;
          height: 19px;
          line-height: 19px;
          width: 19px;
          text-align: center;
          font-size: 19px;
          z-index: 3;
          -moz-transition: 150ms linear;
          -o-transition: 150ms linear;
          -webkit-transition: 150ms linear;
          transition: 150ms linear; }
          div.colorPicker div.wrapper > div.content div.canvasColors a.close:hover, div.colorPicker div.wrapper > div.content div.canvasColors a.close:focus {
            text-decoration: none;
            color: #514e4e;
            transform: rotate(90deg); }
        div.colorPicker div.wrapper > div.content div.canvasColors > div.content {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          z-index: 2; }
          div.colorPicker div.wrapper > div.content div.canvasColors > div.content > div.tbl {
            display: table;
            border-collapse: collapse;
            border-spacing: 0;
            height: 100%;
            width: 100%; }
            div.colorPicker div.wrapper > div.content div.canvasColors > div.content > div.tbl > div.row {
              display: table-row;
              height: 100%; }
              div.colorPicker div.wrapper > div.content div.canvasColors > div.content > div.tbl > div.row > div.cell {
                display: table-cell;
                vertical-align: middle; }
                div.colorPicker div.wrapper > div.content div.canvasColors > div.content > div.tbl > div.row > div.cell div.swatches {
                  width: 166px;
                  margin: 0 auto 0 auto;
                  text-align: center; }
                  div.colorPicker div.wrapper > div.content div.canvasColors > div.content > div.tbl > div.row > div.cell div.swatches div.colorSwatch {
                    float: none;
                    display: inline-block; }
                    div.colorPicker div.wrapper > div.content div.canvasColors > div.content > div.tbl > div.row > div.cell div.swatches div.colorSwatch:nth-child(5n) {
                      margin: 0 0 7px 0; }
                  div.colorPicker div.wrapper > div.content div.canvasColors > div.content > div.tbl > div.row > div.cell div.swatches.left {
                    text-align: left; }
          div.colorPicker div.wrapper > div.content div.canvasColors > div.content > div.messaging {
            display: table;
            border-collapse: collapse;
            border-spacing: 0;
            height: 100%;
            width: 100%; }
            div.colorPicker div.wrapper > div.content div.canvasColors > div.content > div.messaging div.empty {
              display: table-cell;
              height: 100%;
              text-align: center;
              vertical-align: middle; }
              div.colorPicker div.wrapper > div.content div.canvasColors > div.content > div.messaging div.empty div.icon {
                height: 36px;
                line-height: 36px;
                width: 36px;
                text-align: center;
                margin: 0 auto 0 auto;
                color: #783bff;
                font-size: 36px; }
              div.colorPicker div.wrapper > div.content div.canvasColors > div.content > div.messaging div.empty div.copy {
                line-height: 1.2em;
                font-size: 16px;
                padding: 8px 0 0 0; }
                div.colorPicker div.wrapper > div.content div.canvasColors > div.content > div.messaging div.empty div.copy div.primary {
                  color: #898989;
                  font-weight: 500; }
    div.colorPicker div.wrapper > footer {
      background-color: #ffffff;
      border-radius: 0 0 4px 4px;
      padding: 0 12px 4px 12px;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none; }
      div.colorPicker div.wrapper > footer > a {
        font-size: 12px;
        display: block;
        height: 24px;
        line-height: 24px;
        color: #252525; }
        div.colorPicker div.wrapper > footer > a:hover, div.colorPicker div.wrapper > footer > a.active {
          color: #783bff; }
        div.colorPicker div.wrapper > footer > a span.icon {
          padding: 0 4px 0 0; }
        div.colorPicker div.wrapper > footer > a[lookup="canvasColorsOverlay"] {
          float: left; }
        div.colorPicker div.wrapper > footer > a[lookup="eyedropper"] {
          float: right; }
    div.colorPicker div.wrapper div.swatches {
      padding: 10px 4px 3px 9px; }
      div.colorPicker div.wrapper div.swatches div.colorSwatch {
        float: left;
        margin: 0 7px 7px 0;
        position: relative; }
        div.colorPicker div.wrapper div.swatches div.colorSwatch a.swatch {
          position: relative;
          display: block;
          border-radius: 3px;
          width: 25px;
          height: 25px;
          text-align: center;
          line-height: 25px;
          font-size: 13px;
          color: #272727; }
          div.colorPicker div.wrapper div.swatches div.colorSwatch a.swatch div.background {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;
            background-image: url("../png/checkered.png");
            background-size: 40%;
            border-radius: 100px 100px 100px 100px; }
          div.colorPicker div.wrapper div.swatches div.colorSwatch a.swatch div.color {
            width: 100%;
            height: 100%;
            position: relative;
            box-shadow: 0 0.4px 1px rgba(0, 0, 0, 0.5) inset;
            border-radius: 100px 100px 100px 100px; }
        div.colorPicker div.wrapper div.swatches div.colorSwatch.fadeIn {
          animation: fadeInAnimation 950ms; }
        div.colorPicker div.wrapper div.swatches div.colorSwatch.cta a.swatch {
          background-color: #ffffff;
          border-radius: 100px 100px 100px 100px;
          border: 1px solid rgba(37, 37, 37, 0.5);
          -moz-transition: 150ms linear;
          -o-transition: 150ms linear;
          -webkit-transition: 150ms linear;
          transition: 150ms linear; }
        div.colorPicker div.wrapper div.swatches div.colorSwatch.cta[disabled] {
          opacity: 0.35;
          cursor: not-allowed; }
          div.colorPicker div.wrapper div.swatches div.colorSwatch.cta[disabled] a {
            cursor: not-allowed; }
        div.colorPicker div.wrapper div.swatches div.colorSwatch.cta:not([disabled]) a.swatch:hover {
          background-color: #ffffff;
          transform: rotate(90deg); }
        div.colorPicker div.wrapper div.swatches div.colorSwatch a.icon.delete {
          display: none;
          position: absolute;
          top: -6px;
          right: -6px;
          color: #ffffff;
          font-size: 9px;
          background-color: #f23e4a;
          border-radius: 100px 100px 100px 100px;
          width: 12px;
          height: 12px;
          line-height: 12px;
          text-align: center;
          border: 1px solid #fff;
          box-sizing: content-box;
          z-index: 2;
          text-indent: 0.5px;
          filter: drop-shadow(0px 1px 1px rgba(0, 0, 0, 0.3)); }
        div.colorPicker div.wrapper div.swatches div.colorSwatch:hover a.icon.delete {
          display: block; }
  div.colorPicker + span.minicolors-swatch {
    border-radius: 100px 100px 100px 100px;
    border-width: 0px;
    cursor: pointer;
    box-shadow: 0 0.4px 1px rgba(0, 0, 0, 0.4) inset;
    -moz-transition: transform 100ms ease-in-out;
    -o-transition: transform 100ms ease-in-out;
    -webkit-transition: transform 100ms ease-in-out;
    transition: transform 100ms ease-in-out; }
    div.colorPicker + span.minicolors-swatch > span.minicolors-swatch-color {
      border-radius: 100px 100px 100px 100px;
      box-shadow: 0 0.4px 1px rgba(0, 0, 0, 0.5) inset; }
    div.colorPicker + span.minicolors-swatch:hover {
      transform: scale(1.05); }
  div.colorPicker.slim div.wrapper div.content div.minicolors-panel {
    width: calc(154px + 6px + 24px); }
    div.colorPicker.slim div.wrapper div.content div.minicolors-panel > div.slider {
      margin-right: 0; }
    div.colorPicker.slim div.wrapper div.content div.minicolors-panel > div.opacitySlider {
      display: none; }
  div.colorPicker.opens.down div.wrapper {
    top: 11px; }
    div.colorPicker.opens.down div.wrapper .stencil-caret.up {
      display: block; }
  div.colorPicker.opens.up div.wrapper {
    bottom: 42px; }
    div.colorPicker.opens.up div.wrapper .stencil-caret.down {
      display: block; }

div.googleFontRow {
  /**
   * Extra right padding is to accommodate jScrollPane scrollbars in
   * non-webkit browsers.
   */ }
  div.googleFontRow div.label {
    float: left;
    width: 75%;
    height: 40px; }
    div.googleFontRow div.label div.family {
      font-size: 18px;
      font-weight: 500;
      float: left;
      height: 40px;
      line-height: 40px;
      padding: 0 0 0 8px;
      max-width: 361px;
      text-overflow: ellipsis;
      white-space: nowrap;
      overflow: hidden; }
      div.googleFontRow div.label div.family img {
        display: inline-block;
        margin: 11px 0 0 0; }
    div.googleFontRow div.label div.variant {
      font-size: 14px;
      font-weight: 300;
      float: left;
      height: 40px;
      line-height: 40px;
      padding: 0 0 0 12px; }
    div.googleFontRow div.label div.category {
      font-size: 14px;
      font-weight: 300;
      float: left;
      height: 40px;
      line-height: 40px;
      font-style: italic;
      padding: 0 0 0 12px;
      display: none; }
    div.googleFontRow div.label div.extendedSubsets {
      font-size: 14px;
      font-weight: 300;
      float: left;
      height: 40px;
      line-height: 40px;
      padding: 0 0 0 12px; }
  div.googleFontRow div.actions {
    float: left;
    width: 25%;
    text-align: right;
    padding: 8px 20px 0 0; }
    div.googleFontRow div.actions a.button {
      height: 24px;
      line-height: 24px;
      padding: 0 8px 0 8px; }
  div.googleFontRow:hover, div.googleFontRow.hover {
    background-color: rgba(255, 255, 170, 0.4); }

.hourglass {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0; }
  .hourglass .overlay {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    background-color: #ffffff;
    opacity: 1; }
  .hourglass .spinner {
    position: absolute;
    font-size: 36px;
    height: 48px;
    line-height: 48px;
    width: 48px;
    text-align: center;
    color: #783bff;
    top: 50%;
    margin-top: -24px;
    left: 50%;
    margin-left: -24px; }

body div.content input[type="email"],
body div.content input[type="number"],
body div.content input[type="password"],
body div.content input[type="search"],
body div.content input[type="text"],
body div.content input[type="tel"] {
  font-family: "ProximaNova";
  border: 1px solid #cfcfcf;
  box-shadow: inset  0 0 2px #ebebeb;
  width: 100%;
  display: block;
  border-radius: 4px 4px 4px 4px;
  font-size: 16px;
  color: #434343;
  -moz-transition: border-color 100ms linear, background-color 100ms linear;
  -o-transition: border-color 100ms linear, background-color 100ms linear;
  -webkit-transition: border-color 100ms linear, background-color 100ms linear;
  transition: border-color 100ms linear, background-color 100ms linear;
  padding: 0 8px 0 8px;
  height: 41px;
  /**
   * Ensures that on Desktop Safari, styles are not overridden by the user
   * agent itself.
   */
  /**
   * Hides the decoration element so that there isn't a gap in Desktop Safari
   * 
   */
  /**
   * WebKit browsers (at least, Desktop Google) add a little cancel button
   * inside search inputs. This hides it;
   */
  /**
   * 
   * @see     http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css
   */ }
  body div.content input[type="email"]:focus,
  body div.content input[type="number"]:focus,
  body div.content input[type="password"]:focus,
  body div.content input[type="search"]:focus,
  body div.content input[type="text"]:focus,
  body div.content input[type="tel"]:focus {
    border-color: #a4a4a4;
    outline: none; }
    body div.content input[type="email"]:focus[readonly], body div.content input[type="email"]:focus[disabled],
    body div.content input[type="number"]:focus[readonly],
    body div.content input[type="number"]:focus[disabled],
    body div.content input[type="password"]:focus[readonly],
    body div.content input[type="password"]:focus[disabled],
    body div.content input[type="search"]:focus[readonly],
    body div.content input[type="search"]:focus[disabled],
    body div.content input[type="text"]:focus[readonly],
    body div.content input[type="text"]:focus[disabled],
    body div.content input[type="tel"]:focus[readonly],
    body div.content input[type="tel"]:focus[disabled] {
      border-color: #cfcfcf; }
  body div.content input[type="email"].small,
  body div.content input[type="number"].small,
  body div.content input[type="password"].small,
  body div.content input[type="search"].small,
  body div.content input[type="text"].small,
  body div.content input[type="tel"].small {
    height: 30px;
    border-radius: 2px 2px 2px 2px;
    font-size: 14px;
    padding: 0 4px 0 4px; }
  body div.content input[type="email"].huge,
  body div.content input[type="number"].huge,
  body div.content input[type="password"].huge,
  body div.content input[type="search"].huge,
  body div.content input[type="text"].huge,
  body div.content input[type="tel"].huge {
    height: 54px;
    font-size: 20px;
    padding: 0 12px 0 12px; }
  body div.content input[type="email"].search,
  body div.content input[type="number"].search,
  body div.content input[type="password"].search,
  body div.content input[type="search"].search,
  body div.content input[type="text"].search,
  body div.content input[type="tel"].search {
    border-radius: 100px 100px 100px 100px;
    padding-right: 30px;
    padding-left: 12px;
    font-size: 13px;
    font-weight: 500;
    height: 34px;
    -moz-transition: border-color 100ms linear, box-shadow 100ms linear;
    -o-transition: border-color 100ms linear, box-shadow 100ms linear;
    -webkit-transition: border-color 100ms linear, box-shadow 100ms linear;
    transition: border-color 100ms linear, box-shadow 100ms linear; }
    body div.content input[type="email"].search:focus,
    body div.content input[type="number"].search:focus,
    body div.content input[type="password"].search:focus,
    body div.content input[type="search"].search:focus,
    body div.content input[type="text"].search:focus,
    body div.content input[type="tel"].search:focus {
      border-color: #9ecaed;
      box-shadow: 0 0 6px #9ecaed; }
  body div.content input[type="email"][type="search"],
  body div.content input[type="number"][type="search"],
  body div.content input[type="password"][type="search"],
  body div.content input[type="search"][type="search"],
  body div.content input[type="text"][type="search"],
  body div.content input[type="tel"][type="search"] {
    -webkit-appearance: none !important;
    appearance: none !important; }
  body div.content input[type="email"][type="search"]::-webkit-search-decoration,
  body div.content input[type="number"][type="search"]::-webkit-search-decoration,
  body div.content input[type="password"][type="search"]::-webkit-search-decoration,
  body div.content input[type="search"][type="search"]::-webkit-search-decoration,
  body div.content input[type="text"][type="search"]::-webkit-search-decoration,
  body div.content input[type="tel"][type="search"]::-webkit-search-decoration {
    display: none; }
  body div.content input[type="email"][type="search"]::-webkit-search-cancel-button,
  body div.content input[type="number"][type="search"]::-webkit-search-cancel-button,
  body div.content input[type="password"][type="search"]::-webkit-search-cancel-button,
  body div.content input[type="search"][type="search"]::-webkit-search-cancel-button,
  body div.content input[type="text"][type="search"]::-webkit-search-cancel-button,
  body div.content input[type="tel"][type="search"]::-webkit-search-cancel-button {
    -webkit-appearance: none !important; }
  body div.content input[type="email"]::-webkit-input-placeholder,
  body div.content input[type="number"]::-webkit-input-placeholder,
  body div.content input[type="password"]::-webkit-input-placeholder,
  body div.content input[type="search"]::-webkit-input-placeholder,
  body div.content input[type="text"]::-webkit-input-placeholder,
  body div.content input[type="tel"]::-webkit-input-placeholder {
    opacity: 1;
    color: #999999;
    -moz-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    -webkit-transition: color 100ms linear;
    transition: color 100ms linear; }
  body div.content input[type="email"]:-moz-placeholder,
  body div.content input[type="number"]:-moz-placeholder,
  body div.content input[type="password"]:-moz-placeholder,
  body div.content input[type="search"]:-moz-placeholder,
  body div.content input[type="text"]:-moz-placeholder,
  body div.content input[type="tel"]:-moz-placeholder {
    opacity: 1;
    color: #999999;
    -moz-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    -webkit-transition: color 100ms linear;
    transition: color 100ms linear; }
  body div.content input[type="email"]::-moz-placeholder,
  body div.content input[type="number"]::-moz-placeholder,
  body div.content input[type="password"]::-moz-placeholder,
  body div.content input[type="search"]::-moz-placeholder,
  body div.content input[type="text"]::-moz-placeholder,
  body div.content input[type="tel"]::-moz-placeholder {
    opacity: 1;
    color: #999999;
    -moz-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    -webkit-transition: color 100ms linear;
    transition: color 100ms linear; }
  body div.content input[type="email"]:-ms-input-placeholder,
  body div.content input[type="number"]:-ms-input-placeholder,
  body div.content input[type="password"]:-ms-input-placeholder,
  body div.content input[type="search"]:-ms-input-placeholder,
  body div.content input[type="text"]:-ms-input-placeholder,
  body div.content input[type="tel"]:-ms-input-placeholder {
    color: #999999;
    -moz-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    -webkit-transition: color 100ms linear;
    transition: color 100ms linear; }
  body div.content input[type="email"]:focus::-webkit-input-placeholder,
  body div.content input[type="number"]:focus::-webkit-input-placeholder,
  body div.content input[type="password"]:focus::-webkit-input-placeholder,
  body div.content input[type="search"]:focus::-webkit-input-placeholder,
  body div.content input[type="text"]:focus::-webkit-input-placeholder,
  body div.content input[type="tel"]:focus::-webkit-input-placeholder {
    opacity: 1;
    color: #bbbbbb; }
  body div.content input[type="email"]:focus:-moz-placeholder,
  body div.content input[type="number"]:focus:-moz-placeholder,
  body div.content input[type="password"]:focus:-moz-placeholder,
  body div.content input[type="search"]:focus:-moz-placeholder,
  body div.content input[type="text"]:focus:-moz-placeholder,
  body div.content input[type="tel"]:focus:-moz-placeholder {
    opacity: 1;
    color: #bbbbbb; }
  body div.content input[type="email"]:focus::-moz-placeholder,
  body div.content input[type="number"]:focus::-moz-placeholder,
  body div.content input[type="password"]:focus::-moz-placeholder,
  body div.content input[type="search"]:focus::-moz-placeholder,
  body div.content input[type="text"]:focus::-moz-placeholder,
  body div.content input[type="tel"]:focus::-moz-placeholder {
    opacity: 1;
    color: #bbbbbb; }
  body div.content input[type="email"]:focus:-ms-input-placeholder,
  body div.content input[type="number"]:focus:-ms-input-placeholder,
  body div.content input[type="password"]:focus:-ms-input-placeholder,
  body div.content input[type="search"]:focus:-ms-input-placeholder,
  body div.content input[type="text"]:focus:-ms-input-placeholder,
  body div.content input[type="tel"]:focus:-ms-input-placeholder {
    color: #bbbbbb; }
  body div.content input[type="email"][readonly], body div.content input[type="email"][disabled],
  body div.content input[type="number"][readonly],
  body div.content input[type="number"][disabled],
  body div.content input[type="password"][readonly],
  body div.content input[type="password"][disabled],
  body div.content input[type="search"][readonly],
  body div.content input[type="search"][disabled],
  body div.content input[type="text"][readonly],
  body div.content input[type="text"][disabled],
  body div.content input[type="tel"][readonly],
  body div.content input[type="tel"][disabled] {
    cursor: not-allowed;
    background-color: #eeeeee; }
  body div.content input[type="email"]::-ms-clear, body div.content input[type="email"]::-ms-reveal,
  body div.content input[type="number"]::-ms-clear,
  body div.content input[type="number"]::-ms-reveal,
  body div.content input[type="password"]::-ms-clear,
  body div.content input[type="password"]::-ms-reveal,
  body div.content input[type="search"]::-ms-clear,
  body div.content input[type="search"]::-ms-reveal,
  body div.content input[type="text"]::-ms-clear,
  body div.content input[type="text"]::-ms-reveal,
  body div.content input[type="tel"]::-ms-clear,
  body div.content input[type="tel"]::-ms-reveal {
    display: none; }

textarea {
  font-family: "ProximaNova";
  border: 1px solid #cfcfcf;
  box-shadow: inset  0 0 2px #ebebeb;
  width: 100%;
  display: block;
  border-radius: 6px 6px 6px 6px;
  font-size: 16px;
  color: #434343;
  resize: none;
  /**
   * 
   * @see     http://stackoverflow.com/questions/2610497/change-an-inputs-html5-placeholder-color-with-css
   */ }
  textarea:focus {
    border-color: #a4a4a4;
    outline: none; }
    textarea:focus[readonly], textarea:focus[disabled] {
      border-color: #cfcfcf; }
  textarea::-webkit-input-placeholder {
    opacity: 1;
    color: #999999;
    -moz-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    -webkit-transition: color 100ms linear;
    transition: color 100ms linear; }
  textarea:-moz-placeholder {
    opacity: 1;
    color: #999999;
    -moz-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    -webkit-transition: color 100ms linear;
    transition: color 100ms linear; }
  textarea::-moz-placeholder {
    opacity: 1;
    color: #999999;
    -moz-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    -webkit-transition: color 100ms linear;
    transition: color 100ms linear; }
  textarea:-ms-input-placeholder {
    color: #999999;
    -moz-transition: color 100ms linear;
    -o-transition: color 100ms linear;
    -webkit-transition: color 100ms linear;
    transition: color 100ms linear; }
  textarea:focus::-webkit-input-placeholder {
    opacity: 1;
    color: #bbbbbb; }
  textarea:focus:-moz-placeholder {
    opacity: 1;
    color: #bbbbbb; }
  textarea:focus::-moz-placeholder {
    opacity: 1;
    color: #bbbbbb; }
  textarea:focus:-ms-input-placeholder {
    color: #bbbbbb; }
  textarea[readonly], textarea[disabled] {
    cursor: not-allowed;
    background-color: #eeeeee; }

div.resizer {
  z-index: 2;
  line-height: 24px;
  margin: 10px 10px 6px 12px; }
  div.resizer[x-placement="right"] > div[x-arrow] {
    position: absolute;
    left: -10px;
    margin-top: -18px; }
    div.resizer[x-placement="right"] > div[x-arrow]::after {
      content: '';
      position: absolute;
      left: 1px;
      top: 1px;
      border-right: 9px solid rgba(50, 58, 69, 0.99);
      border-top: 9px solid transparent;
      border-bottom: 9px solid transparent; }
  div.resizer[x-placement="left"] > div[x-arrow] {
    position: absolute;
    right: -10px;
    margin-top: -18px; }
    div.resizer[x-placement="left"] > div[x-arrow]::after {
      content: '';
      position: absolute;
      right: 1px;
      top: 1px;
      border-left: 9px solid rgba(50, 58, 69, 0.99);
      border-top: 9px solid transparent;
      border-bottom: 9px solid transparent; }
  div.resizer[x-placement="top"] > div[x-arrow] {
    position: absolute;
    bottom: 1px;
    margin-left: 12px; }
    div.resizer[x-placement="top"] > div[x-arrow]::after {
      content: '';
      position: absolute;
      right: 1px;
      top: 1px;
      border-top: 9px solid rgba(50, 58, 69, 0.99);
      border-left: 9px solid transparent;
      border-right: 9px solid transparent; }
  div.resizer > div.content {
    height: 342px;
    width: 456px;
    border-radius: 4px 4px 4px 4px;
    background-color: rgba(50, 58, 69, 0.99);
    position: relative; }
    div.resizer > div.content a.close {
      color: #ffffff;
      display: block;
      position: absolute;
      right: 6px;
      top: 6px;
      height: 18px;
      line-height: 18px;
      width: 18px;
      text-align: center;
      font-size: 18px;
      z-index: 2;
      -moz-transition: 150ms linear;
      -o-transition: 150ms linear;
      -webkit-transition: 150ms linear;
      transition: 150ms linear; }
      div.resizer > div.content a.close:hover, div.resizer > div.content a.close:focus {
        text-decoration: none;
        color: #ffffff;
        transform: scale(1.1);
        transform: rotate(90deg); }
    div.resizer > div.content > header {
      padding: 0 0 12px 0; }
      div.resizer > div.content > header nav {
        padding: 18px 0 0 18px;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none; }
        div.resizer > div.content > header nav a {
          border-radius: 100px 100px 100px 100px;
          text-align: center;
          display: inline-block;
          margin: 0 6px 0 0;
          height: 22px;
          line-height: 22px;
          font-size: 14px;
          color: #ffffff;
          padding: 0 12px 0 12px;
          -moz-transition: 150ms linear;
          -o-transition: 150ms linear;
          -webkit-transition: 150ms linear;
          transition: 150ms linear; }
          div.resizer > div.content > header nav a:hover, div.resizer > div.content > header nav a.active {
            background-color: #ffffff;
            color: #2e3842; }
      div.resizer > div.content > header div.search div.field {
        margin: 16px 18px 0 18px;
        position: relative; }
        div.resizer > div.content > header div.search div.field > input:focus {
          border-color: #242a33;
          box-shadow: none; }
        div.resizer > div.content > header div.search div.field div.status {
          position: absolute;
          right: 0;
          top: 0; }
          div.resizer > div.content > header div.search div.field div.status > a {
            display: none;
            height: 34px;
            line-height: 34px;
            width: 34px;
            text-align: center;
            font-size: 18px;
            color: #c7c6cb;
            position: relative;
            -moz-transition: color 100ms linear;
            -o-transition: color 100ms linear;
            -webkit-transition: color 100ms linear;
            transition: color 100ms linear; }
            div.resizer > div.content > header div.search div.field div.status > a:focus, div.resizer > div.content > header div.search div.field div.status > a:hover {
              color: #783bff; }
        div.resizer > div.content > header div.search div.field.queried div.status > a[trigger="clear"] {
          display: block; }
    div.resizer > div.content > div.content {
      height: calc(100% - 104px - 49px);
      margin: 0 12px 0 0; }
      div.resizer > div.content > div.content > div.inner {
        height: 100%;
        overflow: auto; }
        div.resizer > div.content > div.content > div.inner::-webkit-scrollbar {
          -webkit-appearance: none;
          width: 8px;
          background-color: #fafafa;
          border-radius: 100px 100px 100px 100px; }
        div.resizer > div.content > div.content > div.inner::-webkit-scrollbar-thumb {
          border-radius: 100px 100px 100px 100px;
          background-color: #c2c2c2; }
        div.resizer > div.content > div.content > div.inner section {
          padding: 0 12px 0 12px;
          width: 100%; }
          div.resizer > div.content > div.content > div.inner section label {
            display: table;
            border-collapse: collapse;
            border-spacing: 0;
            height: 25px;
            line-height: 25px; }
            div.resizer > div.content > div.content > div.inner section label div.copy {
              display: table-cell;
              padding: 0 8px 0 8px;
              color: rgba(255, 255, 255, 0.4);
              font-size: 12px; }
            div.resizer > div.content > div.content > div.inner section label div.divider {
              display: table-cell;
              width: 100%;
              position: relative; }
              div.resizer > div.content > div.content > div.inner section label div.divider::after {
                content: " ";
                position: absolute;
                height: 1px;
                line-height: 1px;
                background-color: rgba(255, 255, 255, 0.2);
                left: 0;
                right: 0;
                top: 12px; }
          div.resizer > div.content > div.content > div.inner section div.frames > div.frame {
            display: block;
            padding: 4px 0 4px 8px; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon {
              float: left;
              width: 30px;
              height: 22px; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa {
                color: #5f5f5f;
                font-size: 18px;
                height: 16px;
                line-height: 16px;
                width: 16px;
                text-align: center;
                position: relative; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.copy {
              float: left;
              width: calc(100% - 30px - 47px);
              color: #ffffff;
              font-size: 15px;
              height: 22px;
              line-height: 22px;
              font-weight: 300; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.copy div.label {
                float: left;
                padding: 0 4px 0 0;
                max-width: 220px;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.copy div.dimensions {
                float: left; }
                div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.copy div.dimensions > div {
                  max-width: 94px;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  overflow: hidden; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.actions {
              float: left;
              width: 47px;
              height: 22px;
              line-height: 22px; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.actions a.button {
                width: 47px;
                display: block;
                float: left; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.actions a.icon.delete {
                display: none;
                float: left;
                height: 22px;
                line-height: 22px;
                width: 22px;
                text-align: center;
                color: #ffffff;
                text-align: right; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame:hover {
              cursor: pointer; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame.active {
              cursor: pointer; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame.active div.copy {
                font-weight: 700; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame:hover:not(.active) div.copy, div.resizer > div.content > div.content > div.inner section div.frames > div.frame.focused div.copy {
              font-weight: 700; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame:hover:not(.active) div.actions a.button, div.resizer > div.content > div.content > div.inner section div.frames > div.frame.focused div.actions a.button {
              /*background-color: #0087c6;*/
              background-color: #6622ff; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame.active div.actions a.button[disabled] {
              cursor: pointer; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-ad.general"] div.icon div.fa, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-ad.general.2"] div.icon div.fa, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-ad.general.3"] div.icon div.fa, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-ad.general.4"] div.icon div.fa, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-ad.general.5"] div.icon div.fa, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-ad.general.6"] div.icon div.fa, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-ad.general.7"] div.icon div.fa {
              color: #ffde17; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup^="frm0"] div.icon div.fa {
              color: #ffffff; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup^="frm0"] div.copy {
              width: calc(100% - 30px - 69px); }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup^="frm0"] div.actions {
              width: 69px; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup^="frm0"] div.actions a.icon.delete {
                display: block; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-amazon,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-apple,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-etsy,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-facebook,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-google,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-instagram,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-linkedin,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-paypal,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-pinterest-p,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-product-hunt,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-snapchat-ghost,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-soundcloud,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-spotify,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-tumblr,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-twitch,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-twitter,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-vk,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-whatsapp,
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-youtube {
              border-radius: 100px 100px 100px 100px;
              font-size: 10px;
              position: relative;
              top: -2px;
              color: #ffffff; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-amazon {
              color: #ffffff;
              background-color: #e98c39; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-apple {
              color: #333333;
              background-color: #ffffff; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-etsy {
              color: #ffffff;
              background-color: #c86c2d; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-facebook {
              background-color: #3d529c; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-google {
              color: #ffffff;
              background-color: #f01e00; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-instagram {
              background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-linkedin {
              background-color: #007bb7; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-paypal {
              color: #ffffff;
              background-color: #053181; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-pinterest-p {
              background-color: #df0000; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-product-hunt {
              background-color: #cb4d2f; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.teepublic-t-shirt"] div.icon div.fa {
              border-radius: 100px;
              color: #ffffff;
              background-color: #ffffff;
              background-image: url("../png/teepublic.32x32.png");
              background-size: 90%;
              background-position: center center;
              background-repeat: no-repeat; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.teepublic-t-shirt"] div.icon div.fa::before {
                content: ""; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.spreadshirt-t-shirt"] div.icon div.fa {
              border-radius: 100px;
              color: #ffffff;
              background-color: #1bb2a6;
              background-image: url("../png/spreadshirt.32x32.png");
              background-size: 90%;
              background-position: center center;
              background-repeat: no-repeat; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.spreadshirt-t-shirt"] div.icon div.fa::before {
                content: ""; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.zazzle-t-shirt"] div.icon div.fa {
              border-radius: 100px;
              color: #ffffff;
              background-color: #ffffff;
              background-image: url("../png/zazzle.32x32.png");
              background-size: 90%;
              background-position: center center;
              background-repeat: no-repeat; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.zazzle-t-shirt"] div.icon div.fa::before {
                content: ""; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-header.patreon-header"] div.icon div.fa {
              border-radius: 100px;
              color: #ffffff;
              background-color: #ffffff;
              background-image: url("../png/patreon.32x33.png");
              background-size: 66%;
              background-position: center center;
              background-repeat: no-repeat; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-header.patreon-header"] div.icon div.fa::before {
                content: ""; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.printful-t-shirt"] div.icon div.fa {
              border-radius: 100px;
              color: #ffffff;
              background-color: #e1e1e1;
              background-image: url("../png/printful.32x32.png");
              background-size: 90%;
              background-position: center center;
              background-repeat: no-repeat; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.printful-t-shirt"] div.icon div.fa::before {
                content: ""; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.printify-t-shirt"] div.icon div.fa {
              border-radius: 100px;
              color: #ffffff;
              background-color: #64b367;
              background-image: url("../png/printify.32x32.png");
              background-size: contain;
              background-position: center center;
              background-repeat: no-repeat; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.printify-t-shirt"] div.icon div.fa::before {
                content: ""; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.zoom-background"] div.icon div.fa {
              border-radius: 100px;
              color: #ffffff;
              background-color: #ffffff;
              background-image: url("../png/zoom.32x32.png");
              background-size: 100%;
              background-position: center center;
              background-repeat: no-repeat; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.zoom-background"] div.icon div.fa::before {
                content: ""; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.redbubble-avatar"] div.icon div.fa, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.redbubble-cover-photo"] div.icon div.fa {
              border-radius: 100px;
              color: #ffffff;
              background-color: #d0322e;
              background-image: url("../png/redbubble.32x32.png");
              background-size: 80%;
              background-position: center center;
              background-repeat: no-repeat; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.redbubble-avatar"] div.icon div.fa::before, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.redbubble-cover-photo"] div.icon div.fa::before {
                content: ""; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-header.gumroad-cover-image"] div.icon div.fa {
              border-radius: 100px;
              color: #ffffff;
              background-color: #ffffff;
              background-image: url("../png/gumroad.32x32.png");
              background-size: 100%;
              background-position: center center;
              background-repeat: no-repeat; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-header.gumroad-cover-image"] div.icon div.fa::before {
                content: ""; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.shopify-product-photo"] div.icon div.fa {
              border-radius: 100px;
              color: #ffffff;
              background-color: #96be4f;
              background-image: url("../png/shopify.black.32x32.png");
              background-size: 70%;
              background-position: center center;
              background-repeat: no-repeat; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.shopify-product-photo"] div.icon div.fa::before {
                content: ""; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.playstore-icon"] div.icon div.fa, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.playstore-feature-graphic"] div.icon div.fa, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.playstore-5-screenshot"] div.icon div.fa, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.playstore-6-screenshot"] div.icon div.fa {
              border-radius: 100px;
              color: #ffffff;
              background-color: #ffffff;
              background-image: url("../png/playstation.32x24.png");
              background-size: 70%;
              background-position: center center;
              background-repeat: no-repeat; }
              div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.playstore-icon"] div.icon div.fa::before, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.playstore-feature-graphic"] div.icon div.fa::before, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.playstore-5-screenshot"] div.icon div.fa::before, div.resizer > div.content > div.content > div.inner section div.frames > div.frame[stdt-lookup="frm-design.playstore-6-screenshot"] div.icon div.fa::before {
                content: ""; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-snapchat-ghost {
              color: #353d47;
              background-color: #f7ea3d; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-soundcloud {
              color: #353d47;
              background-color: #f58a2c; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-spotify {
              color: #353d47;
              background-color: #2ece63; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-tumblr {
              color: #ffffff;
              background-color: #324457; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-twitch {
              color: #ffffff;
              background-color: #8c4df3; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-twitter {
              color: #ffffff;
              background-color: #00a8f1; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-vk {
              color: #ffffff;
              background-color: #507EB0; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-whatsapp {
              color: #ffffff;
              background-color: #159184; }
            div.resizer > div.content > div.content > div.inner section div.frames > div.frame div.icon div.fa-youtube {
              background-color: #e62117; }
          div.resizer > div.content > div.content > div.inner section.custom div.messaging {
            display: table;
            border-collapse: collapse;
            border-spacing: 0;
            width: 100%;
            height: 189px; }
            div.resizer > div.content > div.content > div.inner section.custom div.messaging div.empty {
              display: table-cell;
              height: 100%;
              vertical-align: middle; }
              div.resizer > div.content > div.content > div.inner section.custom div.messaging div.empty.empty div.icon {
                height: 48px;
                line-height: 48px;
                width: 48px;
                text-align: center;
                margin: 0 auto 0 auto;
                font-size: 48px;
                color: #ffffff; }
              div.resizer > div.content > div.content > div.inner section.custom div.messaging div.empty.empty div.copy div.primary {
                text-align: center;
                line-height: 1.3em;
                font-size: 17px;
                font-weight: 700;
                padding: 10px 0 0 0;
                color: #ffffff; }
              div.resizer > div.content > div.content > div.inner section.custom div.messaging div.empty.empty div.copy div.secondary {
                text-align: center;
                line-height: 1.3em;
                font-weight: 400;
                font-size: 15px;
                padding: 2px 0 0 0;
                color: #bbbbbb; }
        div.resizer > div.content > div.content > div.inner div.search.messaging {
          display: table;
          border-collapse: collapse;
          border-spacing: 0;
          width: 100%;
          height: 189px; }
          div.resizer > div.content > div.content > div.inner div.search.messaging div.empty {
            display: table-cell;
            height: 100%;
            vertical-align: middle; }
            div.resizer > div.content > div.content > div.inner div.search.messaging div.empty.empty div.icon {
              height: 48px;
              line-height: 48px;
              width: 48px;
              text-align: center;
              margin: 0 auto 0 auto;
              font-size: 48px;
              color: #ffffff; }
            div.resizer > div.content > div.content > div.inner div.search.messaging div.empty.empty div.copy div.primary {
              text-align: center;
              line-height: 1.3em;
              font-size: 17px;
              font-weight: 700;
              padding: 10px 0 0 0;
              color: #ffffff; }
            div.resizer > div.content > div.content > div.inner div.search.messaging div.empty.empty div.copy div.secondary {
              text-align: center;
              line-height: 1.3em;
              font-weight: 400;
              font-size: 15px;
              padding: 2px 0 0 0;
              color: #bbbbbb; }
    div.resizer > div.content > footer {
      background-color: rgba(50, 58, 69, 0.99);
      height: 49px;
      border-radius: 0 0 4px 4px; }
      div.resizer > div.content > footer > div.shadow {
        background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.3) 100%);
        height: 10px;
        position: absolute;
        left: 0;
        right: 0;
        bottom: 49px;
        pointer-events: none; }
      div.resizer > div.content > footer > a {
        display: block;
        color: #ffffff;
        margin: 0 0 0 12px;
        float: left;
        height: 49px;
        line-height: 49px; }
        div.resizer > div.content > footer > a > div {
          display: block;
          float: left; }
          div.resizer > div.content > footer > a > div.icon {
            height: 20px;
            line-height: 20px;
            width: 20px;
            text-align: center;
            margin: 14px 4px 0 0;
            font-size: 16px; }
          div.resizer > div.content > footer > a > div.copy {
            font-size: 14px; }
        div.resizer > div.content > footer > a:hover div.copy, div.resizer > div.content > footer > a.focused div.copy {
          text-decoration: underline; }
      div.resizer > div.content > footer > div.metricToggler {
        float: right;
        margin: 13px 12px 0 0;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none; }
        div.resizer > div.content > footer > div.metricToggler > a {
          display: block;
          float: left;
          text-align: center;
          text-transform: uppercase;
          font-weight: 900;
          color: #ffffff;
          background-color: #485264;
          width: 50px;
          height: 23px;
          line-height: 23px;
          font-size: 10px; }
          div.resizer > div.content > footer > div.metricToggler > a:first-child {
            border-radius: 5px 0 0 5px;
            border-right: 1px solid #242a33; }
          div.resizer > div.content > footer > div.metricToggler > a:last-child {
            border-radius: 0 5px 5px 0;
            border-left: 1px solid #242a33; }
          div.resizer > div.content > footer > div.metricToggler > a:hover, div.resizer > div.content > footer > div.metricToggler > a.active {
            background-color: #bac0cd;
            color: #323a45; }

.jspScrollable .jspContainer .jspPane {
  width: inherit !important; }
.jspScrollable .jspContainer .jspVerticalBar {
  width: 8px;
  background-color: transparent; }
  .jspScrollable .jspContainer .jspVerticalBar .jspTrack {
    background-color: #eeeeee;
    border-radius: 100px 100px 100px 100px; }
    .jspScrollable .jspContainer .jspVerticalBar .jspTrack .jspDrag {
      background-color: #c2c2c2;
      -moz-transition: background-color 100ms linear;
      -o-transition: background-color 100ms linear;
      -webkit-transition: background-color 100ms linear;
      transition: background-color 100ms linear;
      border-radius: 100px 100px 100px 100px; }
    .jspScrollable .jspContainer .jspVerticalBar .jspTrack:hover .jspDrag {
      background-color: #7d7d7d; }
.jspScrollable .jspContainer .jspHorizontalBar {
  height: 12px;
  background-color: transparent; }
  .jspScrollable .jspContainer .jspHorizontalBar .jspTrack {
    background-color: #eeeeee;
    border-radius: 100px 100px 100px 100px; }
    .jspScrollable .jspContainer .jspHorizontalBar .jspTrack .jspDrag {
      background-color: #c2c2c2;
      -moz-transition: background-color 100ms linear;
      -o-transition: background-color 100ms linear;
      -webkit-transition: background-color 100ms linear;
      transition: background-color 100ms linear;
      border-radius: 100px 100px 100px 100px; }
    .jspScrollable .jspContainer .jspHorizontalBar .jspTrack:hover .jspDrag {
      background-color: #7d7d7d; }
.jspScrollable.dark .jspContainer .jspVerticalBar {
  width: 6px; }
  .jspScrollable.dark .jspContainer .jspVerticalBar .jspTrack {
    background-color: transparent; }
    .jspScrollable.dark .jspContainer .jspVerticalBar .jspTrack .jspDrag {
      background-color: #93989e; }
  .jspScrollable.dark .jspContainer .jspVerticalBar:hover .jspDrag {
    opacity: 0.9; }
.jspScrollable.dark .jspContainer .jspHorizontalBar {
  height: 12px; }
  .jspScrollable.dark .jspContainer .jspHorizontalBar .jspTrack {
    background-color: transparent; }
    .jspScrollable.dark .jspContainer .jspHorizontalBar .jspTrack .jspDrag {
      background-color: #93989e; }
  .jspScrollable.dark .jspContainer .jspHorizontalBar:hover .jspDrag {
    opacity: 0.9; }

/**
 * Vendors
 * 
 */
div#HW_frame_cont {
  margin-top: 20px !important; }

.iti-flag {
  background-image: url("../png/flags-2.png"); }

@media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
  .iti-flag {
    background-image: url("../png/flags%402x-2.png"); } }
div.sherpa div.journey[key="journey.frameMetricTypes"] > div.popover,
div.sherpa div.journey[key="journey.resizeCanvas"] > div.popover {
  max-width: 260px; }

tags > tag.tagify__tag x {
  line-height: 12px; }
tags > tag.tagify__tag > div {
  font-size: 12px; }
  tags > tag.tagify__tag > div span.tagify__tag-text {
    max-width: 200px; }
tags[crud="0100"] {
  pointer-events: none;
  border-color: #cfcfcf;
  background-color: rgba(238, 238, 238, 0.8); }
  tags[crud="0100"] > tag.tagify__tag x {
    display: none; }
tags[crud="0101"] {
  pointer-events: none;
  border-color: #cfcfcf;
  background-color: rgba(238, 238, 238, 0.8); }
  tags[crud="0101"] > tag.tagify__tag x {
    pointer-events: auto; }
tags[crud="1101"] {
  cursor: default; }
  tags[crud="1101"] > tag.tagify__tag {
    pointer-events: none; }
    tags[crud="1101"] > tag.tagify__tag x {
      pointer-events: auto; }
  tags[crud="1101"] > span {
    cursor: text; }

div.tagify__dropdown {
  font-family: "ProximaNova";
  font-size: 15px; }

div.uppy-Root {
  font-family: "ProximaNova" !important;
  /**
   * Overwrite any font family settings.
   * 
   */
  /**
   * Ensures the background overlay has the same color as all other app
   * modals.
   */
  /**
   * Hides any additional Uppy information.
   * 
   */
  /**
   * Hides the powered by branding.
   * 
   */
  /**
   * Removes the dashed border from the Uppy "dropzone", which when present
   * implies a file can be dropped there.
   */
  /**
   * Increases the weight of the primary title when the dashboard opens.
   * 
   * @see     https://i.imgur.com/Sn4dKrb.jpg
   */
  /**
   * Sets the URL source to have the same color as we use in other "link"
   * contexts.
   * 
   */
  /**
   * Removes the "device" source.
   * 
   */
  /**
   * Ensures the proper link color is set on links.
   * 
   */
  /**
   * Ensures buttons within Uppy have the same styles as buttons within the
   * wider app.
   */
  /**
   * Increae width of dashboard buttons to ensure full text fits (and doesn't
   * go to a newline).
   */
  /**
   * Ensure the progress bar is using our standard success green hex code
   * when it's completed successfully.
   */
  /**
   * Ensures text inputs have the appropriate app font.
   *
   */
  /**
   * Handles UI changes when a preview image fails to load
   *
   */
  /**
   * Swaps out the close dashboard with a Font Awesome icon.
   * 
   */
  /**
   * Swaps out the X icon for removing files from the queue with a Font
   * Awesome icon.
   */
  /**
   * Prevent actions while uploading is going on.
   * 
   */
  /**
   * Set the scrollbar for the scrollable area to be consistent with our
   * styles.
   */ }
  div.uppy-Root * {
    font-family: "ProximaNova" !important; }
  div.uppy-Root > div.uppy-Dashboard-overlay {
    background-color: rgba(50, 58, 69, 0.8); }
  div.uppy-Root div.uppy-Dashboard-AddFiles-info {
    display: none !important; }
  div.uppy-Root .uppy-Dashboard-poweredBy {
    display: none !important; }
  div.uppy-Root div.uppy-Dashboard-AddFiles {
    border-width: 0 !important; }
  div.uppy-Root div.uppy-Dashboard-AddFiles-title {
    font-weight: 600; }
  div.uppy-Root [data-uppy-acquirer-id="Url"] rect {
    fill: #45be46; }
  div.uppy-Root [data-uppy-acquirer-id="MyDevice"] {
    display: none !important; }
  div.uppy-Root .uppy-DashboardContent-addMoreCaption,
  div.uppy-Root .uppy-DashboardContent-back,
  div.uppy-Root .uppy-ProviderBrowser-userLogout {
    color: #783bff; }
  div.uppy-Root .uppy-DashboardContent-addMoreCaption:hover,
  div.uppy-Root .uppy-DashboardContent-back:hover {
    text-decoration: underline; }
  div.uppy-Root .uppy-c-btn-primary {
    background-color: #783bff !important; }
    div.uppy-Root .uppy-c-btn-primary:focus, div.uppy-Root .uppy-c-btn-primary:hover {
      /*background-color: #0087c6 !important;*/
      background-color: #6622ff !important; }
    div.uppy-Root .uppy-c-btn-primary:active, div.uppy-Root .uppy-c-btn-primary[active] {
      /*background-color: #006ea2 !important;*/
      background-color: #5508ff !important; }
    div.uppy-Root .uppy-c-btn-primary:focus {
      box-shadow: none !important; }
  div.uppy-Root button.uppy-DashboardTab-btn {
    min-width: 92px;
    -moz-transition: transform 90ms linear;
    -o-transition: transform 90ms linear;
    -webkit-transition: transform 90ms linear;
    transition: transform 90ms linear;
    /**
     * Makes the vectors in the dashboard buttons larger.
     *
     */
    /**
     * Increase the font size of the dashboard text anchors for the
     * different sources.
     */
    /**
     * Have it grow subtly to show a hover action.
     * 
     */ }
    div.uppy-Root button.uppy-DashboardTab-btn > svg {
      width: 40px;
      height: 40px !important; }
    div.uppy-Root button.uppy-DashboardTab-btn > div.uppy-DashboardTab-name {
      font-size: 14px; }
    div.uppy-Root button.uppy-DashboardTab-btn:hover {
      transform: scale(1.05); }
  div.uppy-Root input {
    font-family: "ProximaNova" !important; }
  div.uppy-Root img.uppy-Dashboard-Item-previewImg {
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -o-user-select: none;
    user-select: none;
    pointer-events: none; }
    div.uppy-Root img.uppy-Dashboard-Item-previewImg::before {
      content: " ";
      display: block;
      top: 0;
      position: absolute;
      width: 100%;
      height: 100%;
      background-color: #e6e6e6; }
    div.uppy-Root img.uppy-Dashboard-Item-previewImg::after {
      content: "Preview not \A available";
      white-space: pre-wrap;
      display: block;
      top: 0;
      font-size: 14px;
      color: #646464;
      position: absolute;
      width: 100%;
      text-align: center;
      padding-top: 46px; }
  div.uppy-Root button.uppy-Dashboard-close {
    display: inline-block !important;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit !important;
    font-size: 24px !important;
    color: #c2c2c2 !important;
    width: 24px !important;
    height: 24px !important;
    line-height: 24px !important;
    text-align: center !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    -moz-transition: 150ms linear;
    -o-transition: 150ms linear;
    -webkit-transition: 150ms linear;
    transition: 150ms linear; }
    div.uppy-Root button.uppy-Dashboard-close::before {
      content: "\f00d" !important; }
    div.uppy-Root button.uppy-Dashboard-close:hover, div.uppy-Root button.uppy-Dashboard-close:focus {
      color: #ffffff !important;
      transform: rotate(90deg); }
    div.uppy-Root button.uppy-Dashboard-close > span {
      display: none !important; }
  @media only screen and (min-width: 820px) and (min-height: 630px) {
    div.uppy-Root button.uppy-Dashboard-close {
      top: -24px !important;
      right: -24px !important; } }
  div.uppy-Root button.uppy-Dashboard-Item-action--remove {
    display: inline-block !important;
    font: normal normal normal 14px/1 FontAwesome !important;
    font-size: inherit !important;
    font-size: 13px !important;
    background-color: rgba(85, 85, 85, 0.8) !important;
    border-radius: 100px !important;
    color: #fafafa !important;
    width: 20px !important;
    height: 20px !important;
    line-height: 20px !important;
    text-align: center !important;
    text-rendering: auto !important;
    -webkit-font-smoothing: antialiased !important;
    -moz-osx-font-smoothing: grayscale !important;
    -moz-transition: background-color 75ms linear;
    -o-transition: background-color 75ms linear;
    -webkit-transition: background-color 75ms linear;
    transition: background-color 75ms linear; }
    div.uppy-Root button.uppy-Dashboard-Item-action--remove::before {
      content: "\f014" !important; }
    div.uppy-Root button.uppy-Dashboard-Item-action--remove:hover {
      background-color: #555555 !important; }
    div.uppy-Root button.uppy-Dashboard-Item-action--remove > svg {
      display: none; }
  div.uppy-Root.stdt-uploading button.uppy-Dashboard-close {
    display: none !important; }
  div.uppy-Root.stdt-uploading button.uppy-DashboardContent-addMore {
    display: none !important; }

/**
 * App
 * 
 */
html {
  height: 100%; }

body.app {
  min-height: 100%;
  height: 100%;
  min-width: 995px;
  min-height: 453px;
  /**
   * The following rules were needed to ensure tht the iPad orientation modal
   * was shown flush edge to edge. The min-width rule because above, I set a
   * min-width that is based on pixels, which goes beyond the resolution of
   * the iPad. The overflow-x rule because there was a white-space to the
   * right of the modal.
   * 
   * @see     http://stackoverflow.com/questions/4617872/white-space-showing-up-on-right-side-of-page-when-background-image-should-extend
   */
  /**
   * 
   */ }
  @media (max-width: 1259px) {
    body.app > div#beacon-container {
      display: none !important; } }
  @media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: portrait) {
    body.app {
      min-width: 100%;
      overflow-x: hidden; } }
  body.app > div#beacon-container {
    opacity: 0;
    -moz-transition: opacity 250ms linear;
    -o-transition: opacity 250ms linear;
    -webkit-transition: opacity 250ms linear;
    transition: opacity 250ms linear; }
    body.app > div#beacon-container div.BeaconFabButtonFrame {
      left: 11px !important; }
  body.app > div.emergency {
    background-color: rgba(205, 75, 91, 0.95);
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 72px;
    line-height: 72px;
    text-align: center;
    z-index: 98; }
    body.app > div.emergency > div.message {
      font-family: "ProximaNova";
      color: #ffffff;
      font-size: 18px; }
    body.app > div.emergency > div.close {
      color: #ffffff;
      cursor: pointer;
      position: absolute;
      right: 10px;
      top: 10px;
      height: 18px;
      line-height: 18px;
      width: 18px;
      text-align: center;
      font-size: 18px;
      z-index: 2;
      -moz-transition: 150ms linear;
      -o-transition: 150ms linear;
      -webkit-transition: 150ms linear;
      transition: 150ms linear; }
      body.app > div.emergency > div.close:hover, body.app > div.emergency > div.close:focus {
        text-decoration: none;
        color: #ffffff;
        transform: scale(1.1);
        transform: rotate(90deg); }
  body.app > div#fonts {
    position: absolute;
    top: -100000px;
    left: -100000px; }
    body.app > div#fonts > div span.bold {
      font-weight: 700; }
    body.app > div#fonts > div span.italic {
      font-style: italic; }
  body.app > div.content {
    font-family: "ProximaNova";
    background-color: #f5f5f5;
    display: table;
    border-collapse: collapse;
    border-spacing: 0;
    width: 100%;
    height: 100%;
    /**
     * Range input
     * 
     * @see     http://www.cssportal.com/style-input-range/
     */
    /*
        Responsive (tablet):
        80px wide for nav
        300px wide for mediaLibrary
        12px for mediaLibrary pill anchors
    
        Stage is the variable width until breakpoint (eg. )
    
        Stage is variable width at all times
        - Media Library has two possible widths: 365 and 300
          When it switches to 300, some parts of the mediaLibrary will become 2-column
          layers, and font sizes/padding/margins on pills will adjust
        - Nav has two possible widths: 184px and 90px
          When it switches to 90px, icons come in, truncated text comes, logo
          switches to the "S"
    */ }
    body.app > div.content canvas {
      -webkit-font-smoothing: antialiased; }
      @media only screen and (-webkit-min-device-pixel-ratio: 2), not all, not all, not all, only screen and (min-resolution: 192dpi), only screen and (min-resolution: 2dppx) {
        body.app > div.content canvas {
          -webkit-font-smoothing: auto; } }
    body.app > div.content > div.auxiliaryControls {
      display: none; }
      body.app > div.content > div.auxiliaryControls div.logout a {
        position: absolute;
        display: block;
        top: 20px;
        right: 30px;
        font-size: 15px;
        color: #783bff;
        z-index: 101; }
        body.app > div.content > div.auxiliaryControls div.logout a:hover {
          text-decoration: underline; }
    body.app > div.content div.fontsDropdown {
      position: relative;
      height: inherit;
      line-height: normal; }
      body.app > div.content div.fontsDropdown header div.selected a {
        display: block; }
        body.app > div.content div.fontsDropdown header div.selected a span {
          display: block;
          height: 37px;
          line-height: 37px;
          color: #ffffff; }
          body.app > div.content div.fontsDropdown header div.selected a span.copy {
            float: left;
            width: 90%;
            font-size: 18px;
            padding: 0 0 0 12px;
            max-width: 250px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
          body.app > div.content div.fontsDropdown header div.selected a span.icon {
            float: right;
            width: 10%;
            font-size: 12px;
            padding: 0 12px 0 0; }
      body.app > div.content div.fontsDropdown header > nav {
        display: none;
        position: absolute;
        top: 37px;
        right: 0;
        bottom: 0;
        left: 0;
        background: rgba(35, 44, 54, 0.97);
        z-index: 2;
        height: 38px;
        border-bottom: 1px solid rgba(108, 121, 139, 0.97); }
        body.app > div.content div.fontsDropdown header > nav > a[section] {
          border-radius: 100px 100px 100px 100px;
          float: left;
          height: 22px;
          /*line-height: 22px;*/
          line-height: 23px;
          display: block;
          margin: 8px 0 0 8px;
          font-size: 13px;
          color: #ffffff;
          padding: 0 12px 0 12px;
          -moz-transition: 150ms linear;
          -o-transition: 150ms linear;
          -webkit-transition: 150ms linear;
          transition: 150ms linear; }
          body.app > div.content div.fontsDropdown header > nav > a[section]:hover, body.app > div.content div.fontsDropdown header > nav > a[section].active {
            background-color: #ffffff;
            color: #2e3842; }
        body.app > div.content div.fontsDropdown header > nav > a.icon {
          color: rgba(255, 255, 255, 0.6);
          height: 18px;
          line-height: 18px;
          width: 18px;
          text-align: center;
          position: absolute;
          float: left;
          top: 9px;
          right: 10px;
          -moz-transition: 150ms linear;
          -o-transition: 150ms linear;
          -webkit-transition: 150ms linear;
          transition: 150ms linear; }
          body.app > div.content div.fontsDropdown header > nav > a.icon:hover {
            color: white; }
      body.app > div.content div.fontsDropdown > div.content {
        display: none;
        position: absolute;
        top: 75px;
        right: 0;
        bottom: 0;
        left: 0;
        z-index: 2; }
        body.app > div.content div.fontsDropdown > div.content > section {
          background: rgba(60, 68, 78, 0.97);
          border-radius: 0 0 4px 4px; }
          body.app > div.content div.fontsDropdown > div.content > section > div.content {
            padding: 4px 0 4px 0; }
            body.app > div.content div.fontsDropdown > div.content > section > div.content div.list {
              overflow: auto;
              margin: 0 10px 0 0; }
              body.app > div.content div.fontsDropdown > div.content > section > div.content div.list::-webkit-scrollbar {
                -webkit-appearance: none;
                width: 6px; }
              body.app > div.content div.fontsDropdown > div.content > section > div.content div.list::-webkit-scrollbar-thumb {
                border-radius: 100px 100px 100px 100px;
                background-color: #93989e; }
              body.app > div.content div.fontsDropdown > div.content > section > div.content div.list ul {
                padding: 0 12px 0 6px; }
                body.app > div.content div.fontsDropdown > div.content > section > div.content div.list ul li {
                  -moz-transition: background-color 50ms linear;
                  -o-transition: background-color 50ms linear;
                  -webkit-transition: background-color 50ms linear;
                  transition: background-color 50ms linear;
                  width: 268px;
                  position: relative; }
                  body.app > div.content div.fontsDropdown > div.content > section > div.content div.list ul li a.label {
                    display: block;
                    height: 32px;
                    line-height: 32px;
                    color: #ffffff;
                    padding: 0 6px 0 6px;
                    max-width: 250px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden; }
                  body.app > div.content div.fontsDropdown > div.content > section > div.content div.list ul li a.icon {
                    position: absolute;
                    top: 8px;
                    right: 28px;
                    height: 16px;
                    line-height: 16px;
                    width: 16px;
                    text-align: center;
                    color: #ffffff;
                    display: none;
                    font-size: 14px; }
                    body.app > div.content div.fontsDropdown > div.content > section > div.content div.list ul li a.icon.delete {
                      right: 8px; }
                    body.app > div.content div.fontsDropdown > div.content > section > div.content div.list ul li a.icon:hover {
                      /*color: $text-highlight-blue;*/
                      color: #f294fd; }
                  body.app > div.content div.fontsDropdown > div.content > section > div.content div.list ul li:hover, body.app > div.content div.fontsDropdown > div.content > section > div.content div.list ul li.hover {
                    background-color: rgba(40, 49, 61, 0.35);
                    border-radius: 4px 4px 4px 4px; }
                    body.app > div.content div.fontsDropdown > div.content > section > div.content div.list ul li:hover a.icon, body.app > div.content div.fontsDropdown > div.content > section > div.content div.list ul li.hover a.icon {
                      display: block; }
                  body.app > div.content div.fontsDropdown > div.content > section > div.content div.list ul li.active {
                    background-color: rgba(40, 49, 61, 0.7);
                    border-radius: 4px 4px 4px 4px; }
          body.app > div.content div.fontsDropdown > div.content > section > footer {
            margin: 0 16px 0 16px;
            padding: 0 0 12px 0; }
            body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone {
              height: 52px; }
              body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .prompt {
                border-color: rgba(212, 212, 212, 0.4);
                background-color: #535d67;
                border-radius: 8px; }
                body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .prompt div {
                  display: inline-block;
                  margin: 0;
                  height: 48px;
                  line-height: 48px;
                  color: rgba(255, 255, 255, 0.7);
                  -moz-transition: color 250ms linear;
                  -o-transition: color 250ms linear;
                  -webkit-transition: color 250ms linear;
                  transition: color 250ms linear; }
                  body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .prompt div.icon {
                    font-size: 24px;
                    margin: 0 4px 0 0;
                    width: 36px; }
                    body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .prompt div.icon::before {
                      height: 48px;
                      line-height: 48px; }
                  body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .prompt div.copy {
                    position: relative;
                    top: -6px;
                    padding-right: 6px; }
                body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .prompt.hovering, body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .prompt:hover {
                  border-color: #ffffff; }
                  body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .prompt.hovering div, body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .prompt:hover div {
                    color: rgba(255, 255, 255, 0.95); }
              body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status div.context {
                top: calc(8px + 16px + 12px);
                color: white; }
              body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status.uploading div.uploading div.copy,
              body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status.uploading div.uploading div.cta {
                color: #ffffff; }
              body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status.processing div.processing div.copy,
              body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status.processing div.processing div.icon {
                color: #ffffff; }
              body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status.ending div.ending div.copy,
              body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status.ending div.ending div.icon {
                color: #ffffff; }
              body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status.uploading div.uploading, body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status.processing div.processing, body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status.ending div.ending, body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status.complete div.complete {
                margin-top: 6px; }
              body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status.ending div.context {
                display: none; }
              body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status > div.failed {
                margin: 0; }
                body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status > div.failed div.icon {
                  display: none; }
                body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status > div.failed div.copy {
                  margin: 0; }
                body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status > div.failed div.cta {
                  display: inline-block; }
                  body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status > div.failed div.cta a.button {
                    height: 22px;
                    line-height: 22px;
                    font-size: 11px;
                    padding: 0 5px 0 5px; }
                body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status > div.failed div.alternative {
                  display: inline-block; }
              body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status > div.uploading div.cta, body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status > div.processing div.icon, body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status > div.ending div.icon, body.app > div.content div.fontsDropdown > div.content > section > footer > section.dropzone .status > div.complete div.icon {
                top: 6px; }
          body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content {
            padding: 4px 0 8px 0; }
            body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.list ul li a.label {
              max-width: 224px;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden; }
            body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging {
              height: 230px; }
              body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.empty.empty,
              body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.prompt.empty {
                padding: calc((230px - 101px) / 2) 0 0; }
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.empty.empty div.icon,
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.prompt.empty div.icon {
                  height: 48px;
                  line-height: 48px;
                  width: 48px;
                  text-align: center;
                  font-size: 48px;
                  margin: 0 auto 0 auto;
                  color: #848c94; }
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.empty.empty div.copy div.primary,
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.prompt.empty div.copy div.primary {
                  text-align: center;
                  line-height: 1.3em;
                  font-weight: 400;
                  font-size: 18px;
                  padding: 8px 0 0 0;
                  color: rgba(255, 255, 255, 0.9); }
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.empty.empty div.copy div.secondary,
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.prompt.empty div.copy div.secondary {
                  text-align: center;
                  line-height: 1.3em;
                  font-weight: 400;
                  font-size: 16px;
                  padding: 2px 0 0 0;
                  color: rgba(255, 255, 255, 0.65); }
              body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.empty.prompt,
              body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.prompt.prompt {
                padding: calc((230px - 135px) / 2) 0 0 0; }
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.empty.prompt div.icon,
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.prompt.prompt div.icon {
                  height: 48px;
                  line-height: 48px;
                  width: 48px;
                  text-align: center;
                  font-size: 48px;
                  margin: 0 auto 0 auto;
                  color: #848c94; }
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.empty.prompt div.copy div.primary,
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.prompt.prompt div.copy div.primary {
                  text-align: center;
                  line-height: 1.3em;
                  font-weight: 400;
                  font-size: 19px;
                  padding: 8px 0 0 0;
                  color: rgba(255, 255, 255, 0.9); }
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.empty.prompt div.actions,
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.prompt.prompt div.actions {
                  text-align: center;
                  margin: 10px 0 0 0;
                  font-size: 17px;
                  color: rgba(255, 255, 255, 0.9); }
                  body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.empty.prompt div.actions a,
                  body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.prompt.prompt div.actions a {
                    color: #f294fd; }
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.empty.prompt.free,
                body.app > div.content div.fontsDropdown > div.content > section.uploaded > div.content > div.messaging > div.prompt.prompt.free {
                  padding: calc((230px - 149px) / 2) 0 0 0; }
      body.app > div.content div.fontsDropdown.open header nav {
        display: block; }
      body.app > div.content div.fontsDropdown.open > div.content {
        display: block; }
        body.app > div.content div.fontsDropdown.open > div.content > section > div.content > div.list {
          height: 298px; }
        body.app > div.content div.fontsDropdown.open > div.content > section.uploaded > div.content > div.list {
          height: 230px; }
    body.app > div.content form {
      /**
       * Datetime Picker
       * 
       */
      /**
       * Dropdown
       * 
       */
      /**
       * Errors
       * 
       */ }
      body.app > div.content form .bootstrap-datetimepicker-widget a.btn span {
        color: #783bff; }
      body.app > div.content form .bootstrap-datetimepicker-widget td.day.old,
      body.app > div.content form .bootstrap-datetimepicker-widget td.day.new {
        color: #d1d1d1; }
      body.app > div.content form .bootstrap-datetimepicker-widget td.day.active,
      body.app > div.content form .bootstrap-datetimepicker-widget span.year.active,
      body.app > div.content form .bootstrap-datetimepicker-widget span.month.active,
      body.app > div.content form .bootstrap-datetimepicker-widget button.btn {
        background-color: #783bff; }
      body.app > div.content form .bootstrap-datetimepicker-widget button.btn {
        border-width: 0; }
      body.app > div.content form .bootstrap-select .bs-searchbox input {
        float: none !important;
        width: auto !important;
        min-width: 100px; }
      body.app > div.content form div.callout {
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        margin: 12px 0 0 0; }
        body.app > div.content form div.callout.errors {
          border-radius: 4px 4px 4px 4px;
          width: 100%;
          background-color: #f05a5c;
          color: #ffffff; }
          body.app > div.content form div.callout.errors p {
            display: table-cell;
            vertical-align: middle;
            line-height: 1.2em;
            padding: 10px 12px 10px 12px; }
            body.app > div.content form div.callout.errors p a.text {
              color: #630d0e; }
      body.app > div.content form input[type="checkbox"]:hover {
        cursor: pointer; }
    body.app > div.content input[type="range"] {
      -webkit-appearance: none;
      margin: 0;
      width: 100%;
      background-color: transparent;
      padding: 0; }
    body.app > div.content input[type="range"]:focus {
      outline: none; }
    body.app > div.content input[type="range"]::-webkit-slider-runnable-track {
      width: 100%;
      height: 8px;
      cursor: pointer;
      background: #eeeeee;
      border-radius: 100px 100px 100px 100px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    body.app > div.content input[type="range"]::-webkit-slider-thumb {
      border: 1px solid rgba(0, 0, 0, 0.3);
      height: 16px;
      width: 16px;
      border-radius: 100px 100px 100px 100px;
      background-color: #ffffff;
      cursor: pointer;
      -webkit-appearance: none;
      margin-top: -4px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    body.app > div.content input[type="range"]:focus::-webkit-slider-runnable-track {
      background: #eeeeee;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    body.app > div.content input[type="range"]::-moz-range-track {
      width: 100%;
      height: 8px;
      cursor: pointer;
      background: #eeeeee;
      border-radius: 100px 100px 100px 100px;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    body.app > div.content input[type="range"]::-moz-range-thumb {
      border: 1px solid rgba(0, 0, 0, 0.3);
      height: 16px;
      width: 16px;
      border-radius: 100px 100px 100px 100px;
      background-color: #ffffff;
      cursor: pointer;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    body.app > div.content input[type="range"]::-moz-focus-outer {
      border: 0; }
    body.app > div.content input[type="range"]::-ms-track {
      width: 100%;
      height: 20px;
      cursor: pointer;
      background: transparent;
      border-color: transparent;
      color: transparent;
      border-width: 6px 0;
      -webkit-box-sizing: border-box;
      -moz-box-sizing: border-box;
      box-sizing: border-box; }
    body.app > div.content input[type="range"]::-ms-tooltip {
      display: none; }
    body.app > div.content input[type="range"]::-ms-fill-lower {
      background: #eeeeee;
      border-radius: 100px 100px 100px 100px; }
    body.app > div.content input[type="range"]::-ms-fill-upper {
      background: #eeeeee;
      border-radius: 100px 100px 100px 100px; }
    body.app > div.content input[type="range"]::-ms-thumb {
      border: 1px solid rgba(0, 0, 0, 0.3);
      height: 16px;
      width: 16px;
      border-radius: 100px 100px 100px 100px;
      background-color: #ffffff;
      cursor: pointer; }
    body.app > div.content input[type="range"]:focus::-ms-fill-lower {
      background: #eeeeee; }
    body.app > div.content input[type="range"]:focus::-ms-fill-upper {
      background: #eeeeee; }
    body.app > div.content > aside.sidebar {
      padding: 25px 25px 25px 25px;
      width: 184px;
      background-color: #ffffff;
      -moz-transition: background-color 500ms linear;
      -o-transition: background-color 500ms linear;
      -webkit-transition: background-color 500ms linear;
      transition: background-color 500ms linear;
      display: table-cell;
      vertical-align: top;
      height: 100%;
      position: relative; }
      body.app > div.content > aside.sidebar header a {
        display: block;
        background-image: url("../png/color.400x121.png");
        background-repeat: no-repeat;
        /*background-size: 70%;*/
        background-size: 80%;
        height: 48px;
        background-position: left top;
        margin: 3.5px 0 0 0; }
      body.app > div.content > aside.sidebar nav {
        margin: 80px 0 0 0; }
        body.app > div.content > aside.sidebar nav div.divider {
          text-transform: uppercase;
          font-size: 13px;
          /*color: #8ec3e2;*/
          color: #783bff;
          padding: 26px 0 8px 0;
          text-align: left;
          cursor: default;
          text-indent: 10px;
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -o-user-select: none;
          user-select: none;
          font-size: 10px;
          font-weight: 600;
          color: #bcbcbc; }
        body.app > div.content > aside.sidebar nav a {
          display: block; }
          body.app > div.content > aside.sidebar nav a div.wide {
            display: block;
            height: 30px;
            line-height: 30px;
            line-height: 31px;
            /*color: #ffffff;*/
            color: #666666;
            color: #242424;
            text-indent: 10px;
            border-radius: 4px 4px 4px 4px;
            font-size: 13px;
            margin: 0 0 6px 0;
            -moz-transition: background-color 150ms linear, color 150ms linear, opacity 150ms linear;
            -o-transition: background-color 150ms linear, color 150ms linear, opacity 150ms linear;
            -webkit-transition: background-color 150ms linear, color 150ms linear, opacity 150ms linear;
            transition: background-color 150ms linear, color 150ms linear, opacity 150ms linear;
            font-weight: 500; }
          body.app > div.content > aside.sidebar nav a div.slim {
            display: none;
            height: 76px;
            opacity: 0.7;
            -moz-transition: background-color 175ms linear, color 175ms linear, opacity 175ms linear;
            -o-transition: background-color 175ms linear, color 175ms linear, opacity 175ms linear;
            -webkit-transition: background-color 175ms linear, color 175ms linear, opacity 175ms linear;
            transition: background-color 175ms linear, color 175ms linear, opacity 175ms linear;
            /*color: #ffffff;*/
            color: #666666;
            color: #242424;
            position: relative; }
            body.app > div.content > aside.sidebar nav a div.slim div.icon {
              display: block;
              height: 28px;
              line-height: 28px;
              font-size: 28px;
              text-align: center;
              position: absolute;
              top: 14px;
              left: 0;
              right: 0; }
            body.app > div.content > aside.sidebar nav a div.slim div.copy {
              display: block;
              height: 12px;
              line-height: 12px;
              font-size: 12px;
              text-align: center;
              font-weight: 700;
              position: absolute;
              top: calc(14px + 28px + 8px);
              left: 0;
              right: 0; }
          body.app > div.content > aside.sidebar nav a.active div.wide, body.app > div.content > aside.sidebar nav a:hover div.wide {
            background-color: #39bbf5;
            background-color: rgba(255, 255, 255, 0.22);
            background-color: #783bff;
            color: #ffffff; }
          body.app > div.content > aside.sidebar nav a:hover div.slim {
            opacity: 1; }
          body.app > div.content > aside.sidebar nav a.active div.slim {
            opacity: 1;
            background-color: #ffffff;
            color: #783bff; }
      @media (max-width: 1259px) {
        body.app > div.content > aside.sidebar.sidebar {
          width: 90px;
          padding: 0;
          padding-top: 28.5px; }
          body.app > div.content > aside.sidebar.sidebar header a {
            background-position: center top; }
          body.app > div.content > aside.sidebar.sidebar > div.active {
            position: absolute;
            font-size: 18px;
            height: 32px;
            line-height: 32px;
            width: 32px;
            text-align: center;
            color: #ffffff;
            top: 0;
            right: 29px; }
          body.app > div.content > aside.sidebar.sidebar nav {
            margin: 4px 0 0 0; }
            body.app > div.content > aside.sidebar.sidebar nav div.divider {
              font-size: 11.5px;
              text-align: center;
              text-indent: 0; }
            body.app > div.content > aside.sidebar.sidebar nav a div.wide {
              display: none; }
            body.app > div.content > aside.sidebar.sidebar nav a div.slim {
              display: block; } }
  @media (max-width: 1259px) and (max-height: 655px) {
    body.app > div.content > aside.sidebar.sidebar {
      padding-top: 0; }
      body.app > div.content > aside.sidebar.sidebar header {
        display: none; }
      body.app > div.content > aside.sidebar.sidebar nav {
        margin: 0 0 0 0; } }
  @media (max-width: 1259px) and (max-height: 580px) {
    body.app > div.content > aside.sidebar.sidebar {
      width: 70px; }
      body.app > div.content > aside.sidebar.sidebar nav a div.slim {
        height: 56px; }
        body.app > div.content > aside.sidebar.sidebar nav a div.slim div.copy {
          display: none; }
      body.app > div.content > aside.sidebar.sidebar div.divider {
        font-size: 10px !important; } }

      body.expandedMode > div.content > aside.sidebar.sidebar {
        width: 90px;
        padding: 0;
        padding-top: 28.5px; }
        body.expandedMode > div.content > aside.sidebar.sidebar header a {
          background-position: center top; }
        body.expandedMode > div.content > aside.sidebar.sidebar > div.active {
          position: absolute;
          font-size: 18px;
          height: 32px;
          line-height: 32px;
          width: 32px;
          text-align: center;
          color: #ffffff;
          top: 0;
          right: 29px; }
        body.expandedMode > div.content > aside.sidebar.sidebar nav {
          margin: 4px 0 0 0; }
          body.expandedMode > div.content > aside.sidebar.sidebar nav div.divider {
            font-size: 11.5px;
            text-align: center;
            text-indent: 0; }
          body.expandedMode > div.content > aside.sidebar.sidebar nav a div.wide {
            display: none; }
          body.expandedMode > div.content > aside.sidebar.sidebar nav a div.slim {
            display: block; }
        @media (max-height: 655px) {
          body.expandedMode > div.content > aside.sidebar.sidebar {
            padding-top: 0; }
            body.expandedMode > div.content > aside.sidebar.sidebar header {
              display: none; }
            body.expandedMode > div.content > aside.sidebar.sidebar nav {
              margin: 0 0 0 0; } }
        @media (max-height: 580px) {
          body.expandedMode > div.content > aside.sidebar.sidebar {
            width: 70px; }
            body.expandedMode > div.content > aside.sidebar.sidebar nav a div.slim {
              height: 56px; }
              body.expandedMode > div.content > aside.sidebar.sidebar nav a div.slim div.copy {
                display: none; }
            body.expandedMode > div.content > aside.sidebar.sidebar div.divider {
              font-size: 10px !important; } }
    body.app > div.content > section.mediaLibrary {
      width: 366px;
      background-color: #ffffff;
      display: table-cell;
      vertical-align: top;
      height: 100%;
      position: relative;
      /*border-left: 1px solid transparent;*/
      border-left: 1px solid #ededed;
      /**
       * There was an issue with IE whereby attempting to position something
       * absolutely relative to a table-cell element bailed. So to get around
       * this, I unfortunately needed to add a wrapper. Be aware of this when
       * changing anything. Go and test in IE if a foundational change.
       */ }
      @media (max-width: 1259px) {
        body.app > div.content > section.mediaLibrary {
          width: 301px; } }
      body.app > div.content > section.mediaLibrary > div.inner {
        position: relative;
        height: 100%; }
        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper {
          position: absolute;
          top: 0;
          bottom: 0;
          width: 100%; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area {
            position: relative;
            height: 100%; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area > header {
              padding: 22px 22px 0 22px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area > header div.search {
                height: 34px; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area > header div.search div.field {
                  position: relative; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area > header div.search div.field form div.status {
                    position: absolute;
                    right: 0;
                    top: 0; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area > header div.search div.field form div.status > a {
                      display: none;
                      height: 34px;
                      line-height: 34px;
                      width: 34px;
                      text-align: center;
                      font-size: 18px;
                      color: #c7c6cb;
                      position: relative;
                      -moz-transition: color 100ms linear;
                      -o-transition: color 100ms linear;
                      -webkit-transition: color 100ms linear;
                      transition: color 100ms linear; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area > header div.search div.field form div.status > a:focus, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area > header div.search div.field form div.status > a:hover {
                        color: #783bff; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area > header div.search div.field.active form div.status > a[trigger="submit"] {
                    display: block; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area > header div.search div.field.queried form div.status > a[trigger="clear"] {
                    display: block; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area > div.content > section.categories > section.category.sortable div.joystick > a.move {
              display: block; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu {
              position: absolute;
              top: 0;
              left: 0;
              width: 212px;
              margin: 9px 0 9px 0;
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -o-user-select: none;
              user-select: none;
              z-index: 3; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu:not(.hidden) {
                animation: fadeInAnimation 85ms; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu .stencil-caret {
                position: absolute; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu .stencil-caret.left {
                  left: -9px;
                  top: 50%;
                  margin-top: -10px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu .stencil-caret.left::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    border-right: 10px solid rgba(194, 194, 194, 0.65);
                    border-top: 10px solid transparent;
                    border-bottom: 10px solid transparent; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu .stencil-caret.left::after {
                    content: '';
                    position: absolute;
                    left: 1px;
                    top: 1px;
                    border-right: 9px solid #ffffff;
                    border-top: 9px solid transparent;
                    border-bottom: 9px solid transparent; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple .stencil-caret {
                display: none; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary {
                background-color: #ffffff;
                border-radius: 4px;
                border: 1px solid rgba(194, 194, 194, 0.65);
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary h3 {
                  display: none;
                  cursor: default;
                  position: absolute;
                  font-weight: 400;
                  font-size: 10px;
                  top: -9px;
                  right: -9px;
                  border-radius: 100px 100px 100px 100px;
                  background-color: #cb4d5d;
                  background-color: #1aa2e5;
                  text-align: center;
                  line-height: 20px;
                  width: 22px;
                  height: 22px;
                  color: #ffffff;
                  box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                  border: 1px solid rgba(0, 0, 0, 0.09);
                  z-index: 2; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a {
                  display: block; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a div.icon {
                    float: left;
                    height: 41px;
                    line-height: 41px;
                    font-size: 16px;
                    text-align: center;
                    width: 41px;
                    text-indent: 2px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a div.icon.pulse {
                      animation: pulseAnimation 1200ms ease-out 1; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a div.copy {
                    float: left;
                    width: calc(212px - 2px - 41px);
                    line-height: 41px;
                    height: 41px;
                    text-indent: 2px;
                    font-size: 15px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a:not([disabled]):not(.paused):hover div.copy {
                    color: #783bff; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a[disabled] {
                    opacity: 0.35;
                    cursor: not-allowed; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a[disabled]:hover {
                      opacity: 0.25; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a[lookup="re-crop"] div.icon {
                    color: #45be46; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a[lookup="unfavorite"] div.icon {
                    color: #f2bd55; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a[lookup="delete"]:hover div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a[lookup="delete"]:hover div.copy {
                    color: #fc7d7d; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a[lookup="viewCollections"] {
                    position: relative;
                    border-top: 1px solid #ffffff; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a[lookup="viewCollections"] div.chevron {
                      position: absolute;
                      top: 0;
                      right: -1px;
                      bottom: 0;
                      z-index: 1;
                      width: 34px;
                      line-height: 41px;
                      text-align: center;
                      font-size: 11px;
                      color: #373839;
                      background-color: transparent; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a[lookup="download/multiple"] {
                    display: none; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary > a[lookup="trimMedia"].hidden + a[lookup="viewIconSet"].hidden + + a[lookup="viewDesignerIcons"].hidden + div.divider {
                    display: none; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary div.divider {
                  background-color: #eaeaea;
                  height: 1px;
                  line-height: 1px; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary div.attribution {
                  display: table;
                  border-collapse: collapse;
                  border-spacing: 0;
                  display: none;
                  height: 100%;
                  width: 100%;
                  background-color: #f6f6f6;
                  border-radius: 0 0 4px 4px;
                  border-top: 1px solid #eaeaea; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary div.attribution div.logo {
                    display: table-cell;
                    height: 100%;
                    vertical-align: middle;
                    width: 33%; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary div.attribution div.logo a {
                      display: block; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary div.attribution div.logo a img {
                        display: block;
                        height: 28px;
                        margin: 0 auto 0 auto; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary div.attribution div.copy {
                    display: table-cell;
                    vertical-align: middle;
                    padding: 16px 10px 16px 0;
                    width: calc(100% - 33%);
                    font-size: 12px;
                    line-height: 1.3em;
                    color: #000000; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary div.attribution div.copy > a {
                      font-weight: 700;
                      color: #000000; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu div.primary div.attribution div.copy > a:hover {
                        text-decoration: underline; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary {
                display: none;
                position: absolute;
                left: 100%;
                top: 0;
                width: 212px;
                border: 1px solid rgba(194, 194, 194, 0.65);
                background-color: #fafbfc;
                border-radius: 0 4px 4px 4px;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                clip: rect(0px, 1000px, 1000px, 0px);
                margin-left: -1px;
                height: 320px; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections {
                  height: 320px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner {
                    position: absolute;
                    bottom: 75px;
                    top: 10px;
                    left: 12px;
                    right: 8px;
                    overflow: auto; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner::-webkit-scrollbar {
                      -webkit-appearance: none;
                      width: 8px;
                      background-color: #eeeeee;
                      border-radius: 100px 100px 100px 100px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner::-webkit-scrollbar-thumb {
                      border-radius: 100px 100px 100px 100px;
                      background-color: #c2c2c2; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow {
                      position: relative;
                      height: 36px;
                      line-height: 36px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow.shake {
                        animation: shakeAnimation 750ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
                        transform: translate3d(0, 0, 0);
                        backface-visibility: hidden;
                        perspective: 1000px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow.flicker {
                        animation: flickerAnimation 750ms cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a {
                        display: block; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a div.input.checkbox,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a div.copy,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a div.count {
                          float: left; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a div.input.checkbox.input.checkbox,
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a div.copy.input.checkbox,
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a div.count.input.checkbox {
                            margin: 0 10px 0 4px;
                            font-size: 14px;
                            height: 16px;
                            line-height: 16px;
                            position: relative;
                            top: 10px;
                            text-align: center;
                            display: none;
                            opacity: 0.35;
                            -moz-transition: opacity 75ms linear;
                            -o-transition: opacity 75ms linear;
                            -webkit-transition: opacity 75ms linear;
                            transition: opacity 75ms linear; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a div.input.checkbox.copy,
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a div.copy.copy,
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a div.count.copy {
                            color: #252525;
                            max-width: 60%;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden;
                            font-size: 14px; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a div.input.checkbox.count,
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a div.copy.count,
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a div.count.count {
                            text-shadow: 1px 1px rgba(0, 0, 0, 0.09);
                            background-color: #c3c3c3;
                            padding: 0 8px 0 8px;
                            border-radius: 100px 100px 100px 100px;
                            margin: 0 0 0 4px;
                            font-size: 10px;
                            color: #ffffff;
                            height: 16px;
                            line-height: 16px;
                            position: relative;
                            top: 10px;
                            font-weight: 600; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a.idle div.input.checkbox.idle, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a.processing div.input.checkbox.processing, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a.partial div.input.checkbox.partial, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a.checked div.input.checkbox.checked {
                          display: block; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a:hover {
                          text-decoration: none; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a:hover div.input.checkbox.input.checkbox {
                            opacity: 1; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a:hover div.copy {
                            color: #783bff; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a.checked div.checked.pulse {
                          animation: pulseAnimation 1200ms ease-out 1; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a.partial div.input.checkbox.input.checkbox, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a.checked div.input.checkbox.input.checkbox {
                          opacity: 1; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow > a.partial div.input.checkbox.input.checkbox::after {
                          content: ' ';
                          background-color: rgba(0, 0, 0, 0.95);
                          position: absolute;
                          top: 7px;
                          left: 3px;
                          right: 3px;
                          bottom: 0;
                          height: 2px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow[disabled] {
                        opacity: 0.58;
                        cursor: not-allowed; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.inner div.contextMenuCollectionRow[disabled] a {
                          pointer-events: none; }
                    body.firefox div.collections > div.results div.inner,
                    body.ie div.collections > div.results div.inner,
                    body.edge div.collections > div.results div.inner {
                      top: 0 !important;
                      right: 0 !important;
                      left: 0 !important;
                      border-bottom: 1px solid #ebebeb; }
                    body.firefox div.collections > div.results div.inner div.contextMenuCollectionRow,
                    body.ie div.collections > div.results div.inner div.contextMenuCollectionRow,
                    body.edge div.collections > div.results div.inner div.contextMenuCollectionRow {
                      margin: 0 0 0 12px; }
                    body.firefox div.collections > div.results div.inner div.contextMenuCollectionRow:first-child,
                    body.ie div.collections > div.results div.inner div.contextMenuCollectionRow:first-child,
                    body.edge div.collections > div.results div.inner div.contextMenuCollectionRow:first-child {
                      margin-top: 6px; }
                    body.firefox div.collections > div.results div.inner div.contextMenuCollectionRow:last-child,
                    body.ie div.collections > div.results div.inner div.contextMenuCollectionRow:last-child,
                    body.edge div.collections > div.results div.inner div.contextMenuCollectionRow:last-child {
                      margin-bottom: 6px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.action {
                    position: absolute;
                    bottom: 0;
                    left: 0;
                    right: 0;
                    padding: 20px 0 20px 0;
                    text-align: center; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.results div.action::after {
                      background: linear-gradient(180deg, transparent, #fafbfc);
                      position: absolute;
                      left: 0;
                      bottom: 75px;
                      right: 16px;
                      height: 16px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.messaging {
                    display: table;
                    border-collapse: collapse;
                    border-spacing: 0;
                    height: 320px;
                    width: 100%; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.messaging div.empty {
                      display: table-cell;
                      height: 320px;
                      text-align: center;
                      vertical-align: middle;
                      padding: 0 10px 0 10px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.messaging div.empty div.icon {
                        height: 54px;
                        line-height: 54px;
                        width: 54px;
                        text-align: center;
                        margin: 0 auto 0 auto;
                        color: #bebebe;
                        font-size: 54px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.messaging div.empty div.copy {
                        font-weight: 700;
                        line-height: 1.2em;
                        font-size: 18px;
                        padding: 12px 0 0 0; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.messaging div.empty div.action {
                        padding: 18px 0 0 0; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.messaging div.empty div.question {
                        padding: 8px 0 0 0; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.messaging div.empty div.question a {
                          font-style: italic;
                          color: #252525;
                          font-size: 13px;
                          opacity: 0.5; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu > div.secondary > div.collections > div.messaging div.empty div.question a:hover {
                            color: #783bff;
                            text-decoration: underline;
                            opacity: 1; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.bottomToTop > div.secondary {
                top: auto;
                bottom: 0;
                border-radius: 4px 4px 4px 0; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.secondary {
                border-radius: 4px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple.bottomToTop > div.secondary {
                border-radius: 4px 4px 4px 0; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary h3 {
                display: block; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="download/single"],
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="viewIconSet"] + div.divider,
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="viewDesignerIcons"] + div.divider,
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="select"],
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="select"] + div.divider,
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="annotate"],
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="annotate"] + div.divider,
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="toggle/on"] + [lookup="toggle/off"] + div.divider,
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="crop"],
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="copyPreviewURL"],
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="exportToWordPress"],
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="previewAndShare"],
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="setAsBackground"],
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="addToCanvas"],
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="addToCanvas"] + div.divider,
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="addToCanvas"] + div.divider + [lookup="crop"] + div.divider,
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="toggle/on"],
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="toggle/off"],
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [stdt-lookup="attribution"],
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="download/single"] + div.divider,
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="exportToWordPress"] + div.divider {
                display: none; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="download/multiple"],
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.multiple > div.primary [lookup="download/multiple"] + div.divider {
                display: block; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.expanded > div.primary {
                border-radius: 4px 0 0 4px; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.expanded > div.primary > a[lookup="viewCollections"] {
                  border-top: 1px solid #ebebeb;
                  background-color: #fafbfc;
                  border-radius: 0 0 0 4px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.expanded > div.primary > a[lookup="viewCollections"] div.chevron {
                    background-color: #fafbfc; }
                  section.area.templates div.contextMenu.expanded > div.primary > a[lookup="viewCollections"],
                  section.area.uploads div.contextMenu.expanded > div.primary > a[lookup="viewCollections"],
                  section.area.images div.contextMenu.expanded > div.primary > a[lookup="viewCollections"] {
                    border-radius: 0 0 0 0 !important; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.expanded > div.secondary {
                display: block; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area div.contextMenu.attribution > div.primary div.attribution {
                display: table; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.results div.status.loading,
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.results div.status.finished {
            text-align: center;
            padding: 16px 0 0 0; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.results div.status.loading div.icon,
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.results div.status.finished div.icon {
              color: #333333;
              font-size: 20px; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.results div.status.loading div.copy,
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.results div.status.finished div.copy {
              padding: 6px 12px 8px 12px;
              color: #333333;
              width: 100%;
              line-height: 1.3em;
              font-size: 16px;
              font-style: italic;
              font-weight: 300; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.results div.status.loading div.copy strong,
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.results div.status.finished div.copy strong {
                font-weight: 700;
                text-decoration: underline; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.messaging div.disabled div.suggestion,
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.messaging div.empty div.suggestion {
            position: absolute;
            top: 100px;
            right: 0;
            left: 0;
            padding: 0 20px 0 20px;
            height: 24px;
            line-height: 24px;
            font-size: 14px;
            text-align: right; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.messaging div.disabled div.suggestion span.question,
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.messaging div.empty div.suggestion span.question {
              font-style: italic;
              color: #fc7d7d; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.messaging div.disabled div.suggestion a.term,
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.messaging div.empty div.suggestion a.term {
              font-weight: bold; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > header > nav {
            margin: 22px 0 0 0; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content {
            height: calc(100% - 34px - 22px - 22px - 15px); }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group {
              height: 100%; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section {
                height: 100%; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content {
                  height: 100%;
                  padding: 20px 22px 22px 22px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content > div.results {
                    height: 100%;
                    overflow: auto;
                    position: relative;
                    -webkit-transform: translate3d(0px, 0px, 0px); }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content > div.results::-webkit-scrollbar {
                      -webkit-appearance: none;
                      width: 8px;
                      background-color: #eeeeee;
                      border-radius: 100px 100px 100px 100px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content > div.results::-webkit-scrollbar-thumb {
                      border-radius: 100px 100px 100px 100px;
                      background-color: #c2c2c2; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content > div.results div.thumb div.joystick a.favorite {
                      display: block; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content > div.results div.thumb.feature div.joystick a.feature, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content > div.results div.thumb.pin div.joystick a.pin {
                      display: none; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content > div.results div.thumb.favorite > a.unfavorite {
                      display: block; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content > div.results div.thumb.favorite div.joystick a.favorite {
                      display: none; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging {
                    display: table;
                    border-collapse: collapse;
                    border-spacing: 0;
                    height: 100%;
                    width: 100%; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty {
                      display: table-cell;
                      height: 100%;
                      vertical-align: middle; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.disabled > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.empty > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.disabled > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.empty > div.icon {
                        height: 78px;
                        line-height: 78px;
                        width: 78px;
                        text-align: center;
                        margin: 2px auto 0 auto;
                        font-size: 78px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.primary, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.primary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.primary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.primary {
                        text-align: center;
                        line-height: 1.3em;
                        font-size: 21px;
                        font-weight: 700;
                        padding: 24px 0 0 0;
                        color: #252525; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.secondary, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.secondary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.secondary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary {
                        text-align: center;
                        line-height: 1.3em;
                        font-weight: 400;
                        font-size: 18px;
                        padding: 8px 0 0 0;
                        color: #898989; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.secondary > a, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.secondary > a,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.secondary > a,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary > a {
                          font-style: italic; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.secondary > span.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.secondary > span.icon,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.secondary > span.icon,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary > span.icon {
                          color: #f2bd55; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.disabled.disabled > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.empty.disabled > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.disabled.disabled > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.empty.disabled > div.icon {
                        color: #f8b92c; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.disabled.featured > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.disabled.category > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.disabled.query > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.empty.featured > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.empty.category > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.empty.query > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.disabled.featured > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.disabled.category > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.disabled.query > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.empty.featured > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.empty.category > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.empty.query > div.icon {
                        color: #783bff; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.disabled.favorites > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.empty.favorites > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.disabled.favorites > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.empty.favorites > div.icon {
                        color: #f2bd55; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.disabled.collection > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.disabled.empty.collection > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.disabled.collection > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content > section.group > section > div.content div.messaging div.empty.empty.collection > div.icon {
                        color: #bcbcbc; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content div.thumb {
              margin: 0 3px 3px 0;
              width: 75px;
              height: 75px;
              background-position: center center;
              background-size: contain;
              background-repeat: no-repeat; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content div.thumb:hover > a.set {
                display: block; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content div.thumb.icon {
                background-size: 50%;
                background-position: center center;
                background-repeat: no-repeat;
                border-radius: 4px 4px 4px 4px; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content div.thumb.icon:hover {
                  background-color: #f8f8f8; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content div.thumb.icon.small {
                  background-size: 60%; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content div.thumb.icon.tiny {
                  background-size: 70%; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content div.thumb > div.active {
                line-height: 75px;
                border-radius: 4px 4px 4px 4px;
                font-size: 28px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content div.thumb div.joystick a.overlay {
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center center; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content div.thumb.icon div.joystick a.overlay {
                background-repeat: no-repeat;
                background-position: center center;
                background-color: transparent; }
              @media (max-width: 1259px) {
                body.app:not(.expandedMode) > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content div.thumb {
                  width: 59px;
                  height: 59px; }
                  body.app:not(.expandedMode) > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content div.thumb > div.active {
                    line-height: 59px;
                    font-size: 24px; } }
              body.app.expandedMode > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content div.thumb {
                width: 70px;
                height: 70px; }
                body.app.expandedMode > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.graphics > div.content div.thumb > div.active {
                  line-height: 70px; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > header div.search {
            display: none; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content {
            height: calc(100% - 22px - 15px); }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group {
              height: 100%; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section {
                height: 100%; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content {
                  height: 100%;
                  padding: 20px 22px 22px 22px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content > div.results {
                    height: 100%;
                    overflow: auto;
                    position: relative;
                    -webkit-transform: translate3d(0px, 0px, 0px); }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content > div.results::-webkit-scrollbar {
                      -webkit-appearance: none;
                      width: 8px;
                      background-color: #eeeeee;
                      border-radius: 100px 100px 100px 100px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content > div.results::-webkit-scrollbar-thumb {
                      border-radius: 100px 100px 100px 100px;
                      background-color: #c2c2c2; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content > div.results div.thumb div.joystick a.favorite {
                      display: block; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content > div.results div.thumb.feature div.joystick a.feature {
                      display: none; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content > div.results div.thumb.favorite > a.unfavorite {
                      display: block; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content > div.results div.thumb.favorite div.joystick a.favorite {
                      display: none; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging {
                    display: table;
                    border-collapse: collapse;
                    border-spacing: 0;
                    height: 100%;
                    width: 100%; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty {
                      display: table-cell;
                      height: 100%;
                      vertical-align: middle; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.disabled > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.empty > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.disabled > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.empty > div.icon {
                        height: 78px;
                        line-height: 78px;
                        width: 78px;
                        text-align: center;
                        margin: 2px auto 0 auto;
                        font-size: 78px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.primary, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.primary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.primary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.primary {
                        text-align: center;
                        line-height: 1.3em;
                        font-size: 21px;
                        font-weight: 700;
                        padding: 24px 0 0 0;
                        color: #252525; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.secondary, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.secondary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.secondary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary {
                        text-align: center;
                        line-height: 1.35em;
                        font-weight: 400;
                        font-size: 18px;
                        padding: 8px 0 0 0;
                        color: #898989; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.secondary > a, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.secondary > a,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.secondary > a,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary > a {
                          font-style: italic; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.secondary > span.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.secondary > span.icon,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.secondary > span.icon,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary > span.icon {
                          color: #f2bd55; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.disabled.disabled > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.empty.disabled > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.disabled.disabled > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.empty.disabled > div.icon {
                        color: #f8b92c; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.disabled.list > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.empty.list > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.disabled.list > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.empty.list > div.icon {
                        color: #783bff; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.disabled.favorites > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.empty.favorites > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.disabled.favorites > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.empty.favorites > div.icon {
                        color: #f2bd55; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.disabled.collection > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.disabled.empty.collection > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.disabled.collection > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content > section.group > section > div.content div.messaging div.empty.empty.collection > div.icon {
                        color: #bcbcbc; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content div.thumb {
              margin: 0 4px 4px 0;
              width: 152px;
              height: 106px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content div.thumb > div.active {
                line-height: 106px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content div.thumb div.joystick a.overlay {
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center; }
              @media (max-width: 1259px) {
                body.app:not(.expandedMode) > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content div.thumb {
                  margin: 0 3px 3px 0;
                  width: 121px;
                  height: 88px; }
                  body.app:not(.expandedMode) > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content div.thumb > div.active {
                    line-height: 88px; } }
              body.app.expandedMode > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content div.thumb {
                margin: 0 3px 3px 0;
                width: 121px;
                height: 88px; }
                body.app.expandedMode > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images > div.content div.thumb > div.active {
                  line-height: 88px; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images.searchable > header div.search {
            display: block; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images.searchable > header > nav {
            margin: 22px 0 0 0; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images.searchable > header > nav div.icons div.icon.feature {
              display: block; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.images.searchable > div.content {
            height: calc(100% - 34px - 22px - 22px - 15px); }
          @media (max-width: 1259px) {
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos {
              /**
               * @see     https://caniuse.com/#feat=input-placeholder
               * @see     https://stackoverflow.com/questions/16839847/safari-rounding-down-on-subpixel-calculations
               * @see     https://stackoverflow.com/questions/26852922/inspect-webkit-input-placeholder-with-developer-tools
               */ }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > header > div.search > div.field > input::placeholder {
                font-size: 12.4px; } }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > header > nav {
            margin: 22px 0 0 0; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content {
            height: calc(100% - 34px - 22px - 22px - 15px); }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group {
              height: 100%; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section {
                height: 100%; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content {
                  height: 100%;
                  padding: 20px 22px 22px 22px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content > div.results {
                    height: 100%;
                    overflow: auto;
                    position: relative;
                    -webkit-transform: translate3d(0px, 0px, 0px); }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content > div.results::-webkit-scrollbar {
                      -webkit-appearance: none;
                      width: 8px;
                      background-color: #eeeeee;
                      border-radius: 100px 100px 100px 100px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content > div.results::-webkit-scrollbar-thumb {
                      border-radius: 100px 100px 100px 100px;
                      background-color: #c2c2c2; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content > div.results div.thumb div.joystick a.favorite {
                      display: block; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content > div.results div.thumb.feature div.joystick a.feature, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content > div.results div.thumb.pin div.joystick a.pin {
                      display: none; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content > div.results div.thumb.favorite > a.unfavorite {
                      display: block; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content > div.results div.thumb.favorite div.joystick a.favorite {
                      display: none; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging {
                    display: table;
                    border-collapse: collapse;
                    border-spacing: 0;
                    height: 100%;
                    width: 100%; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty {
                      display: table-cell;
                      height: 100%;
                      vertical-align: middle; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.disabled > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.empty > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.disabled > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.empty > div.icon {
                        height: 78px;
                        line-height: 78px;
                        width: 78px;
                        text-align: center;
                        margin: 2px auto 0 auto;
                        font-size: 78px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.primary, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.primary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.primary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.primary {
                        text-align: center;
                        line-height: 1.3em;
                        font-size: 21px;
                        font-weight: 700;
                        padding: 24px 0 0 0;
                        color: #252525; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.secondary, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.secondary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.secondary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary {
                        text-align: center;
                        line-height: 1.3em;
                        font-weight: 400;
                        font-size: 18px;
                        padding: 8px 0 0 0;
                        color: #898989; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.secondary > a, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.secondary > a,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.secondary > a,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary > a {
                          font-style: italic; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.secondary > span.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.secondary > span.icon,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.secondary > span.icon,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary > span.icon {
                          color: #f2bd55; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.disabled.disabled > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.empty.disabled > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.disabled.disabled > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.empty.disabled > div.icon {
                        color: #f8b92c; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.disabled.featured > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.disabled.category > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.disabled.query > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.empty.featured > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.empty.category > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.empty.query > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.disabled.featured > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.disabled.category > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.disabled.query > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.empty.featured > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.empty.category > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.empty.query > div.icon {
                        color: #783bff; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.disabled.favorites > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.empty.favorites > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.disabled.favorites > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.empty.favorites > div.icon {
                        color: #f2bd55; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.disabled.collection > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.disabled.empty.collection > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.disabled.collection > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content > section.group > section > div.content div.messaging div.empty.empty.collection > div.icon {
                        color: #bcbcbc; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content div.thumb {
              margin: 0 3px 3px 0;
              width: 100px;
              height: 73px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content div.thumb > div.active {
                line-height: 73px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content div.thumb div.joystick a.overlay {
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center; }
              @media (max-width: 1259px) {
                body.app:not(.expandedMode) > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content div.thumb {
                  width: 121px;
                  height: 88px; }
                  body.app:not(.expandedMode) > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.photos > div.content div.thumb > div.active {
                    line-height: 88px; } }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > header > nav {
            margin: 22px 0 0 0; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content {
            height: calc(100% - 34px - 22px - 22px - 15px); }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group {
              height: 100%; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section {
                height: 100%; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content {
                  height: 100%;
                  padding: 20px 22px 22px 22px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content > div.results {
                    height: 100%;
                    overflow: auto;
                    position: relative;
                    -webkit-transform: translate3d(0px, 0px, 0px); }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content > div.results::-webkit-scrollbar {
                      -webkit-appearance: none;
                      width: 8px;
                      background-color: #eeeeee;
                      border-radius: 100px 100px 100px 100px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content > div.results::-webkit-scrollbar-thumb {
                      border-radius: 100px 100px 100px 100px;
                      background-color: #c2c2c2; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content > div.results div.quote.row div.joystick a.favorite {
                      display: block; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content > div.results div.quote.row.feature div.joystick a.feature {
                      display: none; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content > div.results div.quote.row.favorite > a.unfavorite {
                      display: block; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content > div.results div.quote.row.favorite div.joystick a.favorite {
                      display: none; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging {
                    display: table;
                    border-collapse: collapse;
                    border-spacing: 0;
                    height: 100%;
                    width: 100%; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty {
                      display: table-cell;
                      height: 100%;
                      vertical-align: middle; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.disabled > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.empty > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.disabled > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.empty > div.icon {
                        height: 78px;
                        line-height: 78px;
                        width: 78px;
                        text-align: center;
                        margin: 2px auto 0 auto;
                        font-size: 78px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.primary, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.primary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.primary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.primary {
                        text-align: center;
                        line-height: 1.3em;
                        font-size: 21px;
                        font-weight: 700;
                        padding: 24px 0 0 0;
                        color: #252525; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.secondary, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.secondary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.secondary,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary {
                        text-align: center;
                        line-height: 1.35em;
                        font-weight: 400;
                        font-size: 18px;
                        padding: 8px 0 0 0;
                        color: #898989; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.secondary > a, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.secondary > a,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.secondary > a,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary > a {
                          font-style: italic; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.disabled div.copy div.secondary > span.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.empty div.copy div.secondary > span.icon,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.disabled div.copy div.secondary > span.icon,
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary > span.icon {
                          color: #f2bd55; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.disabled.disabled > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.empty.disabled > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.disabled.disabled > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.empty.disabled > div.icon {
                        color: #f8b92c; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.disabled.featured > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.disabled.category > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.disabled.query > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.empty.featured > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.empty.category > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.empty.query > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.disabled.featured > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.disabled.category > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.disabled.query > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.empty.featured > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.empty.category > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.empty.query > div.icon {
                        color: #783bff; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.disabled.favorites > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.empty.favorites > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.disabled.favorites > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.empty.favorites > div.icon {
                        color: #f2bd55; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.disabled.collection > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.disabled.empty.collection > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.disabled.collection > div.icon,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content > section.group > section > div.content div.messaging div.empty.empty.collection > div.icon {
                        color: #bcbcbc; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content div.quote.row {
              margin: 0 12px 12px 0; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content div.quote.row > div.active {
                line-height: 106px;
                border-radius: 1px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.quotes > div.content div.quote.row:last-child {
                margin-bottom: 0; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > header div.search {
            display: none; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content {
            height: calc(100% - 22px - 15px); }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group {
              height: 100%; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section {
                height: 100%; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content {
                  height: 100%;
                  padding: 20px 22px 22px 22px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content > div.results {
                    height: 100%;
                    overflow: auto;
                    position: relative;
                    -webkit-transform: translate3d(0px, 0px, 0px); }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content > div.results::-webkit-scrollbar {
                      -webkit-appearance: none;
                      width: 8px;
                      background-color: #eeeeee;
                      border-radius: 100px 100px 100px 100px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content > div.results::-webkit-scrollbar-thumb {
                      border-radius: 100px 100px 100px 100px;
                      background-color: #c2c2c2; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content > div.results div.thumb div.joystick a.favorite {
                      display: block; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content > div.results div.thumb.feature div.joystick a.feature, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content > div.results div.thumb.pin div.joystick a.pin {
                      display: none; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content > div.results div.thumb.favorite > a.unfavorite {
                      display: block; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content > div.results div.thumb.favorite div.joystick a.favorite {
                      display: none; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content div.messaging {
                    display: table;
                    border-collapse: collapse;
                    border-spacing: 0;
                    height: 100%;
                    width: 100%; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content div.messaging div.empty {
                      display: table-cell;
                      height: 100%;
                      vertical-align: middle; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content div.messaging div.empty.empty > div.icon {
                        height: 78px;
                        line-height: 78px;
                        width: 78px;
                        text-align: center;
                        margin: 2px auto 0 auto;
                        font-size: 78px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.primary {
                        text-align: center;
                        line-height: 1.3em;
                        font-size: 21px;
                        font-weight: 700;
                        padding: 24px 0 0 0;
                        color: #252525; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary {
                        text-align: center;
                        line-height: 1.3em;
                        font-weight: 400;
                        font-size: 18px;
                        padding: 8px 0 0 0;
                        color: #898989; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary > span.icon {
                          color: #f2bd55; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content div.messaging div.empty.empty.featured > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content div.messaging div.empty.empty.category > div.icon {
                        color: #783bff; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content div.messaging div.empty.empty.list > div.icon {
                        color: #783bff; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content div.messaging div.empty.empty.favorites > div.icon {
                        color: #f2bd55; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content > section.group > section > div.content div.messaging div.empty.empty.collection > div.icon {
                        color: #bcbcbc; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content div.thumb {
              margin: 0 4px 4px 0;
              width: 152px;
              height: 106px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content div.thumb > div.active {
                line-height: 106px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content div.thumb div.joystick a.overlay {
                background-repeat: no-repeat;
                background-size: cover;
                background-position: center center; }
              @media (max-width: 1259px) {
                body.app:not(.expandedMode) > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content div.thumb {
                  margin: 0 3px 3px 0;
                  width: 121px;
                  height: 88px; }
                  body.app:not(.expandedMode) > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content div.thumb > div.active {
                    line-height: 88px; } }
              body.app.expandedMode > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content div.thumb {
                margin: 0 3px 3px 0;
                width: 121px;
                height: 88px; }
                body.app.expandedMode > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates > div.content div.thumb > div.active {
                  line-height: 88px; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates.searchable > header div.search {
            display: block; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates.searchable > header > nav {
            margin: 22px 0 0 0; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.templates.searchable > div.content {
            height: calc(100% - 34px - 22px - 22px - 15px); }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content {
            height: calc(100% - 22px - 130px - 22px - 15px); }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group {
              height: 100%; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section {
                height: 100%; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content {
                  height: 100%;
                  padding: 20px 22px 22px 22px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content > div.results {
                    height: 100%;
                    overflow: auto;
                    position: relative;
                    -webkit-transform: translate3d(0px, 0px, 0px); }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content > div.results::-webkit-scrollbar {
                      -webkit-appearance: none;
                      width: 8px;
                      background-color: #eeeeee;
                      border-radius: 100px 100px 100px 100px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content > div.results::-webkit-scrollbar-thumb {
                      border-radius: 100px 100px 100px 100px;
                      background-color: #c2c2c2; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content > div.results div.thumb div.joystick a.favorite {
                      display: block; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content > div.results div.thumb.feature div.joystick a.feature {
                      display: none; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content > div.results div.thumb.favorite > a.unfavorite {
                      display: block; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content > div.results div.thumb.favorite div.joystick a.favorite {
                      display: none; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content div.messaging {
                    display: table;
                    border-collapse: collapse;
                    border-spacing: 0;
                    height: 100%;
                    width: 100%; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content div.messaging div.empty {
                      display: table-cell;
                      height: 100%;
                      vertical-align: middle; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content div.messaging div.empty.empty > div.icon {
                        height: 78px;
                        line-height: 78px;
                        width: 78px;
                        text-align: center;
                        margin: 2px auto 0 auto;
                        font-size: 78px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.primary {
                        text-align: center;
                        line-height: 1.3em;
                        font-size: 21px;
                        font-weight: 700;
                        padding: 24px 0 0 0;
                        color: #252525; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary {
                        text-align: center;
                        line-height: 1.3em;
                        font-weight: 400;
                        font-size: 18px;
                        padding: 8px 0 0 0;
                        color: #898989; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content div.messaging div.empty.empty div.copy div.secondary > span.icon {
                          color: #f2bd55; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content div.messaging div.empty.empty.list > div.icon {
                        color: #783bff; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content div.messaging div.empty.empty.favorites > div.icon {
                        color: #f2bd55; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content > section.group > section > div.content div.messaging div.empty.empty.collection > div.icon {
                        color: #bcbcbc; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content div.thumb {
              margin: 0 3px 3px 0;
              width: 100px;
              height: 73px;
              background-position: center center;
              background-size: contain;
              background-repeat: no-repeat; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content div.thumb.vector {
                background-size: 50%;
                background-position: center center;
                background-repeat: no-repeat;
                border-radius: 4px 4px 4px 4px; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content div.thumb.vector:hover {
                  background-color: #f8f8f8; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content div.thumb > div.active {
                line-height: 73px;
                border-radius: 4px 4px 4px 4px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content div.thumb div.joystick a.overlay {
                background-repeat: no-repeat;
                background-size: contain;
                background-position: center center; }
              @media (max-width: 1259px) {
                body.app:not(.expandedMode) > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content div.thumb {
                  width: 121px;
                  height: 88px; }
                  body.app:not(.expandedMode) > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads > div.content div.thumb > div.active {
                    line-height: 88px; } }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads footer {
            background-color: #ffffff;
            position: absolute;
            left: 22px;
            right: 22px;
            bottom: 22px; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads footer div.import {
              display: none;
              position: absolute;
              right: 0;
              left: 0;
              height: 28px;
              line-height: 28px;
              text-align: center;
              font-size: 13px;
              z-index: 2; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads footer div.import span.lead {
                font-style: italic;
                opacity: 0.4; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads footer div.import a {
                color: #783bff; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads footer div.import a:hover {
                  text-decoration: underline; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads.importing > div.content {
            height: calc(100% - 22px - 130px - 28px - 15px); }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads.importing footer {
            bottom: 28px; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.uploads.importing footer section.dropzone.idle + div.import {
              display: block; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks header > nav > div.filter > label.category > span.copy {
            padding: 0 8px 0 0; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content {
            height: calc(100% - 22px - 130px - 22px - 15px); }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group {
              height: 100%; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section {
                height: 100%; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section > div.content {
                  height: 100%;
                  padding: 20px 22px 22px 22px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section > div.content > div.results {
                    height: 100%;
                    overflow: auto;
                    position: relative;
                    -webkit-transform: translate3d(0px, 0px, 0px); }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section > div.content > div.results::-webkit-scrollbar {
                      -webkit-appearance: none;
                      width: 8px;
                      background-color: #eeeeee;
                      border-radius: 100px 100px 100px 100px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section > div.content > div.results::-webkit-scrollbar-thumb {
                      border-radius: 100px 100px 100px 100px;
                      background-color: #c2c2c2; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section > div.content > div.results div.inner {
                      padding: 0 16px 0 0; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging {
                  display: table;
                  border-collapse: collapse;
                  border-spacing: 0;
                  height: 100%;
                  width: 100%; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.empty,
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.prompt {
                    display: table-cell;
                    height: 100%;
                    vertical-align: middle; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.empty.empty > div.icon,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.prompt.empty > div.icon {
                      height: 78px;
                      line-height: 78px;
                      width: 78px;
                      text-align: center;
                      margin: 2px auto 0 auto;
                      font-size: 78px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.empty.empty div.copy div.primary,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.prompt.empty div.copy div.primary {
                      text-align: center;
                      line-height: 1.3em;
                      font-size: 21px;
                      font-weight: 700;
                      padding: 24px 0 0 0;
                      color: #252525; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.empty.empty div.copy div.secondary,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.prompt.empty div.copy div.secondary {
                      text-align: center;
                      line-height: 1.3em;
                      font-weight: 400;
                      font-size: 18px;
                      padding: 8px 0 0 0;
                      color: #898989; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.empty.empty.list > div.icon,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.prompt.empty.list > div.icon {
                      color: #783bff; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.empty.prompt > div.icon,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.prompt.prompt > div.icon {
                      height: 78px;
                      line-height: 78px;
                      width: 78px;
                      text-align: center;
                      margin: 2px auto 0 auto;
                      font-size: 78px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.empty.prompt div.copy div.primary,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.prompt.prompt div.copy div.primary {
                      text-align: center;
                      line-height: 1.3em;
                      font-size: 21px;
                      font-weight: 700;
                      padding: 24px 0 0 0; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.empty.prompt div.actions,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.prompt.prompt div.actions {
                      text-align: center;
                      line-height: 1.3em;
                      font-size: 21px;
                      font-weight: 700;
                      padding: 16px 0 0 0; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.empty.prompt div.actions em,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.prompt.prompt div.actions em {
                        font-weight: 300; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.empty.prompt.guest > div.icon, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.empty.prompt.free > div.icon,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.prompt.prompt.guest > div.icon,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks > div.content > section.group > section div.messaging div.prompt.prompt.free > div.icon {
                      color: #783bff; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks footer {
            background-color: #ffffff;
            position: absolute;
            left: 22px;
            right: 22px;
            bottom: 22px; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks footer div.import {
              display: none;
              position: absolute;
              right: 0;
              left: 0;
              height: 28px;
              line-height: 28px;
              text-align: center;
              font-size: 13px;
              z-index: 2; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks footer div.import span.lead {
                font-style: italic;
                opacity: 0.4; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks footer div.import a {
                color: #783bff; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks footer div.import a:hover {
                  text-decoration: underline; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks.importing > div.content {
            height: calc(100% - 22px - 130px - 28px - 15px); }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks.importing footer {
            bottom: 28px; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper > section.area.watermarks.importing footer section.dropzone.idle + div.import {
              display: block; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav {
            height: 15px;
            line-height: 15px;
            position: relative;
            /**
             * Not currently being used
             * 
             */ }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter {
              float: left;
              position: relative; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter label.category,
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter label.results {
                display: block;
                position: relative;
                float: left;
                height: 15px;
                font-weight: 700;
                color: #343434;
                cursor: pointer;
                z-index: 2;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -o-user-select: none;
                user-select: none; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter label.category span.copy,
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter label.results span.copy {
                  max-width: 204px;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  overflow: hidden;
                  height: 15px;
                  line-height: 15px;
                  font-size: 15px;
                  display: block;
                  background-color: #ffffff;
                  float: left; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter label.category i,
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter label.results i {
                  display: block;
                  background-color: #ffffff;
                  float: left;
                  padding: 0 8px 0 5px;
                  font-size: 17px;
                  font-weight: 900;
                  height: 15px;
                  line-height: 15px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter label.category i.radiate,
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter label.results i.radiate {
                    animation: radiateAnimation 1200ms infinite;
                    border-radius: 1000px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter:hover label.category, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter:hover label.results {
                color: #783bff; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter.expanded label.category,
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter.expanded label.results {
                color: #783bff; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter.expanded div.popover {
                display: block;
                cursor: default; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter label.category[disabled] {
                cursor: default;
                color: #343434; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover {
                display: none;
                position: absolute;
                top: 0;
                width: 256px;
                z-index: 95;
                left: 50%;
                margin-left: -128px; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover .stencil-caret {
                  position: absolute;
                  z-index: 2; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover .stencil-caret.up {
                    top: 19px;
                    left: 50%;
                    margin-left: -10px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover .stencil-caret.up::before {
                      content: '';
                      position: absolute;
                      top: 0;
                      left: 0;
                      border-bottom: 10px solid rgba(194, 194, 194, 0.65);
                      border-left: 10px solid transparent;
                      border-right: 10px solid transparent; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover .stencil-caret.up::after {
                      content: '';
                      position: absolute;
                      left: 1px;
                      top: 1px;
                      border-bottom: 9px solid #ffffff;
                      border-left: 9px solid transparent;
                      border-right: 9px solid transparent; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content {
                  margin: 28px 0 0 0;
                  position: relative; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a,
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a,
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon) {
                    display: block;
                    height: 44px;
                    line-height: 44px;
                    padding: 2px 0 2px 4px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a > div.icon,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a > div.icon,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon) > div.icon {
                      display: block;
                      background-position: center center;
                      background-repeat: no-repeat;
                      background-size: cover;
                      border-radius: 100px 100px 100px 100px;
                      line-height: 34px;
                      height: 34px;
                      width: 34px;
                      float: left;
                      margin: 3px 9px 0 0; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a div.copy,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a div.count,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a div.copy,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a div.count,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon) div.copy,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon) div.count {
                      float: left; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a div.copy.copy,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a div.count.copy,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a div.copy.copy,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a div.count.copy,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon) div.copy.copy,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon) div.count.copy {
                        color: #252525;
                        max-width: 60%;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        overflow: hidden;
                        height: 40px;
                        line-height: 40px;
                        font-size: 15px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a div.copy.count,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a div.count.count,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a div.copy.count,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a div.count.count,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon) div.copy.count,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon) div.count.count {
                        text-shadow: 1px 1px rgba(0, 0, 0, 0.09);
                        background-color: #c3c3c3;
                        padding: 0 8px 0 8px;
                        border-radius: 100px 100px 100px 100px;
                        margin: 0 0 0 4px;
                        font-size: 10px;
                        color: #ffffff;
                        height: 16px;
                        line-height: 16px;
                        position: relative;
                        top: 12px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a:hover,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a:hover,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon):hover {
                      text-decoration: none; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a:hover div.copy,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a:hover div.copy,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon):hover div.copy {
                        color: #783bff; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a.active,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a.active,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon).active {
                      cursor: default; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a.active div.copy,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a.active div.copy,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon).active div.copy {
                        color: #783bff;
                        font-weight: 700; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a[lookup="favorites"] > div.icon,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a[lookup="favorites"] > div.icon,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon)[lookup="favorites"] > div.icon {
                      color: #f3be4b;
                      font-size: 26px;
                      text-align: center; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a[lookup="viewCollections"],
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a[lookup="viewCollections"],
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon)[lookup="viewCollections"] {
                      position: relative;
                      border-top: 1px solid #ffffff; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a[lookup="viewCollections"] div.chevron,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a[lookup="viewCollections"] div.chevron,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon)[lookup="viewCollections"] div.chevron {
                        position: absolute;
                        top: 0;
                        right: -1px;
                        bottom: 0;
                        z-index: 1;
                        width: 34px;
                        line-height: 43px;
                        text-align: center;
                        font-size: 11px;
                        color: #373839;
                        background-color: transparent; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a[lookup="viewCollections"] > div.icon,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a[lookup="viewCollections"] > div.icon,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon)[lookup="viewCollections"] > div.icon {
                      color: #87c7ea;
                      font-size: 24px;
                      text-align: center; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a:hover:not([lookup="favorites"]):not([lookup="viewCollections"]) > div.icon,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a:hover:not([lookup="favorites"]):not([lookup="viewCollections"]) > div.icon,
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon):hover:not([lookup="favorites"]):not([lookup="viewCollections"]) > div.icon {
                      position: relative; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.sticky > div.content > a:hover:not([lookup="favorites"]):not([lookup="viewCollections"]) > div.icon::after,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary > div.curated > div.content > a:hover:not([lookup="favorites"]):not([lookup="viewCollections"]) > div.icon::after,
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon):hover:not([lookup="favorites"]):not([lookup="viewCollections"]) > div.icon::after {
                        content: ' ';
                        border-radius: 100px 100px 100px 100px;
                        position: absolute;
                        top: 0;
                        right: 0;
                        bottom: 0;
                        left: 0;
                        background-color: rgba(0, 0, 0, 0.1); }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner.active div.collectionRow a:not(.icon) div.copy {
                    color: #252525; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary {
                    width: 256px;
                    border: 1px solid rgba(194, 194, 194, 0.65);
                    background-color: #ffffff;
                    border-radius: 6px;
                    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary div.sticky {
                      padding: 5px 3px 0 9px;
                      padding: 5px 0 0 0; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary div.sticky > div.content > a {
                        padding: 2px calc(0px + 3px) calc(2px + 0px) calc(0px + 9px); }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary div.curated {
                      padding: 3px 5px 5px 9px;
                      border-top: 1px solid #eaeaea; }
                      body.firefox div.popover div.curated,
                      body.ie div.popover div.curated,
                      body.edge div.popover div.curated {
                        padding: 0 0 0 9px !important; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary div.curated > div.content {
                        max-height: 292px;
                        overflow: auto; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary div.curated > div.content::-webkit-scrollbar {
                          -webkit-appearance: none;
                          width: 8px;
                          background-color: #eeeeee;
                          border-radius: 100px 100px 100px 100px; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.primary div.curated > div.content::-webkit-scrollbar-thumb {
                          border-radius: 100px 100px 100px 100px;
                          background-color: #c2c2c2; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary {
                    display: none;
                    position: absolute;
                    left: 100%;
                    top: 0;
                    bottom: 0;
                    width: 256px;
                    border: 1px solid rgba(194, 194, 194, 0.65);
                    background-color: #fafbfc;
                    border-radius: 0 6px 6px 0;
                    box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                    clip: rect(0px, 1000px, 1000px, 0px);
                    margin-left: -1px; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections {
                      height: 100%; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner {
                        position: absolute;
                        bottom: 75px;
                        top: 12px;
                        left: 20px;
                        right: 10px;
                        overflow: auto; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner::-webkit-scrollbar {
                          -webkit-appearance: none;
                          width: 8px;
                          background-color: #eeeeee;
                          border-radius: 100px 100px 100px 100px; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner::-webkit-scrollbar-thumb {
                          border-radius: 100px 100px 100px 100px;
                          background-color: #c2c2c2; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow {
                          position: relative; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon) {
                            height: 40px;
                            line-height: 40px; }
                            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon) div.copy.copy {
                              height: 36px;
                              line-height: 36px; }
                            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow a:not(.icon) div.count.count {
                              top: 10px; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow.shake {
                            animation: shakeAnimation 750ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
                            transform: translate3d(0, 0, 0);
                            backface-visibility: hidden;
                            perspective: 1000px; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow.flicker {
                            animation: flickerAnimation 750ms cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow > a.move,
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow > a.edit,
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow > a.delete {
                            display: none;
                            position: absolute;
                            right: 0;
                            top: 0;
                            color: #252525;
                            width: 18px;
                            text-align: center;
                            height: 44px;
                            line-height: 44px;
                            font-size: 14px;
                            opacity: 0.5; }
                            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow > a.move:hover,
                            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow > a.edit:hover,
                            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow > a.delete:hover {
                              opacity: 1;
                              cursor: pointer;
                              color: #783bff; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow > a.move {
                            right: 36px; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow > a.edit {
                            right: 18px; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow:hover > a.move,
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow:hover > a.edit,
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow:hover > a.delete {
                            display: block; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.inner div.collectionRow.ghost {
                            opacity: 0.25; }
                        body.firefox div.collections > div.results div.inner,
                        body.ie div.collections > div.results div.inner,
                        body.edge div.collections > div.results div.inner {
                          top: 0 !important;
                          right: 0 !important;
                          left: 0 !important;
                          border-bottom: 1px solid rgba(194, 194, 194, 0.65); }
                        body.firefox div.collections > div.results div.inner div.collectionRow a > div.copy,
                        body.ie div.collections > div.results div.inner div.collectionRow a > div.copy,
                        body.edge div.collections > div.results div.inner div.collectionRow a > div.copy {
                          text-indent: 24px; }
                        body.firefox div.collections > div.results div.inner div.collectionRow:first-child,
                        body.ie div.collections > div.results div.inner div.collectionRow:first-child,
                        body.edge div.collections > div.results div.inner div.collectionRow:first-child {
                          margin-top: 6px; }
                        body.firefox div.collections > div.results div.inner div.collectionRow:last-child,
                        body.ie div.collections > div.results div.inner div.collectionRow:last-child,
                        body.edge div.collections > div.results div.inner div.collectionRow:last-child {
                          margin-bottom: 6px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.action {
                        position: absolute;
                        bottom: 0;
                        left: 0;
                        right: 0;
                        padding: 20px 0 20px 0;
                        text-align: center; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.results div.action::after {
                          background: linear-gradient(180deg, transparent, #fafbfc);
                          position: absolute;
                          left: 0;
                          bottom: 75px;
                          right: 18px;
                          height: 16px; }
                      body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.messaging {
                        display: table;
                        border-collapse: collapse;
                        border-spacing: 0;
                        height: 100%;
                        width: 100%; }
                        body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.messaging div.empty {
                          display: table-cell;
                          height: 100%;
                          text-align: center;
                          vertical-align: middle; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.messaging div.empty div.icon {
                            height: 72px;
                            line-height: 72px;
                            width: 72px;
                            text-align: center;
                            margin: 0 auto 0 auto;
                            color: #bebebe;
                            font-size: 72px; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.messaging div.empty div.copy {
                            font-weight: 700;
                            line-height: 1.2em;
                            font-size: 24px;
                            padding: 18px 0 0 0; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.messaging div.empty div.action {
                            padding: 24px 0 0 0; }
                          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.messaging div.empty div.question {
                            padding: 8px 0 0 0; }
                            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.messaging div.empty div.question a {
                              font-style: italic;
                              color: #252525;
                              font-size: 13px;
                              opacity: 0.5; }
                              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover > div.content > div.secondary > div.collections > div.messaging div.empty div.question a:hover {
                                text-decoration: underline;
                                color: #783bff;
                                opacity: 1; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover.expanded > div.content > div.primary {
                  border-radius: 6px 0 0 6px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover.expanded > div.content > div.primary > div.sticky > div.content > a[lookup="viewCollections"] {
                    border-top: 1px solid #eaeaea;
                    background-color: #fafbfc; }
                    body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover.expanded > div.content > div.primary > div.sticky > div.content > a[lookup="viewCollections"] div.chevron {
                      background-color: #fafbfc; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover.expanded > div.content > div.secondary {
                  display: block; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover.short > div.content > div.secondary {
                  border-radius: 0 6px 6px 6px;
                  min-height: 400px; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.filter > div.popover.short.expanded > div.content > div.primary > div.sticky > div.content > a[lookup="viewCollections"] {
                  border-radius: 0 0 0 6px; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.divider {
              position: absolute;
              left: 0;
              right: 0;
              top: 7px;
              height: 1px;
              line-height: 1px;
              background-color: #ededed;
              z-index: 1; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.favorites {
              display: none;
              position: absolute;
              top: -1px;
              right: 0;
              z-index: 2;
              padding: 0 0 0 8px;
              background-color: #ffffff; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.favorites > a {
                color: #343434;
                -moz-transition: color 75ms linear;
                -o-transition: color 75ms linear;
                -webkit-transition: color 75ms linear;
                transition: color 75ms linear; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.favorites > a.active, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.favorites > a:hover {
                  color: #f2bd55; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.favorites > a.pulse {
                  animation: pulseAnimation 1200ms ease-out 1;
                  color: #f2bd55; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.icons {
              position: absolute;
              height: 17px;
              top: -1px;
              right: 0;
              padding: 0 0 0 8px;
              background-color: #ffffff;
              z-index: 2; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.icons > div.icon {
                float: left;
                height: 17px;
                line-height: 17px;
                width: 17px;
                margin: 0 0 0 4px; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.icons > div.icon > span {
                  display: block;
                  height: 17px;
                  line-height: 17px;
                  width: 17px;
                  font-size: 16px;
                  text-align: center; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.icons > div.icon.warning {
                  display: none;
                  margin: 0 4px 0 4px; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.icons > div.icon.warning > span {
                  color: #fc7d7d; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.icons > div.icon.feature {
                  display: none; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.icons > div.icon.feature > span, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.icons > div.icon.license > span {
                  color: #c3c3c3; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.icons > div.icon.feature:hover > span, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area > header > nav > div.icons > div.icon.license:hover > span {
                  color: #252525; }
          body[stdt-path^="/app/photos/search"] section.area > header > nav > div.icons.warning > div.icon.warning,
          body[stdt-path^="/app/icons/search"] section.area > header > nav > div.icons.warning > div.icon.warning,
          body[stdt-path^="/app/quotes/search"] section.area > header > nav > div.icons.warning > div.icon.warning,
          body[stdt-path^="/app/saved/search"] section.area > header > nav > div.icons.warning > div.icon.warning,
          body[stdt-path^="/app/templates/search"] section.area > header > nav > div.icons.warning > div.icon.warning {
            display: block !important; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area.graphics > header > nav > div.filter > div.popover > div.content a:not([lookup="favorites"]):not([lookup="viewCollections"]) > div.icon {
            background-size: 80% !important; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper section.area.graphics > header > nav > div.filter > div.popover > div.content a:hover > div.icon::after {
            display: none !important; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark {
            float: left;
            width: calc(50% - 12px);
            margin: 0 12px 16px 0;
            position: relative;
            padding: 0 0 3px 0;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none; }
            body.app.expandedMode > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark {
              width: calc(33% - 12px); }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark label.image {
              display: block;
              background-size: contain;
              background-position: center center;
              background-repeat: no-repeat;
              cursor: default;
              z-index: 1;
              height: 80px;
              filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
              -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
              /**
               * The dropshadow is cut off because the parent container .results has
               * an overflow: hidden on it to ensure scrolling works as desired. To
               * get around this, I make the image narrower and align it in the middle.
               * 
               * @see     https://i.imgur.com/LzkgfVG.png
               */
              width: 75%;
              margin: 0 auto 0 auto;
              transform: scale(0.8); }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark > div.active {
              display: none;
              position: absolute;
              top: 0;
              right: 0;
              left: 0;
              bottom: 0;
              background-color: rgba(0, 0, 0, 0.6);
              color: #ffffff;
              text-align: center;
              font-size: 32px;
              z-index: 6; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark > div.active {
              line-height: calc(80px + 3px + 26px + 10px);
              border-radius: 4px 4px 4px 4px; }
            @media (max-width: 1259px) {
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark label.switch {
                -webkit-transform: scale(0.8);
                transform: scale(0.8); } }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark div.actions {
              opacity: 1;
              padding: 10px 0 0 0; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark div.actions input.switch {
                display: none; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark div.actions label.switch {
                position: relative;
                display: block;
                margin: 0 auto 0 auto;
                width: 76px;
                height: 26px;
                line-height: 26px;
                cursor: pointer;
                border-radius: 100px 100px 100px 100px;
                background-color: #cecece; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark div.actions:not(.reversed) label.switch::before {
                content: 'Off';
                position: absolute;
                top: 0;
                right: 14px;
                bottom: 0;
                left: 14px;
                font-family: '$font-family', sans-serif;
                text-transform: uppercase;
                font-size: 14px;
                line-height: 26px;
                color: #717171;
                font-weight: 700;
                text-align: left; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark div.actions:not(.reversed) label.switch::after {
                content: '';
                position: absolute;
                top: -3px;
                left: 100%;
                width: 32px;
                height: 32px;
                margin-left: -29px;
                border-radius: 50%;
                -moz-transition: 150ms linear;
                -o-transition: 150ms linear;
                -webkit-transition: 150ms linear;
                transition: 150ms linear;
                background-color: #c90000; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark div.actions:not(.reversed) input:checked + .switch::before {
                content: 'On';
                color: #ffffff;
                text-align: right; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark div.actions:not(.reversed) input:checked + .switch::after {
                background-color: #45be46;
                margin-left: -3px;
                left: 0; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark div.actions.reversed label.switch::before {
                content: 'On';
                position: absolute;
                top: 0;
                right: 14px;
                bottom: 0;
                left: 14px;
                font-family: '$font-family', sans-serif;
                text-transform: uppercase;
                font-size: 14px;
                line-height: 26px;
                color: #ffffff;
                font-weight: 700;
                text-align: left; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark div.actions.reversed label.switch::after {
                content: '';
                position: absolute;
                top: -3px;
                width: 32px;
                height: 32px;
                transform: translate(47px, 0px);
                border-radius: 50%;
                -moz-transition: 150ms linear;
                -o-transition: 150ms linear;
                -webkit-transition: 150ms linear;
                transition: 150ms linear;
                background-color: #45be46; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark div.actions.reversed input:not(:checked) + .switch::before {
                content: 'Off';
                color: #717171;
                text-align: right; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark div.actions.reversed input:not(:checked) + .switch::after {
                transform: translate(-3px, 0px);
                background-color: #c90000; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark div.actions > a.showContextMenu {
                display: none;
                position: absolute;
                font-size: 13px;
                z-index: 4;
                height: 22px;
                line-height: 22px;
                width: 22px;
                text-align: center;
                color: #ffffff;
                border-radius: 100px 100px 100px 100px;
                background-color: rgba(0, 0, 0, 0.56);
                top: 1px;
                right: 1px;
                cursor: pointer; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark div.actions > a.showContextMenu:hover {
                  background-color: #783bff; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark.loaded label.image {
              cursor: pointer; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark.loaded div.actions {
              opacity: 1; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark.loaded:hover div.actions > a.showContextMenu {
              display: block; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark.active > div.active {
              display: block; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.watermark.loaded.active:hover div.actions > a.showContextMenu {
              display: none; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row {
            position: relative;
            cursor: default;
            z-index: 1;
            border: 2px solid #f1f1f1;
            border-radius: 3px;
            padding: 24px 16px 24px 16px;
            overflow: hidden; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row > a {
              display: none;
              position: absolute;
              font-size: 13px;
              z-index: 5;
              height: 22px;
              line-height: 22px;
              width: 22px;
              text-align: center;
              color: #ffffff;
              border-radius: 100px 100px 100px 100px;
              background-color: #f2bd55;
              opacity: 0; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row > a.unfeature {
                top: 1px;
                left: 25px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row > a.unfavorite {
                right: 1px;
                bottom: 1px; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row > div.active {
              pointer-events: none;
              display: none;
              position: absolute;
              top: 0;
              right: 0;
              left: 0;
              bottom: 0;
              background-color: rgba(0, 0, 0, 0.6);
              color: #ffffff;
              text-align: center;
              font-size: 32px;
              z-index: 6; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row.hover {
              background-color: #f9f9f9; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row.hover div.joystick {
                display: block; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row.hover div.joystick a.overlay {
                  display: block; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row > a:not(.overlay) {
              opacity: 1; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row.blacklisted {
              display: none !important; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row.ghost {
              opacity: 0.25; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row.active > div.active {
              display: block; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row.active > div.joystick a:not(.overlay) {
              display: none !important; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.quotation {
              font-style: italic;
              font-size: 18px;
              line-height: 1.4em;
              color: #acacac; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.quotation::before {
                content: "\f10d";
                position: absolute;
                left: -8px;
                top: -18px;
                color: #efefef;
                opacity: 0.5;
                font: normal normal normal 14px/1 FontAwesome;
                font-size: 80px;
                z-index: -1; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.citation {
              text-align: left;
              color: #535353;
              font-size: 18px;
              line-height: 1.3em;
              margin: 8px 0 0 0;
              max-width: 80%;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden; }
            @media (max-width: 1259px) {
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row {
                padding: 12px 16px 12px 16px; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.quotation {
                  font-size: 17px; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.citation {
                  font-size: 16px;
                  line-height: 1.2em;
                  margin: 6px 0 0 0; } }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.joystick {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              z-index: 2; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.joystick a.overlay {
                display: none;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-color: rgba(255, 255, 255, 0.2);
                z-index: 3; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.joystick > a:not(.overlay) {
                display: none;
                position: absolute;
                font-size: 13px;
                z-index: 4;
                height: 22px;
                line-height: 22px;
                width: 22px;
                text-align: center;
                color: #ffffff;
                border-radius: 100px 100px 100px 100px;
                background-color: rgba(0, 0, 0, 0.56);
                -moz-transition: background-color 75ms linear;
                -o-transition: background-color 75ms linear;
                -webkit-transition: background-color 75ms linear;
                transition: background-color 75ms linear; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.joystick > a:not(.overlay):hover {
                  background-color: #783bff; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.joystick > a:not(.overlay).feature:hover, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.joystick > a:not(.overlay).favorite:hover, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.joystick > a:not(.overlay).pin:hover {
                  background-color: black; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.joystick a.favorite {
                right: 1px;
                bottom: 1px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.joystick a.feature {
                top: 1px;
                left: 25px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.joystick a.lock {
                bottom: 1px;
                right: 1px;
                pointer-events: none; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.joystick a.move {
                top: 1px;
                left: 1px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.joystick a.pin {
                bottom: 1px;
                right: 25px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.quote.row div.joystick a.showContextMenu {
                display: block;
                top: 1px;
                right: 1px; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.joystick {
            display: none; }
          body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb {
            background-size: cover;
            float: left;
            display: block;
            position: relative;
            cursor: default;
            z-index: 1;
            background-position: center center;
            -moz-transition: background-color 100ms linear;
            -o-transition: background-color 100ms linear;
            -webkit-transition: background-color 100ms linear;
            transition: background-color 100ms linear; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.backgroundTransparentFallback {
              background-size: cover, 6%; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.whiteOnTransparent {
              filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3));
              -webkit-filter: drop-shadow(0px 1px 2px rgba(0, 0, 0, 0.3)); }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > a {
              display: none;
              position: absolute;
              font-size: 13px;
              z-index: 5;
              height: 22px;
              line-height: 22px;
              width: 22px;
              text-align: center;
              color: #ffffff;
              border-radius: 100px 100px 100px 100px;
              background-color: #f2bd55;
              opacity: 0; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > a.set {
                left: 1px;
                bottom: 1px;
                background-color: #783bff; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > a.unfeature {
                top: 1px;
                left: 25px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > a.unfavorite {
                right: 1px;
                bottom: 1px;
                box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2); }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > a.unfavorite.pulse {
                  animation: pulseAnimation 1200ms ease-out 1; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > a.unpin {
                bottom: 1px;
                right: 25px; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.active {
              pointer-events: none;
              display: none;
              position: absolute;
              top: 0;
              right: 0;
              left: 0;
              bottom: 0;
              background-color: rgba(0, 0, 0, 0.6);
              color: #ffffff;
              text-align: center;
              font-size: 32px;
              z-index: 6; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.spinner {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              background-color: rgba(255, 255, 255, 0.5);
              z-index: 3;
              position: relative;
              height: 100%;
              cursor: default; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.spinner div.icon {
                color: #333333;
                position: absolute;
                left: 50%;
                top: 50%;
                height: 32px;
                line-height: 32px;
                width: 32px;
                text-align: center;
                margin-top: -16px;
                margin-left: -16px;
                font-size: 20px; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.progress {
              pointer-events: none;
              position: absolute;
              top: 0;
              right: 0;
              left: 0;
              bottom: 0;
              z-index: 7; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.progress div.overlay {
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 0;
                background-color: rgba(0, 0, 0, 0.6); }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.progress div.content {
                position: absolute;
                width: 48px;
                height: 48px;
                left: calc(50% - 24px);
                top: calc(50% - 24px);
                background: #ffffff;
                text-align: center;
                line-height: 48px;
                border-radius: 10000px;
                filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.5));
                -webkit-filter: drop-shadow(1px 1px 0px rgba(0, 0, 0, 0.5)); }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.progress div.content div.bar {
                  position: absolute;
                  width: 48px;
                  height: 48px;
                  line-height: 48px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.progress div.content div.bar svg path {
                    stroke: #ffffff;
                    fill: none;
                    stroke-width: 4.1;
                    stroke-linecap: round;
                    animation: progress 1s ease-out forwards; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.progress div.content div.copy {
                  position: absolute;
                  width: 48px;
                  height: 48px;
                  line-height: 48px;
                  left: 0;
                  top: 0;
                  opacity: 0;
                  -moz-transition: opacity 200ms linear;
                  -o-transition: opacity 200ms linear;
                  -webkit-transition: opacity 200ms linear;
                  transition: opacity 200ms linear; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.progress div.content div.copy.uploading {
                    font-size: 12px; }
                  body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.progress div.content div.copy.complete {
                    font-size: 17px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.progress.uploading div.content div.copy.uploading, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.progress.complete div.content div.copy.complete {
                opacity: 1; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb > div.progress.pending div.content div.copy.uploading {
                animation: pulseOpacityAnimation infinite 900ms ease-out; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.blacklisted {
              display: none !important; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.active > div.active {
              display: block; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.active > div.joystick a:not(.overlay) {
              display: none !important; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.active > a.set {
              display: none !important; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.loaded {
              cursor: pointer; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.loaded.hover div.joystick {
                display: block; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.loaded.hover div.joystick a.overlay {
                  display: block; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.loaded > a:not(.overlay) {
                opacity: 1; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.error {
              display: none; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.spinning > a {
              display: none !important; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.spinning div.joystick {
              display: none !important; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.ghost {
              opacity: 0.25; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.locked div.joystick > a.lock {
              display: block;
              background-color: #fc7d7d; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.locked div.joystick > a.favorite {
              display: none !important; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.locked > a.set,
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb.locked > a.unfavorite {
              display: none !important; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb[disabled] {
              cursor: not-allowed;
              pointer-events: none; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb[disabled] a,
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb[disabled] div {
                cursor: not-allowed; }
            body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb div.joystick {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              z-index: 2; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb div.joystick a.overlay {
                display: none;
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                background-color: rgba(255, 255, 255, 0.2);
                z-index: 3; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb div.joystick > a:not(.overlay) {
                display: none;
                position: absolute;
                font-size: 13px;
                z-index: 4;
                height: 22px;
                line-height: 22px;
                width: 22px;
                text-align: center;
                color: #ffffff;
                border-radius: 100px 100px 100px 100px;
                background-color: rgba(0, 0, 0, 0.56);
                -moz-transition: background-color 75ms linear;
                -o-transition: background-color 75ms linear;
                -webkit-transition: background-color 75ms linear;
                transition: background-color 75ms linear; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb div.joystick > a:not(.overlay):hover {
                  background-color: #783bff; }
                body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb div.joystick > a:not(.overlay).feature:hover, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb div.joystick > a:not(.overlay).favorite:hover, body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb div.joystick > a:not(.overlay).pin:hover {
                  background-color: black; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb div.joystick a.favorite {
                right: 1px;
                bottom: 1px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb div.joystick a.feature {
                top: 1px;
                left: 25px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb div.joystick a.lock {
                bottom: 1px;
                right: 1px;
                pointer-events: none; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb div.joystick a.move {
                top: 1px;
                left: 1px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb div.joystick a.pin {
                bottom: 1px;
                right: 25px; }
              body.app > div.content > section.mediaLibrary > div.inner > div.wrapper div.thumb div.joystick a.showContextMenu {
                display: block;
                top: 1px;
                right: 1px; }
        body.app > div.content > section.mediaLibrary > div.inner > div.expand {
          border-left: 20px solid #ffffff;
          border-top: 15px solid transparent;
          border-bottom: 15px solid transparent;
          height: 88px;
          width: 20px;
          position: absolute;
          right: -20px;
          top: 50%;
          margin-top: -44px;
          cursor: pointer; }
          body.app > div.content > section.mediaLibrary > div.inner > div.expand div.icon {
            font-size: 19px;
            color: #c3c3c3;
            line-height: calc(88px - 15px - 15px);
            position: relative;
            left: -15px;
            -moz-transition: color 100ms linear;
            -o-transition: color 100ms linear;
            -webkit-transition: color 100ms linear;
            transition: color 100ms linear; }
            body.app > div.content > section.mediaLibrary > div.inner > div.expand div.icon.expanded {
              display: none; }
          body.app > div.content > section.mediaLibrary > div.inner > div.expand:hover div.icon {
            color: #783bff; }
    body.app > div.content section.stage {
      display: table-cell;
      height: 100%; }
      body.app > div.content section.stage > a.close {
        color: #c2c2c2;
        position: absolute;
        right: calc(10px);
        top: calc(10px);
        height: 18px;
        line-height: 18px;
        width: 18px;
        text-align: center;
        font-size: 18px;
        z-index: 2;
        -moz-transition: 150ms linear;
        -o-transition: 150ms linear;
        -webkit-transition: 150ms linear;
        transition: 150ms linear;
        display: none; }
        body.app > div.content section.stage > a.close:hover, body.app > div.content section.stage > a.close:focus {
          text-decoration: none;
          color: #514e4e;
          transform: scale(1.1);
          transform: rotate(90deg); }
        body.app > div.content section.stage > a.close.huge {
          height: 24px;
          line-height: 24px;
          width: 24px;
          text-align: center;
          font-size: 24px; }
      body.app > div.content section.stage > a[lookup="exitFocusMode"] {
        display: none;
        position: absolute;
        top: 12px;
        right: 12px; }
      body.app > div.content section.stage > div.inner {
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        width: 100%;
        height: 100%;
        /**
         * There's a bug I couldn't solve w/ respect to the Chrome Extension.
         * See here: https://i.imgur.com/ldMKyaT.png
         * When there isn't a minimum number of pixels set, the 3rd column of
         * the table (which is the stage) doesn't fill up the rest of the table.
         * So I set a minimum with of 1 pixel to trick the browser into thinking
         * there is content, which then flows into a 100% width model.
         */
        min-width: 1px; }
        body.app > div.content section.stage > div.inner div.changeHistoryPopover {
          width: 210px;
          border-radius: 0;
          background-color: rgba(50, 58, 69, 0.95);
          position: absolute;
          right: 0;
          top: 0;
          bottom: 24px;
          padding: 4px 4px 4px 4px;
          margin: 11px 11px 31px 0;
          border-radius: 4px 4px 4px 4px; }
          body.app > div.content section.stage > div.inner div.changeHistoryPopover div.content {
            height: 100%;
            overflow: auto; }
            body.app > div.content section.stage > div.inner div.changeHistoryPopover div.content::-webkit-scrollbar {
              -webkit-appearance: none;
              width: 6px; }
            body.app > div.content section.stage > div.inner div.changeHistoryPopover div.content::-webkit-scrollbar-thumb {
              border-radius: 100px 100px 100px 100px;
              background-color: #93989e; }
            body.app > div.content section.stage > div.inner div.changeHistoryPopover div.content .stencil-caret {
              position: absolute; }
              body.app > div.content section.stage > div.inner div.changeHistoryPopover div.content .stencil-caret.up {
                top: -10px;
                right: 35px;
                margin-left: -10px; }
                body.app > div.content section.stage > div.inner div.changeHistoryPopover div.content .stencil-caret.up::before {
                  content: '';
                  position: absolute;
                  top: 0;
                  left: 0;
                  border-bottom: 10px solid rgba(50, 58, 69, 0.95);
                  border-left: 10px solid transparent;
                  border-right: 10px solid transparent; }
                body.app > div.content section.stage > div.inner div.changeHistoryPopover div.content .stencil-caret.up::after {
                  content: '';
                  position: absolute;
                  left: 1px;
                  top: 1px;
                  border-left: 9px solid transparent;
                  border-right: 9px solid transparent; }
            body.app > div.content section.stage > div.inner div.changeHistoryPopover div.content div.list {
              padding: 4px 0 0 0; }
              body.app > div.content section.stage > div.inner div.changeHistoryPopover div.content div.list > div a {
                display: block;
                font-weight: 400;
                height: 26px;
                line-height: 26px;
                padding: 0 8px 0 6px;
                font-size: 14px;
                color: rgba(255, 255, 255, 0.4);
                margin: 0 4px 0 0;
                border-radius: 4px 4px 4px 4px;
                max-width: 100%;
                text-overflow: ellipsis;
                white-space: nowrap;
                overflow: hidden;
                width: auto; }
                body.app > div.content section.stage > div.inner div.changeHistoryPopover div.content div.list > div a.undoOperation.active {
                  color: rgba(255, 255, 255, 0.8);
                  cursor: not-allowed;
                  background-color: rgba(0, 0, 0, 0.3); }
                body.app > div.content section.stage > div.inner div.changeHistoryPopover div.content div.list > div a:hover:not([disabled]) {
                  color: white; }
            body.app > div.content section.stage > div.inner div.changeHistoryPopover div.content.dark.jspScrollable div.list {
              padding: 4px 6px 0 0; }
        body.app > div.content section.stage > div.inner > header {
          display: table-row;
          height: 91px; }
          body.app > div.content section.stage > div.inner > header div.columns {
            display: table;
            border-collapse: collapse;
            border-spacing: 0;
            height: 91px;
            width: 100%; }
            body.app > div.content section.stage > div.inner > header div.columns div.column {
              display: table-cell;
              vertical-align: middle;
              width: 50%; }
              body.app > div.content section.stage > div.inner > header div.columns div.column:first-child {
                text-align: left; }
                body.app > div.content section.stage > div.inner > header div.columns div.column:first-child a.quota {
                  display: block;
                  overflow: hidden;
                  border-radius: 4px 4px 4px 4px;
                  margin: 0 0 0 31px;
                  float: left; }
                  body.app > div.content section.stage > div.inner > header div.columns div.column:first-child a.quota div.count {
                    float: left;
                    width: 38px;
                    height: 29px;
                    line-height: 29px;
                    line-height: 30px;
                    color: #ffffff;
                    font-weight: 700;
                    text-align: center;
                    background-color: #783bff;
                    font-size: 18px;
                    border-radius: 3px 0 0 3px; }
                    body.app > div.content section.stage > div.inner > header div.columns div.column:first-child a.quota div.count.orange {
                      background-color: #f49c00; }
                    body.app > div.content section.stage > div.inner > header div.columns div.column:first-child a.quota div.count.red {
                      background-color: #f05a5c; }
                  body.app > div.content section.stage > div.inner > header div.columns div.column:first-child a.quota div.copy {
                    float: left;
                    width: 198px;
                    text-transform: uppercase;
                    text-align: center;
                    height: 29px;
                    line-height: 29px;
                    line-height: 31px;
                    color: #5f5f5f;
                    font-weight: 700;
                    background: #ffffff;
                    font-size: 13px; }
              body.app > div.content section.stage > div.inner > header div.columns div.column:last-child {
                text-align: right; }
                body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions {
                  padding: 0 41px 0 0;
                  -webkit-user-select: none;
                  -khtml-user-select: none;
                  -moz-user-select: none;
                  -o-user-select: none;
                  user-select: none; }
                  body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions > a.button {
                    text-transform: uppercase;
                    margin: 0 16px 0 0;
                    font-weight: 500;
                    /*height: 29px;*/
                    height: 28px;
                    line-height: 29px;
                    float: right; }
                  body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions > a.text {
                    font-size: 13px;
                    float: right;
                    line-height: 29px; }
                  body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.notifications {
                    height: 29px;
                    line-height: 29px;
                    width: 29px;
                    text-align: center;
                    display: block;
                    margin: 0 16px 0 0;
                    float: right;
                    position: relative;
                    cursor: pointer; }
                    body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.notifications > div.icon {
                      height: 29px;
                      line-height: 29px;
                      width: 29px;
                      text-align: center;
                      color: rgba(0, 0, 0, 0.15);
                      font-size: 21px;
                      -moz-transition: color 150ms linear;
                      -o-transition: color 150ms linear;
                      -webkit-transition: color 150ms linear;
                      transition: color 150ms linear; }
                    body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.notifications > div.headway {
                      position: absolute;
                      right: -2px;
                      top: -2px;
                      height: 16px;
                      line-height: 16px;
                      width: 16px;
                      text-align: center; }
                      body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.notifications > div.headway > span#HW_badge_cont {
                        height: 16px;
                        line-height: 16px;
                        width: 16px;
                        text-align: center; }
                        body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.notifications > div.headway > span#HW_badge_cont > span#HW_badge {
                          height: 16px;
                          line-height: 16px;
                          width: 16px;
                          text-align: center;
                          line-height: 15px;
                          position: static;
                          border: 1px solid #ffffff;
                          font-size: 8px; }
                          body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.notifications > div.headway > span#HW_badge_cont > span#HW_badge.HW_softHidden {
                            opacity: 0; }
                    body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.notifications:hover > div.icon {
                      color: rgba(0, 0, 0, 0.3); }
                  body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text {
                    color: #252525;
                    font-size: 13px;
                    display: inline-block;
                    position: relative;
                    float: right;
                    height: 29px;
                    line-height: 29px; }
                    body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text label {
                      -moz-transition: color 50ms linear;
                      -o-transition: color 50ms linear;
                      -webkit-transition: color 50ms linear;
                      transition: color 50ms linear;
                      cursor: pointer; }
                      body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text label i {
                        padding: 0 0 0 4px;
                        position: relative;
                        top: 1px;
                        font-size: 16px; }
                    body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover {
                      display: none;
                      position: absolute;
                      top: 0;
                      width: 140px;
                      z-index: 1000;
                      left: 50%;
                      margin-left: -70px; }
                      body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover .stencil-caret {
                        position: absolute; }
                        body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover .stencil-caret.up {
                          top: 23px;
                          left: 50%;
                          margin-left: -10px; }
                          body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover .stencil-caret.up::before {
                            content: '';
                            position: absolute;
                            top: 0;
                            left: 0;
                            border-bottom: 10px solid rgba(194, 194, 194, 0.65);
                            border-left: 10px solid transparent;
                            border-right: 10px solid transparent; }
                          body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover .stencil-caret.up::after {
                            content: '';
                            position: absolute;
                            left: 1px;
                            top: 1px;
                            border-bottom: 9px solid #ffffff;
                            border-left: 9px solid transparent;
                            border-right: 9px solid transparent; }
                      body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover div.content {
                        margin: 32px 0 0 0;
                        padding: 4px 0 4px 0;
                        background-color: #ffffff;
                        border: 1px solid rgba(194, 194, 194, 0.65);
                        border-radius: 4px 4px 4px 4px;
                        box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
                        body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover div.content a {
                          display: block;
                          color: #252525; }
                          body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover div.content a div.icon {
                            float: left;
                            height: 31px;
                            line-height: 31px;
                            font-size: 13px;
                            text-align: center;
                            width: 31px;
                            text-indent: 2px; }
                          body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover div.content a div.copy {
                            float: left;
                            height: 31px;
                            line-height: 31px;
                            font-size: 13px;
                            text-indent: 2px; }
                          body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover div.content a:hover {
                            text-decoration: none; }
                            body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover div.content a:hover div.icon {
                              color: #783bff; }
                            body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover div.content a:hover div.copy {
                              color: #783bff;
                              text-decoration: none; }
                          body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover div.content a[href^="/app/promo"] {
                            display: none; }
                        body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text div.popover div.content div.divider {
                          background-color: #eaeaea;
                          height: 1px;
                          line-height: 1px;
                          margin: 4px 0 4px 0; }
                    @media (pointer: fine) {
                      body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text:hover label {
                        color: #783bff;
                        cursor: pointer; } }
                    body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text.expanded label {
                      color: #783bff; }
                    body.app > div.content section.stage > div.inner > header div.columns div.column:last-child div.actions div.text.expanded div.popover {
                      display: block;
                      cursor: default; }
        body.app > div.content section.stage > div.inner > div.content {
          display: table-row; }
          body.app > div.content section.stage > div.inner > div.content > div.outer {
            display: table-cell;
            vertical-align: middle;
            text-align: center; }
            body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner {
              display: inline-block;
              position: relative;
              text-align: left; }
              body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions {
                position: absolute;
                right: -24px;
                width: 24px;
                height: 162px;
                top: calc(50% - (162px / 2) - 12px); }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions.blueprints {
                  height: 198px;
                  top: calc(50% - (198px / 2) - 12px); }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions.blueprints a[lookup="toggle/blueprint"] {
                    display: block; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions.blueprints[frame="frm-header.facebook"] a[lookup="toggle/blueprint"]::before {
                    content: ""; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions.blueprints[frame="frm-header.twitter"] a[lookup="toggle/blueprint"]::before {
                    content: ""; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions.blueprints[frame="frm-header.linkedin"] a[lookup="toggle/blueprint"]::before, body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions.blueprints[frame="frm-header.linkedin.company"] a[lookup="toggle/blueprint"]::before {
                    content: ""; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions.blueprints[frame="frm-header.youtube.2"] a[lookup="toggle/blueprint"]::before {
                    content: ""; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions.blueprints[frame="frm-post.instagram.2"] a[lookup="toggle/blueprint"]::before {
                    content: ""; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions a {
                  display: block;
                  height: 18px;
                  line-height: 18px;
                  width: 18px;
                  text-align: center;
                  color: #777777;
                  margin: 0 0 18px 6px;
                  position: relative; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions a.active, body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions a:hover {
                    color: #783bff; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions a.active span, body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions a:hover span {
                      color: #783bff; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions a[lookup="toggle/blueprint"] {
                    display: none; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions a:last-child {
                    margin-bottom: 0; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner > div.actions a span {
                    position: absolute;
                    right: -5px;
                    bottom: 0;
                    font-size: 9px;
                    border-radius: 100px 100px 100px 100px;
                    color: #777777; }
              body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                pointer-events: none; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint {
                  position: absolute;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  left: 0; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint > div {
                    position: absolute;
                    background-color: rgba(70, 70, 70, 0.4);
                    text-align: center;
                    color: #ffffff;
                    font-size: 13px;
                    text-shadow: 0.5px 0.5px rgba(0, 0, 0, 0.22); }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint > div div.wrapper {
                      display: table;
                      border-collapse: collapse;
                      border-spacing: 0;
                      width: 100%;
                      height: 100%; }
                      body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint > div div.wrapper div.cell {
                        display: table-cell;
                        width: 100%;
                        height: 100%;
                        vertical-align: middle; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.facebook"] div.top {
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: calc((24 / 360) * 100%);
                    border-top: 1px solid rgba(0, 0, 0, 0);
                    border-bottom: 1px solid rgba(208, 208, 208, 0.5); }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.facebook"] div.right {
                    right: 0;
                    top: 0;
                    bottom: 0;
                    width: calc((90 / 820) * 100%);
                    border-right: 1px solid rgba(0, 0, 0, 0);
                    border-left: 1px solid rgba(208, 208, 208, 0.5);
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.facebook"] div.bottom {
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: calc((24 / 360) * 100%);
                    border-top: 1px solid rgba(208, 208, 208, 0.5);
                    border-bottom: 1px solid rgba(0, 0, 0, 0); }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.facebook"] div.left {
                    left: 0;
                    top: 0;
                    bottom: 0;
                    width: calc((90 / 820) * 100%);
                    border-right: 1px solid rgba(208, 208, 208, 0.5);
                    border-left: 1px solid rgba(0, 0, 0, 0);
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.linkedIn"] div.desktopProfilePhoto {
                    left: calc((40 / 1584) * 100%);
                    bottom: 0;
                    width: calc((328 / 1584) * 100%);
                    height: calc((186 / 396) * 100%);
                    border-radius: 1000px 1000px 0 0;
                    border: 1px solid rgba(208, 208, 208, 0.5);
                    border-bottom: none;
                    font-size: 15px;
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.linkedIn"] div.mobileProfilePhoto {
                    left: calc(50% - calc((580.8 / 1584) * 100%) / 2);
                    bottom: 0;
                    width: calc((580.8 / 1584) * 100%);
                    height: calc((290.4 / 396) * 100%);
                    border-radius: 1000px 1000px 0 0;
                    border: 1px solid rgba(208, 208, 208, 0.5);
                    border-bottom: none;
                    font-size: 15px;
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.linkedIn.company"] div.inivisbleTop {
                    top: 0;
                    right: 0;
                    left: 0;
                    width: 100%;
                    height: calc((256 / 768) * 100%);
                    border-top: none;
                    border-bottom: 1px solid rgba(208, 208, 208, 0.5);
                    font-size: 17px;
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.linkedIn.company"] div.invisibleBottom {
                    bottom: 0;
                    right: 0;
                    left: 0;
                    width: 100%;
                    height: calc((256 / 768) * 100%);
                    border-top: 1px solid rgba(208, 208, 208, 0.5);
                    border-bottom: none;
                    font-size: 17px;
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.linkedIn.company"] div.desktopOnlyLeft {
                    top: calc((256 / 768) * 100%);
                    bottom: calc((256 / 768) * 100%);
                    left: 0;
                    width: calc((110 / 1536) * 100%);
                    border-right: 1px solid rgba(208, 208, 208, 0.5);
                    border-left: none;
                    font-size: 11px;
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.linkedIn.company"] div.desktopOnlyRight {
                    top: calc((256 / 768) * 100%);
                    right: 0;
                    bottom: calc((256 / 768) * 100%);
                    width: calc((110 / 1536) * 100%);
                    border-right: none;
                    border-left: 1px solid rgba(208, 208, 208, 0.5);
                    font-size: 11px;
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.linkedIn.company"] div.profilePhotos {
                    display: none;
                    left: calc((110 / 1536) * 100%);
                    bottom: calc((256 / 768) * 100%);
                    width: calc((155 / 1536) * 100%);
                    height: calc((128 / 768) * 100%);
                    border: 1px solid rgba(208, 208, 208, 0.5);
                    border-bottom: none;
                    border-left: none;
                    font-size: 11px;
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.linkedIn.company"] div.desktopProfilePhoto {
                    left: calc((32 / 1536) * 100%);
                    bottom: calc((256 / 768) * 100%);
                    width: calc((155 / 1536) * 100%);
                    height: calc((65 / 768) * 100%);
                    border: 1px solid rgba(208, 208, 208, 0.5);
                    border-bottom: none;
                    font-size: 10px;
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.linkedIn.company"] div.mobileProfilePhoto {
                    left: calc((150 / 1536) * 100%);
                    bottom: calc((256 / 768) * 100%);
                    width: calc((230 / 1536) * 100%);
                    height: calc((110 / 768) * 100%);
                    border-radius: 10px 10px 0 0;
                    border: 1px solid rgba(208, 208, 208, 0.5);
                    border-bottom: none;
                    font-size: 11px;
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.twitter"] div.top {
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: calc((53 / 500) * 100%);
                    border-top: 1px solid rgba(0, 0, 0, 0);
                    border-bottom: 1px solid rgba(208, 208, 208, 0.5); }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.twitter"] div.bottom {
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: calc((53 / 500) * 100%);
                    border-top: 1px solid rgba(208, 208, 208, 0.5);
                    border-bottom: 1px solid rgba(0, 0, 0, 0); }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.twitter"] div.profilePhoto {
                    left: calc((30 / 1500) * 100%);
                    bottom: calc((53 / 500) * 100%);
                    width: calc((430 / 1500) * 100%);
                    height: calc((172 / 500) * 100%);
                    border-radius: 10px 10px 0 0;
                    border: 1px solid rgba(208, 208, 208, 0.5);
                    border-bottom-color: rgba(0, 0, 0, 0);
                    font-size: 15px;
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.youTube.2"] div.tvTop {
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: calc((508.5 / 1440) * 100%);
                    border-top: 1px solid rgba(0, 0, 0, 0);
                    border-bottom: 1px solid rgba(208, 208, 208, 0.5);
                    font-size: 16px; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.youTube.2"] div.tvBottom {
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: calc((508.5 / 1440) * 100%);
                    border-top: 1px solid rgba(208, 208, 208, 0.5);
                    border-bottom: 1px solid rgba(0, 0, 0, 0);
                    font-size: 16px; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.youTube.2"] div.desktopLeft {
                    left: 0;
                    top: calc((508.5 / 1440) * 100%);
                    width: calc((352.5 / 2560) * 100%);
                    height: calc((423 / 1440) * 100%);
                    border-right: 1px solid rgba(208, 208, 208, 0.5);
                    border-left: 1px solid rgba(0, 0, 0, 0);
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.youTube.2"] div.desktopRight {
                    right: 0;
                    top: calc((508.5 / 1440) * 100%);
                    width: calc((352.5 / 2560) * 100%);
                    height: calc((423 / 1440) * 100%);
                    border-right: 1px solid rgba(0, 0, 0, 0);
                    border-left: 1px solid rgba(208, 208, 208, 0.5);
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.youTube.2"] div.tabletLeft {
                    left: calc((352.5 / 2560) * 100%);
                    top: calc((508.5 / 1440) * 100%);
                    width: calc((154.5 / 2560) * 100%);
                    height: calc((423 / 1440) * 100%);
                    border-right: 1px solid rgba(208, 208, 208, 0.5);
                    border-left: 1px solid rgba(0, 0, 0, 0);
                    font-size: 10px;
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-header.youTube.2"] div.tabletRight {
                    right: calc((352.5 / 2560) * 100%);
                    top: calc((508.5 / 1440) * 100%);
                    width: calc((154.5 / 2560) * 100%);
                    height: calc((423 / 1440) * 100%);
                    border-right: 1px solid rgba(0, 0, 0, 0);
                    border-left: 1px solid rgba(208, 208, 208, 0.5);
                    font-size: 10px;
                    line-height: 1.1em; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-post.instagram.2"] div.top {
                    left: 0;
                    top: 0;
                    width: 100%;
                    height: calc((170 / 1920) * 100%);
                    border-top: 1px solid rgba(0, 0, 0, 0);
                    border-bottom: 1px solid rgba(208, 208, 208, 0.5); }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.blueprints:not(.actions) div.blueprint[frame="frm-post.instagram.2"] div.bottom {
                    left: 0;
                    bottom: 0;
                    width: 100%;
                    height: calc((160 / 1920) * 100%);
                    border-top: 1px solid rgba(208, 208, 208, 0.5);
                    border-bottom: 1px solid rgba(0, 0, 0, 0); }
              body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.butterBar {
                position: absolute;
                left: 0;
                top: 0;
                transform: translateY(-100%);
                width: 100%;
                z-index: 1; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.butterBar div.messages div.message {
                  color: #888888;
                  max-width: 100%;
                  text-overflow: ellipsis;
                  white-space: nowrap;
                  overflow: hidden;
                  cursor: default;
                  float: left;
                  clear: left; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.butterBar div.messages div.message > div {
                    float: left;
                    height: 18px;
                    line-height: 18px; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.butterBar div.messages div.message div.copy {
                    padding: 0 0 0 4px;
                    font-size: 12px; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.butterBar div.messages div.message:hover {
                    color: #783bff; }
              body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.undo,
              body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.changeHistory,
              body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.redo {
                position: absolute;
                font-size: 20px;
                height: 24px;
                line-height: 24px;
                width: 24px;
                text-align: center;
                color: #777777;
                top: -24px;
                z-index: 2;
                -moz-transition: opacity 50ms linear;
                -o-transition: opacity 50ms linear;
                -webkit-transition: opacity 50ms linear;
                transition: opacity 50ms linear; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.undo.undo,
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.changeHistory.undo,
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.redo.undo {
                  right: 48px; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.undo.changeHistory,
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.changeHistory.changeHistory,
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.redo.changeHistory {
                  right: 24px; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.undo.redo,
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.changeHistory.redo,
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.redo.redo {
                  right: 0; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.undo[disabled],
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.changeHistory[disabled],
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.redo[disabled] {
                  opacity: 0.35;
                  cursor: not-allowed; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.undo.active, body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.undo:not([disabled]):hover,
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.changeHistory.active,
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.changeHistory:not([disabled]):hover,
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.redo.active,
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.redo:not([disabled]):hover {
                  color: #783bff; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.undo.active span, body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.undo:not([disabled]):hover span,
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.changeHistory.active span,
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.changeHistory:not([disabled]):hover span,
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.redo.active span,
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner a.redo:not([disabled]):hover span {
                    color: #783bff; }
              body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.eyedropper {
                width: 32px;
                height: 32px;
                border: 2px solid rgba(0, 0, 0, 0.9);
                border-radius: 100px 100px 100px 100px;
                position: absolute;
                pointer-events: none;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1);
                z-index: 3; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.eyedropper::after {
                  content: " ";
                  position: absolute;
                  height: 100%;
                  width: 100%;
                  border: 2px solid rgba(255, 255, 255, 0.9);
                  border-radius: 100px 100px 100px 100px; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.eyedropper div.tooltip {
                  opacity: 1;
                  bottom: calc(0px + 100% + 3px);
                  left: 50%;
                  transform: translateX(-50%); }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.eyedropper div.tooltip div.tooltip-arrow {
                    left: 50%; }
              body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.grid table {
                position: absolute;
                top: 0;
                left: 0;
                width: 100%;
                height: 100%;
                pointer-events: none; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.grid table tbody tr td {
                  border-right: 1px solid rgba(0, 0, 0, 0.3);
                  border-bottom: 1px solid rgba(0, 0, 0, 0.3);
                  width: 20%;
                  position: relative; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.grid table tbody tr td::after {
                    position: absolute;
                    border-right: 1px dashed #f5f5f5;
                    border-bottom: 1px dashed #f5f5f5;
                    width: 100%;
                    height: 100%;
                    content: '';
                    right: -1px;
                    bottom: -1px; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.grid table tbody tr td:last-child {
                    border-right: none; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.grid table tbody tr td:last-child::after {
                      border-right: none; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.grid table tbody tr:last-child td {
                  border-bottom: none; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.grid table tbody tr:last-child td::after {
                    border-bottom: none; }
              body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.guides div.guide.center.copy {
                text-transform: uppercase;
                font-size: 11px;
                color: #888888;
                position: absolute;
                background-color: #ffffff;
                border: 1px solid #cccccc;
                border-radius: 100px 100px 100px 100px;
                box-shadow: 0px 0px 3px rgba(0, 0, 0, 0.2);
                height: 14px;
                line-height: 14px;
                width: 14px;
                text-align: center;
                font-size: 9px;
                text-indent: 2px;
                z-index: 2; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.guides div.guide.center.copy.horizontal {
                  top: calc(50% - 8px - 12px); }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.guides div.guide.center.copy.horizontal.right {
                    right: calc(0px - 16px + 1px);
                    text-indent: 0; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.guides div.guide.center.copy.horizontal.left {
                    left: -15px; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.guides div.guide.center.copy.vertical {
                  left: calc(50% - 8px);
                  text-indent: 1px; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.guides div.guide.center.copy.vertical.top {
                    top: calc(0px - 16px + 1px); }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.guides div.guide.center.copy.vertical.top::before {
                      position: relative;
                      bottom: 1px; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.guides div.guide.center.copy.vertical.bottom {
                    bottom: calc(24px - 14px); }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.guides div.guide.center.copy.vertical.bottom::before {
                      position: relative;
                      bottom: 1px; }
              body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.handles {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0;
                border: 1px solid #000;
                pointer-events: none; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.handles::after {
                  content: '';
                  position: absolute;
                  top: -1px;
                  right: -1px;
                  bottom: -1px;
                  left: -1px;
                  border: 1px dashed #ffffff; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.handles > div {
                  display: none;
                  position: absolute;
                  background-color: #ffffff;
                  border: solid #555;
                  border-width: 1px 0;
                  height: 8px;
                  width: 32px;
                  pointer-events: none; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.handles > div.top {
                    top: 0; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.handles > div.right {
                    right: -10px; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.handles > div.bottom {
                    bottom: 0; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.handles > div.left {
                    left: -10px; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.handles > div.top.left, body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.handles > div.bottom.right {
                    transform: rotate(-45deg);
                    -webkit-transform: rotate(-45deg); }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.handles > div.top.right, body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.handles > div.bottom.left {
                    transform: rotate(45deg);
                    -webkit-transform: rotate(45deg); }
              body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages {
                position: absolute;
                top: 0;
                right: 0;
                bottom: 0;
                left: 0; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type] {
                  position: absolute;
                  top: 0;
                  right: 0;
                  bottom: 0;
                  left: 0;
                  background-color: rgba(0, 0, 0, 0.55); }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type] > div.tbl {
                    display: table;
                    border-collapse: collapse;
                    border-spacing: 0;
                    height: 100%;
                    width: 100%;
                    position: relative; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type] > div.tbl > div.row {
                      display: table-row;
                      height: 100%; }
                      body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type] > div.tbl > div.row > div.cell {
                        display: table-cell;
                        vertical-align: middle; }
                        body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type] > div.tbl > div.row > div.cell div.copy {
                          text-align: center;
                          color: rgba(255, 255, 255, 0.9);
                          font-size: 3.5vh;
                          padding: 0 40px 0 40px;
                          text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
                          line-height: 1.25em;
                          font-weight: 300;
                          position: relative;
                          pointer-events: none; }
                        body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type] > div.tbl > div.row > div.cell div.outline {
                          position: absolute;
                          top: 24px;
                          right: 24px;
                          bottom: 24px;
                          left: 24px;
                          background-color: rgba(0, 0, 0, 0.25);
                          border: 2px dashed rgba(255, 255, 255, 0.8);
                          border-radius: 12px; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type] > div.tbl.active > div.row > div.cell > div.copy {
                      color: white; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type] > div.tbl.active > div.row > div.cell > div.outline {
                      background-color: rgba(0, 0, 0, 0.5); }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="color"] {
                    z-index: 4; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="color"]:hover {
                    opacity: 0; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="photo"] > div.tbl {
                    height: 50%; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="photo"] > div.tbl:first-child div.row div.cell div.outline {
                      border-radius: 12px 12px 0 0;
                      bottom: 0; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="photo"] > div.tbl:first-child div.row div.cell div.copy {
                      padding-top: 24px; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="photo"] > div.tbl:last-child div.row div.cell div.outline {
                      border-radius: 0 0 12px 12px;
                      top: 0;
                      border-top-color: rgba(0, 0, 0, 0); }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="photo"] > div.tbl:last-child div.row div.cell div.copy {
                      padding-bottom: 24px; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="upload"]:not(.vector) > div.tbl {
                    height: 50%; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="upload"]:not(.vector) > div.tbl[destination="background"] div.row div.cell div.outline {
                      border-radius: 12px 12px 0 0;
                      bottom: 0; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="upload"]:not(.vector) > div.tbl[destination="background"] div.row div.cell div.copy {
                      padding-top: 24px; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="upload"]:not(.vector) > div.tbl[destination="foreground"] div.row div.cell div.outline {
                      border-radius: 0 0 12px 12px;
                      top: 0;
                      border-top-color: rgba(0, 0, 0, 0); }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="upload"]:not(.vector) > div.tbl[destination="foreground"] div.row div.cell div.copy {
                      padding-bottom: 24px; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="upload"]:not(.vector) > div.tbl[destination="vector"] {
                      display: none; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="upload"].vector > div.tbl[destination="background"],
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type][type="upload"].vector > div.tbl[destination="foreground"] {
                    display: none; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages > div[type]:not(.hidden) {
                    animation: fadeInAnimation 85ms; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.messages.mirage {
                  pointer-events: none; }
              body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox {
                position: relative;
                overflow: hidden; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox canvas {
                  display: block; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox canvas.lower-canvas {
                    background-image: url("../png/checkered.png");
                    background-size: 6%;
                    box-shadow: 0 0 1px rgba(0, 0, 0, 0.4) inset; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox div.preview-canvas-container {
                  position: relative; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox div.preview-canvas-container div.modal.busy {
                    z-index: 97; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox div.preview-canvas-container div.modal.busy.light > div.overlay {
                      opacity: 0.6; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox div.preview-canvas-container div.modal.busy > div.overlay {
                      background-color: #323a45;
                      position: absolute; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox div.preview-canvas-container div.modal.busy div.copy {
                      font-size: 14px; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox div.ghost-canvas-container {
                  position: absolute !important;
                  top: -10000px;
                  left: -10000px; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox a.lock {
                  position: absolute;
                  bottom: 0;
                  right: 0;
                  height: 96px;
                  width: 108px;
                  background-color: rgba(255, 255, 255, 0.88);
                  color: #783bff;
                  text-align: center;
                  padding: 10px 0 0 0;
                  border-radius: 3px 0 0 0;
                  cursor: pointer;
                  box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);
                  -moz-transition: color 150ms linear;
                  -o-transition: color 150ms linear;
                  -webkit-transition: color 150ms linear;
                  transition: color 150ms linear; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox a.lock div.icon {
                    height: 36px;
                    line-height: 36px;
                    width: 36px;
                    text-align: center;
                    font-size: 30px;
                    margin: 0 auto 0 auto; }
                    body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox a.lock div.icon::before {
                      height: 36px;
                      line-height: 36px; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox a.lock div.copy {
                    line-height: 1.3em;
                    font-size: 13px;
                    padding: 3px 0 0 0; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner div.sandbox a.lock:hover {
                    color: #0087c6; }
              body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.sizing {
                height: 24px;
                line-height: 24px;
                font-size: 13px;
                padding: 0 4px 0 4px;
                position: relative; }
                body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.sizing > a {
                  color: #888888;
                  -moz-transition: color 50ms linear;
                  -o-transition: color 50ms linear;
                  -webkit-transition: color 50ms linear;
                  transition: color 50ms linear;
                  z-index: 2;
                  position: absolute;
                  -webkit-user-select: none;
                  -khtml-user-select: none;
                  -moz-user-select: none;
                  -o-user-select: none;
                  user-select: none; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.sizing > a div.icon,
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.sizing > a div.label,
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.sizing > a div.dimensions {
                    float: left;
                    height: 24px;
                    line-height: 24px; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.sizing > a div.icon {
                    padding: 0 4px 0 0;
                    padding: 1px 6px 0 0;
                    font-size: 12px; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.sizing > a div.label {
                    padding: 0 2px 0 0;
                    max-width: 140px;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden; }
                  body.app > div.content section.stage > div.inner > div.content > div.outer > div.inner section.sizing > a:hover {
                    color: #783bff; }
        body.app > div.content section.stage > div.inner > footer {
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -o-user-select: none;
          user-select: none;
          display: table-row;
          height: 90px;
          text-align: right; }
          body.app > div.content section.stage > div.inner > footer > div.inner {
            padding: 14.5px 40px 0 0;
            padding: 14px 40px 0 0;
            position: relative; }
            body.app > div.content section.stage > div.inner > footer > div.inner > div.save {
              margin: 0 10px 0 0;
              display: inline-block;
              position: relative; }
              body.app > div.content section.stage > div.inner > footer > div.inner > div.save div.button-wrapper a:last-child {
                border-left-color: rgba(255, 255, 255, 0.75);
                width: 30px; }
              body.app > div.content section.stage > div.inner > footer > div.inner > div.save.expanded div.popover {
                display: block;
                cursor: default; }
            body.app > div.content section.stage > div.inner > footer > div.inner span > a {
              width: 159px; }
              body.app > div.content section.stage > div.inner > footer > div.inner span > a[lookup="exportToWordPress"] {
                display: none;
                margin: 0 0 0 10px; }
              body.app > div.content section.stage > div.inner > footer > div.inner span > a[lookup="download"] {
                margin: 0 10px 0 0; }
            body.app > div.content section.stage > div.inner > footer > div.inner span.focus {
              display: inline-block; }
            body.app > div.content section.stage > div.inner > footer > div.inner div.popover {
              display: none;
              position: absolute;
              bottom: 41px;
              width: 180px;
              z-index: 1000;
              right: -75px; }
              body.app > div.content section.stage > div.inner > footer > div.inner div.popover .stencil-caret {
                position: absolute; }
                body.app > div.content section.stage > div.inner > footer > div.inner div.popover .stencil-caret.down {
                  bottom: 1px;
                  left: 50%;
                  margin-left: -10px; }
                  body.app > div.content section.stage > div.inner > footer > div.inner div.popover .stencil-caret.down::before {
                    content: '';
                    position: absolute;
                    top: 1px;
                    left: 0;
                    border-top: 10px solid rgba(194, 194, 194, 0.65);
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent; }
                  body.app > div.content section.stage > div.inner > footer > div.inner div.popover .stencil-caret.down::after {
                    content: '';
                    position: absolute;
                    left: 1px;
                    top: 0;
                    border-top: 9px solid #ffffff;
                    border-left: 9px solid transparent;
                    border-right: 9px solid transparent; }
                body.app > div.content section.stage > div.inner > footer > div.inner div.popover .stencil-caret.up {
                  top: -9px;
                  left: 50%;
                  margin-left: -10px; }
                  body.app > div.content section.stage > div.inner > footer > div.inner div.popover .stencil-caret.up::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    border-bottom: 10px solid rgba(194, 194, 194, 0.65);
                    border-left: 10px solid transparent;
                    border-right: 10px solid transparent; }
                  body.app > div.content section.stage > div.inner > footer > div.inner div.popover .stencil-caret.up::after {
                    content: '';
                    position: absolute;
                    left: 1px;
                    top: 1px;
                    border-bottom: 9px solid #ffffff;
                    border-left: 9px solid transparent;
                    border-right: 9px solid transparent; }
              body.app > div.content section.stage > div.inner > footer > div.inner div.popover div.content {
                padding: 6px 4px 6px 4px;
                background-color: #ffffff;
                border: 1px solid rgba(194, 194, 194, 0.65);
                border-radius: 4px 4px 4px 4px;
                box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
                body.app > div.content section.stage > div.inner > footer > div.inner div.popover div.content a {
                  display: block;
                  color: #252525;
                  padding: 0 13px 0 10px; }
                  body.app > div.content section.stage > div.inner > footer > div.inner div.popover div.content a:hover {
                    color: #783bff;
                    text-decoration: none; }
                  body.app > div.content section.stage > div.inner > footer > div.inner div.popover div.content a > div {
                    float: left;
                    height: 31px;
                    line-height: 31px;
                    font-size: 13px; }
                    body.app > div.content section.stage > div.inner > footer > div.inner div.popover div.content a > div.icon {
                      width: 20px;
                      text-align: center;
                      margin: 0 10px 0 0; }
                  body.app > div.content section.stage > div.inner > footer > div.inner div.popover div.content a[lookup="saveAsTemplate"] div.icon {
                    position: relative;
                    top: 1px; }
        body.app > div.content section.stage > div.inner div.toolbar.toolbar {
          position: absolute;
          top: 20px;
          right: 100%;
          margin-right: 15px;
          z-index: 10; }
          body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content {
            border-radius: 4px 4px 4px 4px;
            background-color: rgba(50, 58, 69, 0.99); }
            body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content .stencil-caret {
              position: absolute; }
              body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content .stencil-caret.right {
                right: -10px;
                top: 10px; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content .stencil-caret.right::after {
                  content: '';
                  position: absolute;
                  right: 1px;
                  top: 1px;
                  border-left: 9px solid rgba(50, 58, 69, 0.99);
                  border-top: 9px solid transparent;
                  border-bottom: 9px solid transparent; }
            body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool {
              /**
               * Facilitates input container hover showing the input's
               * respective tooltip.
               */ }
              body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool input[type="range"] + div.tooltip {
                display: none; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool input[type="range"] + div.tooltip > div.tooltip-arrow {
                  border-bottom-color: #783bff; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool input[type="range"] + div.tooltip > div.tooltip-inner {
                  background-color: #783bff;
                  padding: 4px 10px 2px 10px;
                  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3); }
              body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool input[type="range"]:active + div.tooltip, body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool input[type="range"]:hover + div.tooltip {
                display: block;
                opacity: 1; }
              body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool input:not([type="range"]) {
                font-size: 12px;
                height: 31px;
                line-height: 31px;
                border-radius: 4px 4px 4px 4px; }
              body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool div.minicolors {
                width: 100%; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool div.minicolors input {
                  width: 100%;
                  padding-left: 8px; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool div.minicolors .minicolors-swatch {
                  width: 21px;
                  height: 21px; }
              body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool div.column > a:not([disabled]):not(.active):hover {
                color: #dddddd !important; }
            body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.color {
              padding: 12px 14px 16px 14px;
              border-bottom: 1px solid #6c798b; }
              body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.color label {
                color: #ffffff;
                font-size: 11px;
                display: block;
                padding: 0 0 4px 0;
                font-weight: 500; }
            body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer {
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -o-user-select: none;
              user-select: none;
              border-bottom: 1px solid #6c798b; }
              body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column {
                float: left;
                width: 50%;
                font-size: 12px;
                font-weight: 400; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column a {
                  color: #ffffff;
                  display: block;
                  height: 38px;
                  line-height: 38px; }
                  body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column a span {
                    display: inline-block;
                    margin: 0 5px 0 6px;
                    width: 25px;
                    text-align: center;
                    font-size: 13px;
                    line-height: 13px; }
                    body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column a span::before {
                      content: ' ';
                      display: inline-block;
                      position: relative;
                      top: -2px;
                      right: -1px;
                      height: 8px;
                      line-height: 8px;
                      width: 8px;
                      text-align: center;
                      border-radius: 2px; }
                    body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column a span::after {
                      content: ' ';
                      display: inline-block;
                      position: relative;
                      top: 1px;
                      left: -2px;
                      height: 8px;
                      line-height: 8px;
                      width: 8px;
                      text-align: center;
                      border-radius: 2px; }
                  body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column a[disabled] {
                    opacity: 0.15;
                    cursor: not-allowed; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column.forward a span::before {
                  background-color: #5e5e5e;
                  border: 1px solid #ffffff; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column.forward a span::after {
                  background-color: #ffffff; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column.forward a:not([disabled]):hover span::before {
                  border-color: #dddddd; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column.forward a:not([disabled]):hover span::after {
                  background-color: #dddddd; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column.back a span::before {
                  background-color: #ffffff; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column.back a span::after {
                  background-color: #5e5e5e;
                  border: 1px solid #ffffff; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column.back a:not([disabled]):hover span::before {
                  background-color: #dddddd; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.layer div.column.back a:not([disabled]):hover span::after {
                  border-color: #dddddd; }
            body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.existential {
              -webkit-user-select: none;
              -khtml-user-select: none;
              -moz-user-select: none;
              -o-user-select: none;
              user-select: none;
              font-size: 12px; }
              body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.existential div.column {
                float: left;
                width: 50%;
                font-size: 12px;
                font-weight: 400; }
                body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.existential div.column a {
                  color: #ffffff;
                  display: block;
                  height: 38px;
                  line-height: 38px; }
                  body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool.existential div.column a i {
                    margin: 0 5px 0 6px;
                    width: 25px;
                    text-align: center;
                    font-size: 13px; }
            body.app > div.content section.stage > div.inner div.toolbar.toolbar > div.content div.tools div.tool:last-child {
              border-bottom-width: 0 !important; }
        body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.tool.flip {
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -o-user-select: none;
          user-select: none;
          font-size: 12px;
          border-bottom: 1px solid #6c798b; }
          body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.tool.flip div.column {
            float: left;
            width: 50%;
            font-size: 12px;
            font-weight: 400; }
            body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.tool.flip div.column a {
              color: #ffffff;
              display: block;
              height: 38px;
              line-height: 38px; }
              body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.tool.flip div.column a i {
                margin: 0 5px 0 6px;
                width: 25px;
                text-align: center;
                font-size: 13px; }
              body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.tool.flip div.column a[lookup="flip"] {
                display: block; }
              body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.tool.flip div.column a[lookup="revert"] {
                display: none; }
                body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.tool.flip div.column a[lookup="revert"] i {
                  color: #45be46; }
            body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.tool.flip div.column.revert a[lookup="flip"] {
              display: none; }
            body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.tool.flip div.column.revert a[lookup="revert"] {
              display: block; }
        body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.tool.positioning {
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -o-user-select: none;
          user-select: none;
          font-size: 12px;
          border-bottom: 1px solid #6c798b; }
          body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.tool.positioning div.column {
            float: left;
            width: 50%;
            font-size: 12px;
            font-weight: 400; }
            body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.tool.positioning div.column a {
              color: #ffffff;
              display: block;
              height: 38px;
              line-height: 38px; }
              body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.tool.positioning div.column a i {
                margin: 0 5px 0 6px;
                width: 25px;
                text-align: center;
                font-size: 13px; }
        body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.column[lookup="crop"] {
          position: relative; }
          body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.column[lookup="crop"] div.badge {
            color: #ffffff;
            border-radius: 4px 4px 4px 4px;
            background-color: #45be46;
            height: 18px;
            line-height: 18px;
            padding: 0 12px 0 12px;
            position: absolute;
            left: -50px;
            top: calc(50% - 9px);
            font-weight: 700;
            animation: shakeAnimation 1500ms;
            box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1); }
            body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.column[lookup="crop"] div.badge::before {
              content: ' ';
              position: absolute;
              right: calc(0px - 4px);
              top: calc(50% - 5px);
              border-top: 5px solid transparent;
              border-bottom: 5px solid transparent;
              border-left: 5px solid #45be46; }
          body.app > div.content section.stage > div.inner div.toolbar.image > div.content div.tools div.column[lookup="crop"]:hover div.badge {
            display: block; }
        body.app > div.content section.stage > div.inner div.toolbar.backgroundBitmapImage > div.content {
          width: 312px; }
        body.app > div.content section.stage > div.inner div.toolbar.backgroundRectangle > div.content {
          width: 232px; }
          body.app > div.content section.stage > div.inner div.toolbar.backgroundRectangle > div.content div.tools div.tool.alternative {
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none;
            font-size: 12px; }
            body.app > div.content section.stage > div.inner div.toolbar.backgroundRectangle > div.content div.tools div.tool.alternative.upload {
              border-bottom: 1px solid #6c798b; }
            body.app > div.content section.stage > div.inner div.toolbar.backgroundRectangle > div.content div.tools div.tool.alternative div.column {
              float: left;
              width: 100%;
              font-size: 12px;
              font-weight: 400; }
              body.app > div.content section.stage > div.inner div.toolbar.backgroundRectangle > div.content div.tools div.tool.alternative div.column a {
                color: #ffffff;
                display: block;
                height: 38px;
                line-height: 38px; }
                body.app > div.content section.stage > div.inner div.toolbar.backgroundRectangle > div.content div.tools div.tool.alternative div.column a i {
                  margin: 0 5px 0 6px;
                  width: 25px;
                  text-align: center;
                  font-size: 13px; }
        body.app > div.content section.stage > div.inner div.toolbar.colorVectorImage > div.content {
          width: 232px; }
          body.app > div.content section.stage > div.inner div.toolbar.colorVectorImage > div.content div.tools div.tool.styles {
            padding: 10px 14px 10px 14px;
            border-bottom: 1px solid #6c798b; }
            body.app > div.content section.stage > div.inner div.toolbar.colorVectorImage > div.content div.tools div.tool.styles label {
              color: #ffffff;
              font-size: 12px;
              display: block;
              height: 18px;
              line-height: 18px;
              font-weight: 500; }
            body.app > div.content section.stage > div.inner div.toolbar.colorVectorImage > div.content div.tools div.tool.styles div.column {
              width: 100%;
              float: left;
              height: 46px;
              position: relative; }
              body.app > div.content section.stage > div.inner div.toolbar.colorVectorImage > div.content div.tools div.tool.styles div.column:first-child {
                margin: 0; }
        body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters {
          padding: 4px 0 0 0;
          border-bottom: 1px solid #6c798b; }
          body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters label {
            color: #ffffff;
            font-size: 14px;
            display: block;
            padding: 4px 0 4px 14px;
            font-weight: 500; }
          body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > a.clear {
            position: absolute;
            right: 14px;
            top: 4px;
            font-size: 11px;
            color: #ffffff;
            display: block;
            height: 22px;
            line-height: 22px; }
            body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > a.clear:hover {
              text-decoration: underline; }
          body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content {
            width: calc(100% - 14px - 14px);
            height: calc(84px + 12px);
            overflow: auto;
            margin: 8px 14px 8px 14px; }
            body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content::-webkit-scrollbar {
              -webkit-appearance: none;
              height: 12px;
              background-color: #fafafa;
              border-radius: 100px 100px 100px 100px; }
            body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content::-webkit-scrollbar-thumb {
              border-radius: 100px 100px 100px 100px;
              background-color: #c2c2c2; }
          body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul {
            height: 84px;
            width: 100%;
            white-space: nowrap;
            display: block; }
            body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul li {
              display: inline-block;
              width: 80px;
              height: 84px;
              margin: 0 12px 0 0;
              cursor: pointer;
              position: relative; }
              body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul li:last-child {
                margin: 0 0 0 0; }
              body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul li[disabled] {
                cursor: not-allowed; }
              body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul li.active {
                cursor: default; }
                body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul li.active > div.active {
                  display: block; }
              body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul li:hover:not(.active) div.overlay {
                display: block; }
              body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul li.loading div.overlay {
                display: block; }
                body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul li.loading div.overlay div.copy {
                  display: block; }
              body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul li > div.thumb {
                border-radius: 4px 4px 4px 4px;
                background-position: center center;
                background-size: cover;
                background-repeat: no-repeat;
                width: 80px;
                height: 60px;
                margin: 0 auto 0 auto;
                box-shadow: 0 0 1px rgba(255, 255, 255, 0.4) inset; }
              body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul li > div.copy {
                color: #ffffff;
                padding: 4px 4px 8px 4px;
                text-align: center;
                font-size: 12px;
                height: 24px; }
              body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul li > div.overlay {
                display: none;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 24px;
                background-color: rgba(0, 0, 0, 0.6);
                border-radius: 4px 4px 4px 4px; }
                body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul li > div.overlay > div.copy {
                  display: none;
                  position: absolute;
                  font-size: 18px;
                  height: 32px;
                  line-height: 32px;
                  width: 32px;
                  text-align: center;
                  color: #ffffff;
                  top: 50%;
                  margin-top: -16px;
                  left: 50%;
                  margin-left: -16px; }
              body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.filters > div.content ul li > div.active {
                display: none;
                position: absolute;
                top: 0;
                right: 0;
                left: 0;
                bottom: 24px;
                line-height: 60px;
                background-color: rgba(0, 0, 0, 0.6);
                color: #ffffff;
                text-align: center;
                font-size: 32px;
                border-radius: 4px 4px 4px 4px; }
        body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.styles {
          padding: 10px 14px 10px 14px;
          border-bottom: 1px solid #6c798b; }
          body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.styles label {
            color: #ffffff;
            font-size: 12px;
            display: block;
            height: 18px;
            line-height: 18px;
            font-weight: 500; }
          body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.styles div.column {
            width: 47%;
            float: left;
            height: 46px; }
            body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.styles div.column:first-child {
              margin-right: 6%; }
            body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.styles div.column.colorPickerColumn {
              position: relative;
              top: 14px; }
              body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.styles div.column.colorPickerColumn > a {
                color: #8a969f;
                font-size: 13px; }
              body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.styles div.column.colorPickerColumn div.minicolors {
                width: 80%; }
                body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.styles div.column.colorPickerColumn div.minicolors > input {
                  height: 27px;
                  line-height: 27px; }
                body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.styles div.column.colorPickerColumn div.minicolors > div.colorPicker .stencil-caret {
                  right: 31px; }
                body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool.styles div.column.colorPickerColumn div.minicolors > span.minicolors-swatch {
                  width: 17px;
                  height: 17px; }
        body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool div.column[lookup="crop"] a[lookup="crop"] {
          display: block; }
        body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool div.column[lookup="crop"] a[lookup="re-crop"] {
          display: none; }
          body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool div.column[lookup="crop"] a[lookup="re-crop"] i {
            color: #45be46; }
        body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool div.column[lookup="crop"].re-crop a[lookup="crop"] {
          display: none; }
        body.app > div.content section.stage > div.inner div.toolbar.bitmapImage > div.content div.tools div.tool div.column[lookup="crop"].re-crop a[lookup="re-crop"] {
          display: block; }
        body.app > div.content section.stage > div.inner div.toolbar.foregroundBitmapImage > div.content {
          width: 312px; }
        body.app > div.content section.stage > div.inner div.toolbar.text > div.content {
          width: 296px; }
          body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.font {
            height: 38px;
            line-height: 38px;
            border-bottom: 1px solid #6c798b;
            -webkit-user-select: none;
            -khtml-user-select: none;
            -moz-user-select: none;
            -o-user-select: none;
            user-select: none; }
          body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.sizes.text {
            border-bottom: 1px solid #6c798b; }
            body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.sizes.text > div {
              padding: 10px 14px 4px 14px;
              float: left;
              width: 100%; }
              body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.sizes.text > div label {
                color: #ffffff;
                font-size: 11px;
                display: block;
                padding: 0 0 4px 0;
                font-weight: 500; }
              body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.sizes.text > div input {
                position: relative;
                top: -3px;
                width: 100%; }
          body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.lh.shadowStrength {
            border-bottom: 1px solid #6c798b; }
            body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.lh.shadowStrength > div {
              padding: 10px 14px 4px 14px;
              float: left;
              width: 50%; }
              body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.lh.shadowStrength > div label {
                color: #ffffff;
                font-size: 11px;
                display: block;
                padding: 0 0 4px 0;
                font-weight: 500; }
              body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.lh.shadowStrength > div input {
                position: relative;
                top: -3px;
                width: 100%; }
          body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.styles {
            border-bottom: 1px solid #6c798b; }
            body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.styles div.column {
              float: left;
              width: 50%; }
              body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.styles div.column div.style {
                float: left;
                width: 33%;
                text-align: center;
                font-size: 14px; }
                body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.styles div.column div.style a {
                  color: #ffffff;
                  opacity: 0.5;
                  display: block;
                  height: 38px;
                  line-height: 38px; }
                  body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.styles div.column div.style a:hover, body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.styles div.column div.style a.active {
                    opacity: 1; }
                  body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.styles div.column div.style a[disabled] {
                    opacity: 0.15;
                    cursor: not-allowed; }
              body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.styles div.column:first-child {
                border-right: 1px solid #6c798b; }
          body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.color {
            padding: 12px 14px 8px 14px;
            border-bottom-width: 0; }
          body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.colors {
            padding: 6px 14px 16px 14px;
            border-bottom: 1px solid #6c798b; }
            body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.colors div.column {
              float: left;
              width: 50%; }
              body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.colors div.column label {
                color: #ffffff;
                font-size: 11px;
                display: block;
                padding: 0 0 4px 0;
                font-weight: 500; }
              body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.colors div.column label + div {
                width: 82%; }
              body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.colors div.column > a {
                color: #8a969f;
                font-size: 13px; }
              body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.colors div.column:last-child div.type {
                margin: 4px 0 -4px 2px; }
                body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.colors div.column:last-child div.type input {
                  display: block;
                  float: left;
                  height: 14px;
                  line-height: 14px;
                  margin: 0 4px 0 0; }
                body.app > div.content section.stage > div.inner div.toolbar.text > div.content div.tools div.tool.colors div.column:last-child div.type label {
                  display: block;
                  float: left;
                  height: 14px;
                  line-height: 14px; }
        body.app > div.content section.stage > div.inner div.toolbar.text.backdropExpanded > div.content div.tools div.tool.font div.fontsDropdown.open section[section="default"] div.content div.list {
          height: 312px; }
        body.app > div.content section.stage > div.inner div.toolbar.text.backdropExpanded > div.content div.tools div.tool.font div.fontsDropdown.open section[section="uploaded"] div.content div.list, body.app > div.content section.stage > div.inner div.toolbar.text.backdropExpanded > div.content div.tools div.tool.font div.fontsDropdown.open section[section="uploaded"] div.content > div.messaging {
          height: 244px; }
        body.app > div.content section.stage > div.inner div.toolbar.vectorImage > div.content {
          width: 232px; }
        body.app > div.content section.stage > div.inner div.toolbar.watermarkBitmapImage > div.content {
          width: 264px; }
          body.app > div.content section.stage > div.inner div.toolbar.watermarkBitmapImage > div.content div.tools div.tool.styles div:first-child div.column {
            width: 100%;
            float: none; }
            body.app > div.content section.stage > div.inner div.toolbar.watermarkBitmapImage > div.content div.tools div.tool.styles div:first-child div.column:first-child {
              margin: 0; }
        body.app > div.content section.stage > div.inner div.toolbar.watermarkColorVectorImage > div.content {
          width: 232px; }
        body.app > div.content section.stage > div.inner div.toolbar.watermarkVectorImage > div.content {
          width: 232px; }
    body.app > div.content div.modal {
      position: absolute;
      top: 0;
      right: 0;
      bottom: 0;
      left: 0;
      z-index: 97; }
      body.app > div.content div.modal > div.overlay {
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        left: 0;
        position: fixed;
        background-color: rgba(50, 58, 69, 0.8);
        z-index: 98; }
      body.app > div.content div.modal > div.outer {
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        height: 100%;
        width: 100%;
        z-index: 98; }
        body.app > div.content div.modal > div.outer > div.inner {
          display: table-cell;
          vertical-align: middle;
          z-index: 99; }
          body.app > div.content div.modal > div.outer > div.inner > div.content {
            background-color: #ffffff;
            margin: 0 auto 0 auto;
            position: relative;
            z-index: 100;
            border-radius: 4px 4px 4px 4px;
            box-shadow: 0 5px 15px 4px rgba(0, 0, 0, 0.15); }
            body.app > div.content div.modal > div.outer > div.inner > div.content a.close {
              color: #c2c2c2;
              display: block;
              position: absolute;
              right: 10px;
              top: 10px;
              height: 18px;
              line-height: 18px;
              width: 18px;
              text-align: center;
              font-size: 18px;
              z-index: 2;
              -moz-transition: 150ms linear;
              -o-transition: 150ms linear;
              -webkit-transition: 150ms linear;
              transition: 150ms linear; }
              body.app > div.content div.modal > div.outer > div.inner > div.content a.close:hover, body.app > div.content div.modal > div.outer > div.inner > div.content a.close:focus {
                text-decoration: none;
                color: #514e4e;
                transform: rotate(90deg); }
              body.app > div.content div.modal > div.outer > div.inner > div.content a.close.huge {
                height: 24px;
                line-height: 24px;
                width: 24px;
                text-align: center;
                font-size: 24px; }
    body.app > div.content div.modal.accounts.cancel > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.accounts.cancel > div.outer > div.inner > div.content {
      width: 480px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.accounts.cancel > div.outer > div.inner > div.content h1 {
        font-size: 26px;
        line-height: 1.3em;
        text-align: center; }
      body.app > div.content div.modal.accounts.cancel > div.outer > div.inner > div.content ol {
        padding: 12px 0 0 30px;
        font-size: 15px;
        line-height: 1.3em;
        list-style-type: decimal; }
        body.app > div.content div.modal.accounts.cancel > div.outer > div.inner > div.content ol li {
          padding: 6px 0 0 0; }
      body.app > div.content div.modal.accounts.cancel > div.outer > div.inner > div.content div.commission {
        margin: 10px;
        border: solid #eeeeee;
        border-width: 1px 0 0;
        padding: 12px 0 0 0; }
        body.app > div.content div.modal.accounts.cancel > div.outer > div.inner > div.content div.commission p {
          display: block;
          line-height: 1.25em;
          font-size: 14px;
          padding: 0 0 10px 0; }
          body.app > div.content div.modal.accounts.cancel > div.outer > div.inner > div.content div.commission p strong {
            color: red;
            text-transform: uppercase; }
        body.app > div.content div.modal.accounts.cancel > div.outer > div.inner > div.content div.commission div.input {
          font-size: 14px; }
      body.app > div.content div.modal.accounts.cancel > div.outer > div.inner > div.content div.actions {
        text-align: center;
        padding: 24px 0 0 0; }
    body.app > div.content div.modal.admin > div.outer > div.inner > div.content {
      width: 1260px; }
      body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns {
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        min-height: 540px;
        height: 540px;
        position: relative; }
        body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > nav,
        body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content {
          display: table-cell;
          vertical-align: top; }
        body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > nav {
          width: 176px;
          /*background-color: #00a3e8;*/
          background-color: #ffffff;
          /*color: #ffffff;*/
          color: #666666;
          padding: 30px 24px 34px 24px;
          border-radius: 4px 0 0 4px; }
          body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > nav h1 {
            font-size: 32px;
            font-weight: 400;
            padding: 0 0 32px 0; }
          body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > nav a {
            height: 30px;
            line-height: 30px;
            line-height: 31px;
            /*color: #ffffff;*/
            color: #666666;
            color: #242424;
            text-indent: 10px;
            display: block;
            border-radius: 4px 4px 4px 4px;
            font-size: 13px;
            margin: 0 0 6px 0;
            -moz-transition: background-color 250ms linear;
            -o-transition: background-color 250ms linear;
            -webkit-transition: background-color 250ms linear;
            transition: background-color 250ms linear;
            font-weight: 400; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > nav a.active, body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > nav a:hover {
              background-color: #39bbf5;
              background-color: rgba(255, 255, 255, 0.22);
              background-color: #783bff;
              color: #ffffff; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > nav a i {
              font-size: 17px;
              float: right;
              padding: 6px 6px 0 0; }
        body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content {
          width: calc(1260px - 176px);
          border-left: 1px solid #ededed; }
          body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section {
            padding: 18px 22px 18px 22px; }
          body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories {
            height: 640px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories div.column {
              height: 32px;
              line-height: 32px;
              float: left;
              font-size: 13px;
              color: #333333;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories div.id {
              width: 42px;
              font-size: 11px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories div.type {
              width: 96px;
              padding: 0 16px 0 0; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories div.name {
              width: 148px;
              padding: 0 16px 0 0; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories div.count {
              width: 96px;
              padding: 0 16px 0 0; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories div.slug {
              width: 148px;
              padding: 0 16px 0 0; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories div.created {
              width: 148px;
              padding: 0 16px 0 0; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories div.actions {
              width: 54px;
              font-size: 18px;
              text-align: left; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories header {
              border-bottom: 1px solid #dddddd; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories header div.column {
                font-weight: 700;
                height: 24px;
                line-height: 24px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories > div.content {
              color: #232323;
              height: calc(100% - 25px);
              overflow: auto; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories > div.content::-webkit-scrollbar {
                -webkit-appearance: none;
                width: 8px;
                background-color: #eeeeee;
                border-radius: 100px 100px 100px 100px; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories > div.content::-webkit-scrollbar-thumb {
                border-radius: 100px 100px 100px 100px;
                background-color: #c2c2c2; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories > div.content > div.inner div.category {
                border-bottom: 1px solid #dddddd;
                height: 32px;
                line-height: 32px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories > div.content > div.inner div.category:hover {
                  background-color: #f9fae8; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.categories > div.content > div.inner div.category div.id {
                  width: 42px;
                  color: #777777;
                  font-size: 11px; }
          body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons {
            height: 640px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.column {
              height: 32px;
              line-height: 32px;
              float: left;
              font-size: 13px;
              color: #333333;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              text-align: center; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.id {
              width: 42px;
              font-size: 11px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.code {
              width: 120px;
              padding: 0 16px 0 0;
              text-align: left; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.created {
              width: 120px;
              padding: 0 8px 0 8px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.interval {
              width: 70px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.plan {
              width: 70px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.discount {
              width: 70px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.frequency {
              width: 70px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.trial {
              width: 80px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.expiry {
              width: 160px;
              padding: 0 8px 0 8px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.redemptions {
              width: 90px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.actions {
              width: 54px;
              font-size: 18px;
              text-align: left; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.actions input[type="checkbox"].clicky {
                display: none; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.actions input[type="checkbox"].clicky + label {
                  cursor: pointer;
                  margin: 0 2px 0 0; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.actions input[type="checkbox"].clicky + label::before {
                  font-family: FontAwesome;
                  display: inline-block;
                  content: "\f10c"; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.actions input[type="checkbox"].clicky:checked + label::before {
                  content: "\f05d";
                  color: #0046cc; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons div.actions a {
                color: #514e4e; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons header {
              border-bottom: 1px solid #dddddd; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons header div.column {
                font-weight: 700;
                height: 24px;
                line-height: 24px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons > div.content {
              color: #232323;
              height: calc(100% - 25px);
              overflow: auto; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons > div.content::-webkit-scrollbar {
                -webkit-appearance: none;
                width: 8px;
                background-color: #eeeeee;
                border-radius: 100px 100px 100px 100px; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons > div.content::-webkit-scrollbar-thumb {
                border-radius: 100px 100px 100px 100px;
                background-color: #c2c2c2; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons > div.content > div.inner div.coupon {
                border-bottom: 1px solid #dddddd;
                height: 32px;
                line-height: 32px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons > div.content > div.inner div.coupon:hover {
                  background-color: #f9fae8; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons > div.content > div.inner div.coupon div.id {
                  width: 42px;
                  color: #777777;
                  font-size: 11px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.coupons > div.content > div.inner div.coupon div.code {
                  font-family: monospace; }
          body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.images {
            height: 640px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.images > div.content {
              height: calc(100% - 25px);
              overflow: auto; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.images > div.content::-webkit-scrollbar {
                -webkit-appearance: none;
                width: 8px;
                background-color: #eeeeee;
                border-radius: 100px 100px 100px 100px; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.images > div.content::-webkit-scrollbar-thumb {
                border-radius: 100px 100px 100px 100px;
                background-color: #c2c2c2; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.images > div.content > div.inner div.image {
                width: 152px;
                height: 106px;
                float: left;
                margin: 0 8px 8px 0;
                background-size: cover;
                background-position: center center; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.images > div.content > div.inner div.image div.content {
                  width: 100%;
                  height: 100%;
                  cursor: pointer; }
          body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets {
            height: 640px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.column {
              height: 32px;
              line-height: 32px;
              float: left;
              font-size: 13px;
              color: #333333;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              text-align: center; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.id {
              width: 42px;
              font-size: 11px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.label {
              text-align: left;
              width: 170px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.created {
              width: 160px;
              padding: 0 8px 0 8px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.plan {
              width: 70px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.redemptions {
              width: 110px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.duration {
              width: 70px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.expiry {
              width: 160px;
              padding: 0 8px 0 8px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.partner {
              width: 120px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.actions {
              width: 72px;
              font-size: 18px;
              text-align: left; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.actions input[type="checkbox"].clicky {
                display: none; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.actions input[type="checkbox"].clicky + label {
                  cursor: pointer;
                  margin: 0 2px 0 0; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.actions input[type="checkbox"].clicky + label::before {
                  font-family: FontAwesome;
                  display: inline-block;
                  content: "\f10c"; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.actions input[type="checkbox"].clicky:checked + label::before {
                  content: "\f05d";
                  color: #0046cc; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets div.actions a {
                color: #514e4e; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets header {
              border-bottom: 1px solid #dddddd; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets header div.column {
                font-weight: 700;
                height: 24px;
                line-height: 24px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets > div.content {
              color: #232323;
              height: calc(100% - 25px);
              overflow: auto; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets > div.content::-webkit-scrollbar {
                -webkit-appearance: none;
                width: 8px;
                background-color: #eeeeee;
                border-radius: 100px 100px 100px 100px; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets > div.content::-webkit-scrollbar-thumb {
                border-radius: 100px 100px 100px 100px;
                background-color: #c2c2c2; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets > div.content > div.inner div.promoSet {
                border-bottom: 1px solid #dddddd;
                height: 32px;
                line-height: 32px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets > div.content > div.inner div.promoSet:hover {
                  background-color: #f9fae8; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.promoSets > div.content > div.inner div.promoSet div.id {
                  width: 42px;
                  color: #777777;
                  font-size: 11px; }
          body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users {
            height: 640px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.column {
              height: 32px;
              line-height: 32px;
              float: left;
              font-size: 13px;
              color: #333333;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.id {
              width: 83px;
              font-size: 10px;
              padding: 0 6px 0 0;
              text-align: center; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.email {
              width: 200px;
              padding: 0 24px 0 0;
              text-align: left; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.name {
              width: 130px;
              padding: 0 14px 0 0;
              text-align: left; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.images {
              width: 82px;
              padding: 0 24px 0 0; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.dates {
              width: 172px;
              padding: 0 24px 0 0; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions {
              width: 364px;
              font-size: 18px;
              text-align: left;
              padding: 0; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left {
                float: left;
                padding: 0 6px 0 0;
                height: 31px;
                width: 24px;
                text-align: center; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.geo a {
                  cursor: default;
                  display: block;
                  margin-top: 10px; }
                  body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.geo a img {
                    display: block;
                    width: 16px;
                    height: 11px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.update a {
                  display: block;
                  margin-top: 8px;
                  font-size: 15px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.impersonate a {
                  display: block;
                  margin-top: 8px;
                  font-size: 15px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.pro {
                  margin-top: -1px; }
                  body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.pro input[type="checkbox"].clicky {
                    display: none; }
                    body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.pro input[type="checkbox"].clicky + label {
                      cursor: pointer;
                      margin: 0 2px 0 0; }
                    body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.pro input[type="checkbox"].clicky + label::before {
                      font-family: FontAwesome;
                      display: inline-block;
                      content: "\f10c"; }
                    body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.pro input[type="checkbox"].clicky:checked + label::before {
                      content: "\f05d";
                      color: #0046cc; }
                  body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.pro a {
                    color: #514e4e; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.stripe a {
                  display: block; }
                  body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.stripe a img {
                    display: block;
                    margin: 8px auto 0 auto; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.delete a {
                  display: block;
                  font-size: 15px;
                  margin-top: 8px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.delinquent a {
                  cursor: default;
                  display: block;
                  font-size: 15px;
                  margin-top: 8px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.sunset a {
                  cursor: default;
                  display: block;
                  font-size: 15px;
                  margin-top: 8px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.coupon a {
                  cursor: default;
                  display: block;
                  font-size: 15px;
                  margin-top: 8px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.trial a {
                  cursor: default;
                  display: block;
                  font-size: 15px;
                  margin-top: 8px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.promo a {
                  cursor: default;
                  display: block;
                  color: #2183cd;
                  font-size: 15px;
                  margin-top: 8px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.admin a {
                  cursor: default;
                  display: block;
                  margin-top: 8px;
                  font-size: 15px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.sms {
                  width: 52px; }
                  body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left.sms a {
                    cursor: default;
                    display: block;
                    font-size: 12px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users div.actions > div.left:last-child {
                  padding: 0; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users header {
              border-bottom: 1px solid #dddddd; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users header div.column {
                font-weight: 700;
                height: 24px;
                line-height: 24px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users > div.content {
              color: #232323;
              height: calc(100% - 25px);
              overflow: auto; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users > div.content::-webkit-scrollbar {
                -webkit-appearance: none;
                width: 8px;
                background-color: #eeeeee;
                border-radius: 100px 100px 100px 100px; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users > div.content::-webkit-scrollbar-thumb {
                border-radius: 100px 100px 100px 100px;
                background-color: #c2c2c2; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users > div.content > div.inner div.user {
                border-bottom: 1px solid #dddddd;
                height: 32px;
                line-height: 32px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users > div.content > div.inner div.user:hover {
                  background-color: #f9fae8; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.users > div.content > div.inner div.user div.id {
                  width: 83px;
                  color: #777777;
                  font-size: 10px; }
          body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets {
            height: 640px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.column {
              height: 32px;
              line-height: 32px;
              float: left;
              font-size: 13px;
              color: #333333;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              text-align: center; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.id {
              width: 42px;
              font-size: 11px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.name {
              text-align: left;
              width: 240px; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.name a {
                margin: 0 0 0 8px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.name a:hover {
                  text-decoration: none; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.created {
              width: 160px;
              padding: 0 8px 0 8px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.version {
              text-align: left;
              width: 90px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.count {
              width: 80px;
              padding: 0 16px 0 0; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.overrideColor,
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.color,
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.emojiSet {
              padding: 0 8px 0 8px; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.overrideColor.overrideColor,
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.color.overrideColor,
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.emojiSet.overrideColor {
                padding: 0 0 0 0;
                width: 96px; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.overrideColor.color,
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.color.color,
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.emojiSet.color {
                width: 64px; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.overrideColor.emojiSet,
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.color.emojiSet,
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.emojiSet.emojiSet {
                width: 72px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.actions {
              width: 60px;
              font-size: 18px;
              text-align: left; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets div.actions input[type="checkbox"] {
                margin: 8px 8px 0 0; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets header {
              border-bottom: 1px solid #dddddd; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets header div.column {
                font-weight: 700;
                height: 24px;
                line-height: 24px; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets > div.content {
              color: #232323;
              height: calc(100% - 25px);
              overflow: auto; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets > div.content::-webkit-scrollbar {
                -webkit-appearance: none;
                width: 8px;
                background-color: #eeeeee;
                border-radius: 100px 100px 100px 100px; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets > div.content::-webkit-scrollbar-thumb {
                border-radius: 100px 100px 100px 100px;
                background-color: #c2c2c2; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets > div.content > div.inner div.vectorSet {
                border-bottom: 1px solid #dddddd;
                height: 32px;
                line-height: 32px; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets > div.content > div.inner div.vectorSet:hover {
                  background-color: #f9fae8; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.vectorSets > div.content > div.inner div.vectorSet div.id {
                  width: 42px;
                  color: #777777;
                  font-size: 11px; }
          body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.dashboard > div.content {
            color: #232323; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.dashboard > div.content div.columns div.column {
              width: 22%;
              margin-right: 4%;
              float: left; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.dashboard > div.content div.columns div.column:last-child {
                margin-right: 0; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.dashboard > div.content div.columns div.column h2 {
                font-size: 20px;
                line-height: 1.3em; }
              body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.dashboard > div.content div.columns div.column div.links {
                padding: 12px 0 0 0; }
                body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.dashboard > div.content div.columns div.column div.links a {
                  height: 24px;
                  line-height: 24px; }
                  body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.dashboard > div.content div.columns div.column div.links a span.favicon {
                    display: block;
                    float: left;
                    height: 24px;
                    width: 24px;
                    margin-right: 4px;
                    background-position: center center;
                    background-repeat: no-repeat; }
                  body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.dashboard > div.content div.columns div.column div.links a span.copy {
                    display: block;
                    float: left; }
                  body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > div.content > section.dashboard > div.content div.columns div.column div.links a:hover span.copy {
                    text-decoration: underline; }
        body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > footer {
          position: absolute;
          left: 8px;
          bottom: 8px;
          width: 159px;
          height: 36px; }
          body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > footer a {
            float: left;
            height: 30px;
            font-size: 18px;
            width: 30px;
            line-height: 30px;
            text-align: center;
            /*color: #ffffff;*/
            color: #666666;
            margin: 0 12px 0 0;
            border-radius: 4px 4px 4px 4px;
            background-color: rgba(255, 255, 255, 0.25);
            -moz-transition: background-color 50ms linear, color 50ms linear;
            -o-transition: background-color 50ms linear, color 50ms linear;
            -webkit-transition: background-color 50ms linear, color 50ms linear;
            transition: background-color 50ms linear, color 50ms linear; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > footer a:last-child {
              margin: 0 0 0 0; }
            body.app > div.content div.modal.admin > div.outer > div.inner > div.content > div.columns > footer a:hover {
              background-color: white;
              /*color: #00a3e8;*/
              color: #783bff; }
    body.app > div.content div.modal.alert {
      z-index: 1001; }
      body.app > div.content div.modal.alert > div.outer > div.inner > div.content {
        width: 480px;
        padding: 30px 30px 30px 30px; }
        body.app > div.content div.modal.alert > div.outer > div.inner > div.content div.visuals {
          width: 64px;
          margin: 16px auto 8px auto;
          position: relative; }
          body.app > div.content div.modal.alert > div.outer > div.inner > div.content div.visuals div.primary {
            background-color: transparent;
            height: 64px;
            line-height: 64px;
            width: 64px;
            text-align: center;
            font-size: 64px;
            border-radius: 100px 100px 100px 100px; }
            body.app > div.content div.modal.alert > div.outer > div.inner > div.content div.visuals div.primary.dark {
              color: #252525; }
            body.app > div.content div.modal.alert > div.outer > div.inner > div.content div.visuals div.primary.success {
              color: #45be46; }
            body.app > div.content div.modal.alert > div.outer > div.inner > div.content div.visuals div.primary.warning {
              color: #f8b92c; }
            body.app > div.content div.modal.alert > div.outer > div.inner > div.content div.visuals div.primary.info {
              color: #1a9fe9; }
            body.app > div.content div.modal.alert > div.outer > div.inner > div.content div.visuals div.primary::before {
              height: 64px;
              line-height: 64px; }
        body.app > div.content div.modal.alert > div.outer > div.inner > div.content h1 {
          font-size: 28px;
          text-align: center;
          padding: 12px 0 0 0;
          line-height: 1.3em; }
        body.app > div.content div.modal.alert > div.outer > div.inner > div.content p {
          color: #252525;
          font-size: 18px;
          line-height: 1.4em;
          text-align: center;
          padding: 16px 0 0 0;
          font-weight: 300; }
          body.app > div.content div.modal.alert > div.outer > div.inner > div.content p strong.underline {
            text-decoration: underline; }
          body.app > div.content div.modal.alert > div.outer > div.inner > div.content p span.code {
            background-color: #e2e4e6;
            border: 1px solid #b9bcbd;
            border-radius: 2px;
            color: #eb5a46;
            padding: 1px 3px 1px 3px;
            margin: 0 2px 0 2px;
            text-transform: uppercase;
            font-weight: 500;
            font-size: 14px; }
        body.app > div.content div.modal.alert > div.outer > div.inner > div.content div.actions {
          padding: 18px 0 0 0;
          text-align: center; }
      body.app > div.content div.modal.alert.slim > div.outer > div.inner > div.content {
        width: 384px; }
    body.app > div.content div.modal.billingNotes > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.billingNotes > div.outer > div.inner > div.content {
      width: 752px;
      padding: 30px 25px 30px 25px; }
      body.app > div.content div.modal.billingNotes > div.outer > div.inner > div.content h1 {
        font-size: 24px;
        line-height: 1.3em;
        font-weight: 600;
        padding: 0 0 8px 0;
        text-align: center; }
      body.app > div.content div.modal.billingNotes > div.outer > div.inner > div.content div.body p {
        font-size: 15px;
        padding: 5px 0 0 3px;
        color: rgba(0, 0, 0, 0.72);
        line-height: 1.4em; }
        body.app > div.content div.modal.billingNotes > div.outer > div.inner > div.content div.body p.note {
          background-color: #fef5d9;
          display: block;
          height: 46px;
          line-height: 46px;
          padding: 0 0 0 0;
          margin: 16px 0 0 0; }
          body.app > div.content div.modal.billingNotes > div.outer > div.inner > div.content div.body p.note span {
            display: inline-block;
            margin: 0 8px 0 14px;
            font-size: 20px; }
      body.app > div.content div.modal.billingNotes > div.outer > div.inner > div.content div.body > div.form {
        padding: 16px 0 0 0; }
        body.app > div.content div.modal.billingNotes > div.outer > div.inner > div.content div.body > div.form input {
          float: left;
          width: calc(100% - 12px - 72px); }
        body.app > div.content div.modal.billingNotes > div.outer > div.inner > div.content div.body > div.form div.actions {
          float: left;
          margin: 0 0 0 12px;
          width: 72px; }
          body.app > div.content div.modal.billingNotes > div.outer > div.inner > div.content div.body > div.form div.actions a.button {
            width: 100%;
            height: 41px;
            line-height: 41px; }
    body.app > div.content div.modal.browser > div.overlay {
      opacity: 0.95; }
    body.app > div.content div.modal.browser > div.outer > div.inner > div.content {
      width: 720px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.browser > div.outer > div.inner > div.content h1 {
        font-size: 29px;
        text-align: center;
        padding: 0; }
      body.app > div.content div.modal.browser > div.outer > div.inner > div.content p {
        color: #868686;
        font-size: 20px;
        text-align: center;
        padding: 24px 0 0 0; }
      body.app > div.content div.modal.browser > div.outer > div.inner > div.content ul.browsers {
        margin: 36px 0 0 0;
        width: 100%; }
        body.app > div.content div.modal.browser > div.outer > div.inner > div.content ul.browsers li {
          float: left;
          display: block; }
          body.app > div.content div.modal.browser > div.outer > div.inner > div.content ul.browsers li a {
            display: block;
            width: 165px; }
            body.app > div.content div.modal.browser > div.outer > div.inner > div.content ul.browsers li a div.thumb {
              background-repeat: no-repeat;
              background-position: center top;
              background-size: contain;
              height: 60px; }
            body.app > div.content div.modal.browser > div.outer > div.inner > div.content ul.browsers li a div.copy {
              margin: 16px 0 0 0;
              color: #222222;
              font-size: 17px;
              text-align: center;
              line-height: 1.3em; }
          body.app > div.content div.modal.browser > div.outer > div.inner > div.content ul.browsers li:hover {
            text-decoration: none; }
          body.app > div.content div.modal.browser > div.outer > div.inner > div.content ul.browsers li.chrome a div.thumb {
            background-image: url("../png/chrome.v2.png"); }
          body.app > div.content div.modal.browser > div.outer > div.inner > div.content ul.browsers li.firefox a div.thumb {
            background-image: url("../png/firefox.v2.png"); }
          body.app > div.content div.modal.browser > div.outer > div.inner > div.content ul.browsers li.ie a div.thumb {
            background-image: url("../png/ie.v2.png"); }
          body.app > div.content div.modal.browser > div.outer > div.inner > div.content ul.browsers li.safari a div.thumb {
            background-image: url("../png/safari.v2.png"); }
    body.app > div.content div.modal.busy {
      z-index: 1001;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none; }
      body.app > div.content div.modal.busy > div.outer > div.inner > div.content {
        width: 100px;
        height: 100px;
        border-radius: 100px 100px 100px 100px;
        position: relative;
        background-color: transparent;
        box-shadow: none; }
        body.app > div.content div.modal.busy > div.outer > div.inner > div.content div.icon {
          position: absolute;
          font-size: 48px;
          height: 72px;
          line-height: 72px;
          width: 72px;
          text-align: center;
          color: #783bff;
          color: #ffffff;
          top: 50%;
          margin-top: -36px;
          left: 50%;
          margin-left: -36px; }
        body.app > div.content div.modal.busy > div.outer > div.inner > div.content div.copy {
          position: absolute;
          font-size: 18px;
          font-style: italic;
          line-height: 40px;
          line-height: 1.3;
          color: #ffffff;
          top: 50%;
          left: 50%;
          width: 480px;
          margin-left: -240px;
          height: 40px;
          margin-top: -20px;
          text-align: center;
          padding: 48px 0 0 0;
          font-weight: 400; }
        body.app > div.content div.modal.busy > div.outer > div.inner > div.content div.exception {
          position: fixed;
          right: 0;
          bottom: 0;
          left: 0;
          padding: 16px 0 16px 0;
          line-height: 1.3em;
          font-size: 15px;
          color: #ffffff;
          font-style: italic;
          text-align: center;
          font-weight: 400; }
          body.app > div.content div.modal.busy > div.outer > div.inner > div.content div.exception a {
            color: #f294fd; }
    body.app > div.content div.modal.cacheRefresh > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.cacheRefresh > div.outer > div.inner > div.content {
      width: 404px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.cacheRefresh > div.outer > div.inner > div.content h1 {
        font-size: 26px;
        line-height: 1.3em;
        text-align: center; }
      body.app > div.content div.modal.cacheRefresh > div.outer > div.inner > div.content > p {
        display: block;
        margin: 8px 0 0 0;
        line-height: 1.3em; }
      body.app > div.content div.modal.cacheRefresh > div.outer > div.inner > div.content form div.fields {
        padding: 12px 0 0 0; }
      body.app > div.content div.modal.cacheRefresh > div.outer > div.inner > div.content form div.actions {
        padding: 24px 0 0 0;
        text-align: center; }
    body.app > div.content div.modal.categories.add > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.categories.add > div.outer > div.inner > div.content {
      width: 480px;
      padding: 18px 30px 30px 30px; }
      body.app > div.content div.modal.categories.add > div.outer > div.inner > div.content hr {
        margin: 12px 0 18px 0; }
      body.app > div.content div.modal.categories.add > div.outer > div.inner > div.content form div.fields {
        padding: 12px 0 0 0; }
        body.app > div.content div.modal.categories.add > div.outer > div.inner > div.content form div.fields div.field {
          padding: 0 0 6px 0; }
          body.app > div.content div.modal.categories.add > div.outer > div.inner > div.content form div.fields div.field label {
            display: block;
            float: left;
            width: 35%;
            height: 34px;
            line-height: 34px;
            font-weight: 300;
            color: #888888; }
          body.app > div.content div.modal.categories.add > div.outer > div.inner > div.content form div.fields div.field input {
            height: 34px;
            line-height: 34px;
            font-size: 14px; }
            body.app > div.content div.modal.categories.add > div.outer > div.inner > div.content form div.fields div.field input[type="text"] {
              width: 200px; }
          body.app > div.content div.modal.categories.add > div.outer > div.inner > div.content form div.fields div.field input,
          body.app > div.content div.modal.categories.add > div.outer > div.inner > div.content form div.fields div.field select {
            display: block;
            float: left;
            width: 65%; }
          body.app > div.content div.modal.categories.add > div.outer > div.inner > div.content form div.fields div.field div.dropdown-menu.open {
            max-height: inherit !important; }
        body.app > div.content div.modal.categories.add > div.outer > div.inner > div.content form div.fields input#code {
          text-transform: uppercase; }
      body.app > div.content div.modal.categories.add > div.outer > div.inner > div.content form div.actions {
        padding: 24px 0 0 35%; }
        body.app > div.content div.modal.categories.add > div.outer > div.inner > div.content form div.actions > i {
          position: absolute;
          margin: 0 0 0 4px; }
    body.app > div.content div.modal.categories.apply > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.categories.apply > div.outer > div.inner > div.content {
      width: 780px;
      padding: 30px 30px 18px 30px; }
      body.app > div.content div.modal.categories.apply > div.outer > div.inner > div.content div.categories {
        -moz-column-count: 3;
        -moz-column-gap: 0;
        -webkit-column-count: 3;
        -webkit-column-gap: 0;
        column-count: 3;
        column-gap: 0; }
        body.app > div.content div.modal.categories.apply > div.outer > div.inner > div.content div.categories div.category {
          margin: 0 0 12px 0; }
          body.app > div.content div.modal.categories.apply > div.outer > div.inner > div.content div.categories div.category input {
            display: block;
            float: left;
            margin: 2px 0 0 0; }
            body.app > div.content div.modal.categories.apply > div.outer > div.inner > div.content div.categories div.category input:hover + label {
              font-weight: 900; }
          body.app > div.content div.modal.categories.apply > div.outer > div.inner > div.content div.categories div.category label {
            display: block;
            padding: 0 0 0 16px;
            float: left;
            height: 20px;
            line-height: 20px;
            cursor: pointer; }
            body.app > div.content div.modal.categories.apply > div.outer > div.inner > div.content div.categories div.category label:hover {
              font-weight: 900; }
          body.app > div.content div.modal.categories.apply > div.outer > div.inner > div.content div.categories div.category[data-name="Featured"] label {
            color: #fc7d7d; }
    body.app > div.content div.modal.charge.cardDeclineRateLimitExceeded > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.charge.cardDeclineRateLimitExceeded > div.outer > div.inner > div.content {
      width: 412px;
      padding: 32px 32px 32px 32px;
      color: rgba(0, 0, 0, 0.8); }
      body.app > div.content div.modal.charge.cardDeclineRateLimitExceeded > div.outer > div.inner > div.content p {
        font-size: 17px;
        line-height: 1.4em; }
      body.app > div.content div.modal.charge.cardDeclineRateLimitExceeded > div.outer > div.inner > div.content div.actions {
        text-align: center;
        padding: 18px 0 0 0; }
    body.app > div.content div.modal.charge.doNotHonor > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.charge.doNotHonor > div.outer > div.inner > div.content {
      width: 412px;
      padding: 32px 32px 32px 32px;
      color: rgba(0, 0, 0, 0.8); }
      body.app > div.content div.modal.charge.doNotHonor > div.outer > div.inner > div.content p {
        font-size: 17px;
        line-height: 1.4em; }
      body.app > div.content div.modal.charge.doNotHonor > div.outer > div.inner > div.content div.actions {
        text-align: center;
        padding: 18px 0 0 0; }
    body.app > div.content div.modal.charge.insufficientFunds > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.charge.insufficientFunds > div.outer > div.inner > div.content {
      width: 412px;
      padding: 32px 32px 32px 32px;
      color: rgba(0, 0, 0, 0.8); }
      body.app > div.content div.modal.charge.insufficientFunds > div.outer > div.inner > div.content p {
        font-size: 17px;
        line-height: 1.4em; }
      body.app > div.content div.modal.charge.insufficientFunds > div.outer > div.inner > div.content div.actions {
        text-align: center;
        padding: 18px 0 0 0; }
    body.app > div.content div.modal.charge.transactionNotAllowed > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.charge.transactionNotAllowed > div.outer > div.inner > div.content {
      width: 412px;
      padding: 32px 32px 32px 32px;
      color: rgba(0, 0, 0, 0.8); }
      body.app > div.content div.modal.charge.transactionNotAllowed > div.outer > div.inner > div.content p {
        font-size: 17px;
        line-height: 1.4em; }
      body.app > div.content div.modal.charge.transactionNotAllowed > div.outer > div.inner > div.content div.actions {
        text-align: center;
        padding: 18px 0 0 0; }
    body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content {
      width: 384px;
      padding: 32px;
      text-align: center; }
      body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content div.visuals {
        width: 64px;
        margin: 16px auto 8px auto;
        position: relative; }
        body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content div.visuals div.primary {
          background-color: #f8b92c;
          height: 64px;
          line-height: 64px;
          width: 64px;
          text-align: center;
          font-size: 28px;
          color: #ffffff;
          border-radius: 100px 100px 100px 100px; }
          body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content div.visuals div.primary::before {
            height: 64px;
            line-height: 64px; }
          body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content div.visuals div.primary.icon-only {
            background-color: transparent;
            font-size: 64px; }
            body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content div.visuals div.primary.icon-only.warning {
              color: #f8b92c; }
      body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content h1 {
        font-size: 26px;
        font-weight: 500;
        padding: 12px 0 0 0;
        line-height: 1.3em; }
      body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content h2 {
        color: #252525;
        font-size: 18px;
        line-height: 1.4em;
        text-align: center;
        padding: 16px 0 0 0;
        font-weight: 300; }
      body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content div.watermarks {
        margin: 20px 0 0 0;
        border-top: 1px solid #eeeeee;
        border-bottom: 1px solid #eeeeee;
        text-align: center;
        padding: 4px 0 4px 0; }
        body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content div.watermarks div.field {
          display: inline;
          position: relative;
          top: -1px; }
        body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content div.watermarks label {
          font-size: 14px;
          color: #333333;
          font-weight: 300;
          display: inline; }
      body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content div.actions {
        padding: 24px 0 0 0; }
        body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content div.actions a {
          display: inline-block; }
          body.app > div.content div.modal.clearCanvasConfirm > div.outer > div.inner > div.content div.actions a:first-child {
            margin-right: 4px; }
    body.app > div.content div.modal.checkout > div.outer > div.inner > div.content {
      width: 940px; }
      body.app > div.content div.modal.checkout > div.outer > div.inner > div.content [tooltip].fa.fa-question-circle {
        cursor: default; }
      body.app > div.content div.modal.checkout > div.outer > div.inner > div.content div.logo {
        background-image: url("../png/white.400x121.png");
        background-repeat: no-repeat;
        background-size: contain;
        height: 40px;
        width: 200px;
        background-position: center center;
        margin-left: -100px;
        position: absolute;
        left: 50%;
        top: -80px;
        display: none; }
      body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form {
        /**
         * Position set to relative in the table because of issues
         * with positioning an element absolutely relative to a
         * table-cell.
         */ }
        body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns {
          display: table;
          border-collapse: collapse;
          border-spacing: 0;
          min-height: 540px;
          height: 540px;
          position: relative; }
          body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside,
          body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section {
            display: table-cell;
            vertical-align: top; }
          body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside {
            width: 300px;
            background-color: #ffffff;
            border-radius: 4px 0 0 4px;
            /**
             * Due to a limitation with IE whereby elements
             * cannot be positioned absolutely relative to a
             * table-cell element, this element is positioned
             * relative to the table. As a result, I need to
             * prevent it from stretching all the way across the
             * table (as it was before), so I only set it's
             * position properties relative to bottom and left.
             */ }
            body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside div.wrapper {
              height: 100%; }
            body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing {
              padding: 20px 32px 20px 32px; }
              body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.before {
                color: #ccc;
                display: table;
                border-collapse: collapse;
                border-spacing: 0;
                height: 25px; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.before > div {
                  display: table-cell;
                  vertical-align: bottom; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.before div.dollar {
                  font-size: 25px;
                  font-weight: 500;
                  text-decoration: line-through; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.before div.cents {
                  vertical-align: top;
                  font-size: 6px;
                  font-weight: 300;
                  padding: 2px 0 0 2px; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.before div.interval {
                  font-size: 12px;
                  font-weight: 700;
                  padding: 0 0 2px 0;
                  text-decoration: line-through; }
              body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.after {
                color: #060101;
                display: table;
                border-collapse: collapse;
                border-spacing: 0;
                padding: 4px 0 0 0;
                height: 82px; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.after > div {
                  display: table-cell;
                  vertical-align: bottom; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.after div.dollar {
                  font-size: 78px;
                  font-weight: 700; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.after div.cents {
                  vertical-align: top;
                  font-size: 19px;
                  font-weight: 300;
                  padding: 8px 0 0 2px; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.after div.interval {
                  font-size: 37px;
                  font-weight: 700;
                  padding: 0 0 8px 0; }
              body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.toggler {
                text-align: center;
                padding: 25px 0 0 0;
                -webkit-user-select: none;
                -khtml-user-select: none;
                -moz-user-select: none;
                -o-user-select: none;
                user-select: none; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.toggler > div {
                  display: inline-block;
                  height: 35px;
                  line-height: 35px;
                  cursor: pointer; }
                  body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.toggler > div.copy {
                    font-size: 18px;
                    font-weight: 700; }
                    body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.toggler > div.copy.annually {
                      padding: 0 0 0 14px; }
                    body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.toggler > div.copy.monthly {
                      padding: 0 14px 0 0; }
                  body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.toggler > div.status {
                    width: 60px;
                    border-radius: 100000px;
                    position: relative;
                    -moz-transition: background-color 200ms linear;
                    -o-transition: background-color 200ms linear;
                    -webkit-transition: background-color 200ms linear;
                    transition: background-color 200ms linear; }
                    body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.toggler > div.status::after {
                      background-color: #ffffff;
                      content: ' ';
                      position: absolute;
                      border-radius: 100000px;
                      width: 27px;
                      height: 27px;
                      top: 4px;
                      -moz-transition: left 200ms linear;
                      -o-transition: left 200ms linear;
                      -webkit-transition: left 200ms linear;
                      transition: left 200ms linear; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.toggler.monthly > div.status {
                  background-color: #cccccc; }
                  body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.toggler.monthly > div.status::after {
                    left: 4px; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.toggler.annually > div.status {
                  background-color: #4092da; }
                  body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.toggler.annually > div.status::after {
                    left: 28px; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.toggler[disabled], body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.pricing div.toggler[disabled] > div {
                  cursor: not-allowed; }
            body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside hr {
              margin: 12px 28px 12px 28px; }
            body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.promotions {
              padding: 12px 28px 12px 28px;
              color: #45be46; }
              body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.promotions div.promotion {
                display: table;
                border-collapse: collapse;
                border-spacing: 0;
                margin: 0 0 20px 0; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.promotions div.promotion > div {
                  display: table-cell;
                  vertical-align: middle; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.promotions div.promotion div.icon {
                  font-size: 20px;
                  padding: 0 10px 0 0; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.promotions div.promotion div.copy {
                  font-size: 17px;
                  line-height: 1.3em;
                  font-weight: 400; }
                  body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.promotions div.promotion div.copy span {
                    padding: 0 0 0 3px; }
            body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.actions {
              text-align: center;
              position: absolute;
              bottom: 30px;
              width: 300px;
              left: 0;
              -moz-transition: 100ms linear;
              -o-transition: 100ms linear;
              -webkit-transition: 100ms linear;
              transition: 100ms linear; }
              body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.actions > a {
                color: #783bff;
                font-size: 18px; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.actions > a i {
                  padding: 0 4px 0 0; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.actions > a[disabled] {
                  cursor: default; }
          body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section {
            width: 640px;
            border-radius: 0 4px 4px 0;
            background-color: #f9f9f9;
            padding: 60px 40px 40px 40px; }
            body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section h1 {
              font-size: 34px;
              color: #060101;
              font-weight: 300; }
            body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form {
              padding: 8px 0 0 0;
              color: #4a4a4a; }
              body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns div.column {
                float: left;
                width: 19%; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns div.column:first-child {
                  margin-right: 8%;
                  width: 73%; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns div.column div.field {
                  padding: 20px 0 0 0; }
                  body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns div.column div.field div.input {
                    position: relative; }
                    body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns div.column div.field div.input div.cards {
                      position: absolute;
                      right: 10px;
                      top: 50%;
                      margin-top: -10px;
                      height: 20px;
                      pointer-events: none; }
                      body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns div.column div.field div.input div.cards img {
                        width: 32px;
                        -moz-transition: opacity 350ms linear;
                        -o-transition: opacity 350ms linear;
                        -webkit-transition: opacity 350ms linear;
                        transition: opacity 350ms linear; }
                        body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns div.column div.field div.input div.cards img.faded {
                          opacity: 0.15; }
                  body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns div.column div.field label,
                  body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns div.column div.field input {
                    display: block; }
                  body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns div.column div.field label {
                    font-size: 14px;
                    font-weight: 700;
                    padding: 0 0 6px 2px; }
                    body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns div.column div.field label[for="zip"] {
                      font-size: 13px; }
              body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns.secondary div.column {
                width: 20%;
                margin-right: 5%; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns.secondary div.column input {
                  font-size: 17px; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns.secondary div.column:first-child {
                  margin-right: 5%;
                  width: 50%; }
                  body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns.secondary div.column:first-child input {
                    font-size: 20px; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.fields div.columns.secondary div.column:last-child {
                  margin-right: 0; }
              body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.explanation {
                font-size: 21px;
                line-height: 1.3em;
                color: #060101;
                font-weight: 300;
                padding: 24px 0 0 0; }
              body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.actions {
                padding: 32px 0 0 0; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.actions > a.button {
                  float: left; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.actions > div.trialConfirmation {
                  float: left;
                  padding: calc((56px - 18px) / 2) 0 0 0;
                  font-size: 18px;
                  line-height: 18px; }
                  body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.actions > div.trialConfirmation div.field {
                    float: left;
                    padding: 0 0 0 24px; }
                    body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.actions > div.trialConfirmation div.field input {
                      margin: 0 0 0 0;
                      padding: 0 0 0 0;
                      position: relative;
                      top: -2px; }
                  body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.actions > div.trialConfirmation div.label {
                    float: left;
                    padding: 0 0 0 12px; }
                    body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.actions > div.trialConfirmation div.label a {
                      color: #783bff; }
                      body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.actions > div.trialConfirmation div.label a:hover {
                        text-decoration: underline; }
              body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.messaging {
                padding: 16px 0 0 0;
                color: #45be46;
                font-size: 17px; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.messaging i {
                  padding: 0 4px 0 0; }
              body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.comodo {
                position: absolute;
                right: 0px;
                bottom: -2px; }
                body.app > div.content div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > section div.form div.comodo img {
                  border-radius: 0 0 4px 0; }
    body.app > div.content div.modal.createCollection > div.outer > div.inner > div.content {
      width: 420px;
      padding: 24px 24px 24px 24px; }
      body.app > div.content div.modal.createCollection > div.outer > div.inner > div.content h1 {
        font-size: 24px;
        font-weight: 500;
        line-height: 1.3em;
        font-weight: 700; }
      body.app > div.content div.modal.createCollection > div.outer > div.inner > div.content div.helper {
        color: #737373;
        margin: 8px 0 0 0; }
        body.app > div.content div.modal.createCollection > div.outer > div.inner > div.content div.helper p {
          line-height: 1.2em; }
      body.app > div.content div.modal.createCollection > div.outer > div.inner > div.content form {
        padding: 16px 0 0 0; }
        body.app > div.content div.modal.createCollection > div.outer > div.inner > div.content form div.callout {
          margin: 0 0 12px 0; }
        body.app > div.content div.modal.createCollection > div.outer > div.inner > div.content form div.actions {
          padding: 16px 0 0 0;
          text-align: right; }
    body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content {
      width: 264px;
      padding: 0 0 0 0;
      background-color: #fafbfc; }
      body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content h1 {
        font-size: 21px;
        padding: 16px 6px 6px 16px;
        font-weight: 500;
        line-height: 1.3em;
        font-weight: 700; }
      body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections {
        height: 320px; }
        body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results {
          position: relative;
          height: 100%; }
          body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner {
            position: absolute;
            bottom: 75px;
            top: 10px;
            left: 12px;
            right: 8px;
            overflow: auto; }
            body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner::-webkit-scrollbar {
              -webkit-appearance: none;
              width: 8px;
              background-color: #eeeeee;
              border-radius: 100px 100px 100px 100px; }
            body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner::-webkit-scrollbar-thumb {
              border-radius: 100px 100px 100px 100px;
              background-color: #c2c2c2; }
            body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow {
              position: relative;
              height: 36px;
              line-height: 36px; }
              body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow.shake {
                animation: shakeAnimation 750ms cubic-bezier(0.36, 0.07, 0.19, 0.97) both;
                transform: translate3d(0, 0, 0);
                backface-visibility: hidden;
                perspective: 1000px; }
              body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow.flicker {
                animation: flickerAnimation 750ms cubic-bezier(0.36, 0.07, 0.19, 0.97) infinite; }
              body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a {
                display: block; }
                body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a div.input.checkbox,
                body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a div.copy,
                body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a div.count {
                  float: left; }
                  body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a div.input.checkbox.input.checkbox,
                  body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a div.copy.input.checkbox,
                  body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a div.count.input.checkbox {
                    margin: 0 10px 0 4px;
                    font-size: 14px;
                    height: 16px;
                    line-height: 16px;
                    position: relative;
                    top: 10px;
                    text-align: center;
                    display: none;
                    opacity: 0.35;
                    -moz-transition: opacity 75ms linear;
                    -o-transition: opacity 75ms linear;
                    -webkit-transition: opacity 75ms linear;
                    transition: opacity 75ms linear; }
                  body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a div.input.checkbox.copy,
                  body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a div.copy.copy,
                  body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a div.count.copy {
                    color: #252525;
                    max-width: 60%;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                    overflow: hidden;
                    font-size: 14px; }
                  body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a div.input.checkbox.count,
                  body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a div.copy.count,
                  body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a div.count.count {
                    text-shadow: 1px 1px rgba(0, 0, 0, 0.09);
                    background-color: #c3c3c3;
                    padding: 0 8px 0 8px;
                    border-radius: 100px 100px 100px 100px;
                    margin: 0 0 0 4px;
                    font-size: 10px;
                    color: #ffffff;
                    height: 16px;
                    line-height: 16px;
                    position: relative;
                    top: 10px;
                    font-weight: 600; }
                body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a.idle div.input.checkbox.idle, body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a.processing div.input.checkbox.processing, body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a.partial div.input.checkbox.partial, body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a.checked div.input.checkbox.checked {
                  display: block; }
                body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a:hover {
                  text-decoration: none; }
                  body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a:hover div.input.checkbox.input.checkbox {
                    opacity: 1; }
                  body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a:hover div.copy {
                    color: #783bff; }
                body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a.checked div.checked.pulse {
                  animation: pulseAnimation 1200ms ease-out 1; }
                body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a.partial div.input.checkbox.input.checkbox, body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a.checked div.input.checkbox.input.checkbox {
                  opacity: 1; }
                body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow > a.partial div.input.checkbox.input.checkbox::after {
                  content: ' ';
                  background-color: rgba(0, 0, 0, 0.95);
                  position: absolute;
                  top: 7px;
                  left: 3px;
                  right: 3px;
                  bottom: 0;
                  height: 2px; }
              body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow[disabled] {
                opacity: 0.58;
                cursor: not-allowed; }
                body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.inner div.contextMenuCollectionRow[disabled] a {
                  pointer-events: none; }
            body.firefox div.collections > div.results div.inner,
            body.ie div.collections > div.results div.inner,
            body.edge div.collections > div.results div.inner {
              top: 0 !important;
              right: 0 !important;
              left: 0 !important;
              border-bottom: 1px solid #ebebeb; }
            body.firefox div.collections > div.results div.inner div.contextMenuCollectionRow,
            body.ie div.collections > div.results div.inner div.contextMenuCollectionRow,
            body.edge div.collections > div.results div.inner div.contextMenuCollectionRow {
              margin: 0 0 0 12px; }
            body.firefox div.collections > div.results div.inner div.contextMenuCollectionRow:first-child,
            body.ie div.collections > div.results div.inner div.contextMenuCollectionRow:first-child,
            body.edge div.collections > div.results div.inner div.contextMenuCollectionRow:first-child {
              margin-top: 6px; }
            body.firefox div.collections > div.results div.inner div.contextMenuCollectionRow:last-child,
            body.ie div.collections > div.results div.inner div.contextMenuCollectionRow:last-child,
            body.edge div.collections > div.results div.inner div.contextMenuCollectionRow:last-child {
              margin-bottom: 6px; }
          body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.action {
            position: absolute;
            bottom: 0;
            left: 0;
            right: 0;
            padding: 20px 0 20px 0;
            text-align: center; }
            body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.results div.action::after {
              background: linear-gradient(180deg, transparent, #fafbfc);
              position: absolute;
              left: 0;
              bottom: 75px;
              right: 16px;
              height: 16px; }
        body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.messaging {
          display: table;
          border-collapse: collapse;
          border-spacing: 0;
          height: 320px;
          width: 100%; }
          body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.messaging div.empty {
            display: table-cell;
            height: 320px;
            text-align: center;
            vertical-align: middle;
            padding: 0 10px 0 10px; }
            body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.messaging div.empty div.icon {
              height: 54px;
              line-height: 54px;
              width: 54px;
              text-align: center;
              margin: 0 auto 0 auto;
              color: #bebebe;
              font-size: 54px; }
            body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.messaging div.empty div.copy {
              font-weight: 700;
              line-height: 1.2em;
              font-size: 18px;
              padding: 12px 0 0 0; }
            body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.messaging div.empty div.action {
              padding: 18px 0 0 0; }
            body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.messaging div.empty div.question {
              padding: 8px 0 0 0; }
              body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.messaging div.empty div.question a {
                font-style: italic;
                color: #252525;
                font-size: 13px;
                opacity: 0.5; }
                body.app > div.content div.modal.selectCollections > div.outer > div.inner > div.content div.collections > div.messaging div.empty div.question a:hover {
                  color: #783bff;
                  text-decoration: underline;
                  opacity: 1; }
    body.app > div.content div.modal.configOptions > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content {
      width: 1180px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content h1 {
        font-size: 26px;
        line-height: 1.3em;
        text-align: center;
        padding: 0 0 24px 0; }
      body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.headers,
      body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows {
        padding: 0 8px 0 0; }
        body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.headers div.column,
        body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.column {
          float: left;
          font-size: 13px;
          height: 24px;
          line-height: 24px; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.headers div.column.key,
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.column.key {
            width: 40%;
            font-size: 12px; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.headers div.column.type,
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.column.type {
            width: 90px; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.headers div.column.override,
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.column.override {
            width: 90px; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.headers div.column.value,
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.column.value {
            width: calc(100% - 40% - 90px - 90px - 45px); }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.headers div.column.actions,
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.column.actions {
            width: 45px; }
      body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.headers {
        margin: 0 8px 14px 0; }
        body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.headers div.column {
          text-transform: uppercase; }
      body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows {
        height: 360px;
        overflow: auto; }
        body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows::-webkit-scrollbar {
          -webkit-appearance: none;
          width: 8px;
          background-color: #eeeeee;
          border-radius: 100px 100px 100px 100px; }
        body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows::-webkit-scrollbar-thumb {
          border-radius: 100px 100px 100px 100px;
          background-color: #c2c2c2; }
        body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows h2 {
          font-size: 18px;
          line-height: 1.3em;
          text-align: left;
          padding: 24px 0 8px 0; }
        body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row {
          margin: 0 0 8px 0; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row div.column.key label {
            display: block;
            font-family: monospace;
            max-width: 100%;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden;
            padding: 0 12px 0 0; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row div.column.type {
            font-family: monospace;
            text-transform: uppercase; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row div.column.override input.toggler {
            margin: calc((24px - 16px) / 2) 0 0 0; }
            body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row div.column.override input.toggler:hover {
              cursor: pointer; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row div.column.value input.slim {
            display: block;
            height: 24px;
            line-height: 24px;
            font-size: 13px;
            border-radius: 3px 3px 3px 3px; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row div.column.value input.toggler {
            margin: calc((24px - 16px) / 2) 0 0 0; }
            body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row div.column.value input.toggler:hover {
              cursor: pointer; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row div.column.value button.btn.dropdown-toggle {
            padding: 2px 12px 2px 12px;
            font-size: 12px; }
            body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row div.column.value button.btn.dropdown-toggle span.filter-option {
              max-width: 90%;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row div.column.value div.dropdown-menu li.selected a {
            color: #45be46; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row div.column.value span.icon {
            display: inline-block;
            margin: 5px 0 0 4px;
            width: 14px;
            height: 14px;
            line-height: 14px;
            text-align: center;
            font-size: 11px; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row div.column.actions a.button {
            display: block;
            float: left;
            margin: 1px 0 0 6px;
            font-size: 10px;
            padding: 0 10px 0 10px; }
          body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows div.row:hover {
            background-color: rgba(255, 255, 0, 0.1); }
        body.app > div.content div.modal.configOptions > div.outer > div.inner > div.content div.rows > div:first-child h2:first-child {
          padding: 0 0 8px 0; }
    body.app > div.content div.modal.confirm > div.outer > div.inner > div.content {
      width: 384px;
      padding: 32px;
      text-align: center; }
      body.app > div.content div.modal.confirm > div.outer > div.inner > div.content div.icon {
        height: 72px;
        line-height: 72px;
        width: 72px;
        text-align: center;
        font-size: 64px;
        color: #faba00;
        margin: 0 auto 0 auto; }
        body.app > div.content div.modal.confirm > div.outer > div.inner > div.content div.icon::before {
          height: 72px;
          line-height: 72px; }
      body.app > div.content div.modal.confirm > div.outer > div.inner > div.content h1 {
        font-size: 24px;
        font-weight: 500;
        padding: 16px 0 0 0;
        line-height: 1.3em; }
      body.app > div.content div.modal.confirm > div.outer > div.inner > div.content h2 {
        font-size: 20px;
        font-weight: 300;
        padding: 12px 0 0 0;
        line-height: 1.3em; }
      body.app > div.content div.modal.confirm > div.outer > div.inner > div.content div.actions {
        padding: 24px 0 0 0; }
        body.app > div.content div.modal.confirm > div.outer > div.inner > div.content div.actions a {
          display: inline-block; }
          body.app > div.content div.modal.confirm > div.outer > div.inner > div.content div.actions a:first-child {
            margin-right: 4px; }
    body.app > div.content div.modal.confirm.warning > div.outer > div.inner > div.content h2 strong {
      color: red; }
    body.app > div.content div.modal.confirmMobile > div.outer > div.inner > div.content {
      width: 384px;
      padding: 32px;
      text-align: center; }
      body.app > div.content div.modal.confirmMobile > div.outer > div.inner > div.content div.icon {
        height: 72px;
        line-height: 72px;
        width: 72px;
        text-align: center;
        font-size: 72px;
        color: #faba00;
        margin: 0 auto 0 auto; }
      body.app > div.content div.modal.confirmMobile > div.outer > div.inner > div.content h1 {
        font-size: 24px;
        font-weight: 500;
        padding: 24px 0 0 0;
        line-height: 1.3em; }
      body.app > div.content div.modal.confirmMobile > div.outer > div.inner > div.content h2 {
        font-size: 20px;
        font-weight: 300;
        padding: 16px 0 0 0;
        line-height: 1.3em; }
      body.app > div.content div.modal.confirmMobile > div.outer > div.inner > div.content div.actions {
        padding: 24px 0 0 0; }
        body.app > div.content div.modal.confirmMobile > div.outer > div.inner > div.content div.actions a {
          display: inline-block; }
    body.app > div.content div.modal.confirmMobile.warning > div.outer > div.inner > div.content h2 strong {
      color: red; }
    body.app > div.content div.modal.connections > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.connections > div.outer > div.inner > div.content {
      width: 404px;
      padding: 30px 25px 30px 25px; }
      body.app > div.content div.modal.connections > div.outer > div.inner > div.content h1 {
        font-size: 26px;
        line-height: 1.3em;
        font-weight: 300;
        padding: 0 0 20px 0; }
      body.app > div.content div.modal.connections > div.outer > div.inner > div.content div.list {
        height: 180px;
        overflow: auto;
        position: relative; }
        body.app > div.content div.modal.connections > div.outer > div.inner > div.content div.list::-webkit-scrollbar {
          -webkit-appearance: none;
          width: 8px;
          background-color: #eeeeee;
          border-radius: 100px 100px 100px 100px; }
        body.app > div.content div.modal.connections > div.outer > div.inner > div.content div.list::-webkit-scrollbar-thumb {
          border-radius: 100px 100px 100px 100px;
          background-color: #c2c2c2; }
        body.app > div.content div.modal.connections > div.outer > div.inner > div.content div.list div.connection {
          width: 100%;
          padding: 0 0 12px 12px; }
          body.app > div.content div.modal.connections > div.outer > div.inner > div.content div.list div.connection div.picture {
            float: left;
            width: 24px; }
            body.app > div.content div.modal.connections > div.outer > div.inner > div.content div.list div.connection div.picture a {
              display: block;
              height: 24px;
              line-height: 24px;
              width: 24px;
              text-align: center;
              background-size: contain;
              background-position: center center;
              background-repeat: no-repeat;
              border-radius: 2px; }
          body.app > div.content div.modal.connections > div.outer > div.inner > div.content div.list div.connection div.name {
            float: left;
            width: 270px;
            margin: 0 0 0 8px; }
            body.app > div.content div.modal.connections > div.outer > div.inner > div.content div.list div.connection div.name a {
              display: block;
              float: left;
              max-width: 180px;
              text-overflow: ellipsis;
              white-space: nowrap;
              overflow: hidden;
              font-size: 16px;
              height: 24px;
              line-height: 24px; }
            body.app > div.content div.modal.connections > div.outer > div.inner > div.content div.list div.connection div.name div.type {
              float: left;
              color: #666666;
              font-size: 13px;
              height: 24px;
              line-height: 24px;
              padding: 0 0 0 12px; }
          body.app > div.content div.modal.connections > div.outer > div.inner > div.content div.list div.connection div.actions {
            float: left;
            width: 12px; }
            body.app > div.content div.modal.connections > div.outer > div.inner > div.content div.list div.connection div.actions a {
              display: block;
              height: 24px;
              line-height: 24px;
              color: #555555;
              font-size: 15px;
              width: 12px;
              text-align: center; }
      body.app > div.content div.modal.connections > div.outer > div.inner > div.content > div.actions {
        padding: 24px 0 0 0;
        text-align: center; }
        body.app > div.content div.modal.connections > div.outer > div.inner > div.content > div.actions a {
          display: inline-block; }
    body.app > div.content div.modal.cookies > div.overlay {
      opacity: 0.95; }
    body.app > div.content div.modal.cookies > div.outer > div.inner > div.content {
      width: 620px;
      padding: 70px 20px 70px 20px;
      text-align: center; }
      body.app > div.content div.modal.cookies > div.outer > div.inner > div.content h1 {
        font-size: 24px;
        line-height: 1.3em; }
      body.app > div.content div.modal.cookies > div.outer > div.inner > div.content p {
        font-size: 18px;
        line-height: 1.3em;
        padding: 32px 0 0 0; }
    body.app > div.content div.modal.countdown > div.outer > div.inner > div.content {
      width: 577px;
      /*
                      > div.alternative {
                          padding: 16px 0 0 0;
      
                          em {
                              display: block;
                              text-transform: uppercase;
                              color: #252525;
                              font-weight: 300;
                              font-size: 19px;
                          }
      
                          p {
                              display: block;
                              font-weight: 700;
                              color: #3db13d;
                              line-height: 1.3em;
                              font-size: 19px;
                              padding: 12px 0 0 0;
                          }
      
                          div.actions {
                              padding: 12px 0 0 0;
      
                              > a {
                                  background-color: $facebook-blue;
                                  font-size: 24px;
                                  color: #ffffff;
                                  @include square(40px);
                                  border-radius: 100px 100px 100px 100px;
      
                                  &.facebook {
                                      background-color: $facebook-blue;
                                      margin: 0 8px 0 0;
      
                                      &:hover {
                                          background-color: $facebook-blue-dark;
                                      }
                                  }
      
                                  &.twitter {
                                      background-color: $twitter-blue;
      
                                      &:hover {
                                          background-color: $twitter-blue-dark;
                                      }
                                  }
                              }
                          }
                      }
      */ }
      body.app > div.content div.modal.countdown > div.outer > div.inner > div.content .stencil-caret {
        position: absolute; }
        body.app > div.content div.modal.countdown > div.outer > div.inner > div.content .stencil-caret.up {
          top: -10px;
          left: 50%;
          margin-left: -10px; }
          body.app > div.content div.modal.countdown > div.outer > div.inner > div.content .stencil-caret.up::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            border-bottom: 10px solid #e6e6e6;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent; }
          body.app > div.content div.modal.countdown > div.outer > div.inner > div.content .stencil-caret.up::after {
            content: '';
            position: absolute;
            left: 1px;
            top: 1px;
            border-bottom: 9px solid #ffffff;
            border-left: 9px solid transparent;
            border-right: 9px solid transparent; }
      body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns section {
        float: left;
        width: 335px;
        height: 277px;
        position: relative; }
        body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns section h1 {
          padding: 36px 0 0 0;
          font-size: 23px;
          line-height: 1.3em;
          color: #252525;
          text-align: center;
          font-weight: 300; }
          body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns section h1 .orange {
            color: #f49c00; }
          body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns section h1 .red {
            color: #f05a5c; }
        body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns section > p {
          font-weight: 300;
          font-size: 16px;
          line-height: 1.3em;
          color: #252525;
          padding: 12px 0 0 0;
          text-align: center; }
        body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns section > div.actions {
          padding: 16px 0 0 0;
          text-align: center; }
        body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns section > div.date {
          position: absolute;
          bottom: 20px;
          left: 0;
          right: 0;
          text-align: center;
          color: #252525;
          font-size: 14px;
          line-height: 1.3em; }
      body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside {
        float: left;
        width: 242px;
        height: 277px;
        border-radius: 0 3px 3px 0;
        background-color: #f7f7f7; }
        body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside > div.icon {
          padding: 42px 0 0 0;
          text-align: center; }
          body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside > div.icon span.fa {
            color: #ff0000;
            font-size: 32px;
            transform: rotate(-30deg); }
        body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside h2 {
          text-align: center;
          padding: 12px 0 0 0;
          font-weight: 700;
          line-height: 1.3em; }
        body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside ul {
          padding: 16px 16px 0 16px; }
          body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside ul li {
            display: block; }
            body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside ul li a {
              display: block;
              height: 20px;
              line-height: 20px;
              margin: 0 0 16px 0; }
              body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside ul li a div.icon {
                float: left;
                width: 20px;
                margin: 0 12px 0 0;
                border-radius: 100px 100px 100px 100px;
                height: 20px;
                line-height: 20px;
                color: #ffffff;
                text-align: center;
                font-size: 12px;
                -moz-transition: 150ms linear;
                -o-transition: 150ms linear;
                -webkit-transition: 150ms linear;
                transition: 150ms linear; }
                body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside ul li a div.icon.facebook {
                  background-color: #3d529c; }
                body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside ul li a div.icon.twitter {
                  background-color: #00a8f1; }
              body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside ul li a div.copy {
                float: left;
                width: 178px;
                color: #783bff;
                font-size: 15px;
                -moz-transition: color 150ms linear;
                -o-transition: color 150ms linear;
                -webkit-transition: color 150ms linear;
                transition: color 150ms linear; }
              body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside ul li a:hover:not([disabled]) div.icon.facebook {
                background-color: #374a8c; }
              body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside ul li a:hover:not([disabled]) div.icon.twitter {
                background-color: #0097d9; }
              body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside ul li a:hover:not([disabled]) div.copy {
                text-decoration: underline; }
              body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside ul li a[disabled] {
                cursor: default; }
                body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside ul li a[disabled] div.icon {
                  background-color: #999999; }
                body.app > div.content div.modal.countdown > div.outer > div.inner > div.content div.columns aside ul li a[disabled] div.copy {
                  text-decoration: line-through;
                  color: #666666; }
    body.app > div.content div.modal.coupons.add > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.coupons.add > div.outer > div.inner > div.content {
      width: 540px;
      padding: 18px 30px 30px 30px; }
      body.app > div.content div.modal.coupons.add > div.outer > div.inner > div.content hr {
        margin: 12px 0 18px 0; }
      body.app > div.content div.modal.coupons.add > div.outer > div.inner > div.content form div.fields {
        padding: 12px 0 0 0; }
        body.app > div.content div.modal.coupons.add > div.outer > div.inner > div.content form div.fields div.field {
          padding: 0 0 6px 0; }
          body.app > div.content div.modal.coupons.add > div.outer > div.inner > div.content form div.fields div.field label {
            display: block;
            float: left;
            width: 35%;
            height: 34px;
            line-height: 34px;
            font-weight: 300;
            color: #888888; }
          body.app > div.content div.modal.coupons.add > div.outer > div.inner > div.content form div.fields div.field input {
            height: 34px;
            line-height: 34px;
            font-size: 14px; }
            body.app > div.content div.modal.coupons.add > div.outer > div.inner > div.content form div.fields div.field input[type="text"] {
              width: 200px; }
          body.app > div.content div.modal.coupons.add > div.outer > div.inner > div.content form div.fields div.field input,
          body.app > div.content div.modal.coupons.add > div.outer > div.inner > div.content form div.fields div.field select {
            display: block;
            float: left;
            width: 65%; }
          body.app > div.content div.modal.coupons.add > div.outer > div.inner > div.content form div.fields div.field div.dropdown-menu.open {
            max-height: inherit !important; }
        body.app > div.content div.modal.coupons.add > div.outer > div.inner > div.content form div.fields input#code {
          text-transform: uppercase; }
      body.app > div.content div.modal.coupons.add > div.outer > div.inner > div.content form div.actions {
        padding: 24px 0 0 35%; }
        body.app > div.content div.modal.coupons.add > div.outer > div.inner > div.content form div.actions > i {
          position: absolute;
          margin: 0 0 0 4px; }
    body.app > div.content div.modal.coupons.apply > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
      body.app > div.content div.modal.coupons.apply > div.overlay.alternative {
        display: none; }
    body.app > div.content div.modal.coupons.apply > div.outer > div.inner > div.content {
      width: 404px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.coupons.apply > div.outer > div.inner > div.content div.icon {
        color: #00d682;
        font-size: 64px;
        height: 64px;
        width: 100%;
        line-height: 64px;
        text-align: center;
        margin: 0 0 12px 0; }
      body.app > div.content div.modal.coupons.apply > div.outer > div.inner > div.content h1 {
        font-size: 26px;
        line-height: 1.3em;
        text-align: center; }
      body.app > div.content div.modal.coupons.apply > div.outer > div.inner > div.content p {
        line-height: 1.3em;
        font-size: 18px;
        display: block;
        text-align: center; }
      body.app > div.content div.modal.coupons.apply > div.outer > div.inner > div.content form div.fields {
        padding: 12px 0 0 0; }
        body.app > div.content div.modal.coupons.apply > div.outer > div.inner > div.content form div.fields div.field input {
          text-transform: uppercase; }
      body.app > div.content div.modal.coupons.apply > div.outer > div.inner > div.content form div.actions {
        padding: 24px 0 0 0;
        text-align: center; }
        body.app > div.content div.modal.coupons.apply > div.outer > div.inner > div.content form div.actions span.alternative {
          display: none; }
      body.app > div.content div.modal.coupons.apply > div.outer > div.inner > div.content div.faux {
        display: none; }
    body.app > div.content div.modal.coupons.apply.trial > div.overlay {
      display: none; }
      body.app > div.content div.modal.coupons.apply.trial > div.overlay.alternative {
        display: block; }
    body.app > div.content div.modal.coupons.apply.trial > div.outer > div.inner > div.content div.standard {
      display: none; }
    body.app > div.content div.modal.coupons.apply.trial > div.outer > div.inner > div.content div.faux {
      display: block; }
    body.app > div.content div.modal.coupons.apply.trial > div.outer > div.inner > div.content > a.close {
      display: none; }
    body.app > div.content div.modal.coupons.apply.trial > div.outer > div.inner > div.content p {
      margin: 16px 0 0 0; }
    body.app > div.content div.modal.coupons.apply.trial > div.outer > div.inner > div.content form input[name="data[code]"] {
      display: none; }
    body.app > div.content div.modal.coupons.apply.trial > div.outer > div.inner > div.content form span.copy {
      display: none; }
      body.app > div.content div.modal.coupons.apply.trial > div.outer > div.inner > div.content form span.copy.alternative {
        display: block; }
    body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content {
      width: 340px;
      overflow: hidden;
      padding: 22px; }
      body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option {
        padding: 0 0 32px 0; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option h2 {
          font-weight: 700;
          display: block;
          padding: 0 0 12px 0; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.basename label {
          font-weight: 700;
          display: block;
          padding: 0 0 8px 0; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.qualities div.inputs input {
          display: block;
          float: left;
          padding: 0;
          margin: 1px 0 0 1px;
          height: 16px; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.qualities div.inputs input:checked + label {
          font-weight: 700; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.qualities div.inputs > label {
          float: left;
          margin: 0 0 0 8px;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.qualities div.inputs > div.recommended {
          font-style: italic;
          display: block;
          float: left;
          margin: 0 0 0 8px;
          font-size: 16px;
          font-weight: 300;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.qualities div.inputs input#png,
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.qualities div.inputs input#gif {
          margin: 0 0 0 16px; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.multipliers div.inputs input {
          display: block;
          float: left;
          padding: 0;
          margin: 1px 0 0 1px;
          height: 16px; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.multipliers div.inputs input:checked + label {
          font-weight: 700; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.multipliers div.inputs > label {
          float: left;
          margin: 0 0 0 8px;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.mediaType div.inputs input {
          display: block;
          float: left;
          padding: 0;
          margin: 1px 0 0 1px;
          height: 16px; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.mediaType div.inputs input:checked + label {
          font-weight: 700; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.mediaType div.inputs > label {
          float: left;
          margin: 0 0 0 8px;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.mediaType div.inputs > div.label {
          font-style: italic;
          display: block;
          float: left;
          margin: 0 0 0 8px;
          font-size: 16px;
          font-weight: 300;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.mediaType div.inputs input#print {
          margin: 0 0 0 16px; }
        body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.mediaType div.inputs > div.icon {
          padding: 0 0 0 4px;
          float: left; }
          body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.mediaType div.inputs > div.icon > span {
            color: #c3c3c3; }
          body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.option.mediaType div.inputs > div.icon:hover > span {
            color: #252525; }
      body.app > div.content div.modal.cropDownload > div.outer > div.inner > div.content div.actions a {
        width: 100%; }
    body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content {
      width: 400px;
      overflow: hidden;
      padding: 30px 22px 26px 22px; }
      body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.prompt div.column {
        float: left; }
        body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.prompt div.column:first-child {
          height: 40px;
          width: 40px;
          position: relative; }
          body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.prompt div.column:first-child div.icon {
            height: 40px;
            line-height: 40px;
            width: 40px;
            text-align: center;
            background-color: #45be46;
            border-radius: 100px 100px 100px 100px;
            color: #ffffff;
            font-size: 24px; }
        body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.prompt div.column:last-child {
          line-height: 1.3em;
          width: calc(100% - 40px);
          padding: 0 0 0 12px; }
      body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.focus {
        padding: 8px 0 0 0; }
        body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.focus div.fields {
          padding: 12px 0 0 0;
          position: relative; }
          body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.focus div.fields input.placeholder {
            display: none;
            font-size: 17px;
            font-size: 15px;
            padding: 0 0 0 32px; }
          body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.focus div.fields div.icon {
            display: none;
            position: absolute;
            left: 12px;
            top: 31px;
            color: #999999; }
          body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.focus div.fields.placeholder input {
            display: none; }
            body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.focus div.fields.placeholder input.placeholder {
              display: inline-block; }
          body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.focus div.fields.placeholder div.icon {
            display: block; }
          body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.focus div.fields div.copy {
            position: absolute;
            right: 10px;
            top: 12px;
            font-size: 19px;
            height: 54px;
            line-height: 54px; }
            body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.focus div.fields div.copy span {
              color: #c3c3c3; }
              body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.focus div.fields div.copy span:hover {
                cursor: pointer;
                color: #000000; }
        body.app > div.content div.modal.cropLink > div.outer > div.inner > div.content div.focus div.actions {
          padding: 24px 0 0 0; }
    body.app > div.content div.modal.cropper {
      overflow: hidden; }
      body.app > div.content div.modal.cropper > div.overlay {
        background-color: rgba(50, 58, 69, 0.85); }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > a.close {
        top: -24px;
        right: -24px; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > a.close:hover {
          color: #ffffff; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > a.close.pulled {
          top: -28px;
          right: -5px; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > a.close.pushed {
          top: -86px;
          right: -37px; }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.sizing {
        position: absolute;
        bottom: -24px;
        height: 24px;
        line-height: 24px;
        font-size: 13px;
        padding: 0 4px 0 4px;
        z-index: 1;
        display: none; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.sizing > a {
          color: rgba(255, 255, 255, 0.7);
          text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.2);
          -moz-transition: color 50ms linear;
          -o-transition: color 50ms linear;
          -webkit-transition: color 50ms linear;
          transition: color 50ms linear;
          z-index: 2; }
          body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.sizing > a div.icon,
          body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.sizing > a div.label,
          body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.sizing > a div.dimensions {
            float: left;
            height: 24px;
            line-height: 24px; }
          body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.sizing > a div.icon {
            padding: 0 4px 0 0;
            padding: 1px 6px 0 0;
            font-size: 12px; }
          body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.sizing > a div.label {
            padding: 0 2px 0 0;
            max-width: 140px;
            text-overflow: ellipsis;
            white-space: nowrap;
            overflow: hidden; }
          body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.sizing > a:hover {
            color: #783bff; }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.container {
        max-height: 100%;
        max-width: 100%; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.container img {
          max-width: 100%; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.container div.cropper-container div.cropper-crop-box span.cropper-face {
          background-color: transparent; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.container div.cropper-container div.cropper-crop-box span.cropper-dashed {
          border-color: #000000;
          opacity: 0.3; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.container div.cropper-container div.cropper-crop-box span.mask {
          position: absolute;
          left: 0;
          top: 0;
          pointer-events: none; }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.primary {
        height: 55px;
        padding: 10px 0 0 0;
        position: absolute;
        right: 0;
        left: 0;
        text-align: right;
        bottom: -55px;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.primary > a[lookup="toggleMenu"] {
          margin: 0 0 0 0; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.primary > a[lookup="crop"] {
          display: none; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.primary > a div.icon {
          display: inline-block;
          padding: 0 6px 0 0; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.primary > a div.copy {
          display: inline-block; }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary {
        position: absolute;
        top: 0;
        right: calc(0px - 60px - 10px); }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group {
          background-color: rgba(0, 0, 0, 0.9);
          border-radius: 6px;
          margin: 6px auto 0 auto;
          float: left; }
          body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column a {
            height: 30px;
            display: block; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column a div.copy {
              margin: 0 auto 0 auto;
              position: relative; }
          body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column {
            float: left;
            width: 30px; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column.standard a div.copy {
              border: 1px solid rgba(255, 255, 255, 0.35);
              background-color: rgba(255, 255, 255, 0.35);
              border-color: transparent;
              top: calc((30px - 12px) / 2);
              height: 12px; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column.standard a[lookup="rectangle"] div.copy {
              width: 16px; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column.standard a[lookup="roundedRectangle"] div.copy {
              width: 16px;
              border-radius: 4px 4px 4px 4px; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column.standard a[lookup="square"] div.copy {
              width: 12px; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column.standard a[lookup="ellipse"] div.copy {
              width: 16px;
              border-radius: 50%; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column.standard a[lookup="circle"] div.copy {
              width: 12px;
              border-radius: 50%; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column.standard a.active div.copy, body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column.standard a:hover:not(.active) div.copy {
              background-color: white; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column.masks a div.copy {
              height: 30px;
              background-size: 16px auto;
              background-position: center;
              background-repeat: no-repeat;
              filter: invert(1);
              opacity: 0.3; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column.masks a.active div.copy, body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group div.column.masks a:hover:not(.active) div.copy {
              opacity: 1.0; }
          body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group.shapes {
            margin: 0 auto 0 auto; }
          body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group.features {
            clear: left; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group.features a div.copy {
              color: rgba(255, 255, 255, 0.35);
              height: 30px;
              width: 100%;
              text-align: center;
              line-height: 30px;
              font-size: 15px; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group.features a:hover div.copy, body.app > div.content div.modal.cropper > div.outer > div.inner > div.content > div.actions.secondary div.group.features a.active div.copy {
              color: white; }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.popover {
        position: absolute;
        bottom: 5px;
        width: 220px;
        z-index: 1000;
        right: 0; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.popover .stencil-caret {
          position: absolute; }
          body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.popover .stencil-caret.down {
            bottom: 1px;
            left: 50%;
            margin-left: -10px; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.popover .stencil-caret.down::before {
              content: '';
              position: absolute;
              top: 1px;
              left: 0;
              border-top: 10px solid rgba(194, 194, 194, 0.65);
              border-left: 10px solid transparent;
              border-right: 10px solid transparent; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.popover .stencil-caret.down::after {
              content: '';
              position: absolute;
              left: 1px;
              top: 0;
              border-top: 9px solid #ffffff;
              border-left: 9px solid transparent;
              border-right: 9px solid transparent; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.popover div.content {
          padding: 6px 0 6px 0;
          background-color: #ffffff;
          border: 1px solid rgba(194, 194, 194, 0.65);
          border-radius: 4px 4px 4px 4px;
          box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); }
          body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.popover div.content a {
            display: block;
            color: #252525;
            padding: 0 0 0 10px; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.popover div.content a:hover {
              color: #783bff;
              text-decoration: none; }
            body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.popover div.content a > div {
              float: left;
              height: 31px;
              line-height: 31px;
              font-size: 13px; }
              body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.popover div.content a > div.icon {
                width: 20px;
                text-align: center;
                margin: 0 10px 0 0; }
          body.app > div.content div.modal.cropper > div.outer > div.inner > div.content div.popover div.content div.divider {
            background-color: #eaeaea;
            height: 1px;
            line-height: 1px;
            margin: 4px 0 4px 0; }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[locked="1"] span.cropper-point.point-n,
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[locked="1"] span.cropper-point.point-e,
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[locked="1"] span.cropper-point.point-s,
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[locked="1"] span.cropper-point.point-w {
        display: none; }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="100000px"] div.cropper-container div.cropper-crop-box span.cropper-line, body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="50%"] div.cropper-container div.cropper-crop-box span.cropper-line {
        background-color: transparent; }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="100000px"] div.cropper-container div.cropper-crop-box span.cropper-view-box, body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="50%"] div.cropper-container div.cropper-crop-box span.cropper-view-box {
        outline: none; }
        body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="100000px"] div.cropper-container div.cropper-crop-box span.cropper-view-box img, body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="50%"] div.cropper-container div.cropper-crop-box span.cropper-view-box img {
          position: relative;
          left: -1px;
          top: -1px; }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="100000px"] div.cropper-container div.cropper-crop-box span.cropper-dashed, body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="50%"] div.cropper-container div.cropper-crop-box span.cropper-dashed {
        border-color: transparent !important; }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="100000px"][radius="50%"] div.cropper-container div.cropper-crop-box span.cropper-view-box, body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="100000px"][radius="50%"] div.cropper-container div.cropper-crop-box span.cropper-face, body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="50%"][radius="50%"] div.cropper-container div.cropper-crop-box span.cropper-view-box, body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="50%"][radius="50%"] div.cropper-container div.cropper-crop-box span.cropper-face {
        border-radius: 50%;
        border: 1px dashed rgba(255, 255, 255, 0.8); }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="100000px"][radius="100000px"] div.cropper-container div.cropper-crop-box span.cropper-view-box, body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="100000px"][radius="100000px"] div.cropper-container div.cropper-crop-box span.cropper-face, body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="50%"][radius="100000px"] div.cropper-container div.cropper-crop-box span.cropper-view-box, body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[radius="50%"][radius="100000px"] div.cropper-container div.cropper-crop-box span.cropper-face {
        border-radius: 100000px;
        border: 1px dashed rgba(255, 255, 255, 0.8); }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[mask] div.cropper-container div.cropper-crop-box span.cropper-line {
        background-color: transparent; }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[mask] div.cropper-container div.cropper-crop-box span.cropper-view-box {
        outline: none; }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[mask] div.cropper-container div.cropper-crop-box span.cropper-dashed {
        border-color: transparent !important; }
      body.app > div.content div.modal.cropper > div.outer > div.inner > div.content[mask] div.cropper-container div.cropper-crop-box span.cropper-view-box {
        -webkit-mask-repeat: no-repeat;
        -webkit-mask-size: contain;
        -webkit-mask-position: center center; }
      body.app > div.content div.modal.cropper[source="toolbar"] > div.outer > div.inner > div.content > div.actions.primary > a[lookup="toggleMenu"] {
        margin: 0 6px 0 0; }
        body.app > div.content div.modal.cropper[source="toolbar"] > div.outer > div.inner > div.content > div.actions.primary > a[lookup="toggleMenu"] > div.icon {
          padding: 0 0 0 0; }
        body.app > div.content div.modal.cropper[source="toolbar"] > div.outer > div.inner > div.content > div.actions.primary > a[lookup="toggleMenu"] div.copy {
          display: none; }
      body.app > div.content div.modal.cropper[source="toolbar"] > div.outer > div.inner > div.content > div.actions.primary > a[lookup="crop"] {
        display: inline-block; }
      body.app > div.content div.modal.cropper[source="thumb"][type="watermark"] > div.outer > div.inner > div.content div.popover a[lookup="saveToWatermarks"] + div.divider, body.app > div.content div.modal.cropper[source="thumb"][type="watermark"] > div.outer > div.inner > div.content div.popover a[lookup="setBackgroundImage"], body.app > div.content div.modal.cropper[source="thumb"][type="watermark"] > div.outer > div.inner > div.content div.popover a[lookup="addForegroundImage"] {
        display: none; }
      body.app > div.content div.modal.cropper[source="toolbar"][type="watermarkBitmapImage"] > div.outer > div.inner > div.content div.popover a[lookup="saveToWatermarks"] + div.divider, body.app > div.content div.modal.cropper[source="toolbar"][type="watermarkBitmapImage"] > div.outer > div.inner > div.content div.popover a[lookup="setBackgroundImage"], body.app > div.content div.modal.cropper[source="toolbar"][type="watermarkBitmapImage"] > div.outer > div.inner > div.content div.popover a[lookup="addForegroundImage"] {
        display: none; }
    body.app > div.content div.modal.delinquent > div.outer > div.inner > div.content {
      width: 560px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.delinquent > div.outer > div.inner > div.content h1 {
        font-size: 29px;
        text-align: center;
        padding: 16px 0 0 0; }
      body.app > div.content div.modal.delinquent > div.outer > div.inner > div.content p {
        color: #252525;
        font-size: 18px;
        line-height: 1.3em;
        text-align: center;
        padding: 36px 0 0 0; }
      body.app > div.content div.modal.delinquent > div.outer > div.inner > div.content div.actions {
        padding: 36px 0 0 0;
        text-align: center; }
    body.app > div.content div.modal.download > div.outer > div.inner > div.content {
      width: 408px;
      overflow: hidden;
      padding: 22px 22px 22px 22px; }
      body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option {
        padding: 0 0 32px 0; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option h2 {
          font-weight: 700;
          display: block;
          padding: 0 0 12px 0; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option div.inputs > div.icon {
          padding: 0 0 0 4px;
          float: left; }
          body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option div.inputs > div.icon > span {
            color: #c3c3c3; }
          body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option div.inputs > div.icon:hover > span {
            color: #252525; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.filename label {
          font-weight: 700;
          display: block;
          padding: 0 0 8px 0; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.qualities div.inputs input {
          display: block;
          float: left;
          padding: 0;
          margin: 1px 0 0 1px;
          height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.qualities div.inputs input:checked + label {
          font-weight: 700; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.qualities div.inputs > label {
          float: left;
          margin: 0 0 0 8px;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.qualities div.inputs > div.recommended {
          font-style: italic;
          display: block;
          float: left;
          margin: 0 0 0 8px;
          font-size: 16px;
          font-weight: 300;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.qualities div.inputs input#png {
          margin: 0 0 0 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.multipliers div.inputs input {
          display: block;
          float: left;
          padding: 0;
          margin: 1px 0 0 1px;
          height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.multipliers div.inputs input:checked + label {
          font-weight: 700; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.multipliers div.inputs > label {
          float: left;
          margin: 0 0 0 8px;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.multipliers div.inputs > div.label {
          font-style: italic;
          display: block;
          float: left;
          margin: 0 0 0 8px;
          font-size: 16px;
          font-weight: 300;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.multipliers div.inputs input#double {
          margin: 0 0 0 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.mediaType div.inputs input {
          display: block;
          float: left;
          padding: 0;
          margin: 1px 0 0 1px;
          height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.mediaType div.inputs input:checked + label {
          font-weight: 700; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.mediaType div.inputs > label {
          float: left;
          margin: 0 0 0 8px;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.mediaType div.inputs > div.label {
          font-style: italic;
          display: block;
          float: left;
          margin: 0 0 0 8px;
          font-size: 16px;
          font-weight: 300;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.mediaType div.inputs input#print {
          margin: 0 0 0 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.compression div.inputs input {
          display: block;
          float: left;
          padding: 0;
          margin: 1px 0 0 1px;
          height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.compression div.inputs input:checked + label {
          font-weight: 700; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.compression div.inputs > label {
          float: left;
          margin: 0 0 0 8px;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.compression div.inputs input#maximum {
          margin: 0 0 0 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.filesize div.inputs input {
          display: block;
          float: left;
          padding: 0;
          margin: 1px 0 0 1px;
          height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.filesize div.inputs input:checked + label {
          font-weight: 700; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.filesize div.inputs > label {
          float: left;
          margin: 0 0 0 8px;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.filesize div.inputs > div.label {
          font-style: italic;
          display: block;
          float: left;
          margin: 0 0 0 8px;
          font-size: 16px;
          font-weight: 300;
          height: 16px;
          line-height: 16px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.option.filesize div.inputs input#custom {
          margin: 0 0 0 16px; }
      body.app > div.content div.modal.download > div.outer > div.inner > div.content div.actions a {
        width: 100%; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.actions a > span.remote,
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.actions a > span.remote > span {
          display: none; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.actions a > span.remote > span i {
          padding: 0; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.actions a > span.remote > span > span.copy {
          padding-left: 6px; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.actions a.remote > span.copy {
          display: none; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.actions a.remote > span.remote {
          display: inline; }
        body.app > div.content div.modal.download > div.outer > div.inner > div.content div.actions a.remote.preparing span.remote span.preparing, body.app > div.content div.modal.download > div.outer > div.inner > div.content div.actions a.remote.processing span.remote span.processing, body.app > div.content div.modal.download > div.outer > div.inner > div.content div.actions a.remote.starting span.remote span.starting {
          display: inline; }
    body.app > div.content div.modal.drop {
      z-index: 1001;
      -webkit-user-select: none;
      -khtml-user-select: none;
      -moz-user-select: none;
      -o-user-select: none;
      user-select: none; }
      body.app > div.content div.modal.drop > div.outer {
        pointer-events: none; }
        body.app > div.content div.modal.drop > div.outer > div.inner > div.content {
          border-radius: 100px 100px 100px 100px;
          position: relative;
          background-color: transparent;
          text-align: center;
          margin: -96px 0 0 0;
          box-shadow: none; }
          body.app > div.content div.modal.drop > div.outer > div.inner > div.content div.icon {
            font-size: 96px;
            color: #ffffff; }
          body.app > div.content div.modal.drop > div.outer > div.inner > div.content div.copy {
            font-size: 36px;
            font-style: italic;
            line-height: 40px;
            line-height: 1.3;
            color: #ffffff;
            text-align: center;
            font-weight: 300;
            position: relative; }
            body.app > div.content div.modal.drop > div.outer > div.inner > div.content div.copy span {
              position: absolute;
              top: 0;
              right: 0;
              bottom: 0;
              left: 0;
              display: block; }
    body.app > div.content div.modal.error:not(.share) > div.outer > div.inner > div.content {
      width: 900px;
      overflow: hidden; }
      body.app > div.content div.modal.error:not(.share) > div.outer > div.inner > div.content > div.content div.columns {
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        height: 360px;
        width: 100%; }
        body.app > div.content div.modal.error:not(.share) > div.outer > div.inner > div.content > div.content div.columns div.column {
          display: table-cell;
          width: 50%;
          color: #383d41;
          vertical-align: middle; }
          body.app > div.content div.modal.error:not(.share) > div.outer > div.inner > div.content > div.content div.columns div.column:first-child {
            background: url("../png/milk.png") no-repeat center center;
            background-size: 360px; }
          body.app > div.content div.modal.error:not(.share) > div.outer > div.inner > div.content > div.content div.columns div.column:last-child {
            padding: 0 30px 0 0; }
            body.app > div.content div.modal.error:not(.share) > div.outer > div.inner > div.content > div.content div.columns div.column:last-child h1 {
              font-size: 44px;
              line-height: 1em;
              font-weight: 700; }
            body.app > div.content div.modal.error:not(.share) > div.outer > div.inner > div.content > div.content div.columns div.column:last-child p {
              font-size: 21px;
              line-height: 1.3em;
              padding: 24px 0 0 0; }
      body.app > div.content div.modal.error:not(.share) > div.outer > div.inner > div.content footer {
        background-color: #f4f4f4;
        border-top: 1px solid #e0e0e0; }
        body.app > div.content div.modal.error:not(.share) > div.outer > div.inner > div.content footer div.columns {
          display: table;
          border-collapse: collapse;
          border-spacing: 0;
          height: 110px;
          width: 100%;
          padding: 24px 0 24px 0; }
          body.app > div.content div.modal.error:not(.share) > div.outer > div.inner > div.content footer div.columns div.column {
            display: table-cell;
            width: 75%;
            vertical-align: middle; }
            body.app > div.content div.modal.error:not(.share) > div.outer > div.inner > div.content footer div.columns div.column:first-child {
              font-size: 12px;
              line-height: 16px;
              padding: 0 0 0 24px;
              font-family: Courier;
              white-space: pre-wrap;
              /* css-3 */
              white-space: -moz-pre-wrap;
              /* Mozilla, since 1999 */
              white-space: -pre-wrap;
              /* Opera 4-6 */
              white-space: -o-pre-wrap;
              /* Opera 7 */
              word-wrap: break-word; }
            body.app > div.content div.modal.error:not(.share) > div.outer > div.inner > div.content footer div.columns div.column:last-child {
              width: 25%;
              text-align: right;
              padding: 0 24px 0 0; }
    body.app > div.content div.modal.export > div.outer > div.inner > div.content {
      width: 440px;
      padding: 24px 24px 24px 24px; }
      body.app > div.content div.modal.export > div.outer > div.inner > div.content form {
        padding: 0 0 0 0; }
        body.app > div.content div.modal.export > div.outer > div.inner > div.content form div.options div.option {
          padding: 0 0 32px 0; }
          body.app > div.content div.modal.export > div.outer > div.inner > div.content form div.options div.option > label {
            font-weight: 700;
            display: block;
            padding: 0 0 12px 0; }
          body.app > div.content div.modal.export > div.outer > div.inner > div.content form div.options div.option > div.fields > div.field {
            float: left;
            margin: 0 0 0 20px; }
            body.app > div.content div.modal.export > div.outer > div.inner > div.content form div.options div.option > div.fields > div.field input[type="radio"] {
              position: relative;
              display: block;
              float: left;
              top: 1px;
              padding: 0 0 0 0;
              margin: 0 0 0 0; }
            body.app > div.content div.modal.export > div.outer > div.inner > div.content form div.options div.option > div.fields > div.field label {
              display: block;
              float: left;
              font-weight: 700;
              margin: 0 0 0 8px;
              height: 16px;
              line-height: 16px; }
            body.app > div.content div.modal.export > div.outer > div.inner > div.content form div.options div.option > div.fields > div.field div.context {
              font-style: italic;
              float: left;
              margin: 0 0 0 8px;
              font-size: 16px;
              font-weight: 300;
              height: 16px;
              line-height: 16px; }
            body.app > div.content div.modal.export > div.outer > div.inner > div.content form div.options div.option > div.fields > div.field div.icon {
              float: left;
              margin: 0 0 0 8px; }
              body.app > div.content div.modal.export > div.outer > div.inner > div.content form div.options div.option > div.fields > div.field div.icon > span {
                color: #c3c3c3;
                -moz-transition: color 150ms linear;
                -o-transition: color 150ms linear;
                -webkit-transition: color 150ms linear;
                transition: color 150ms linear; }
              body.app > div.content div.modal.export > div.outer > div.inner > div.content form div.options div.option > div.fields > div.field div.icon:hover > span {
                color: #666666; }
            body.app > div.content div.modal.export > div.outer > div.inner > div.content form div.options div.option > div.fields > div.field:first-child {
              margin: 0 0 0 0; }
            body.app > div.content div.modal.export > div.outer > div.inner > div.content form div.options div.option > div.fields > div.field[disabled="disabled"] label {
              opacity: 0.3; }
          body.app > div.content div.modal.export > div.outer > div.inner > div.content form div.options div.option:first-child > div.fields > div.field {
            float: none; }
        body.app > div.content div.modal.export > div.outer > div.inner > div.content form div.actions {
          text-align: right; }
    body.app > div.content div.modal.extras > div.outer > div.inner > div.content {
      /*width: 920px;*/
      width: 840px;
      padding: 42px 32px 42px 32px; }
      body.app > div.content div.modal.extras > div.outer > div.inner > div.content div.columns div.column {
        float: left;
        width: 33%;
        text-align: center;
        padding: 0 8px 0 8px; }
        body.app > div.content div.modal.extras > div.outer > div.inner > div.content div.columns div.column div.icon {
          padding: 0 0 12px 0;
          height: 70px; }
          body.app > div.content div.modal.extras > div.outer > div.inner > div.content div.columns div.column div.icon img {
            display: block;
            margin: 0 auto 0 auto;
            width: 54px; }
        body.app > div.content div.modal.extras > div.outer > div.inner > div.content div.columns div.column h2 {
          font-size: 17px;
          font-weight: 700;
          line-height: 1.3em; }
        body.app > div.content div.modal.extras > div.outer > div.inner > div.content div.columns div.column p {
          padding: 10px 0 18px 0;
          font-size: 14px;
          font-weight: 400;
          line-height: 1.3em;
          color: #606060; }
        body.app > div.content div.modal.extras > div.outer > div.inner > div.content div.columns div.column a.button {
          font-weight: 700; }
    body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content {
      width: 320px;
      padding: 24px 24px 24px 24px; }
      body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content h1 {
        font-size: 24px;
        font-weight: 500;
        line-height: 1.3em;
        font-weight: 700; }
      body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form {
        padding: 16px 0 0 0; }
        body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form div.callout {
          margin: 0 0 12px 0; }
        body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form label {
          display: block;
          font-weight: 700;
          padding: 0 0 8px 0;
          font-size: 15px; }
        body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form input.secret {
          position: absolute;
          left: 0;
          top: 0;
          opacity: 0; }
        body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form span.asterisk {
          color: #fc7d7d;
          font-variant-position: sub;
          font-size: 13px; }
        body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields {
          padding: 0 0 20px 0; }
          body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="width"],
          body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="height"] {
            float: left;
            width: 50%; }
            body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="width"]:first-child,
            body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="height"]:first-child {
              padding: 0 15px 0 0; }
            body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="width"]:last-child,
            body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="height"]:last-child {
              padding: 0 0 0 15px; }
            body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="width"] div.input input,
            body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="height"] div.input input {
              display: block; }
          body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="pixels"],
          body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="inches"],
          body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="centimeters"] {
            float: left; }
            body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="pixels"] div.input,
            body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="inches"] div.input,
            body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="centimeters"] div.input {
              float: left; }
              body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="pixels"] div.input input,
              body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="inches"] div.input input,
              body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="centimeters"] div.input input {
                display: block;
                margin: 0 0 0 0;
                padding: 0 0 0 0;
                width: 16px;
                height: 16px; }
            body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="pixels"] div.label,
            body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="inches"] div.label,
            body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="centimeters"] div.label {
              float: left; }
              body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="pixels"] div.label label,
              body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="inches"] div.label label,
              body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form > div.fields div.field[stdt-lookup="centimeters"] div.label label {
                font-size: 13px;
                height: 16px;
                line-height: 16px;
                padding: 0 18px 0 6px; }
        body.app > div.content div.modal.createFrame > div.outer > div.inner > div.content form div.actions {
          text-align: right; }
    body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content {
      width: 890px;
      background-color: #eef1f2; }
      body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section {
        float: left;
        width: 70%;
        padding: 20px 30px 10px 30px;
        position: relative;
        border-right: 1px solid #e9eaeb;
        background-color: #ffffff;
        border-radius: 4px 0 0 4px;
        width: calc(890px - 250px); }
        body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section h1 {
          color: #232323;
          font-size: 28px;
          height: 48px;
          line-height: 48px;
          font-weight: 700;
          line-height: 1.3em;
          padding: 0 0 16px 0; }
        body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section div.field {
          position: relative;
          margin: 0 0 16px 0; }
          body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section div.field > form > input[type="search"] {
            font-size: 15px;
            padding-left: 16px; }
            body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section div.field > form > input[type="search"][disabled] ~ div.status {
              pointer-events: none;
              cursor: not-allowed; }
          body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section div.field > form div.status {
            position: absolute;
            right: 0;
            top: 0; }
            body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section div.field > form div.status > a {
              display: none;
              height: 34px;
              line-height: 34px;
              width: 34px;
              text-align: center;
              font-size: 18px;
              color: #c7c6cb;
              position: relative; }
              body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section div.field > form div.status > a:focus, body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section div.field > form div.status > a:hover {
                color: #783bff; }
          body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section div.field.active form div.status > a[trigger="submit"] {
            display: block; }
          body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section div.field.queried form div.status > a[trigger="clear"] {
            display: block; }
        body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section > a.createFontPreviewImages {
          position: absolute;
          top: 32px;
          left: 12px; }
        body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section div.results {
          height: 400px;
          overflow: auto;
          position: relative; }
          body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section div.results::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 8px;
            background-color: #eeeeee;
            border-radius: 100px 100px 100px 100px; }
          body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section div.results::-webkit-scrollbar-thumb {
            border-radius: 100px 100px 100px 100px;
            background-color: #c2c2c2; }
        body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section div.empty {
          text-align: center;
          font-size: 36px;
          font-weight: 300;
          height: 400px;
          line-height: 1.3em;
          padding: 114px 0 0 0; }
        body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section > div.icon {
          display: none;
          position: absolute;
          font-size: 48px;
          height: 72px;
          line-height: 72px;
          width: 72px;
          text-align: center;
          color: #783bff;
          top: calc(50% + 20px);
          margin-top: -36px;
          left: 50%;
          margin-left: -36px; }
        body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section footer div.counts {
          height: 48px;
          line-height: 48px;
          font-weight: 400;
          font-size: 14px;
          color: #838383;
          padding: 0 0 0 8px; }
          body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content section footer div.counts strong {
            font-weight: 800;
            color: #333333; }
      body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content aside {
        float: left;
        width: 250px;
        padding: 40px 20px 20px 20px; }
        body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content aside > div {
          padding: 0 0 18px 0; }
          body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content aside > div > label {
            font-size: 16px;
            font-weight: 700;
            display: block;
            padding: 0 0 8px 0; }
          body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content aside > div.categories div.category {
            height: 24px;
            line-height: 24px;
            margin: 0 0 3px 0;
            padding: 0 0 0 4px; }
            body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content aside > div.categories div.category input[type="checkbox"] {
              margin: 0;
              padding: 0;
              outline: none;
              float: left;
              position: relative;
              top: 6px; }
            body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content aside > div.categories div.category > label {
              display: block;
              float: left;
              color: #232323;
              padding: 0 0 0 8px; }
            body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content aside > div.categories div.category:last-child {
              margin: 0 0 0 0; }
        body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content aside[disabled] {
          cursor: not-allowed;
          opacity: 0.6; }
          body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content aside[disabled] * {
            pointer-events: none; }
      body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content > footer {
        position: absolute;
        right: 16px;
        bottom: 16px;
        display: block; }
        body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content > footer a img {
          display: block;
          width: 32px;
          filter: grayscale(100%);
          opacity: 0.7;
          border-radius: 100px 100px 100px 100px; }
        body.app > div.content div.modal.googleFonts > div.outer > div.inner > div.content > footer a:hover img {
          filter: grayscale(0%); }
    body.app > div.content div.modal.googleFonts.loading > div.outer > div.inner > div.content > section > div.icon {
      display: block; }
    body.app > div.content div.modal.image.emailed > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.image.emailed > div.outer > div.inner > div.content {
      width: 384px;
      overflow: hidden;
      text-align: center; }
      body.app > div.content div.modal.image.emailed > div.outer > div.inner > div.content div.visuals {
        width: 82px;
        margin: 48px auto 24px auto;
        position: relative; }
        body.app > div.content div.modal.image.emailed > div.outer > div.inner > div.content div.visuals div.primary {
          background-color: #335ffa;
          height: 82px;
          line-height: 82px;
          width: 82px;
          text-align: center;
          font-size: 40px;
          color: #ffffff;
          border-radius: 100px 100px 100px 100px; }
        body.app > div.content div.modal.image.emailed > div.outer > div.inner > div.content div.visuals div.secondary {
          background-color: #45be46;
          border-radius: 100px 100px 100px 100px;
          font-size: 18px;
          height: 32px;
          line-height: 32px;
          width: 32px;
          text-align: center;
          color: #ffffff;
          position: absolute;
          right: -2px;
          bottom: -2px; }
      body.app > div.content div.modal.image.emailed > div.outer > div.inner > div.content h1 {
        color: #3f3f3f;
        font-size: 28px;
        line-height: 1.3em;
        margin: 0 0 10px 0;
        padding: 0 16px 0 16px; }
      body.app > div.content div.modal.image.emailed > div.outer > div.inner > div.content h2 {
        font-size: 17px;
        line-height: 1.3em;
        padding: 16px 20px 0 20px;
        font-weight: 300; }
      body.app > div.content div.modal.image.emailed > div.outer > div.inner > div.content div.actions {
        padding: 40px 0 40px 0; }
    body.app > div.content div.modal.image.sent > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.image.sent > div.outer > div.inner > div.content {
      width: 384px;
      overflow: hidden;
      text-align: center; }
      body.app > div.content div.modal.image.sent > div.outer > div.inner > div.content div.visuals {
        width: 82px;
        margin: 48px auto 24px auto;
        position: relative; }
        body.app > div.content div.modal.image.sent > div.outer > div.inner > div.content div.visuals div.primary {
          background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
          height: 82px;
          line-height: 82px;
          width: 82px;
          text-align: center;
          font-size: 48px;
          color: #ffffff;
          border-radius: 100px 100px 100px 100px; }
        body.app > div.content div.modal.image.sent > div.outer > div.inner > div.content div.visuals div.secondary {
          background-color: #45be46;
          border-radius: 100px 100px 100px 100px;
          font-size: 18px;
          height: 32px;
          line-height: 32px;
          width: 32px;
          text-align: center;
          color: #ffffff;
          position: absolute;
          right: -2px;
          bottom: -2px; }
      body.app > div.content div.modal.image.sent > div.outer > div.inner > div.content h1 {
        color: #3f3f3f;
        font-size: 28px;
        line-height: 1.3em;
        margin: 0 0 10px 0;
        padding: 0 16px 0 16px; }
        body.app > div.content div.modal.image.sent > div.outer > div.inner > div.content h1.second {
          font-size: 24px;
          padding: 0 32px 0 32px; }
      body.app > div.content div.modal.image.sent > div.outer > div.inner > div.content h2 {
        font-size: 17px;
        line-height: 1.3em;
        padding: 16px 20px 0 20px;
        font-weight: 300; }
      body.app > div.content div.modal.image.sent > div.outer > div.inner > div.content div.actions {
        padding: 40px 0 40px 0; }
    body.app > div.content div.modal.legacy > div.outer > div.inner > div.content {
      width: 706px;
      height: 536px;
      padding: 52px 30px 20px 30px; }
      body.app > div.content div.modal.legacy > div.outer > div.inner > div.content h1 {
        text-align: center;
        font-size: 32px;
        color: #1d1d1d;
        line-height: 1.3em; }
      body.app > div.content div.modal.legacy > div.outer > div.inner > div.content h2 {
        text-align: center;
        font-size: 20px;
        color: #252525;
        line-height: 1.3em;
        font-weight: 300;
        padding: 8px 0 0 0; }
      body.app > div.content div.modal.legacy > div.outer > div.inner > div.content h2 a {
        color: #783bff;
        font-weight: 600; }
      body.app > div.content div.modal.legacy > div.outer > div.inner > div.content img.sai-logo {
        margin: 0 auto 10px auto;
        display: block;
        text-align: center; }
      body.app > div.content div.modal.legacy > div.outer > div.inner > div.content div.video {
        border: 1px solid #d0d0d0;
        overflow: hidden;
        width: 300px;
        margin: 32px auto 0 auto;
        padding: 10px 10px 8px 10px; }
        body.app > div.content div.modal.legacy > div.outer > div.inner > div.content div.video iframe {
          width: 100%; }
      body.app > div.content div.modal.legacy > div.outer > div.inner > div.content div.actions {
        padding: 0;
        text-align: center; }
    body.app > div.content div.modal.legacyImageNormalize > div.outer > div.inner > div.content {
      width: 480px;
      padding: 32px 20px 20px 20px; }
      body.app > div.content div.modal.legacyImageNormalize > div.outer > div.inner > div.content h1 {
        text-align: center;
        font-size: 32px;
        color: #1d1d1d;
        line-height: 1.3em;
        padding: 0 0 12px 0; }
      body.app > div.content div.modal.legacyImageNormalize > div.outer > div.inner > div.content p {
        margin: 12px 0 0 0;
        display: block;
        font-size: 18px;
        line-height: 1.3em;
        text-align: center; }
      body.app > div.content div.modal.legacyImageNormalize > div.outer > div.inner > div.content div.focus {
        height: 138px; }
        body.app > div.content div.modal.legacyImageNormalize > div.outer > div.inner > div.content div.focus img {
          display: block;
          margin: 0 auto 0 auto; }
      body.app > div.content div.modal.legacyImageNormalize > div.outer > div.inner > div.content div.actions {
        padding: 36px 0 0 0;
        text-align: center; }
    body.app > div.content div.modal.login > div.outer > div.inner > div.content {
      width: 340px;
      padding: 20px 30px 20px 30px; }
      body.app > div.content div.modal.login > div.outer > div.inner > div.content div.logo {
        background-image: url("../png/white.400x121.png");
        background-repeat: no-repeat;
        background-size: contain;
        height: 40px;
        width: 200px;
        background-position: center center;
        margin-left: -100px;
        position: absolute;
        left: 50%;
        top: -80px;
        display: none; }
      body.app > div.content div.modal.login > div.outer > div.inner > div.content h1 {
        font-size: 30px;
        line-height: 42px;
        font-weight: 300; }
      body.app > div.content div.modal.login > div.outer > div.inner > div.content form div.fields div.field {
        padding: 20px 0 0 0; }
        body.app > div.content div.modal.login > div.outer > div.inner > div.content form div.fields div.field label {
          font-size: 12px;
          font-weight: 700;
          display: block;
          padding: 0 0 4px 2px; }
      body.app > div.content div.modal.login > div.outer > div.inner > div.content form div.actions {
        padding: 20px 0 0 0; }
        body.app > div.content div.modal.login > div.outer > div.inner > div.content form div.actions > a.button {
          width: 100%; }
        body.app > div.content div.modal.login > div.outer > div.inner > div.content form div.actions > div {
          font-size: 13px;
          line-height: 35px;
          height: 35px; }
          body.app > div.content div.modal.login > div.outer > div.inner > div.content form div.actions > div > a {
            color: #783bff; }
            body.app > div.content div.modal.login > div.outer > div.inner > div.content form div.actions > div > a:hover, body.app > div.content div.modal.login > div.outer > div.inner > div.content form div.actions > div > a:focus {
              text-decoration: underline; }
          body.app > div.content div.modal.login > div.outer > div.inner > div.content form div.actions > div.signup {
            float: left; }
          body.app > div.content div.modal.login > div.outer > div.inner > div.content form div.actions > div.password {
            float: right; }
      body.app > div.content div.modal.login > div.outer > div.inner > div.content div.namecheap {
        margin: 6px 0 0 0; }
        body.app > div.content div.modal.login > div.outer > div.inner > div.content div.namecheap div.divider {
          margin: 0 0 16px 0;
          position: relative; }
          body.app > div.content div.modal.login > div.outer > div.inner > div.content div.namecheap div.divider span.copy {
            background-color: #ffffff;
            width: 40px;
            height: 13px;
            line-height: 13px;
            font-size: 12px;
            color: #999999;
            margin: 0 auto 0 auto;
            display: block;
            text-align: center;
            position: relative;
            z-index: 3; }
          body.app > div.content div.modal.login > div.outer > div.inner > div.content div.namecheap div.divider::after {
            content: ' ';
            position: absolute;
            height: 1px;
            left: 0;
            right: 0;
            top: 8px;
            background-color: #dddddd;
            z-index: 2; }
        body.app > div.content div.modal.login > div.outer > div.inner > div.content div.namecheap a.button {
          width: 100%; }
        body.app > div.content div.modal.login > div.outer > div.inner > div.content div.namecheap > div.alternative {
          font-size: 13px;
          line-height: 35px;
          height: 35px;
          float: none;
          text-align: right;
          display: none; }
          body.app > div.content div.modal.login > div.outer > div.inner > div.content div.namecheap > div.alternative > a {
            color: #783bff; }
            body.app > div.content div.modal.login > div.outer > div.inner > div.content div.namecheap > div.alternative > a:hover, body.app > div.content div.modal.login > div.outer > div.inner > div.content div.namecheap > div.alternative > a:focus {
              text-decoration: underline; }
    body.app > div.content div.modal.login.publisher > div.outer h1 {
      display: none; }
    body.app > div.content div.modal.login.publisher > div.outer form {
      display: none; }
    body.app > div.content div.modal.login.publisher > div.outer div.namecheap div.divider {
      display: none; }
    body.app > div.content div.modal.login.publisher > div.outer div.namecheap div.alternative {
      display: block !important; }
    body.app > div.content div.modal.namecheapConnectionConflict > div.outer > div.inner > div.content {
      width: 400px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.namecheapConnectionConflict > div.outer > div.inner > div.content h1 {
        font-size: 25px;
        text-align: center;
        padding: 16px 0 0 0; }
      body.app > div.content div.modal.namecheapConnectionConflict > div.outer > div.inner > div.content p {
        color: #252525;
        font-size: 15.5px;
        line-height: 1.3em;
        text-align: center;
        padding: 36px 0 0 0; }
      body.app > div.content div.modal.namecheapConnectionConflict > div.outer > div.inner > div.content div.actions {
        padding: 36px 0 0 0;
        text-align: center; }
    body.app > div.content div.modal.namecheapContext > div.outer > div.inner > div.content {
      width: 360px;
      padding: 12px 0 0 0; }
      body.app > div.content div.modal.namecheapContext > div.outer > div.inner > div.content div.callout {
        background-image: url("../png/stencil-namecheap.png");
        background-repeat: no-repeat;
        background-position: center center;
        background-size: 264px;
        height: 72px;
        width: 100%; }
      body.app > div.content div.modal.namecheapContext > div.outer > div.inner > div.content h1 {
        font-size: 21px;
        font-weight: 700;
        text-align: center;
        padding: 16px 0 0 0; }
      body.app > div.content div.modal.namecheapContext > div.outer > div.inner > div.content p {
        color: #252525;
        line-height: 1.3em;
        text-align: center; }
      body.app > div.content div.modal.namecheapContext > div.outer > div.inner > div.content > p {
        font-size: 14px;
        padding: 28px 24px 0 24px; }
      body.app > div.content div.modal.namecheapContext > div.outer > div.inner > div.content div.hint {
        margin: 16px 0 0 0;
        padding: 20px 0 24px 0;
        border-top: 1px solid #F2F2CF;
        border-bottom: 1px solid #F2F2CF;
        text-align: center;
        background-color: #FDFDE0;
        font-size: 14px; }
        body.app > div.content div.modal.namecheapContext > div.outer > div.inner > div.content div.hint h2 {
          padding: 0 0 0 0;
          font-size: 14px;
          font-weight: 700; }
        body.app > div.content div.modal.namecheapContext > div.outer > div.inner > div.content div.hint p {
          padding: 16px 24px 0 24px; }
      body.app > div.content div.modal.namecheapContext > div.outer > div.inner > div.content div.actions {
        padding: 24px 0 0 0;
        text-align: center; }
        body.app > div.content div.modal.namecheapContext > div.outer > div.inner > div.content div.actions a.button {
          width: calc(100% - 48px);
          font-size: 15px; }
          body.app > div.content div.modal.namecheapContext > div.outer > div.inner > div.content div.actions a.button i {
            height: 18px;
            width: 18px;
            top: 4px;
            margin: 0 8px 0 0; }
      body.app > div.content div.modal.namecheapContext > div.outer > div.inner > div.content div.extra {
        text-align: center;
        font-size: 13px;
        padding: 8px 0 22px 0; }
    body.app > div.content div.modal.namecheapExternalPrompt > div.outer > div.inner > div.content {
      width: 320px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.namecheapExternalPrompt > div.outer > div.inner > div.content h1 {
        font-size: 25px;
        text-align: center;
        padding: 16px 0 0 0;
        line-height: 1.3em; }
      body.app > div.content div.modal.namecheapExternalPrompt > div.outer > div.inner > div.content p {
        color: #252525;
        font-size: 15.5px;
        line-height: 1.3em;
        text-align: center;
        padding: 36px 0 0 0; }
      body.app > div.content div.modal.namecheapExternalPrompt > div.outer > div.inner > div.content div.actions {
        padding: 36px 0 0 0;
        text-align: center; }
    body.app > div.content div.modal.namecheapPurchaseError > div.outer > div.inner > div.content {
      width: 400px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.namecheapPurchaseError > div.outer > div.inner > div.content h1 {
        font-size: 25px;
        text-align: center;
        padding: 16px 0 0 0; }
      body.app > div.content div.modal.namecheapPurchaseError > div.outer > div.inner > div.content p {
        color: #252525;
        font-size: 15.5px;
        line-height: 1.3em;
        text-align: center;
        padding: 36px 0 0 0; }
      body.app > div.content div.modal.namecheapPurchaseError > div.outer > div.inner > div.content div.actions {
        padding: 36px 0 0 0;
        text-align: center; }
    body.app > div.content div.modal.namecheapPurchaseRejected > div.outer > div.inner > div.content {
      width: 400px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.namecheapPurchaseRejected > div.outer > div.inner > div.content h1 {
        font-size: 25px;
        text-align: center;
        padding: 16px 0 0 0; }
      body.app > div.content div.modal.namecheapPurchaseRejected > div.outer > div.inner > div.content p {
        color: #252525;
        font-size: 15.5px;
        line-height: 1.3em;
        text-align: center;
        padding: 36px 0 0 0; }
      body.app > div.content div.modal.namecheapPurchaseRejected > div.outer > div.inner > div.content div.actions {
        padding: 36px 0 0 0;
        text-align: center; }
    body.app > div.content div.modal.namecheapRequirement > div.outer > div.inner > div.content {
      width: 400px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.namecheapRequirement > div.outer > div.inner > div.content h1 {
        font-size: 25px;
        text-align: center;
        padding: 16px 0 0 0; }
      body.app > div.content div.modal.namecheapRequirement > div.outer > div.inner > div.content p {
        color: #252525;
        font-size: 15.5px;
        line-height: 1.3em;
        text-align: center;
        padding: 36px 0 0 0; }
      body.app > div.content div.modal.namecheapRequirement > div.outer > div.inner > div.content div.actions {
        padding: 36px 0 0 0;
        text-align: center; }
    body.app > div.content div.modal.namecheapTransferBegin > div.outer > div.inner > div.content {
      width: 618px;
      height: 340px;
      background-image: url("../png/step-1.png");
      background-position: 0 0;
      background-size: 618px 355px;
      background-repeat: no-repeat;
      padding: 30px 36px 24px 36px; }
      body.app > div.content div.modal.namecheapTransferBegin > div.outer > div.inner > div.content h1 {
        font-weight: 300;
        font-size: 32px;
        color: #252525;
        line-height: 1.3em;
        font-weight: 600;
        position: relative; }
        body.app > div.content div.modal.namecheapTransferBegin > div.outer > div.inner > div.content h1 span.logo {
          position: absolute;
          left: 310px;
          top: -2px;
          height: 42px;
          width: 190px;
          background-image: url("../png/namecheap-logo.500x90.png");
          background-position: center center;
          background-size: contain;
          background-repeat: no-repeat; }
      body.app > div.content div.modal.namecheapTransferBegin > div.outer > div.inner > div.content p {
        color: #252525;
        font-size: 22px;
        line-height: 1.3em;
        padding: 18px 0 0 0;
        opacity: 0.60; }
      body.app > div.content div.modal.namecheapTransferBegin > div.outer > div.inner > div.content div.actions {
        padding: 42px 0 0 0; }
        body.app > div.content div.modal.namecheapTransferBegin > div.outer > div.inner > div.content div.actions a.button span.copy span {
          font-size: 12px;
          padding: 0 0 0 20px;
          position: relative;
          bottom: 1px; }
        body.app > div.content div.modal.namecheapTransferBegin > div.outer > div.inner > div.content div.actions a.alternative {
          color: #783bff;
          position: absolute;
          right: 24px;
          bottom: 24px;
          font-size: 14px; }
          body.app > div.content div.modal.namecheapTransferBegin > div.outer > div.inner > div.content div.actions a.alternative:hover {
            text-decoration: underline; }
    body.app > div.content div.modal.namecheapTransferDelinquent > div.outer > div.inner > div.content {
      width: 400px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.namecheapTransferDelinquent > div.outer > div.inner > div.content h1 {
        font-size: 25px;
        text-align: center;
        padding: 16px 0 0 0;
        line-height: 1.3em; }
      body.app > div.content div.modal.namecheapTransferDelinquent > div.outer > div.inner > div.content p {
        color: #252525;
        font-size: 15.5px;
        line-height: 1.3em;
        text-align: center;
        padding: 36px 0 0 0; }
        body.app > div.content div.modal.namecheapTransferDelinquent > div.outer > div.inner > div.content p a {
          color: #783bff; }
          body.app > div.content div.modal.namecheapTransferDelinquent > div.outer > div.inner > div.content p a:hover {
            text-decoration: underline; }
      body.app > div.content div.modal.namecheapTransferDelinquent > div.outer > div.inner > div.content div.actions {
        padding: 36px 0 0 0;
        text-align: center; }
    body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content {
      width: 960px; }
      body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column {
        float: left;
        width: 50%;
        padding: 38px 42px 38px 42px;
        height: 608px; }
      body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:first-child h1 {
        font-size: 27px;
        padding: 12px 0 0 0;
        line-height: 1.25em; }
      body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:first-child div.plan {
        margin: 16px 0 0 0;
        background-color: #F7F1F8;
        border-radius: 3px 3px 3px 3px;
        padding: 24px 20px 24px 20px; }
        body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:first-child div.plan > div.columns > div.column {
          float: left;
          width: 50%;
          /*padding: 38px 42px 38px 42px;*/
          /*height: 608px;*/ }
          body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:first-child div.plan > div.columns > div.column label {
            color: #783bff;
            font-weight: 600;
            font-size: 18px;
            display: block;
            height: 21px;
            line-height: 21px;
            padding: 0 0 8px; }
          body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:first-child div.plan > div.columns > div.column div.value {
            font-size: 21px;
            padding: 8px 0 0 0; }
      body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:first-child p {
        color: #252525;
        font-size: 18px;
        line-height: 1.4em;
        padding: 28px 0 0 0; }
      body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:first-child div.actions {
        padding: 36px 0 0 0; }
        body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:first-child div.actions a.button span.copy span {
          font-size: 12px;
          padding: 0 0 0 20px;
          position: relative;
          bottom: 1px; }
      body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:last-child {
        background-color: #F9F8F8;
        height: 608px;
        border-radius: 0 4px 4px 0; }
        body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:last-child h1 {
          font-size: 27px;
          padding: 16px 0 8px 0;
          line-height: 1.25em;
          font-weight: 600; }
        body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:last-child div.question-answers {
          overflow: auto;
          max-height: calc(100% - 58px); }
          body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:last-child div.question-answers::-webkit-scrollbar {
            -webkit-appearance: none;
            width: 8px;
            background-color: #eeeeee;
            border-radius: 100px 100px 100px 100px; }
          body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:last-child div.question-answers::-webkit-scrollbar-thumb {
            border-radius: 100px 100px 100px 100px;
            background-color: #c2c2c2; }
          body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:last-child div.question-answers div.question-answer {
            font-size: 18px;
            line-height: 1.35em;
            border-bottom: 1px solid #CFCECF;
            padding: 16px 0 16px 0; }
            body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:last-child div.question-answers div.question-answer div.question {
              font-weight: 700;
              padding: 4px 0 4px 0;
              cursor: pointer; }
              body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:last-child div.question-answers div.question-answer div.question:hover {
                text-decoration: underline; }
            body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:last-child div.question-answers div.question-answer div.answer {
              opacity: 0.60;
              font-size: 17px;
              display: none; }
            body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:last-child div.question-answers div.question-answer.open div.question {
              cursor: default; }
            body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:last-child div.question-answers div.question-answer.open div.question:hover {
              text-decoration: none; }
            body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:last-child div.question-answers div.question-answer.open div.answer {
              display: block; }
            body.app > div.content div.modal.namecheapTransferDetails > div.outer > div.inner > div.content > div.columns > div.column:last-child div.question-answers div.question-answer:last-child {
              /*padding: 16px 0 0 0;*/ }
    body.app > div.content div.modal.namecheapTransferError > div.outer > div.inner > div.content {
      width: 400px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.namecheapTransferError > div.outer > div.inner > div.content h1 {
        font-size: 25px;
        text-align: center;
        padding: 16px 0 0 0;
        line-height: 1.3em; }
      body.app > div.content div.modal.namecheapTransferError > div.outer > div.inner > div.content p {
        color: #252525;
        font-size: 15.5px;
        line-height: 1.3em;
        text-align: center;
        padding: 36px 0 0 0; }
        body.app > div.content div.modal.namecheapTransferError > div.outer > div.inner > div.content p a {
          color: #783bff; }
          body.app > div.content div.modal.namecheapTransferError > div.outer > div.inner > div.content p a:hover {
            text-decoration: underline; }
      body.app > div.content div.modal.namecheapTransferError > div.outer > div.inner > div.content div.actions {
        padding: 36px 0 0 0;
        text-align: center; }
    body.app > div.content div.modal.namecheapTransferSuccess > div.outer > div.inner > div.content {
      width: 608px;
      padding: 40px 36px 30px 36px; }
      body.app > div.content div.modal.namecheapTransferSuccess > div.outer > div.inner > div.content h1 {
        font-size: 26px;
        padding: 16px 0 0 0;
        line-height: 1.2em;
        font-weight: 600;
        position: relative;
        padding: 0 0 0 72px; }
        body.app > div.content div.modal.namecheapTransferSuccess > div.outer > div.inner > div.content h1 span.fa {
          position: absolute;
          color: #45be46;
          font-size: 54px;
          left: 0; }
      body.app > div.content div.modal.namecheapTransferSuccess > div.outer > div.inner > div.content p {
        color: #252525;
        font-size: 19px;
        line-height: 1.3em;
        padding: 18px 0 0 0; }
        body.app > div.content div.modal.namecheapTransferSuccess > div.outer > div.inner > div.content p a {
          color: #783bff;
          font-weight: 600; }
          body.app > div.content div.modal.namecheapTransferSuccess > div.outer > div.inner > div.content p a:hover {
            text-decoration: underline; }
        body.app > div.content div.modal.namecheapTransferSuccess > div.outer > div.inner > div.content p em {
          font-style: normal;
          font-weight: 600;
          opacity: 0.80; }
      body.app > div.content div.modal.namecheapTransferSuccess > div.outer > div.inner > div.content div.coupon {
        background-color: #E8FCE5;
        border: 4px dashed #45be46;
        border-radius: 6px 6px 6px 6px;
        text-align: center;
        width: 264px;
        font-size: 26px;
        height: 58px;
        line-height: 53px;
        font-weight: 700;
        text-transform: uppercase;
        margin: 0 0 16px 0; }
      body.app > div.content div.modal.namecheapTransferSuccess > div.outer > div.inner > div.content p.green {
        color: #45be46;
        font-weight: 600;
        display: block;
        padding: 18px 0 14px 0; }
      body.app > div.content div.modal.namecheapTransferSuccess > div.outer > div.inner > div.content div.actions {
        padding: 32px 0 0 0; }
        body.app > div.content div.modal.namecheapTransferSuccess > div.outer > div.inner > div.content div.actions a.button span.copy span {
          font-size: 12px;
          padding: 0 0 0 20px;
          position: relative;
          bottom: 1px; }
    body.app > div.content div.modal.onboard > div.outer > div.inner > div.content {
      width: 334px;
      text-align: center;
      padding: 24px 24px 24px 24px; }
      body.app > div.content div.modal.onboard > div.outer > div.inner > div.content div.icon {
        color: #45be46;
        font-size: 42px; }
      body.app > div.content div.modal.onboard > div.outer > div.inner > div.content h1 {
        padding: 6px 0 0 0;
        line-height: 1.3em;
        font-size: 22px; }
      body.app > div.content div.modal.onboard > div.outer > div.inner > div.content p {
        padding: 12px 0 0 0;
        line-height: 1.3em;
        font-size: 18px;
        font-weight: 500; }
      body.app > div.content div.modal.onboard > div.outer > div.inner > div.content div.actions {
        padding: 16px 0 0 0; }
      body.app > div.content div.modal.onboard > div.outer > div.inner > div.content .stencil-caret {
        position: absolute; }
        body.app > div.content div.modal.onboard > div.outer > div.inner > div.content .stencil-caret.down {
          bottom: 0;
          left: 50%;
          margin-left: -10px; }
          body.app > div.content div.modal.onboard > div.outer > div.inner > div.content .stencil-caret.down::before {
            content: '';
            position: absolute;
            top: 0;
            left: 0;
            border-top: 10px solid #ffffff;
            border-left: 10px solid transparent;
            border-right: 10px solid transparent; }
          body.app > div.content div.modal.onboard > div.outer > div.inner > div.content .stencil-caret.down::after {
            content: '';
            position: absolute;
            left: 1px;
            top: 1px;
            border-top: 9px solid #ffffff;
            border-left: 9px solid transparent;
            border-right: 9px solid transparent; }
    body.app > div.content div.modal.onboarding.backgroundSelected > div.outer > div.inner > div.content {
      width: 622px;
      padding: 30px 30px 30px 30px;
      height: 544px;
      background-image: url("../jpg/backgroundselected.jpg");
      background-position: right top 48px;
      background-repeat: no-repeat;
      background-size: 340px 490px; }
      body.app > div.content div.modal.onboarding.backgroundSelected > div.outer > div.inner > div.content h1 {
        font-size: 29px;
        padding: 16px 0 0 0;
        line-height: 1.3em;
        color: #343434;
        width: 280px;
        font-weight: 700; }
      body.app > div.content div.modal.onboarding.backgroundSelected > div.outer > div.inner > div.content p {
        width: 280px;
        color: #252525;
        font-size: 19px;
        line-height: 1.3em;
        padding: 18px 0 0 0; }
        body.app > div.content div.modal.onboarding.backgroundSelected > div.outer > div.inner > div.content p strong {
          font-weight: 700;
          font-style: italic; }
      body.app > div.content div.modal.onboarding.backgroundSelected > div.outer > div.inner > div.content div.actions {
        width: 280px;
        padding: 18px 0 0 0; }
        body.app > div.content div.modal.onboarding.backgroundSelected > div.outer > div.inner > div.content div.actions a {
          width: 70%; }
    body.app > div.content div.modal.onboarding.foregroundSelected > div.outer > div.inner > div.content {
      width: 622px;
      padding: 30px 30px 30px 30px;
      height: 544px;
      background-image: url("../jpg/foregroundselected.jpg");
      background-position: right top 48px;
      background-repeat: no-repeat;
      background-size: 340px 490px; }
      body.app > div.content div.modal.onboarding.foregroundSelected > div.outer > div.inner > div.content h1 {
        font-size: 29px;
        padding: 16px 0 0 0;
        line-height: 1.3em;
        color: #343434;
        width: 280px;
        font-weight: 700; }
      body.app > div.content div.modal.onboarding.foregroundSelected > div.outer > div.inner > div.content p {
        width: 280px;
        color: #252525;
        font-size: 19px;
        line-height: 1.3em;
        padding: 18px 0 0 0; }
        body.app > div.content div.modal.onboarding.foregroundSelected > div.outer > div.inner > div.content p strong {
          font-weight: 700;
          font-style: italic; }
      body.app > div.content div.modal.onboarding.foregroundSelected > div.outer > div.inner > div.content div.actions {
        width: 280px;
        padding: 18px 0 0 0; }
        body.app > div.content div.modal.onboarding.foregroundSelected > div.outer > div.inner > div.content div.actions a {
          width: 70%; }
    body.app > div.content div.modal.orientation {
      position: fixed; }
      body.app > div.content div.modal.orientation > div.overlay {
        background-color: #313946; }
      body.app > div.content div.modal.orientation > div.outer > div.inner > div.content {
        width: 400px;
        height: 148px;
        background-color: #313946;
        box-shadow: none; }
        body.app > div.content div.modal.orientation > div.outer > div.inner > div.content div.icon {
          background: url("../png/rotate.png") no-repeat center center;
          background-size: 100px;
          height: 100px;
          width: 100px;
          margin: 0 auto 0 auto; }
        body.app > div.content div.modal.orientation > div.outer > div.inner > div.content div.messaging {
          text-align: center;
          color: #ffffff;
          font-size: 28px;
          height: 36px;
          line-height: 36px;
          margin: 12px 0 0 0; }
    body.app > div.content div.modal.password > div.outer > div.inner > div.content {
      width: 420px;
      padding: 20px 30px 20px 30px; }
      body.app > div.content div.modal.password > div.outer > div.inner > div.content div.logo {
        background-image: url("../png/white.400x121.png");
        background-repeat: no-repeat;
        background-size: contain;
        height: 40px;
        width: 200px;
        background-position: center center;
        margin-left: -100px;
        position: absolute;
        left: 50%;
        top: -80px;
        display: none; }
      body.app > div.content div.modal.password > div.outer > div.inner > div.content h1 {
        font-size: 30px;
        line-height: 42px;
        font-weight: 300; }
      body.app > div.content div.modal.password > div.outer > div.inner > div.content form div.fields div.field {
        padding: 20px 0 0 0; }
        body.app > div.content div.modal.password > div.outer > div.inner > div.content form div.fields div.field label {
          font-size: 12px;
          font-weight: 700;
          display: block;
          padding: 0 0 4px 2px; }
      body.app > div.content div.modal.password > div.outer > div.inner > div.content form div.actions {
        padding: 20px 0 0 0; }
        body.app > div.content div.modal.password > div.outer > div.inner > div.content form div.actions > a,
        body.app > div.content div.modal.password > div.outer > div.inner > div.content form div.actions > div {
          float: left; }
        body.app > div.content div.modal.password > div.outer > div.inner > div.content form div.actions > div {
          font-size: 13px;
          line-height: 35px;
          height: 35px;
          margin: 0 0 0 12px; }
          body.app > div.content div.modal.password > div.outer > div.inner > div.content form div.actions > div > a {
            color: #783bff; }
            body.app > div.content div.modal.password > div.outer > div.inner > div.content form div.actions > div > a:hover {
              text-decoration: underline; }
    body.app > div.content div.modal.plan > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.plan > div.outer > div.inner > div.content {
      width: 540px;
      overflow: hidden;
      padding: 24px 44px 24px 44px;
      color: #232323; }
      body.app > div.content div.modal.plan > div.outer > div.inner > div.content h1 {
        font-size: 27px;
        line-height: 1.3em;
        font-weight: 500; }
      body.app > div.content div.modal.plan > div.outer > div.inner > div.content h2 {
        font-size: 18px;
        padding: 12px 0 0 0;
        line-height: 1.3em; }
      body.app > div.content div.modal.plan > div.outer > div.inner > div.content div.columns div.column {
        float: left;
        width: 50%; }
        body.app > div.content div.modal.plan > div.outer > div.inner > div.content div.columns div.column div.features {
          color: #060101;
          margin: 8px 0 0 0; }
          body.app > div.content div.modal.plan > div.outer > div.inner > div.content div.columns div.column div.features div.feature div.icon {
            float: left;
            color: #45be46;
            text-align: center;
            width: 16px;
            height: 27px;
            line-height: 27px;
            margin: 0 6px 0 0;
            font-size: 15px; }
          body.app > div.content div.modal.plan > div.outer > div.inner > div.content div.columns div.column div.features div.feature div.copy {
            float: left;
            height: 27px;
            line-height: 27px;
            font-size: 15px; }
    body.app > div.content div.modal.plan.switch > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.plan.switch > div.outer > div.inner > div.content {
      width: 404px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.plan.switch > div.outer > div.inner > div.content h1 {
        font-size: 26px;
        line-height: 1.3em;
        text-align: center; }
      body.app > div.content div.modal.plan.switch > div.outer > div.inner > div.content > p {
        display: block;
        padding: 16px 0 12px 0;
        font-size: 15px;
        line-height: 1.3em; }
      body.app > div.content div.modal.plan.switch > div.outer > div.inner > div.content form div.fields {
        padding: 12px 0 0 0; }
        body.app > div.content div.modal.plan.switch > div.outer > div.inner > div.content form div.fields div.field input {
          float: left;
          border: 0;
          padding: 0;
          margin: 0;
          display: inline-block;
          position: relative;
          height: 24px;
          line-height: 24px;
          margin: 0 8px 0 0; }
          body.app > div.content div.modal.plan.switch > div.outer > div.inner > div.content form div.fields div.field input:checked + label {
            font-weight: 700; }
        body.app > div.content div.modal.plan.switch > div.outer > div.inner > div.content form div.fields div.field label {
          display: block;
          float: left;
          width: calc(100% - 36px);
          font-size: 15px;
          height: 24px;
          line-height: 24px; }
      body.app > div.content div.modal.plan.switch > div.outer > div.inner > div.content div.actions {
        padding: 24px 0 0 0;
        text-align: center; }
        body.app > div.content div.modal.plan.switch > div.outer > div.inner > div.content div.actions a.button {
          width: calc(100% - 48px);
          font-size: 15px; }
    body.app > div.content div.modal.plan.switched > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.plan.switched > div.outer > div.inner > div.content {
      width: 520px;
      padding: 0 0 0 0; }
      body.app > div.content div.modal.plan.switched > div.outer > div.inner > div.content div.columns div.column:first-child {
        padding: 0 0 0 0;
        float: left;
        width: 172px; }
        body.app > div.content div.modal.plan.switched > div.outer > div.inner > div.content div.columns div.column:first-child div.primary {
          width: 172px;
          font-size: 56px;
          color: #45be46;
          height: 196px;
          line-height: 196px;
          text-align: center; }
      body.app > div.content div.modal.plan.switched > div.outer > div.inner > div.content div.columns div.column:last-child {
        height: 196px;
        padding: 30px 30px 30px 30px;
        width: calc(100% - 172px);
        float: left;
        background-color: #F8F8F8; }
        body.app > div.content div.modal.plan.switched > div.outer > div.inner > div.content div.columns div.column:last-child h1 {
          font-size: 21px;
          line-height: 1.3em; }
        body.app > div.content div.modal.plan.switched > div.outer > div.inner > div.content div.columns div.column:last-child p {
          display: block;
          padding: 12px 0 12px 0;
          line-height: 1.3em;
          font-size: 15px; }
        body.app > div.content div.modal.plan.switched > div.outer > div.inner > div.content div.columns div.column:last-child div.actions {
          margin: 12px 0 0 0; }
    body.app > div.content div.modal.plans > div.outer > div.inner > div.content {
      width: 940px;
      overflow: hidden;
      padding: 0 44px 24px 44px;
      background-color: #f9f9f9; }
      body.app > div.content div.modal.plans > div.outer > div.inner > div.content > h1 {
        padding: 20px 0 0 0;
        font-weight: 700;
        font-size: 28px;
        line-height: 1.3em;
        text-align: center; }
      body.app > div.content div.modal.plans > div.outer > div.inner > div.content > h2 {
        font-weight: 300;
        padding: 8px 0 0 0;
        font-size: 18px;
        line-height: 1.3em;
        text-align: center;
        display: none; }
      body.app > div.content div.modal.plans > div.outer > div.inner > div.content div.interval {
        position: relative;
        -webkit-user-select: none;
        -khtml-user-select: none;
        -moz-user-select: none;
        -o-user-select: none;
        user-select: none; }
        body.app > div.content div.modal.plans > div.outer > div.inner > div.content div.interval div.toggler {
          text-align: center;
          height: 88px;
          padding: 28px 0 0 0;
          width: 320px;
          margin: 0 auto 0 auto; }
          body.app > div.content div.modal.plans > div.outer > div.inner > div.content div.interval div.toggler > div {
            float: left;
            height: 35px;
            line-height: 35px;
            cursor: pointer; }
            body.app > div.content div.modal.plans > div.outer > div.inner > div.content div.interval div.toggler > div.copy {
              font-size: 16px;
              font-weight: 700;
              width: 130px;
              text-align: right;
              padding: 0 10px 0 10px; }
              body.app > div.content div.modal.plans > div.outer > div.inner > div.content div.interval div.toggler > div.copy.annually {
                text-align: left; }
            body.app > div.content div.modal.plans > div.outer > div.inner > div.content div.interval div.toggler > div.status {
              width: 60px;
              border-radius: 100000px;
              position: relative;
              -moz-transition: background-color 200ms linear;
              -o-transition: background-color 200ms linear;
              -webkit-transition: background-color 200ms linear;
              transition: background-color 200ms linear; }
              body.app > div.content div.modal.plans > div.outer > div.inner > div.content div.interval div.toggler > div.status::after {
                background-color: #ffffff;
                content: ' ';
                position: absolute;
                border-radius: 100000px;
                width: 27px;
                height: 27px;
                top: 4px;
                left: 0;
                -moz-transition: transform 200ms linear;
                -o-transition: transform 200ms linear;
                -webkit-transition: transform 200ms linear;
                transition: transform 200ms linear; }
        body.app > div.content div.modal.plans > div.outer > div.inner > div.content div.interval div.secondary {
          color: #45be46;
          font-weight: 700;
          position: absolute;
          display: block;
          top: 20px;
          right: 206px;
          font-size: 13px;
          transform: rotate(17deg);
          -moz-transition: opacity 200ms linear;
          -o-transition: opacity 200ms linear;
          -webkit-transition: opacity 200ms linear;
          transition: opacity 200ms linear;
          text-transform: uppercase; }
          body.app > div.content div.modal.plans > div.outer > div.inner > div.content div.interval div.secondary::after {
            content: ' ';
            position: absolute;
            background-image: url("../png/savings-arrow.v2.png");
            background-repeat: no-repeat;
            width: 20px;
            height: 17.5px;
            transform: rotate(-11deg);
            background-size: contain;
            left: 1px;
            top: 21px; }
      body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns {
        padding: 0 0 0 0; }
        body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column {
          width: 30%;
          margin-right: 5%;
          height: 468px;
          border: 1px solid #c1c1c1;
          border-radius: 4px 4px 4px 4px;
          float: left;
          background-color: #ffffff;
          padding: 12px 20px 0 18px;
          position: relative;
          overflow: hidden; }
          body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column:last-child {
            margin-right: 0; }
          body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column h1 {
            color: #060101;
            font-weight: 300;
            font-size: 20px;
            line-height: 1.3em;
            text-align: center; }
          body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column div.badge {
            position: absolute;
            background-color: #45be46;
            color: #ffffff;
            text-transform: uppercase;
            font-size: 10px;
            font-weight: 700;
            right: -46px;
            top: 6px;
            transform: rotate(40deg);
            -webkit-transform: rotate(40deg);
            height: 29px;
            line-height: 32px;
            text-align: center;
            width: 140px; }
          body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column div.price {
            color: #060101;
            font-size: 30px;
            font-weight: 700;
            padding: 0 0 0 0;
            text-align: center; }
            body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column div.price span.interval {
              font-size: 18px;
              margin-left: -4px; }
          body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column div.divider {
            background-color: #f1f1f1;
            height: 1px;
            line-height: 1px;
            width: 100%;
            margin: 10px 0 10px 0; }
          body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column div.byline {
            text-align: center;
            color: #b8b8b8;
            font-size: 14px;
            padding: 4px 0 0 0; }
          body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column div.features {
            color: #060101; }
            body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column div.features div.feature div.icon {
              float: left;
              color: #45be46;
              text-align: center;
              width: 16px;
              height: 27px;
              line-height: 27px;
              margin: 0 6px 0 0;
              font-size: 15px; }
            body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column div.features div.feature div.copy {
              float: left;
              height: 27px;
              line-height: 27px;
              font-size: 15px; }
          body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column div.cta a {
            width: 134px;
            height: 42px;
            left: calc(50% - 67px);
            line-height: 42px;
            position: absolute;
            bottom: 14px;
            padding: 0;
            font-size: 17px;
            height: 36px;
            line-height: 36px;
            font-size: 15.5px; }
          body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column:first-child {
            text-align: center;
            margin-top: 36px;
            height: 432px; }
          body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column.disabled {
            border-color: #e6e6e6; }
            body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column.disabled h1 {
              color: #8c8c8c; }
            body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column.disabled div.price {
              color: #c8c8c8; }
            body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column.disabled div.byline {
              color: #b8b8b8; }
            body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column.disabled div.features {
              color: #848484; }
            body.app > div.content div.modal.plans > div.outer > div.inner > div.content > div.columns > div.column.disabled div.icon {
              filter: grayscale(100%); }
    body.app > div.content div.modal.plans[interval="monthly"] > div.outer > div.inner > div.content div.interval > div.toggler > div.status {
      background-color: #cccccc; }
      body.app > div.content div.modal.plans[interval="monthly"] > div.outer > div.inner > div.content div.interval > div.toggler > div.status::after {
        transform: translate(4px, 0); }
    body.app > div.content div.modal.plans[interval="monthly"] > div.outer > div.inner > div.content div.secondary {
      opacity: 0; }
    body.app > div.content div.modal.plans[interval="monthly"] > div.outer > div.inner > div.content div.price span[interval="annually"] {
      display: none; }
    body.app > div.content div.modal.plans[interval="monthly"] > div.outer > div.inner > div.content div.column.pro div.byline,
    body.app > div.content div.modal.plans[interval="monthly"] > div.outer > div.inner > div.content div.column.unlimited div.byline {
      visibility: hidden; }
    body.app > div.content div.modal.plans[interval="annually"] > div.outer > div.inner > div.content div.interval > div.toggler > div.status {
      /*background-color: #4092da;*/
      background-color: #783bff; }
      body.app > div.content div.modal.plans[interval="annually"] > div.outer > div.inner > div.content div.interval > div.toggler > div.status::after {
        transform: translate(28px, 0); }
    body.app > div.content div.modal.plans[interval="annually"] > div.outer > div.inner > div.content div.secondary {
      opacity: 1; }
    body.app > div.content div.modal.plans[interval="annually"] > div.outer > div.inner > div.content div.price span[interval="monthly"] {
      display: none; }
    body.app > div.content div.modal.promo > div.outer > div.inner > div.content {
      width: 526px;
      padding: 30px 30px 20px 30px; }
      body.app > div.content div.modal.promo > div.outer > div.inner > div.content div.logo {
        background-image: url("../png/white.400x121.png");
        background-repeat: no-repeat;
        background-size: contain;
        height: 40px;
        width: 200px;
        background-position: center center;
        margin-left: -100px;
        position: absolute;
        left: 50%;
        top: -80px;
        display: none; }
      body.app > div.content div.modal.promo > div.outer > div.inner > div.content h1 {
        font-size: 30px;
        line-height: 42px;
        font-weight: 700;
        text-align: center; }
      body.app > div.content div.modal.promo > div.outer > div.inner > div.content > p {
        font-size: 16px;
        text-align: center;
        line-height: 1.3em;
        display: block;
        padding: 4px 0 0 0; }
      body.app > div.content div.modal.promo > div.outer > div.inner > div.content > div.partner {
        padding: 24px 0 0 0; }
        body.app > div.content div.modal.promo > div.outer > div.inner > div.content > div.partner h2 {
          text-align: center;
          font-weight: 700;
          font-size: 14px;
          line-height: 1.3em; }
        body.app > div.content div.modal.promo > div.outer > div.inner > div.content > div.partner div.focus {
          margin: 8px auto 0 auto;
          height: 72px;
          max-width: 200px;
          background-position: center center;
          background-size: contain;
          background-repeat: no-repeat; }
      body.app > div.content div.modal.promo > div.outer > div.inner > div.content form {
        padding: 12px 0 0 0; }
        body.app > div.content div.modal.promo > div.outer > div.inner > div.content form input#code {
          text-transform: uppercase; }
        body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.fields div.field {
          padding: 12px 0 0 0; }
          body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.fields div.field label {
            font-size: 14px;
            line-height: 1.3em;
            font-weight: 700;
            display: block;
            padding: 0 0 4px 2px; }
        body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.fields.secondary div.field {
          float: left;
          width: 48%; }
          body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.fields.secondary div.field:first-child {
            margin-right: 4%; }
        body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.opt,
        body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.agree {
          padding: 20px 0 0 0; }
          body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.opt div.field,
          body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.agree div.field {
            padding: 1px 0 0 0; }
            body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.opt div.field input,
            body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.agree div.field input {
              margin: 0;
              display: block;
              padding: 0;
              border: none; }
          body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.opt div.field,
          body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.opt label,
          body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.agree div.field,
          body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.agree label {
            display: block;
            float: left; }
          body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.opt label,
          body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.agree label {
            font-size: 14px;
            padding: 0 0 0 8px; }
          body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.opt.agree,
          body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.agree.agree {
            padding: 8px 0 0 0; }
        body.app > div.content div.modal.promo > div.outer > div.inner > div.content form div.actions {
          padding: 28px 0 0 0;
          text-align: center; }
    body.app > div.content div.modal.promoSets.add > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content {
      width: 540px;
      padding: 18px 30px 30px 30px; }
      body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content hr {
        margin: 12px 0 18px 0; }
      body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content form div.fields {
        padding: 12px 0 0 0; }
        body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content form div.fields div.field {
          padding: 0 0 6px 0; }
          body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content form div.fields div.field label {
            display: block;
            float: left;
            width: 35%;
            height: 34px;
            line-height: 34px;
            font-weight: 300;
            color: #888888; }
          body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content form div.fields div.field input {
            height: 34px;
            line-height: 34px;
            font-size: 14px; }
            body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content form div.fields div.field input[type="text"] {
              width: 200px; }
              body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content form div.fields div.field input[type="text"][id="label"] {
                width: 260px; }
          body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content form div.fields div.field input,
          body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content form div.fields div.field select {
            display: block;
            float: left;
            width: 65%; }
          body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content form div.fields div.field div.dropdown-menu.open {
            max-height: inherit !important; }
        body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content form div.fields input#code {
          text-transform: uppercase; }
      body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content form div.actions {
        padding: 24px 0 0 35%; }
        body.app > div.content div.modal.promoSets.add > div.outer > div.inner > div.content form div.actions > i {
          position: absolute;
          margin: 0 0 0 4px; }
    body.app > div.content div.modal.rename > div.outer > div.inner > div.content {
      width: 360px;
      padding: 24px 24px 24px 24px; }
      body.app > div.content div.modal.rename > div.outer > div.inner > div.content h1 {
        font-size: 24px;
        line-height: 1.3em;
        font-weight: 700; }
      body.app > div.content div.modal.rename > div.outer > div.inner > div.content form {
        padding: 16px 0 0 0; }
        body.app > div.content div.modal.rename > div.outer > div.inner > div.content form div.callout {
          margin: 0 0 12px 0; }
        body.app > div.content div.modal.rename > div.outer > div.inner > div.content form div.actions {
          padding: 16px 0 0 0;
          text-align: right; }
    body.app > div.content div.modal.revokePromoUpgrades > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.revokePromoUpgrades > div.outer > div.inner > div.content {
      width: 480px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.revokePromoUpgrades > div.outer > div.inner > div.content h1 {
        font-size: 26px;
        line-height: 1.3em;
        text-align: center; }
      body.app > div.content div.modal.revokePromoUpgrades > div.outer > div.inner > div.content > p {
        display: block;
        margin: 8px 0 0 0;
        line-height: 1.3em; }
      body.app > div.content div.modal.revokePromoUpgrades > div.outer > div.inner > div.content form div.fields {
        padding: 12px 0 0 0; }
        body.app > div.content div.modal.revokePromoUpgrades > div.outer > div.inner > div.content form div.fields div.field textarea {
          padding: 6px 8px 6px 8px; }
      body.app > div.content div.modal.revokePromoUpgrades > div.outer > div.inner > div.content form div.actions {
        padding: 24px 0 0 0;
        text-align: center; }
    body.app > div.content div.modal.services > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.services > div.outer > div.inner > div.content {
      width: 1100px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.services > div.outer > div.inner > div.content h1 {
        font-size: 26px;
        line-height: 1.3em;
        text-align: center;
        padding: 0 0 24px 0; }
      body.app > div.content div.modal.services > div.outer > div.inner > div.content div.headers div.column {
        float: left;
        width: calc(100% / 3); }
        body.app > div.content div.modal.services > div.outer > div.inner > div.content div.headers div.column > div {
          float: left;
          margin: 0 0 8px 0;
          width: 96px;
          text-align: center;
          text-transform: uppercase;
          font-size: 11px; }
        body.app > div.content div.modal.services > div.outer > div.inner > div.content div.headers div.column div.override {
          margin: 0 0 8px calc(100% - 96px - 96px); }
      body.app > div.content div.modal.services > div.outer > div.inner > div.content div.services {
        -moz-column-count: 3;
        -moz-column-gap: 0;
        -webkit-column-count: 3;
        -webkit-column-gap: 0;
        column-count: 3;
        column-gap: 0; }
        body.app > div.content div.modal.services > div.outer > div.inner > div.content div.services div.service {
          -webkit-user-select: none;
          -khtml-user-select: none;
          -moz-user-select: none;
          -o-user-select: none;
          user-select: none;
          padding: 8px 0 4px 0;
          margin: 0 0 2px 0; }
          body.app > div.content div.modal.services > div.outer > div.inner > div.content div.services div.service label {
            float: left;
            display: block;
            width: calc(100% - 96px - 96px);
            cursor: pointer; }
            body.app > div.content div.modal.services > div.outer > div.inner > div.content div.services div.service label div.icon {
              float: right;
              width: 14px;
              height: 16px;
              line-height: 16px;
              background-size: contain;
              background-position: center center;
              background-repeat: no-repeat;
              margin: 0 4px 0 4px; }
            body.app > div.content div.modal.services > div.outer > div.inner > div.content div.services div.service label div.copy {
              float: right;
              height: 16px;
              line-height: 16px;
              text-align: right;
              font-size: 14px; }
          body.app > div.content div.modal.services > div.outer > div.inner > div.content div.services div.service:last-child {
            margin: 0 0 0 0; }
          body.app > div.content div.modal.services > div.outer > div.inner > div.content div.services div.service:hover {
            background-color: rgba(255, 255, 0, 0.1); }
    body.app > div.content div.modal.settings > div.outer > div.inner > div.content {
      width: 920px; }
      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns {
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        min-height: 532px;
        height: 532px; }
        body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > nav,
        body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content {
          display: table-cell;
          vertical-align: top; }
        body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > nav {
          width: 216px;
          /*background-color: #00a3e8;*/
          background-color: #ffffff;
          /*color: #ffffff;*/
          color: #666666;
          padding: 30px 30px 34px 30px;
          border-radius: 4px 0 0 4px; }
          body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > nav h1 {
            font-size: 30px;
            font-weight: 400;
            padding: 0 0 32px 0; }
          body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > nav a {
            height: 30px;
            line-height: 30px;
            line-height: 31px;
            /*color: #ffffff;*/
            color: #666666;
            color: #242424;
            text-indent: 10px;
            display: block;
            border-radius: 4px 4px 4px 4px;
            font-size: 13px;
            margin: 0 0 6px 0;
            -moz-transition: background-color 250ms linear;
            -o-transition: background-color 250ms linear;
            -webkit-transition: background-color 250ms linear;
            transition: background-color 250ms linear;
            font-weight: 400; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > nav a.active, body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > nav a:hover {
              background-color: #39bbf5;
              background-color: rgba(255, 255, 255, 0.22);
              background-color: #783bff;
              color: #ffffff; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > nav a[settings="obfuscate"] {
              display: none; }
        body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content {
          width: 704px;
          border-left: 1px solid #ededed; }
          body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section {
            padding: 36px 44px 36px 44px; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.nc-tout {
              display: none;
              background-color: #F9F9F9;
              border-radius: 8px;
              width: 100%;
              height: 296px;
              padding: 32px 200px 0 48px;
              margin: 24px 0 0 0;
              position: relative; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.nc-tout h3 {
                font-weight: 500;
                font-size: 22px;
                line-height: 1.3em; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.nc-tout p {
                display: block;
                margin: 12px 0 12px 0;
                font-weight: 500;
                font-size: 15px;
                line-height: 1.3em; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.nc-tout div.actions {
                margin: 12px 0 0 0; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.nc-tout div.learnMore {
                font-size: 13px;
                padding: 8px 0 0 0; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.nc-tout div.branding {
                position: absolute;
                top: 32px;
                right: 48px;
                width: 140px;
                height: 160px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: contain;
                background-image: url("../png/namecheap-hedgehog.png"); }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section header.nc-connected,
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section header.nc-converted,
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section header.nc-origin,
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section header.nc-transitioned {
              display: none; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section h2.nc-connected,
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section h2.nc-converted,
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section h2.nc-origin,
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section h2.nc-transitioned {
              display: none; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.actions.nc-connected,
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.actions.nc-converted,
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.actions.nc-origin,
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.actions.nc-transitioned {
              margin: 16px 0 0 0;
              display: none; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.actions.nc-connected a.button,
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.actions.nc-converted a.button,
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.actions.nc-origin a.button,
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.actions.nc-transitioned a.button {
                width: 70%; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.learnMore.nc-connected,
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.learnMore.nc-converted,
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.learnMore.nc-origin,
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section div.learnMore.nc-transitioned {
              display: none;
              margin: 12px 0 0 0; }
          body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing {
            padding: 36px 44px 18px 44px; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content {
              color: #232323; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content h1 {
                font-size: 37px;
                line-height: 1.3em;
                font-weight: 300; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content > p.note {
                display: none;
                font-size: 15px;
                padding: 5px 0 0 3px;
                color: rgba(0, 0, 0, 0.72);
                line-height: 1.4em;
                background-color: #fef5d9;
                height: 46px;
                line-height: 46px;
                padding: 0 0 0 0;
                margin: 16px 0 0 0; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content > p.note span {
                  display: inline-block;
                  margin: 0 8px 0 14px;
                  font-size: 20px; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body {
                height: 272px; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body > div.loading,
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body > div.empty {
                  height: 272px;
                  text-align: center;
                  padding: 106px 0 0 0; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body > div.loading div.icon,
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body > div.empty div.icon {
                    margin: 0 auto 0 auto;
                    height: 36px;
                    line-height: 36px;
                    width: 36px;
                    text-align: center;
                    font-size: 24px; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body > div.loading div.copy,
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body > div.empty div.copy {
                    font-size: 16px;
                    line-height: 24px;
                    height: 24px;
                    text-align: center; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory {
                  height: 272px;
                  padding: 12px 0 0 0;
                  /**
                   * Receipts header margin
                   * 
                   */
                  /**
                   * Receipts body max-height
                   * 
                   */
                  /**
                   * No receipts empty state height
                   * 
                   */ }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.upcomingInvoice {
                    height: 24px;
                    line-height: 24px;
                    font-size: 18px;
                    font-weight: 300; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.credit {
                    height: 26px;
                    line-height: 24px;
                    padding: 2px 0 0 0;
                    font-size: 18px;
                    font-weight: 300; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.credit span.fa.fa-star {
                      color: #f2bd55;
                      padding: 0 2px 0 0; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.credit strong {
                      color: #45be46; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.empty {
                    height: 100%;
                    text-align: center;
                    padding: 106px 0 0 0; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.empty div.icon {
                      margin: 0 auto 0 auto;
                      height: 36px;
                      line-height: 36px;
                      width: 36px;
                      text-align: center;
                      font-size: 24px; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.empty div.copy {
                      font-size: 16px;
                      line-height: 24px;
                      height: 24px;
                      text-align: center; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.header,
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.body {
                    width: 100%; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.header > div.row > div.column,
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.body > div.row > div.column {
                      float: left;
                      width: calc(70% / 3);
                      line-height: 36px;
                      height: 36px;
                      font-size: 14px; }
                      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.header > div.row > div.column a,
                      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.body > div.row > div.column a {
                        color: #783bff; }
                        body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.header > div.row > div.column a:hover,
                        body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.body > div.row > div.column a:hover {
                          text-decoration: underline; }
                      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.header > div.row > div.column span.fa.fa-check,
                      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.body > div.row > div.column span.fa.fa-check {
                        color: #45be46; }
                      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.header > div.row > div.column[stdt-lookup="status"],
                      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.body > div.row > div.column[stdt-lookup="status"] {
                        width: 30%; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.header.header,
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.body.header {
                      margin: 0 0 12px 0;
                      font-weight: 600;
                      border-bottom: 1px solid #000000; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.header.body,
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.body.body {
                      max-height: calc(272px - 0px - 0px - 0px - 36px - 1px - 12px - 12px);
                      overflow: auto; }
                      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.header.body::-webkit-scrollbar,
                      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.body.body::-webkit-scrollbar {
                        -webkit-appearance: none;
                        width: 8px;
                        background-color: #eeeeee;
                        border-radius: 100px 100px 100px 100px; }
                      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.header.body::-webkit-scrollbar-thumb,
                      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.paidInvoices > div.body.body::-webkit-scrollbar-thumb {
                        border-radius: 100px 100px 100px 100px;
                        background-color: #c2c2c2; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.upcomingInvoice + div.paidInvoices {
                    margin: 20px 0 0 0; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.credit + div.paidInvoices {
                    margin: 20px 0 0 0; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.upcomingInvoice + div.credit + div.paidInvoices {
                    margin: 20px 0 0 0; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.upcomingInvoice + div.paidInvoices > div.body {
                    max-height: calc(272px - 24px - 0px  - 20px - 36px - 1px - 12px - 12px); }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.credit + div.paidInvoices > div.body {
                    max-height: calc(272px - 0px  - 26px - 20px - 36px - 1px - 12px - 12px); }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.upcomingInvoice + div.credit + div.paidInvoices > div.body {
                    max-height: calc(272px - 24px - 26px - 20px - 36px - 1px - 12px - 12px); }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.upcomingInvoice + div.paidInvoices > div.empty {
                    height: calc(272px - 24px - 0px  - 20px); }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.upcomingInvoice + div.paidInvoices > div.empty.empty {
                      padding: calc((((272px - 24px - 0px  - 20px) - 24px - 20px) / 2) - 20px) 0 0 0; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.credit + div.paidInvoices > div.empty {
                    height: calc(272px - 0px  - 26px - 20px); }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.credit + div.paidInvoices > div.empty.empty {
                      padding: calc((((272px - 0px - 26px  - 20px) - 24px - 20px) / 2) - 20px) 0 0 0; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.upcomingInvoice + div.credit + div.paidInvoices > div.empty {
                    height: calc(272px - 24px - 26px - 20px); }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="billing"] div.body div.billingHistory > div.upcomingInvoice + div.credit + div.paidInvoices > div.empty.empty {
                      padding: calc((((272px - 24px - 26px  - 20px) - 24px - 20px) / 2) - 20px) 0 0 0; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns {
                margin: 12px 0 0 0;
                border-top: 1px solid #d8d8d8;
                padding: 26px 0 12px 0; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column {
                  float: left;
                  width: 45%; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column header h2 {
                    font-size: 18px;
                    line-height: 18px;
                    height: 18px;
                    font-weight: 600; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column > div.body {
                    margin: 10px 0 0 0; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column > div.body p {
                      line-height: 1.3em;
                      font-size: 16px;
                      font-weight: 300; }
                      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column > div.body p a {
                        color: #783bff;
                        font-weight: 600; }
                        body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column > div.body p a:hover {
                          text-decoration: underline; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column > div.body div.fields {
                      margin: 10px 0 0 0; }
                      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column > div.body div.fields div.field {
                        float: left; }
                        body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column > div.body div.fields div.field:first-child div.input {
                          padding: calc((30px - 16px) / 2) 16px 0 0; }
                          body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column > div.body div.fields div.field:first-child div.input input[type="checkbox"] {
                            float: none;
                            margin: 0 0 0 0; }
                        body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column > div.body div.fields div.field:last-child div.input {
                          float: left;
                          width: 182px; }
                        body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column > div.body div.fields div.field:last-child div.actions {
                          float: left;
                          padding: calc((30px - 22px) / 2) 0 0 8px; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column:last-child {
                    padding: 0 0 12px 32px;
                    width: 55%;
                    border-left: 1px solid #d8d8d8; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.billing > div.content div.block[stdt-block="settings"] > div.body > div.columns > div.column:last-child > div.body p {
                      line-height: 1.4em; }
          body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.notifications > div.content {
            color: #232323; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.notifications > div.content h1 {
              font-size: 37px;
              line-height: 1.3em;
              font-weight: 300; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.notifications > div.content h2 {
              font-size: 18px;
              font-weight: 300;
              padding: 12px 0 0 0; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.notifications > div.content form {
              padding: 16px 0 0 0; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.notifications > div.content form div.fields {
                padding: 12px 0 0 0; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.notifications > div.content form div.fields div.field {
                  float: left;
                  width: 50%;
                  position: relative;
                  height: 90px; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.notifications > div.content form div.fields div.field div.input {
                    position: absolute;
                    left: 0;
                    top: 3px;
                    width: 12px;
                    height: 12px; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.notifications > div.content form div.fields div.field div.input input {
                      margin: 0;
                      padding: 0;
                      position: absolute; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.notifications > div.content form div.fields div.field div.copy {
                    float: left;
                    width: 100%;
                    padding: 0 0 0 22px; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.notifications > div.content form div.fields div.field div.copy label {
                      color: #414141;
                      display: block;
                      font-weight: 700;
                      font-size: 18px;
                      cursor: pointer; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.notifications > div.content form div.fields div.field div.copy p {
                      padding: 6px 0 0 0;
                      display: block;
                      font-weight: 300;
                      line-height: 1.3em; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.notifications > div.content form div.actions {
                padding: 8px 0 0 0; }
          body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.obfuscate > div.content {
            color: #232323; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.obfuscate > div.content h1 {
              font-size: 37px;
              line-height: 1.3em;
              font-weight: 300;
              padding: 0 0 18px 0; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.obfuscate > div.content p {
              line-height: 1.3em;
              font-size: 18px; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.obfuscate > div.content p.second {
              color: #fc7d7d; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.obfuscate > div.content ul {
              display: block;
              padding: 12px 0 0 0;
              font-size: 14px; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.obfuscate > div.content ul li {
                display: list-item;
                list-style-type: disc;
                padding: 0 0 8px 0;
                margin: 0 0 0 28px; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.obfuscate > div.content div.note {
              font-size: 14px;
              line-height: 1.3em;
              margin: 12px 0 0 0;
              padding: 12px 0 0 0;
              border-top: 1px solid #ccc; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.obfuscate > div.content div.note span.highlight {
                background-color: #f9eeb6;
                padding: 0 4px 0 4px; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.obfuscate > div.content div.actions {
              padding: 24px 0 0 0; }
          body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.password > div.content {
            color: #232323; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.password > div.content h1 {
              font-size: 37px;
              line-height: 1.3em;
              font-weight: 300; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.password > div.content h2 {
              font-size: 18px;
              font-weight: 300;
              padding: 12px 0 0 0; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.password > div.content form {
              padding: 16px 0 0 0; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.password > div.content form div.fields div.columns div.column {
                float: left;
                width: 48.5%; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.password > div.content form div.fields div.columns div.column:first-child {
                  margin-right: 3%; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.password > div.content form div.fields div.columns div.column div.field {
                  padding: 16px 0 0 0; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.password > div.content form div.fields div.columns div.column div.field label,
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.password > div.content form div.fields div.columns div.column div.field input {
                    display: block; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.password > div.content form div.fields div.columns div.column div.field label {
                    font-size: 14px;
                    font-weight: 700;
                    padding: 0 0 6px 2px; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.password > div.content form div.actions {
                padding: 32px 0 0 0; }
          body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content {
            color: #232323; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content h1 {
              font-size: 37px;
              line-height: 1.3em;
              font-weight: 300; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block header p {
              font-size: 18px;
              font-weight: 300;
              padding: 12px 0 0 0; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form {
              padding: 16px 0 0 0;
              color: #4a4a4a; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns div.column {
                float: left;
                width: 17%; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns div.column:first-child {
                  margin-right: 8%;
                  width: 75%; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns div.column div.field {
                  padding: 20px 0 0 0; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns div.column div.field div.input {
                    position: relative; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns div.column div.field div.input div.cards {
                      position: absolute;
                      right: 10px;
                      top: 50%;
                      margin-top: -10px;
                      height: 20px; }
                      body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns div.column div.field div.input div.cards img {
                        width: 32px;
                        -moz-transition: opacity 350ms linear;
                        -o-transition: opacity 350ms linear;
                        -webkit-transition: opacity 350ms linear;
                        transition: opacity 350ms linear; }
                        body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns div.column div.field div.input div.cards img.faded {
                          opacity: 0.15; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns div.column div.field label,
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns div.column div.field input {
                    display: block; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns div.column div.field label {
                    font-size: 14px;
                    font-weight: 700;
                    padding: 0 0 6px 2px; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns.secondary div.column {
                width: 20%;
                margin-right: 5%; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns.secondary div.column input {
                  font-size: 17px; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns.secondary div.column:first-child {
                  margin-right: 5%;
                  width: 50%; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns.secondary div.column:first-child input {
                    font-size: 20px; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form div.fields div.columns.secondary div.column:last-child {
                  margin-right: 0; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form footer {
                padding: 32px 0 0 0; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form footer div.actions {
                  float: left; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form footer div.messaging {
                  float: left;
                  padding: 0 0 0 24px;
                  color: #45be46;
                  font-size: 17px;
                  line-height: 56px; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.payment > div.content div.block div.body form footer div.messaging i {
                    padding: 0 4px 0 0; }
          body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content {
            color: #232323; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content h1 {
              font-size: 37px;
              line-height: 1.3em;
              font-weight: 300; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content h2 {
              font-size: 18px;
              font-weight: 300;
              padding: 12px 0 0 0;
              line-height: 1.3em; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.promo.tout {
              margin: 32px 0 0 0; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.promo.tout div.column {
                float: left; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.promo.tout div.column:first-child {
                  width: 20%;
                  font-size: 72px;
                  text-align: center;
                  color: #f4d465; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.promo.tout div.column:last-child {
                  width: 80%; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.promo.tout div.column:last-child p {
                    line-height: 1.4em;
                    font-size: 17px;
                    font-weight: 300; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.promo.tout div.column:last-child p a {
                      font-weight: 700; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns {
              padding: 30px 0 0 0; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column {
                width: 30%;
                margin-right: 5%;
                border: 1px solid #c1c1c1;
                border-radius: 4px 4px 4px 4px;
                float: left;
                background-color: #ffffff;
                padding: 14px 12px 0 12px;
                position: relative;
                overflow: hidden;
                text-align: center;
                height: 324px; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column:last-child {
                  margin-right: 0; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column h1 {
                  color: #060101;
                  font-weight: 300;
                  font-size: 22px;
                  line-height: 1.3em; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column div.badge {
                  position: absolute;
                  background-color: #45be46;
                  color: #ffffff;
                  text-transform: uppercase;
                  font-size: 10px;
                  font-weight: 700;
                  right: -47px;
                  top: 7px;
                  transform: rotate(40deg);
                  -webkit-transform: rotate(40deg);
                  height: 29px;
                  line-height: 32px;
                  width: 140px; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column div.price {
                  color: #060101;
                  font-size: 36px;
                  font-weight: 700;
                  padding: 2px 0 0 0; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column div.price span.interval {
                    font-size: 14px;
                    margin-left: -5px; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column div.divider {
                  background-color: #f1f1f1;
                  height: 1px;
                  line-height: 1px;
                  width: 100%;
                  margin: 12px 0 12px 0; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column div.byline {
                  color: #b8b8b8;
                  font-size: 12px;
                  padding: 8px 0 0 0; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column div.features a {
                  color: #783bff;
                  font-size: 15px; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column div.features a:hover {
                    text-decoration: underline; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column div.cta {
                  position: absolute;
                  bottom: 20px;
                  left: calc(50% - 60px); }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column div.cta a {
                    width: 120px;
                    margin: 0 auto 0 auto; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column div.annually {
                  position: absolute;
                  height: 10px;
                  line-height: 10px;
                  bottom: 6px;
                  font-size: 12px;
                  left: 0;
                  right: 0;
                  text-align: center; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column.disabled {
                  border-color: #e6e6e6; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column.disabled h1 {
                    color: #8c8c8c; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column.disabled div.price {
                    color: #c8c8c8; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column.disabled div.byline {
                    color: #b8b8b8; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.plan > div.content div.plans.columns > div.column.disabled div.features a {
                    color: #848484; }
          body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.profile > div.content {
            color: #232323; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.profile > div.content h1 {
              font-size: 37px;
              line-height: 1.3em;
              font-weight: 300; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.profile > div.content h2 {
              font-size: 18px;
              font-weight: 300;
              padding: 12px 0 0 0; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.profile > div.content form {
              padding: 16px 0 0 0; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.profile > div.content form div.fields div.field {
                padding: 16px 0 0 0; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.profile > div.content form div.fields div.field label,
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.profile > div.content form div.fields div.field input {
                  display: block; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.profile > div.content form div.fields div.field label {
                  font-size: 14px;
                  font-weight: 700;
                  padding: 0 0 6px 2px; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.profile > div.content form div.actions {
                padding: 32px 0 0 0; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.profile > div.content form div.actions span.divider {
                  padding: 0 8px 0 8px;
                  font-style: italic; }
          body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content {
            color: #232323; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content h1 {
              font-size: 37px;
              line-height: 1.3em;
              font-weight: 300; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content h2 {
              font-size: 18px;
              font-weight: 300;
              padding: 12px 0 16px 0; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network > div.prompt {
              padding: 16px 0 16px 0; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network > div.prompt > a.button {
                width: 536px;
                text-align: left;
                font-weight: 300; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network > div.prompt > a.button i {
                  width: 30px;
                  text-align: center;
                  padding: 0; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network > div.details {
              padding: 16px 0 16px 0; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network > div.details div.logo {
                width: 54px;
                height: 54px;
                margin: 0 24px 0 0;
                float: left;
                position: relative; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network > div.details div.logo div.primary {
                  height: 54px;
                  line-height: 54px;
                  width: 54px;
                  text-align: center;
                  background-color: yellow;
                  font-size: 32px;
                  color: #ffffff;
                  border-radius: 100px 100px 100px 100px; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network > div.details div.logo div.secondary {
                  background-color: #45be46;
                  border-radius: 100px 100px 100px 100px;
                  font-size: 13px;
                  height: 22px;
                  line-height: 22px;
                  width: 22px;
                  text-align: center;
                  color: #ffffff;
                  position: absolute;
                  right: -2px;
                  bottom: -2px; }
              body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network > div.details div.status {
                height: 54px;
                float: left;
                width: 490px; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network > div.details div.status h3 {
                  font-size: 22px;
                  height: 27px;
                  line-height: 27px;
                  font-weight: 300;
                  color: #000000; }
                body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network > div.details div.status div.actions {
                  height: 27px;
                  line-height: 27px;
                  font-size: 15px; }
                  body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network > div.details div.status div.actions a {
                    color: #783bff;
                    padding: 0 12px 0 0; }
                    body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network > div.details div.status div.actions a:hover span {
                      text-decoration: underline; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network.facebook > div div.logo div.primary {
              background-color: #3d529c; }
            body.app > div.content div.modal.settings > div.outer > div.inner > div.content > div.columns > div.content > section.social > div.content div.networks div.network.twitter > div div.logo div.primary {
              background-color: #00a8f1; }
    body.app > div.content div.modal.settings.nc-origin .nc-origin, body.app > div.content div.modal.settings.nc-connected .nc-connected, body.app > div.content div.modal.settings.nc-converted .nc-converted, body.app > div.content div.modal.settings.nc-transitioned .nc-transitioned {
      display: block !important; }
    body.app > div.content div.modal.settings.nc-origin .nc-origin-hidden, body.app > div.content div.modal.settings.nc-connected .nc-connected-hidden, body.app > div.content div.modal.settings.nc-converted .nc-converted-hidden, body.app > div.content div.modal.settings.nc-transitioned .nc-transitioned-hidden {
      display: none !important; }
    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content {
      width: 920px; }
      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns {
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        height: 540px; }
        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav,
        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content {
          display: table-cell;
          vertical-align: top; }
        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav {
          width: 96px;
          background-color: #edf1f2;
          border-right: 1px solid #e3e3e3;
          border-radius: 4px 0 0 4px; }
          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a {
            display: block;
            height: 74px;
            line-height: 74px;
            text-align: center;
            font-size: 24px;
            color: #ffffff;
            border-top: 1px solid #edf1f2;
            border-bottom: 1px solid #edf1f2;
            position: relative; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a span {
              -moz-transition: opacity 75ms linear;
              -o-transition: opacity 75ms linear;
              -webkit-transition: opacity 75ms linear;
              transition: opacity 75ms linear;
              border-radius: 100px 100px 100px 100px;
              height: 40px;
              line-height: 40px;
              width: 40px;
              display: inline-block; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a span.fa-facebook {
                background-color: #3d529c; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a span.fa-twitter {
                background-color: #00a9f1; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a span.fa-pinterest-p {
                background-color: #df0000; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a span.fa-instagram {
                background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%); }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a span.fa-envelope {
                background-color: #335ffa;
                font-size: 18px; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a span.buffer {
                background: #000 url("../png/buffer.png") no-repeat center center;
                background-size: 24px;
                position: absolute;
                top: 50%;
                margin-top: -20px;
                left: 50%;
                margin-left: -20px; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a span.fa-link {
                background-color: #45be46; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a.active {
              background-color: #ffffff;
              border-top: 1px solid #e3e3e3;
              border-bottom: 1px solid #e3e3e3; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a.active:first-child {
                border-top-color: #ffffff; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a.active::after {
                content: ' ';
                position: absolute;
                top: 0;
                right: -1px;
                bottom: 0;
                width: 1px;
                background-color: #ffffff; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a:first-child, body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a:nth-child(2) {
              border-radius: 4px 0 0 0; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a:hover span {
              opacity: 0.75; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a[disabled="disabled"] {
              cursor: not-allowed; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a[disabled="disabled"] span {
                opacity: 0.5; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > nav a[disabled="disabled"]:hover span {
                opacity: 0.5; }
        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content {
          width: 824px; }
          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns {
            display: table;
            border-collapse: collapse;
            border-spacing: 0;
            width: 100%; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > aside,
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > section {
              display: table-cell;
              vertical-align: middle;
              height: 540px; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > aside {
              width: 55%; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > aside > div.content div.container {
                position: relative;
                text-align: center; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > aside > div.content div.container img {
                  border: 1px solid #c4c4c4;
                  padding: 10px;
                  max-height: 358px;
                  max-width: 358px;
                  background-color: #ffffff;
                  position: relative; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > aside > div.content div.container img.shadow {
                  position: absolute;
                  top: 0;
                  left: 50%;
                  transform: rotate(4deg);
                  margin-left: -10000px;
                  -webkit-backface-visibility: hidden;
                  backface-visibility: hidden; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > section {
              width: 45%; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > section > div.content {
                padding: 0 0 0 0; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > section > div.content h1 {
                  font-size: 32px;
                  font-weight: 300;
                  color: #000000; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > section > div.content div.prompt {
                  margin: 16px 0 0 0; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > section > div.content div.prompt div.column {
                    float: left; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > section > div.content div.prompt div.column:first-child {
                      height: 40px;
                      width: 40px;
                      position: relative; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > section > div.content div.prompt div.column:first-child div.icon {
                        height: 40px;
                        line-height: 40px;
                        width: 40px;
                        text-align: center; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > section > div.content div.prompt div.column:first-child div.icon.buffer {
                          background: #000 url("../png/buffer.png") no-repeat center center;
                          background-size: 24px;
                          position: absolute;
                          top: 50%;
                          margin-top: -20px;
                          left: 50%;
                          margin-left: -20px;
                          border-radius: 100px 100px 100px 100px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > section > div.content div.prompt div.column:last-child {
                      line-height: 1.3em;
                      width: calc(100% - 40px);
                      padding: 0 0 0 12px; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.buffer > div.content > div.columns > section > div.content div.actions {
                  padding: 32px 0 0 0; }
          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns {
            display: table;
            border-collapse: collapse;
            border-spacing: 0;
            width: 100%; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > aside,
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > section {
              display: table-cell;
              vertical-align: middle;
              height: 540px; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > aside {
              width: 55%; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > aside > div.content div.container {
                position: relative;
                text-align: center; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > aside > div.content div.container img {
                  border: 1px solid #c4c4c4;
                  padding: 10px;
                  max-height: 358px;
                  max-width: 358px;
                  background-color: #ffffff;
                  position: relative; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > aside > div.content div.container img.shadow {
                  position: absolute;
                  top: 0;
                  left: 50%;
                  transform: rotate(4deg);
                  margin-left: -10000px;
                  -webkit-backface-visibility: hidden;
                  backface-visibility: hidden; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > section {
              width: 45%; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > section > div.content {
                padding: 0 36px 0 0; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > section > div.content h1 {
                  font-size: 32px;
                  font-weight: 300;
                  color: #000000; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > section > div.content div.prompt {
                  margin: 16px 0 0 0; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > section > div.content div.prompt div.column {
                    float: left; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > section > div.content div.prompt div.column:first-child {
                      height: 40px;
                      width: 40px;
                      position: relative; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > section > div.content div.prompt div.column:first-child div.icon {
                        height: 40px;
                        line-height: 40px;
                        width: 40px;
                        text-align: center;
                        background-color: #335ffa;
                        border-radius: 100px 100px 100px 100px;
                        color: #ffffff;
                        font-size: 18px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > section > div.content div.prompt div.column:last-child {
                      line-height: 1.3em;
                      width: calc(100% - 40px);
                      padding: 0 0 0 12px; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > section > div.content div.actions {
                  padding: 32px 0 0 0; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.email > div.content > div.columns > section > div.content div.actions a.button {
                    width: 188px; }
          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns {
            display: table;
            border-collapse: collapse;
            border-spacing: 0;
            height: 100%;
            width: 100%; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside,
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section {
              display: table-cell;
              vertical-align: top;
              height: 540px; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside {
              width: 55%; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside nav {
                text-align: center;
                padding: 30px 0 0 0; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside nav a {
                  border-radius: 100px 100px 100px 100px;
                  text-align: center;
                  display: inline-block;
                  margin: 0 8px 0 0;
                  height: 32px;
                  line-height: 32px;
                  font-size: 14px;
                  color: #343434;
                  padding: 0 20px 0 20px;
                  -moz-transition: 150ms linear;
                  -o-transition: 150ms linear;
                  -webkit-transition: 150ms linear;
                  transition: 150ms linear; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside nav a i {
                    padding: 0 12px 0 0; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside nav a:hover, body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside nav a.active {
                    background-color: #f0f0f0; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview {
                position: relative;
                height: calc(100% - 62px); }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop {
                  text-align: center;
                  display: table;
                  border-collapse: collapse;
                  border-spacing: 0;
                  height: inherit;
                  width: 100%;
                  height: 100%; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content {
                    display: table-cell;
                    vertical-align: middle;
                    padding: 24px 0 24px 0; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable {
                      max-height: 430px;
                      overflow: auto;
                      width: calc(372px + 6px + 12px);
                      display: inline-block; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable::-webkit-scrollbar {
                        -webkit-appearance: none;
                        width: 6px;
                        background-color: #eeeeee;
                        border-radius: 100px 100px 100px 100px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable::-webkit-scrollbar-thumb {
                        border-radius: 100px 100px 100px 100px;
                        background-color: #c2c2c2; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner {
                        width: 372px;
                        -webkit-user-select: none;
                        -khtml-user-select: none;
                        -moz-user-select: none;
                        -o-user-select: none;
                        user-select: none;
                        border: 1px solid #dddddd;
                        border-radius: 2px;
                        margin: 0 auto 0 auto;
                        font-family: helvetica;
                        text-align: left; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header {
                          padding: 9px 9px 8.25px;
                          position: relative; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header div.columns div.column {
                            float: left; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header div.columns div.column:first-child {
                              width: 30px;
                              line-height: 1.3em; }
                              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header div.columns div.column:first-child a {
                                display: block; }
                                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header div.columns div.column:first-child a img {
                                  background-color: #efefef;
                                  display: block;
                                  height: 30px;
                                  width: 30px; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header div.columns div.column:last-child {
                              margin-left: 7.5px;
                              width: 200px; }
                              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header div.columns div.column:last-child a.name {
                                display: block;
                                font-weight: 700;
                                color: #3b5998;
                                line-height: 15px;
                                height: 15px;
                                font-size: 10.5px; }
                                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header div.columns div.column:last-child a.name:hover {
                                  text-decoration: underline; }
                              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header div.columns div.column:last-child div.when {
                                display: block;
                                color: #9197a3;
                                font-weight: 300;
                                font-size: 9px;
                                height: 15px;
                                line-height: 15px; }
                                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header div.columns div.column:last-child div.when span.copy {
                                  display: block;
                                  float: left;
                                  height: 15px;
                                  line-height: 15px;
                                  background-color: #9197a3;
                                  opacity: 0.2; }
                                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header div.columns div.column:last-child div.when span.icon {
                                  display: block;
                                  float: left;
                                  width: 7.5px;
                                  height: 15px;
                                  line-height: 15px;
                                  background: url("../png/globe.png") no-repeat center 3.75px;
                                  background-size: 7.5px;
                                  margin-left: 3px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header div.chevron {
                            position: absolute;
                            right: 8.25px;
                            top: 12px;
                            background: #fff url("../png/chevron.png") no-repeat 0 0;
                            background-size: cover;
                            width: 7.5px;
                            height: 5.25px; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner div.message {
                          word-break: break-word;
                          padding: 0 7.5px 0;
                          line-height: 1.38em;
                          font-size: 10.5px;
                          color: #141823; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner div.message a {
                            color: #627aad; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner div.message a:hover {
                              text-decoration: underline; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner div.image {
                          margin: 7.5px 0 0;
                          padding: 0 7.5px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner div.image img {
                            width: 100%;
                            max-width: 100%; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner div.actions {
                          padding: 3px 0 0 0;
                          margin: 9px 7.5px 0;
                          border-top: 1px solid #e5e5e5;
                          height: 23.25px;
                          position: relative; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner div.actions div.background {
                            background: #fff url("../png/actions.png") no-repeat center center;
                            background-size: contain;
                            width: 180px;
                            height: 10.5px;
                            position: absolute;
                            left: 0;
                            top: 50%;
                            margin-top: -5.25px; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner footer {
                          height: 36.75px;
                          border-top: 1px solid #e1e2e3;
                          background-color: #f6f7f8;
                          padding: 6px 9px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner footer div.columns div.column {
                            float: left; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner footer div.columns div.column:first-child img {
                              background-color: #ffffff;
                              display: block;
                              height: 24px;
                              width: 24px; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner footer div.columns div.column:last-child {
                              margin-left: 7.5px;
                              width: calc(100% - 32px);
                              position: relative; }
                              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner footer div.columns div.column:last-child div.input {
                                height: 24px;
                                background-color: #ffffff;
                                border: 1px solid #dcdee3;
                                line-height: 24px;
                                padding-left: 3.75px;
                                color: #9197a3;
                                font-size: 9px; }
                              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner footer div.columns div.column:last-child div.emojis {
                                background: #fff url("../png/actions.v2.png") no-repeat center center;
                                background-size: contain;
                                width: 33.75px;
                                height: 10.5px;
                                position: absolute;
                                right: 10.5px;
                                top: 50%;
                                margin-top: -5.25px; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile {
                  position: absolute;
                  top: 36px;
                  width: calc(12px + 320px + 12px);
                  left: 50%;
                  margin-left: -172px;
                  bottom: 0;
                  -webkit-user-select: none;
                  -khtml-user-select: none;
                  -moz-user-select: none;
                  -o-user-select: none;
                  user-select: none; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > header {
                    height: 47px;
                    width: calc(320px + 12px + 12px); }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > header img {
                      width: 100%; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content {
                    overflow: auto;
                    width: calc(12px + 320px + 12px + 12px + 6px);
                    height: calc(100% - 47px); }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content::-webkit-scrollbar {
                      -webkit-appearance: none;
                      width: 6px;
                      background-color: #eeeeee;
                      border-radius: 100px 100px 100px 100px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content::-webkit-scrollbar-thumb {
                      border-radius: 100px 100px 100px 100px;
                      background-color: #c2c2c2; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner {
                      background-color: #d2d5db;
                      border: solid #333e48;
                      border-width: 0 12px;
                      width: calc(320px + 12px + 12px);
                      min-height: 100%;
                      font-family: helvetica; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.message,
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.image {
                        background-color: #ffffff; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header {
                        padding: 12px 12px 8px 12px;
                        background: #fff url("../png/chevron.down.png") no-repeat right 12px top 21px;
                        background-size: 12px 7px; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column {
                          float: left; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:first-child {
                            width: 40px;
                            line-height: 1.3em; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:first-child a {
                              display: block; }
                              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:first-child a img {
                                background-color: #efefef;
                                display: block;
                                height: 40px;
                                width: 40px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:last-child {
                            margin-left: 10px;
                            width: 200px;
                            font-size: 14px; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:last-child a.name {
                              display: block;
                              font-weight: 700;
                              color: #000000;
                              line-height: 20px;
                              height: 20px; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:last-child div.when {
                              display: block;
                              color: #9197a3;
                              font-weight: 300;
                              font-size: 12px;
                              height: 20px;
                              line-height: 20px; }
                              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:last-child div.when span.copy {
                                display: block;
                                float: left;
                                height: 20px;
                                line-height: 20px;
                                background-color: #9197a3;
                                opacity: 0.2; }
                              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:last-child div.when span.icon {
                                display: block;
                                float: left;
                                width: 10px;
                                height: 20px;
                                line-height: 20px;
                                background: url("../png/globe.png") no-repeat center 5px;
                                background-size: 10px;
                                margin-left: 4px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.message {
                        word-break: break-word;
                        padding: 0 10px 8px 10px;
                        line-height: 1.38em;
                        font-size: 14px; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.message a {
                          color: #627aad; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.message a:hover {
                            text-decoration: underline; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.image img {
                        width: 100%;
                        max-width: 100%; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > aside div.preview section.mobile > div.content div.inner footer {
                        background: #fff url("../png/footer.png") no-repeat center center;
                        background-size: contain;
                        height: 56px; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section {
              width: 45%;
              vertical-align: middle; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content {
                padding: 0 36px 0 0; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections h1 {
                  font-size: 32px;
                  font-weight: 300;
                  color: #000000; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form {
                  padding: 8px 0 0 8px; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.fields {
                    padding: 12px 0 0 0; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.icon {
                      color: #ffffff;
                      font-size: 24px;
                      text-align: center;
                      float: left;
                      border-radius: 100px 100px 100px 100px;
                      height: 40px;
                      line-height: 40px;
                      width: 40px;
                      display: inline-block;
                      background-color: #3d529c;
                      position: relative; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.icon::after {
                        content: ' ';
                        height: 1px;
                        background-color: #d1d1d1;
                        width: 16px;
                        line-height: 16px;
                        position: absolute;
                        top: 20px;
                        right: -16px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector {
                      float: left;
                      margin: 3px 0 0 16px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector > div.btn-group > button {
                        outline: none !important; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector > div.btn-group > div.dropdown-menu {
                        padding: 0;
                        max-width: 200px; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector > div.btn-group > div.dropdown-menu ul {
                          padding: 5px 0 5px 0; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector > div.btn-group > div.dropdown-menu ul li.dropdown-header {
                            cursor: default; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector > div.btn-group > div.dropdown-menu ul li.selected a {
                            color: #ffffff;
                            text-decoration: none;
                            outline: 0;
                            background-color: #783bff; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector > div.btn-group > div.dropdown-menu ul li a span.text {
                            max-width: 100%;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.fields div.field.message {
                      padding: 18px 0 0 0; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.fields div.field.message textarea {
                        height: 176px;
                        padding: 6px 8px 6px 8px; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.actions {
                    padding: 16px 0 0 0;
                    text-align: right; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connections form div.actions a.button {
                      width: 146px; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connect p {
                  display: block;
                  font-size: 18px;
                  line-height: 1.3em;
                  color: #000000;
                  text-align: center; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connect div.actions {
                  padding: 16px 0 0 0; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connect div.actions a {
                    width: 100%;
                    text-align: left; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.facebook > div.content > div.columns > section > div.content div.connect div.actions a i.icon {
                      font-size: 32px;
                      position: relative;
                      bottom: -3px;
                      width: 40px; }
          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns {
            display: table;
            border-collapse: collapse;
            border-spacing: 0;
            height: 100%;
            width: 100%; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside,
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section {
              display: table-cell;
              vertical-align: top;
              height: 540px; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside {
              width: 55%; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside nav {
                text-align: center;
                padding: 30px 0 0 0; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside nav a {
                  border-radius: 100px 100px 100px 100px;
                  text-align: center;
                  display: inline-block;
                  margin: 0 8px 0 0;
                  height: 32px;
                  line-height: 32px;
                  font-size: 14px;
                  color: #343434;
                  padding: 0 20px 0 20px;
                  -moz-transition: 150ms linear;
                  -o-transition: 150ms linear;
                  -webkit-transition: 150ms linear;
                  transition: 150ms linear; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside nav a i {
                    padding: 0 12px 0 0; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside nav a:hover, body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside nav a.active {
                    background-color: #f0f0f0; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview {
                position: relative;
                height: calc(100% - 62px); }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.desktop {
                  text-align: center;
                  display: table;
                  border-collapse: collapse;
                  border-spacing: 0;
                  height: inherit;
                  width: 100%;
                  height: 100%; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.desktop div.content {
                    display: table-cell;
                    vertical-align: middle;
                    padding: 0 0 62px 0; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.desktop div.content div.inner {
                      display: inline-block;
                      max-width: 361px;
                      max-height: 231px;
                      padding: 0 129px 0 0;
                      -webkit-user-select: none;
                      -khtml-user-select: none;
                      -moz-user-select: none;
                      -o-user-select: none;
                      user-select: none;
                      border: 1px solid #dbdbdb;
                      background-image: url("../png/sidebar.top.v2.png"), url("../png/sidebar.bottom.v2.png");
                      background-repeat: no-repeat;
                      background-position: right top, right bottom;
                      background-size: 129px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.desktop div.content div.inner img {
                        max-width: calc(361px - 2px - 129px);
                        max-height: calc(231px - 2px);
                        float: left; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile {
                  position: absolute;
                  top: 36px;
                  width: calc(12px + 320px + 12px);
                  left: 50%;
                  margin-left: -172px;
                  bottom: 0;
                  -webkit-user-select: none;
                  -khtml-user-select: none;
                  -moz-user-select: none;
                  -o-user-select: none;
                  user-select: none; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > header {
                    height: 47px;
                    width: calc(320px + 12px + 12px); }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > header img {
                      width: 100%; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > div.content {
                    overflow: auto;
                    width: calc(12px + 320px + 12px + 12px + 6px);
                    height: calc(100% - 47px); }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > div.content::-webkit-scrollbar {
                      -webkit-appearance: none;
                      width: 6px;
                      background-color: #eeeeee;
                      border-radius: 100px 100px 100px 100px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > div.content::-webkit-scrollbar-thumb {
                      border-radius: 100px 100px 100px 100px;
                      background-color: #c2c2c2; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > div.content div.inner {
                      background-color: #d2d5db;
                      border: solid #333e48;
                      border-width: 0 12px;
                      width: calc(320px + 12px + 12px);
                      min-height: 100%;
                      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.image {
                        background-color: #ffffff; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header {
                        padding: 9px 9px 9px 9px;
                        height: 50px;
                        background-color: #ffffff; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div {
                          float: left; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.image {
                            background-color: #e9eaec;
                            border-radius: 100px 100px 100px 100px;
                            height: 32px;
                            line-height: 32px;
                            width: 32px;
                            text-align: center; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.name {
                            color: #125688;
                            font-size: 13px;
                            font-weight: 700;
                            line-height: 32px;
                            height: 32px;
                            margin: 0 0 0 12px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.when {
                            color: #9197a3;
                            float: right;
                            height: 32px;
                            line-height: 32px;
                            font-size: 12px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.image img {
                        max-width: 320px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > aside div.preview section.mobile > div.content div.inner footer {
                        height: 40px;
                        background: #fff url("../png/footer-2.png") no-repeat 12px center; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section {
              width: 45%;
              vertical-align: middle; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content {
                padding: 0 36px 0 0; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content h1 {
                  font-size: 32px;
                  font-weight: 300;
                  color: #000000; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content div.prompt {
                  margin: 16px 0 0 0;
                  padding: 0 0 0 8px; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content div.prompt div.column {
                    float: left; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content div.prompt div.column:first-child {
                      height: 40px;
                      width: 40px;
                      position: relative; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content div.prompt div.column:first-child div.icon {
                        height: 40px;
                        line-height: 40px;
                        width: 40px;
                        text-align: center;
                        background: radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);
                        border-radius: 100px 100px 100px 100px;
                        color: #ffffff;
                        font-size: 24px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content div.prompt div.column:last-child {
                      line-height: 1.3em;
                      width: calc(100% - 40px);
                      padding: 0 0 0 12px; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content form {
                  padding: 8px 0 0 8px; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content form div.fields {
                    padding: 12px 0 0 0; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content form div.fields div.field input {
                      padding-left: 48px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content form div.fields div.field ul.country-list {
                      width: 272px;
                      overflow-x: hidden; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content form div.fields div.field ul.country-list li div.flag {
                        margin-right: 9px;
                        display: inline-block;
                        height: 16px;
                        line-height: 16px; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content form div.fields div.field ul.country-list li div.flag > div {
                          margin-top: 3px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content form div.fields div.field ul.country-list li span.country-name {
                        display: inline-block;
                        height: 16px;
                        line-height: 16px;
                        max-width: 156px;
                        text-overflow: ellipsis;
                        white-space: nowrap;
                        overflow: hidden;
                        font-size: 13px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content form div.fields div.field ul.country-list li span.dial-code {
                        display: inline-block;
                        height: 16px;
                        line-height: 16px;
                        font-size: 13px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content form div.fields div.field div.intl-tel-input {
                      width: 100%; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.instagram > div.content > div.columns > section > div.content form div.actions {
                    text-align: right;
                    padding: 16px 0 0 0; }
          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns {
            display: table;
            border-collapse: collapse;
            border-spacing: 0;
            width: 100%; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > aside,
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section {
              display: table-cell;
              vertical-align: middle;
              height: 540px; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > aside {
              width: 55%; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > aside > div.content div.container {
                position: relative;
                text-align: center; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > aside > div.content div.container img {
                  border: 1px solid #c4c4c4;
                  padding: 10px;
                  max-height: 358px;
                  max-width: 358px;
                  background-color: #ffffff;
                  position: relative; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > aside > div.content div.container img.shadow {
                  position: absolute;
                  top: 0;
                  left: 50%;
                  transform: rotate(4deg);
                  margin-left: -10000px;
                  -webkit-backface-visibility: hidden;
                  backface-visibility: hidden; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section {
              width: 45%; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content {
                padding: 0 36px 0 0; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content h1 {
                  font-size: 30px;
                  font-weight: 300;
                  color: #000000; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.prompt {
                  margin: 16px 0 0 0; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.prompt div.column {
                    float: left; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.prompt div.column:first-child {
                      height: 40px;
                      width: 40px;
                      position: relative; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.prompt div.column:first-child div.icon {
                        height: 40px;
                        line-height: 40px;
                        width: 40px;
                        text-align: center;
                        background-color: #45be46;
                        border-radius: 100px 100px 100px 100px;
                        color: #ffffff;
                        font-size: 24px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.prompt div.column:last-child {
                      line-height: 1.3em;
                      width: calc(100% - 40px);
                      padding: 0 0 0 12px; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.focus {
                  padding: 8px 0 0 8px; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.focus div.fields {
                    padding: 12px 0 0 0;
                    position: relative; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.focus div.fields input.placeholder {
                      display: none;
                      font-size: 17px;
                      font-size: 15px;
                      padding: 0 0 0 32px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.focus div.fields div.icon {
                      display: none;
                      position: absolute;
                      left: 12px;
                      top: 31px;
                      color: #999999; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.focus div.fields.placeholder input {
                      display: none; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.focus div.fields.placeholder input.placeholder {
                        display: inline-block; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.focus div.fields.placeholder div.icon {
                      display: block; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.focus div.fields div.copy {
                      position: absolute;
                      right: 10px;
                      top: 12px;
                      font-size: 19px;
                      height: 54px;
                      line-height: 54px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.focus div.fields div.copy span {
                        color: #c3c3c3; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.focus div.fields div.copy span:hover {
                          cursor: pointer;
                          color: #000000; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.link > div.content > div.columns > section > div.content div.focus div.actions {
                    padding: 24px 0 0 0; }
          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns {
            display: table;
            border-collapse: collapse;
            border-spacing: 0;
            height: 100%;
            width: 100%; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside,
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > section {
              display: table-cell;
              vertical-align: top;
              height: 540px; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside {
              width: 55%; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside nav {
                text-align: center;
                padding: 30px 0 0 0; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside nav a {
                  border-radius: 100px 100px 100px 100px;
                  text-align: center;
                  display: inline-block;
                  margin: 0 8px 0 0;
                  height: 32px;
                  line-height: 32px;
                  font-size: 14px;
                  color: #343434;
                  padding: 0 20px 0 20px;
                  -moz-transition: 150ms linear;
                  -o-transition: 150ms linear;
                  -webkit-transition: 150ms linear;
                  transition: 150ms linear; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside nav a i {
                    padding: 0 12px 0 0; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside nav a:hover, body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside nav a.active {
                    background-color: #f0f0f0; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview {
                position: relative;
                height: calc(100% - 62px); }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop {
                  text-align: center;
                  display: table;
                  border-collapse: collapse;
                  border-spacing: 0;
                  height: inherit;
                  width: 100%;
                  height: 100%; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content {
                    display: table-cell;
                    vertical-align: middle;
                    padding: 24px 0 24px 0; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable {
                      max-height: 430px;
                      overflow: auto;
                      width: calc(236px + 6px + 12px);
                      display: inline-block; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable::-webkit-scrollbar {
                        -webkit-appearance: none;
                        width: 6px;
                        background-color: #eeeeee;
                        border-radius: 100px 100px 100px 100px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable::-webkit-scrollbar-thumb {
                        border-radius: 100px 100px 100px 100px;
                        background-color: #c2c2c2; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable > div.inner {
                        margin: 0 auto 0 auto;
                        width: 236px;
                        -webkit-user-select: none;
                        -khtml-user-select: none;
                        -moz-user-select: none;
                        -o-user-select: none;
                        user-select: none;
                        border: 1px solid #dbdbdb;
                        box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.22);
                        border-radius: 6px;
                        font-family: 'Helvetica Neue', Helvetica, arial, sans-serif;
                        text-align: left; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable > div.inner div.image img {
                          max-width: 100%;
                          border-radius: 6px 6px 0 0; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable > div.inner div.meta {
                          margin: 10px 16px 10px 16px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable > div.inner div.meta div.description {
                            margin: 5px 0 5px 0;
                            line-height: 17px;
                            color: #9197a3;
                            background-color: #9197a3;
                            opacity: 0.2;
                            font-size: 13px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable > div.inner div.meta div.social {
                            margin: 5px 0 5px 0;
                            font-size: 11px; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable > div.inner div.meta div.social span {
                              color: #ccc; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable > div.inner div.credits {
                          border-top: 1px solid #e7e7e7;
                          padding: 10px;
                          line-height: 14px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable > div.inner div.credits div.image {
                            float: left;
                            height: 30px;
                            line-height: 30px;
                            width: 30px;
                            text-align: center;
                            border-radius: 100px 100px 100px 100px;
                            background-color: #e9eaec;
                            margin-right: 5px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable > div.inner div.credits div.name {
                            margin-left: 35px;
                            color: #9197a3;
                            background-color: #9197a3;
                            opacity: 0.2;
                            font-size: 13px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable > div.inner div.credits div.board {
                            margin-top: 2px;
                            margin-left: 35px;
                            color: #9197a3;
                            background-color: #9197a3;
                            opacity: 0.2;
                            font-size: 13px; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile {
                  position: absolute;
                  top: 36px;
                  width: calc(12px + 320px + 12px);
                  left: 50%;
                  margin-left: -172px;
                  bottom: 0;
                  -webkit-user-select: none;
                  -khtml-user-select: none;
                  -moz-user-select: none;
                  -o-user-select: none;
                  user-select: none;
                  font-family: 'Helvetica Neue', Helvetica, arial, sans-serif; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > header {
                    height: 47px;
                    width: calc(320px + 12px + 12px); }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > header img {
                      width: 100%; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > div.content {
                    overflow: auto;
                    width: calc(12px + 320px + 12px + 12px + 6px);
                    height: calc(100% - 47px); }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > div.content::-webkit-scrollbar {
                      -webkit-appearance: none;
                      width: 6px;
                      background-color: #eeeeee;
                      border-radius: 100px 100px 100px 100px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > div.content::-webkit-scrollbar-thumb {
                      border-radius: 100px 100px 100px 100px;
                      background-color: #c2c2c2; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > div.content div.inner {
                      background-color: #d2d5db;
                      border: solid #333e48;
                      border-width: 0 12px;
                      width: calc(320px + 12px + 12px);
                      min-height: 100%;
                      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.image {
                        background-color: #ffffff; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header {
                        height: 55px;
                        background-color: #ffffff;
                        background: #fff url("../png/header.png") no-repeat center center;
                        background-size: contain; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.image {
                        padding: 0 8px 0 8px; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.image img {
                          max-width: 100%;
                          border-radius: 6px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > div.content div.inner footer {
                        padding: 16px;
                        background-color: #ffffff; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > div.content div.inner footer div.action {
                          float: right;
                          background-color: #efefef;
                          border-radius: 4px 4px 4px 4px;
                          width: 72px;
                          height: 34px;
                          line-height: 34px;
                          text-align: center;
                          font-size: 13px;
                          font-weight: 700;
                          color: #5e5e5e; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > div.content div.inner footer div.copy {
                          font-size: 10px;
                          line-height: 1.3em;
                          color: #858585; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > aside div.preview section.mobile > div.content div.inner footer div.url {
                          font-size: 10px;
                          line-height: 1.3em;
                          color: #000000;
                          font-weight: 700;
                          background-color: #e9eaed;
                          width: 100px;
                          color: #e9eaed; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > section {
              width: 45%;
              vertical-align: middle; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > section > div.content {
                padding: 0 36px 0 0; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > section > div.content h1 {
                  font-size: 32px;
                  font-weight: 300;
                  color: #000000; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > section > div.content div.prompt {
                  margin: 16px 0 0 0;
                  padding: 0 0 0 8px; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > section > div.content div.prompt div.column {
                    float: left; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > section > div.content div.prompt div.column:first-child {
                      height: 40px;
                      width: 40px;
                      position: relative; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > section > div.content div.prompt div.column:first-child div.icon {
                        height: 40px;
                        line-height: 40px;
                        width: 40px;
                        text-align: center;
                        background-color: #df0000;
                        border-radius: 100px 100px 100px 100px;
                        color: #ffffff;
                        font-size: 24px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > section > div.content div.prompt div.column:last-child {
                      line-height: 1.3em;
                      width: calc(100% - 40px);
                      padding: 0 0 0 12px; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > section > div.content div.focus {
                  padding: 8px 0 0 8px; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > section > div.content div.focus div.fields {
                    padding: 12px 0 0 0; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.pinterest > div.content > div.columns > section > div.content div.focus div.actions {
                    padding: 16px 0 0 0;
                    text-align: right; }
          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns {
            display: table;
            border-collapse: collapse;
            border-spacing: 0;
            height: 100%;
            width: 100%; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside,
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section {
              display: table-cell;
              vertical-align: top;
              height: 540px; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside {
              width: 55%; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside nav {
                text-align: center;
                padding: 30px 0 0 0; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside nav a {
                  border-radius: 100px 100px 100px 100px;
                  text-align: center;
                  display: inline-block;
                  margin: 0 8px 0 0;
                  height: 32px;
                  line-height: 32px;
                  font-size: 14px;
                  color: #343434;
                  padding: 0 20px 0 20px;
                  -moz-transition: 150ms linear;
                  -o-transition: 150ms linear;
                  -webkit-transition: 150ms linear;
                  transition: 150ms linear; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside nav a i {
                    padding: 0 12px 0 0; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside nav a:hover, body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside nav a.active {
                    background-color: #f0f0f0; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview {
                position: relative;
                height: calc(100% - 62px); }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop {
                  text-align: center;
                  display: table;
                  border-collapse: collapse;
                  border-spacing: 0;
                  height: inherit;
                  width: 100%;
                  height: 100%; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content {
                    display: table-cell;
                    vertical-align: middle;
                    padding: 24px 0 24px 0; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable {
                      max-height: 430px;
                      overflow: auto;
                      width: calc(368.75px + 6px + 12px);
                      display: inline-block; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable::-webkit-scrollbar {
                        -webkit-appearance: none;
                        width: 6px;
                        background-color: #eeeeee;
                        border-radius: 100px 100px 100px 100px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable::-webkit-scrollbar-thumb {
                        border-radius: 100px 100px 100px 100px;
                        background-color: #c2c2c2; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner {
                        width: 368.75px;
                        -webkit-user-select: none;
                        -khtml-user-select: none;
                        -moz-user-select: none;
                        -o-user-select: none;
                        user-select: none;
                        border: 1px solid #e1e8ed;
                        border-radius: 2px;
                        margin: 0 auto 0 auto;
                        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
                        padding: 5.625px 7.5px;
                        position: relative;
                        text-align: left; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header {
                          margin-left: 36.25px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header a.image {
                            display: block;
                            position: absolute;
                            left: 5.625px;
                            top: 7.5px; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header a.image img {
                              background-color: #efefef;
                              display: block;
                              width: 30px;
                              height: 30px;
                              border-radius: 2px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header a.link {
                            display: block;
                            height: 11.875px;
                            line-height: 11.875px; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header a.link span.name {
                              color: #292f33;
                              font-size: 12.5px;
                              font-weight: 700; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header a.link span.username {
                              color: #8899a6;
                              font-size: 10.625px; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner header a.link:hover span.name {
                              color: #0084b4;
                              text-decoration: underline; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner div.message {
                          margin-left: 36.25px;
                          word-break: break-word;
                          line-height: 18px;
                          font-size: 14px;
                          color: #292f33;
                          padding: 2px 0 0 0; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner div.message a {
                            color: #0084b4; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner div.message a:hover {
                              text-decoration: underline; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner div.image {
                          margin-left: 36.25px;
                          margin-top: 6.25px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner div.image img {
                            width: 100%;
                            max-width: 100%; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner footer {
                          margin-left: 36.25px;
                          margin-top: 6.25px;
                          margin-bottom: 1.25px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner footer div.icons {
                            color: #ccd6dd; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.desktop > div.content > div.scrollable div.inner footer div.icons span {
                              display: block;
                              float: left;
                              width: 50px;
                              font-size: 10px; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile {
                  position: absolute;
                  top: 36px;
                  width: calc(12px + 320px + 12px);
                  left: 50%;
                  margin-left: -172px;
                  bottom: 0;
                  -webkit-user-select: none;
                  -khtml-user-select: none;
                  -moz-user-select: none;
                  -o-user-select: none;
                  user-select: none; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > header {
                    height: 47px;
                    width: calc(320px + 12px + 12px); }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > header img {
                      width: 100%; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content {
                    overflow: auto;
                    width: calc(12px + 320px + 12px + 12px + 6px);
                    height: calc(100% - 47px); }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content::-webkit-scrollbar {
                      -webkit-appearance: none;
                      width: 6px;
                      background-color: #eeeeee;
                      border-radius: 100px 100px 100px 100px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content::-webkit-scrollbar-thumb {
                      border-radius: 100px 100px 100px 100px;
                      background-color: #c2c2c2; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner {
                      background-color: #d2d5db;
                      border: solid #333e48;
                      border-width: 0 12px;
                      width: calc(320px + 12px + 12px);
                      min-height: 100%;
                      font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.message,
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.image {
                        background-color: #ffffff; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header {
                        padding: 8px 8px 8px 8px;
                        background-color: #ffffff; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column {
                          float: left; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:first-child {
                            width: 40px;
                            line-height: 1.3em; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:first-child a {
                              display: block; }
                              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:first-child a img {
                                background-color: #efefef;
                                display: block;
                                height: 40px;
                                width: 40px;
                                border-radius: 3px; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:last-child {
                            margin-left: 10px;
                            width: 200px;
                            font-size: 13px;
                            margin-top: 4px; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:last-child a.name {
                              display: block;
                              font-weight: 700;
                              color: #000000;
                              line-height: 16px;
                              height: 16px; }
                            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner header div.columns div.column:last-child a.username {
                              display: block;
                              color: #9197a3;
                              font-weight: 300;
                              font-size: 12px;
                              height: 16px;
                              line-height: 16px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.message {
                        word-break: break-word;
                        padding: 0 10px 8px 10px;
                        line-height: 1.38em;
                        font-size: 14px; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.message a {
                          color: #0084b4; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.message a:hover {
                            text-decoration: underline; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.image {
                        padding: 0 8px 0 8px; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.image img {
                          width: 100%;
                          max-width: 100%; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.byline {
                        padding: 2px 10px 12px 10px;
                        font-size: 11px;
                        background-color: #ffffff; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.byline span.copy {
                          color: #9197a3; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > aside div.preview section.mobile > div.content div.inner div.byline a.name {
                          color: #9197a3;
                          font-weight: 700; }
            body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section {
              width: 45%;
              vertical-align: middle; }
              body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content {
                padding: 0 36px 0 0; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections h1 {
                  font-size: 32px;
                  font-weight: 300;
                  color: #000000; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form {
                  padding: 8px 0 0 8px; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.fields {
                    padding: 12px 0 0 0; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.icon {
                      color: #ffffff;
                      font-size: 24px;
                      text-align: center;
                      float: left;
                      border-radius: 100px 100px 100px 100px;
                      height: 40px;
                      line-height: 40px;
                      width: 40px;
                      display: inline-block;
                      background-color: #00a8f1;
                      position: relative; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.icon::after {
                        content: ' ';
                        height: 1px;
                        background-color: #d1d1d1;
                        width: 16px;
                        line-height: 16px;
                        position: absolute;
                        top: 20px;
                        right: -16px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector {
                      float: left;
                      margin: 3px 0 0 16px; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector > div.btn-group > button {
                        outline: none !important; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector > div.btn-group > div.dropdown-menu {
                        padding: 0;
                        max-width: 200px; }
                        body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector > div.btn-group > div.dropdown-menu ul {
                          padding: 5px 0 5px 0; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector > div.btn-group > div.dropdown-menu ul li.dropdown-header {
                            cursor: default; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector > div.btn-group > div.dropdown-menu ul li.selected a {
                            color: #ffffff;
                            text-decoration: none;
                            outline: 0;
                            background-color: #783bff; }
                          body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.fields div.field.account div.selector > div.btn-group > div.dropdown-menu ul li a span.text {
                            max-width: 100%;
                            text-overflow: ellipsis;
                            white-space: nowrap;
                            overflow: hidden; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.fields div.field.message {
                      padding: 18px 0 0 0; }
                      body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.fields div.field.message textarea {
                        height: 176px;
                        padding: 6px 8px 6px 8px; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.status {
                    text-align: right;
                    padding: 4px 2px 0 0;
                    font-size: 13px; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.status.red {
                      color: red; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.actions {
                    padding: 16px 0 0 0;
                    text-align: right; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connections form div.actions a.button {
                      width: 146px; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connect p {
                  display: block;
                  font-size: 18px;
                  line-height: 1.3em;
                  color: #000000;
                  text-align: center; }
                body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connect div.actions {
                  padding: 16px 0 0 0; }
                  body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connect div.actions a {
                    width: 100%;
                    text-align: left; }
                    body.app > div.content div.modal.share:not(.success):not(.error) > div.outer > div.inner > div.content > div.columns > div.content > section.twitter > div.content > div.columns > section > div.content div.connect div.actions a i.icon {
                      font-size: 32px;
                      position: relative;
                      bottom: -3px;
                      width: 40px; }
    body.app > div.content div.modal.share.error > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.share.error > div.outer > div.inner > div.content {
      width: 384px;
      overflow: hidden;
      text-align: center; }
      body.app > div.content div.modal.share.error > div.outer > div.inner > div.content div.visuals {
        width: 82px;
        margin: 48px auto 24px auto;
        position: relative; }
        body.app > div.content div.modal.share.error > div.outer > div.inner > div.content div.visuals div.primary {
          height: 82px;
          line-height: 82px;
          width: 82px;
          text-align: center;
          font-size: 48px;
          color: #ffffff;
          border-radius: 100px 100px 100px 100px; }
        body.app > div.content div.modal.share.error > div.outer > div.inner > div.content div.visuals div.secondary {
          background-color: #f05a5c;
          border-radius: 100px 100px 100px 100px;
          font-size: 18px;
          height: 32px;
          line-height: 32px;
          width: 32px;
          text-align: center;
          color: #ffffff;
          position: absolute;
          right: -2px;
          bottom: -2px; }
      body.app > div.content div.modal.share.error > div.outer > div.inner > div.content h1 {
        color: #3f3f3f;
        font-size: 28px;
        line-height: 1.3em;
        margin: 0 0 10px 0; }
      body.app > div.content div.modal.share.error > div.outer > div.inner > div.content div.messaging {
        padding: 12px 60px 0 60px;
        font-size: 18px;
        line-height: 1.3em;
        color: #3f3f3f; }
      body.app > div.content div.modal.share.error > div.outer > div.inner > div.content div.actions {
        padding: 40px 0 40px 0; }
      body.app > div.content div.modal.share.error > div.outer > div.inner > div.content div.sub {
        text-align: right;
        padding: 0 8px 8px 0;
        font-size: 14px;
        color: #333333; }
    body.app > div.content div.modal.share.error.facebook > div.outer > div.inner > div.content div.visuals div.primary {
      background-color: #3d529c; }
    body.app > div.content div.modal.share.error.twitter > div.outer > div.inner > div.content div.visuals div.primary {
      background-color: #00a8f1; }
    body.app > div.content div.modal.share.error.pinterest > div.outer > div.inner > div.content div.visuals div.primary {
      background-color: #df0000; }
    body.app > div.content div.modal.share.success > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.share.success > div.outer > div.inner > div.content {
      width: 384px;
      overflow: hidden;
      text-align: center; }
      body.app > div.content div.modal.share.success > div.outer > div.inner > div.content div.visuals {
        width: 82px;
        margin: 48px auto 24px auto;
        position: relative; }
        body.app > div.content div.modal.share.success > div.outer > div.inner > div.content div.visuals div.primary {
          height: 82px;
          line-height: 82px;
          width: 82px;
          text-align: center;
          font-size: 48px;
          color: #ffffff;
          border-radius: 100px 100px 100px 100px; }
        body.app > div.content div.modal.share.success > div.outer > div.inner > div.content div.visuals div.secondary {
          background-color: #45be46;
          border-radius: 100px 100px 100px 100px;
          font-size: 18px;
          height: 32px;
          line-height: 32px;
          width: 32px;
          text-align: center;
          color: #ffffff;
          position: absolute;
          right: -2px;
          bottom: -2px; }
      body.app > div.content div.modal.share.success > div.outer > div.inner > div.content h1 {
        color: #3f3f3f;
        font-size: 28px;
        line-height: 1.3em;
        margin: 0 0 10px 0; }
      body.app > div.content div.modal.share.success > div.outer > div.inner > div.content div.messaging > a {
        color: #009abc;
        font-size: 18px; }
      body.app > div.content div.modal.share.success > div.outer > div.inner > div.content div.actions {
        padding: 40px 0 40px 0; }
      body.app > div.content div.modal.share.success > div.outer > div.inner > div.content div.sub {
        text-align: right;
        padding: 0 8px 8px 0;
        font-size: 14px;
        color: #333333; }
    body.app > div.content div.modal.share.success.facebook > div.outer > div.inner > div.content div.visuals div.primary {
      background-color: #3d529c; }
    body.app > div.content div.modal.share.success.twitter > div.outer > div.inner > div.content div.visuals div.primary {
      background-color: #00a8f1; }
    body.app > div.content div.modal.share.success.pinterest > div.outer > div.inner > div.content div.visuals div.primary {
      background-color: #df0000; }
    body.app > div.content div.modal.signup > div.outer > div.inner > div.content {
      width: 940px;
      color: #252525;
      overflow: hidden; }
      body.app > div.content div.modal.signup > div.outer > div.inner > div.content div.logo {
        background-image: url("../png/white.400x121.png");
        background-repeat: no-repeat;
        background-size: contain;
        height: 40px;
        width: 200px;
        background-position: center center;
        margin-left: -100px;
        position: absolute;
        left: 50%;
        top: -80px;
        display: none; }
      body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns {
        display: table;
        border-collapse: collapse;
        border-spacing: 0; }
        body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column {
          display: table-cell;
          vertical-align: top;
          padding: 44px;
          padding: 36px; }
        body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child {
          width: 572px; }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child h1 {
            font-size: 48px;
            line-height: 48px;
            font-weight: 300; }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child > p {
            font-size: 18px;
            line-height: 24px;
            font-weight: 300;
            padding: 12px 0 0 0; }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child div.nc-tout {
            width: 100%;
            margin: 24px 0 0 0; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child div.nc-tout div.messaging {
              padding: 28px 50px 36px 128px;
              border: 1px solid #E0EBF4;
              background-color: #ffffff;
              border-radius: 8px;
              position: relative; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child div.nc-tout div.messaging h3 {
                font-weight: 700;
                font-size: 19px;
                line-height: 1.3em; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child div.nc-tout div.messaging div.namecheap-logo {
                position: absolute;
                top: 28px;
                right: 74px;
                height: 20px;
                width: 111px;
                background-repeat: no-repeat;
                background-position: right center;
                background-size: contain;
                background-image: url("../png/namecheap-logo.500x90.png"); }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child div.nc-tout div.messaging p {
                display: block;
                margin: 12px 0 12px 0;
                font-weight: 300;
                font-size: 15px;
                line-height: 1.3em; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child div.nc-tout div.messaging div.branding {
                position: absolute;
                top: 16px;
                left: -24px;
                width: 140px;
                height: 154px;
                background-repeat: no-repeat;
                background-position: center center;
                background-size: contain;
                background-image: url("../png/hedgey-bike.png"); }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child div.nc-tout div.actions {
              margin: 24px 0 0 0; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child div.nc-tout div.actions a {
                width: 100%;
                /*height: 40px;*/
                /*line-height: 40px;*/
                height: 54px;
                line-height: 54px;
                font-size: 18px;
                font-weight: 600; }
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child div.nc-tout div.actions a i {
                  height: 22px;
                  line-height: 22px;
                  width: 22px; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child div.nc-tout div.learnMore {
              font-size: 14px;
              padding: 12px 0 0 0;
              text-align: center; }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form {
            padding: 12px 0 0 0; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields {
              padding: 12px 0 0 0; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields .field.name label {
                font-size: 14px;
                font-weight: 700;
                display: block;
                padding: 0 0 6px 2px; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields > div.columns {
                padding: 20px 0 0 0; }
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields > div.columns > div.column {
                  float: left;
                  width: 48%; }
                  body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields > div.columns > div.column:first-child {
                    margin-right: 4%; }
                  body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields > div.columns > div.column label {
                    font-size: 14px;
                    font-weight: 700;
                    display: block;
                    padding: 0 0 6px 2px; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.opt,
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.agree {
                padding: 20px 0 0 0; }
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.opt div.field,
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.agree div.field {
                  padding: 2px 0 0 0; }
                  body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.opt div.field input,
                  body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.agree div.field input {
                    margin: 0;
                    display: block;
                    padding: 0;
                    border: none; }
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.opt div.field,
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.opt label,
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.agree div.field,
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.agree label {
                  display: block;
                  float: left; }
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.opt label,
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.agree label {
                  height: 16px;
                  line-height: 16px;
                  font-size: 15px;
                  padding: 0 0 0 12px; }
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.opt.agree,
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form div.fields div.agree.agree {
                  padding: 8px 0 0 0; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form .actions {
              padding: 24px 0 0 0; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form .actions > a,
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form .actions > div {
                float: left; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form .actions > div {
                height: 63px;
                line-height: 63px;
                margin: 0 0 0 12px;
                font-size: 19px; }
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form .actions > div > a {
                  color: #783bff; }
                  body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:first-child form .actions > div > a:hover {
                    text-decoration: underline; }
        body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child {
          width: 368px;
          background-color: #f9f9f9;
          vertical-align: middle;
          /**
           * Issue with IE and relative table-cell parents, so had
           * to remove the position value here, and let the below
           * absolute-poisitioned element go up the tree. Because
           * it is going up the tree, I removed the left-style
           * that was present before, because otherwise with it,
           * the element would stretch across the
           * relative-grand-parent (whatever it is).
           * 
           * So if any changes need to be made here, test things
           * in IE.
           */ }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child > div div.testimonial {
            padding: 48px 0 0 0; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child > div div.testimonial > div div.headshot {
              background: url("../jpg/carrie.jpg") no-repeat center center;
              border-radius: 100px 100px 100px 100px;
              width: 66px;
              height: 66px;
              background-size: cover;
              float: left;
              margin-top: 18px; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child > div div.testimonial > div div.quotation {
              border: 1px solid #e6e6e6;
              background-color: #ffffff;
              border-radius: 10px;
              padding: 16px 20px 16px 20px;
              font-style: italic;
              height: 102px;
              width: 210px;
              font-weight: 300;
              line-height: 1.3em;
              float: right;
              position: relative; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child > div div.testimonial > div div.quotation .stencil-caret {
                position: absolute; }
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child > div div.testimonial > div div.quotation .stencil-caret.left {
                  left: -10px;
                  top: 50%;
                  margin-top: -10px; }
                  body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child > div div.testimonial > div div.quotation .stencil-caret.left::before {
                    content: '';
                    position: absolute;
                    top: 0;
                    left: 0;
                    border-right: 10px solid #e6e6e6;
                    border-top: 10px solid transparent;
                    border-bottom: 10px solid transparent; }
                  body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child > div div.testimonial > div div.quotation .stencil-caret.left::after {
                    content: '';
                    position: absolute;
                    left: 1px;
                    top: 1px;
                    border-right: 9px solid #ffffff;
                    border-top: 9px solid transparent;
                    border-bottom: 9px solid transparent; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child > div div.testimonial > div.citation {
              text-align: right;
              font-weight: 500;
              color: #474747;
              font-size: 13px;
              padding: 6px 4px 0 0; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child > div div.testimonial.carrie > div div.headshot {
              background-image: url("../jpg/carrie.jpg"); }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child > div div.testimonial.noah > div div.headshot {
              background-image: url("../jpg/noah.jpg"); }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.checkout div.features {
            font-weight: 300;
            padding: 12px 0 0 0; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.checkout div.features div.feature {
              margin: 4px 0 0 0; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.checkout div.features div.feature > div {
                float: left; }
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.checkout div.features div.feature > div.icon {
                  width: 28px;
                  height: 28px;
                  line-height: 28px;
                  text-align: center;
                  color: #45be46;
                  font-size: 18px;
                  margin: 0 2px 0 0; }
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.checkout div.features div.feature > div.copy {
                  width: calc(100% - 28px - 2px);
                  line-height: 28px;
                  font-size: 18px; }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.checkout div.pricing {
            background-color: #f0f3f4;
            height: 100px;
            margin: 40px -36px 0 -36px;
            color: #2b2727;
            font-size: 20px;
            line-height: 1.3em;
            text-align: center; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.checkout div.pricing label {
              display: block;
              padding: 12px 0 12px 0;
              font-weight: 300; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.checkout div.pricing div.rate {
              font-size: 40px; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.checkout div.pricing div.rate span.number {
                font-weight: 700; }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.checkout div.cards {
            text-align: center;
            padding: 36px 0 0 0;
            width: 210px;
            margin: 0 auto 0 auto; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.checkout div.cards label {
              color: #2b2727;
              line-height: 28px;
              height: 28px;
              display: block;
              float: left;
              font-size: 20px;
              font-weight: 300;
              margin: 0 12px 0 0;
              width: 90px; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.checkout div.cards img {
              line-height: 20px;
              height: 20px;
              display: block;
              float: left;
              margin: 4px 4px 0 0; }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.direct h2 {
            font-size: 28px;
            font-size: 30px;
            line-height: 1.3em;
            font-weight: 700; }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.direct div.features {
            font-weight: 300;
            padding: 12px 0 0 0; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.direct div.features div.feature {
              margin: 4px 0 0 0; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.direct div.features div.feature > div {
                float: left; }
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.direct div.features div.feature > div.icon {
                  width: 28px;
                  height: 28px;
                  line-height: 28px;
                  text-align: center;
                  color: #45be46;
                  font-size: 18px;
                  margin: 0 2px 0 0; }
                body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.direct div.features div.feature > div.copy {
                  width: calc(100% - 28px - 2px);
                  line-height: 28px;
                  font-size: 18px; }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.save h2 {
            font-size: 25px;
            font-weight: 500;
            color: #060101; }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.save i {
            color: #45be46;
            margin-right: 7px; }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.save div.preview {
            margin: 16px 0 0 0;
            position: relative; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.save div.preview div.raw {
              width: 100%;
              background-size: contain;
              height: 202px;
              background-repeat: no-repeat;
              background-position: center center;
              border: 11px solid #ffffff;
              box-shadow: 0px 0px 2px rgba(0, 0, 0, 0.3);
              opacity: 0.75;
              background-color: #ffffff; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.save div.preview div.lock {
              box-shadow: 0px 2px 8px rgba(0, 0, 0, 0.25);
              color: #783bff;
              position: absolute;
              left: 50%;
              top: 50%;
              margin-left: -32px;
              margin-top: -32px;
              height: 64px;
              line-height: 64px;
              width: 64px;
              text-align: center;
              font-size: 44px;
              background-color: #ffffff;
              border-radius: 1000px; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.save div.preview div.lock::before {
                position: relative;
                right: -0.5px; }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.save p {
            padding: 20px 0 0 0;
            line-height: 1.3em;
            font-size: 18px;
            font-weight: 300;
            color: #2b2727; }
          body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.upgrade {
            height: 100%; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.upgrade div.testimonials {
              padding: 24px 0 0 0; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.upgrade div.testimonials div.testimonial {
                padding: 0 0 36px 0; }
            body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.upgrade div.buffer {
              width: 368px;
              border-top: 1px solid #ececec;
              color: #2b2727;
              line-height: 1.3em;
              font-size: 21px;
              font-weight: 300;
              position: absolute;
              right: 0;
              bottom: 0;
              height: 148px;
              padding: 28px 36px 28px 36px;
              overflow: hidden; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.upgrade div.buffer div.icon {
                color: #f0f0f0;
                font-size: 140px;
                position: absolute;
                left: -30px;
                top: -20px; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.upgrade div.buffer p {
                position: relative; }
              body.app > div.content div.modal.signup > div.outer > div.inner > div.content > div.columns > div.column:last-child div.upgrade div.buffer div.citation {
                height: 18px;
                margin: 16px 0 0 0;
                background: url("../png/buffer.full.png") no-repeat right center;
                background-size: contain; }
    body.app > div.content div.modal.signup[type="checkout"] > div.outer > div.inner > div.content > div.columns > div.column:last-child, body.app > div.content div.modal.signup[type="upgrade"] > div.outer > div.inner > div.content > div.columns > div.column:last-child {
      vertical-align: top; }
    body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content {
      overflow: hidden;
      width: 88%;
      padding: 18px 28px 18px 28px; }
      body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content header h1 {
        float: left;
        padding: 0 0 6px 0;
        font-size: 23px;
        line-height: 1.3em;
        color: #252525;
        font-weight: 700; }
      body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content header > div.icon {
        float: left;
        height: 18px;
        line-height: 18px;
        width: 18px;
        text-align: center;
        margin: 4px 0 0 8px;
        position: relative; }
        body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content header > div.icon div.outer {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          height: 18px;
          line-height: 18px;
          width: 18px;
          text-align: center;
          background-color: #45be46;
          border-radius: 100px 100px 100px 100px; }
        body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content header > div.icon div.inner {
          position: absolute;
          top: 0;
          right: 0;
          bottom: 0;
          left: 0;
          height: 18px;
          line-height: 18px;
          width: 18px;
          text-align: center;
          color: #ffffff;
          font-size: 10px; }
      body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content header > a {
        margin: 2px 0 0 8px;
        float: left;
        padding: 0 8px 0 8px; }
      body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form label {
        font-size: 14px;
        display: block; }
        body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form label div.copy {
          float: left; }
      body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form label:hover div.copy {
        cursor: help; }
      body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns {
        width: 100%; }
        body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column {
          float: left;
          width: calc((100% / 3) - (8px));
          margin: 0 12px 0 0; }
          body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column:first-child div.content div.table {
            display: table;
            border-collapse: collapse;
            border-spacing: 0;
            height: 200px;
            width: 100%;
            background-color: #f5f5f5; }
            body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column:first-child div.content div.table div.row {
              display: table-row; }
              body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column:first-child div.content div.table div.row div.cell {
                display: table-cell;
                vertical-align: middle;
                height: 200px; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column:first-child div.content div.table div.row div.cell img {
                  max-height: 92%;
                  max-width: 92%;
                  height: auto;
                  width: auto;
                  margin: 0 auto 0 auto;
                  display: block;
                  background-image: url("../png/checkered.png");
                  background-size: 6%; }
          body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column:first-child div.content div.pane {
            position: absolute;
            left: 430px;
            right: 0;
            top: 0;
            bottom: 0;
            z-index: 4;
            pointer-events: none; }
          body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column:last-child {
            margin: 0 0 0 0; }
          body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content {
            overflow-y: scroll;
            max-height: 480px;
            padding: 0 12px 0 0; }
            body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content::-webkit-scrollbar {
              -webkit-appearance: none;
              width: 8px;
              background-color: #eeeeee;
              border-radius: 100px 100px 100px 100px; }
            body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content::-webkit-scrollbar-thumb {
              border-radius: 100px 100px 100px 100px;
              background-color: #c2c2c2; }
            body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container {
              position: relative; }
              body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container a.lock {
                display: none;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 2; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container a.lock span.icon {
                  display: block;
                  height: 18px;
                  line-height: 18px;
                  width: 18px;
                  text-align: center;
                  color: #ffffff;
                  background-color: #fc7d7d;
                  border-radius: 100px 100px 100px 100px;
                  font-size: 9px; }
              body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container a.unlock {
                display: none;
                position: absolute;
                right: 0;
                top: 0;
                z-index: 2; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container a.unlock span.icon {
                  display: block;
                  height: 18px;
                  line-height: 18px;
                  width: 18px;
                  text-align: center;
                  color: #ffffff;
                  background-color: #45be46;
                  border-radius: 100px 100px 100px 100px;
                  font-size: 9px; }
              body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.locked {
                display: none;
                position: absolute;
                left: 0;
                right: 0;
                top: 20px;
                bottom: 0;
                background-color: rgba(0, 0, 0, 0.4);
                z-index: 3;
                border-radius: 3px 3px 3px 3px;
                text-align: center; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.locked span.icon {
                  color: #ffffff;
                  font-size: 32px;
                  position: absolute;
                  top: calc(0px + 30%); }
              body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container.locked a.lock {
                display: none; }
              body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container.locked a.unlock {
                display: block; }
              body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container.locked div.locked {
                display: block; }
              body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container.unlocked a.lock {
                display: block; }
              body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container.unlocked a.unlock {
                display: none; }
              body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container.unlocked div.locked {
                display: none; }
              body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container h2 {
                font-size: 15px;
                line-height: 1.3em;
                position: relative;
                margin: 0 0 8px 0; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container h2 span {
                  position: relative;
                  z-index: 2;
                  background-color: #ffffff;
                  padding: 0 6px 0 6px;
                  left: 150px;
                  font-weight: 600; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container h2::after {
                  content: ' ';
                  position: absolute;
                  height: 1px;
                  line-height: 1px;
                  background-color: #eeeeee;
                  left: 0;
                  right: 0;
                  top: 10px;
                  z-index: 1; }
              body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.blocks div.block {
                padding: 0 0 8px 0;
                position: relative; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.blocks div.block input {
                  margin: 0 0 0 0; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.blocks div.block textarea {
                  padding: 7px 7px 7px 7px;
                  font-size: 14px;
                  min-height: 80px; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.blocks div.block div.characters {
                  height: 12px;
                  line-height: 12px;
                  text-align: right;
                  font-size: 11px;
                  padding: 2px 2px 0 0; }
                  body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.blocks div.block div.characters > div {
                    display: inline; }
                    body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.blocks div.block div.characters > div.current {
                      font-weight: 600;
                      color: #45be46; }
                      body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.blocks div.block div.characters > div.current.flagged {
                        color: #fc7d7d; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.blocks div.block div.column label {
                  padding: 0 0 4px 0; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.blocks div.block[data-type="checkbox"] div.column {
                  float: left; }
                  body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.blocks div.block[data-type="checkbox"] div.column:first-child {
                    width: 74px; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.blocks div.block[data-type="checkbox"] + div.block div.column label {
                  display: none; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.blocks div.block[data-type="checkbox"] input:focus::before {
                  background-color: #92dec6; }
                body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container div.blocks div.block[data-show="false"] {
                  display: none !important; }
              body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > form > div.columns > div.column div.content div.container + div.container h2 {
                margin: 12px 0 8px 0; }
      body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > div.actions {
        padding: 12px 0 0 0;
        text-align: right; }
        body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > div.actions em {
          display: inline-block;
          padding: 0 0 0 12px;
          font-size: 18px; }
        body.app > div.content div.modal.templates.annotate > div.outer > div.inner > div.content > div.actions a.text {
          display: inline-block;
          padding: 0 0 0 4px;
          font-size: 18px; }
    body.app > div.content div.modal.templates.annotate[data-roles*="editor"] div.container[data-key="frame"] {
      display: none !important; }
    body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content {
      width: 400px;
      overflow: hidden;
      padding: 30px 22px 26px 22px; }
      body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.prompt div.column {
        float: left; }
        body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.prompt div.column:first-child {
          height: 40px;
          width: 40px;
          position: relative; }
          body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.prompt div.column:first-child div.icon {
            height: 40px;
            line-height: 40px;
            width: 40px;
            text-align: center;
            background-color: #45be46;
            border-radius: 100px 100px 100px 100px;
            color: #ffffff;
            font-size: 24px; }
        body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.prompt div.column:last-child {
          line-height: 1.3em;
          width: calc(100% - 40px);
          padding: 0 0 0 12px; }
      body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus {
        padding: 8px 0 0 0; }
        body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus div.fields {
          padding: 12px 0 0 0;
          position: relative; }
          body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus div.fields input#link {
            padding-right: 36px; }
          body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus div.fields input.placeholder {
            display: none;
            font-size: 17px;
            font-size: 15px;
            padding: 0 0 0 32px; }
          body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus div.fields div.icon {
            display: none;
            position: absolute;
            left: 12px;
            top: 31px;
            color: #999999; }
          body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus div.fields.placeholder input {
            display: none; }
            body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus div.fields.placeholder input.placeholder {
              display: inline-block; }
          body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus div.fields.placeholder div.icon {
            display: block; }
          body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus div.fields div.copy {
            position: absolute;
            right: 10px;
            top: 12px;
            font-size: 19px;
            height: 54px;
            line-height: 54px; }
            body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus div.fields div.copy span {
              color: #c3c3c3; }
              body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus div.fields div.copy span:hover {
                cursor: pointer;
                color: #000000; }
          body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus div.fields[stdt-lookup="toggler"] input {
            margin: 0 10px 0 4px; }
          body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus div.fields[stdt-lookup="toggler"] label[for="linkSource"] {
            font-size: 15px;
            cursor: pointer; }
        body.app > div.content div.modal.templateLink > div.outer > div.inner > div.content div.focus div.actions {
          padding: 24px 0 0 0; }
    body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content {
      overflow: hidden; }
      body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns {
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        height: 392px;
        position: relative;
        min-height: 256px; }
        body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column {
          display: table-cell;
          vertical-align: middle; }
          body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:first-child > div.content {
            padding: 20px 20px 20px 20px; }
            body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:first-child > div.content img {
              display: block;
              margin: 0 auto 0 auto;
              max-width: calc(450px - 20px - 20px);
              max-height: calc(392px - 20px - 20px); }
          body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child {
            width: 450px; }
            body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content {
              padding: 0 20px 0 10px; }
              body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state > div.icon {
                float: left;
                height: 72px;
                line-height: 72px;
                width: 72px;
                text-align: center;
                font-size: 54px;
                margin: 4px 0 0 0;
                color: #783bff; }
              body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state > div.content h1 {
                font-size: 30px;
                line-height: 1.3em;
                color: #252525;
                font-weight: 700; }
              body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state > div.content p {
                font-size: 18px;
                line-height: 1.4em;
                color: #252525;
                padding: 12px 0 12px 0;
                display: block; }
              body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state > div.content div.actions {
                padding: 6px 0 0 0; }
                body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state > div.content div.actions em {
                  display: inline-block;
                  padding: 0 0 0 12px;
                  font-size: 18px; }
                body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state > div.content div.actions a.text {
                  display: inline-block;
                  padding: 0 0 0 4px;
                  font-size: 18px;
                  font-style: italic; }
              body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state[data-lookup="preparing"] > div.content {
                float: left;
                width: calc(100% - 72px);
                padding: 0 0 0 16px; }
                body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state[data-lookup="preparing"] > div.content p em {
                  display: none;
                  color: #f69b29;
                  font-weight: 700; }
              body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state[data-lookup="preparing"][data-role="guest"] > div.icon, body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state[data-lookup="preparing"][data-role="free"] > div.icon {
                margin: 16px 0 0 0; }
              body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state[data-lookup="preparing"][data-role="guest"] > div.content p em, body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state[data-lookup="preparing"][data-role="free"] > div.content p em {
                display: inline; }
              body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state[data-lookup="try"] > div.content p em {
                color: #f69b29;
                font-weight: 700; }
              body.app > div.content div.modal.templates.preview > div.outer > div.inner > div.content > div.columns > div.column:last-child > div.content div.state[data-lookup="upgrade"] > div.content p em {
                color: #f54f5f;
                font-weight: 700; }
    body.app > div.content div.modal.trialTerms > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.trialTerms > div.outer > div.inner > div.content {
      width: 402px;
      padding: 32px 32px 32px 32px;
      color: rgba(0, 0, 0, 0.8); }
      body.app > div.content div.modal.trialTerms > div.outer > div.inner > div.content h1 {
        font-size: 24px;
        line-height: 1.3em;
        font-weight: 700;
        text-align: center; }
      body.app > div.content div.modal.trialTerms > div.outer > div.inner > div.content h2 {
        font-size: 18px;
        line-height: 1.3em;
        font-weight: 500;
        text-align: center;
        padding: 0 0 12px 0; }
      body.app > div.content div.modal.trialTerms > div.outer > div.inner > div.content p {
        font-size: 15px;
        line-height: 1.4em; }
      body.app > div.content div.modal.trialTerms > div.outer > div.inner > div.content div.actions {
        text-align: center;
        padding: 18px 0 0 0; }
    body.app > div.content div.modal.trimMedia > div.outer > div.inner > div.content {
      width: 440px;
      padding: 24px 24px 24px 24px; }
      body.app > div.content div.modal.trimMedia > div.outer > div.inner > div.content form {
        padding: 0 0 0 0; }
        body.app > div.content div.modal.trimMedia > div.outer > div.inner > div.content form div.preview {
          height: 130px;
          margin: 40px 40px 40px 40px;
          background-size: contain;
          background-repeat: no-repeat;
          background-position: center center; }
        body.app > div.content div.modal.trimMedia > div.outer > div.inner > div.content form h1 {
          font-size: 32px;
          font-weight: 900;
          padding: 0 0 20px 0; }
        body.app > div.content div.modal.trimMedia > div.outer > div.inner > div.content form div.options div.option {
          padding: 0 0 32px 0; }
          body.app > div.content div.modal.trimMedia > div.outer > div.inner > div.content form div.options div.option > label {
            font-weight: 700;
            display: block;
            padding: 0 0 12px 0; }
          body.app > div.content div.modal.trimMedia > div.outer > div.inner > div.content form div.options div.option > div.fields > div.field input[type="radio"] {
            position: relative;
            display: block;
            float: left;
            top: 1px;
            padding: 0 0 0 0;
            margin: 0 0 0 0; }
          body.app > div.content div.modal.trimMedia > div.outer > div.inner > div.content form div.options div.option > div.fields > div.field label {
            display: block;
            float: left;
            font-weight: 700;
            margin: 0 0 0 8px;
            height: 16px;
            line-height: 16px; }
          body.app > div.content div.modal.trimMedia > div.outer > div.inner > div.content form div.options div.option[stdt-lookup="size"] div.fields div.field {
            float: left;
            margin: 0 0 0 20px; }
            body.app > div.content div.modal.trimMedia > div.outer > div.inner > div.content form div.options div.option[stdt-lookup="size"] div.fields div.field:first-child {
              margin: 0 0 0 0; }
        body.app > div.content div.modal.trimMedia > div.outer > div.inner > div.content form div.actions a {
          display: block; }
    body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content {
      width: 752px;
      overflow: hidden; }
      body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns {
        display: table;
        border-collapse: collapse;
        border-spacing: 0;
        position: relative; }
        body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > section,
        body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside {
          display: table-cell;
          vertical-align: top; }
        body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > section {
          width: 382px;
          text-align: center;
          vertical-align: middle;
          /**
           * Due to a limitation with IE whereby elements cannot
           * be positioned absolutely relative to a table-cell
           * element, this element is positioned relative to the
           * table. As a result, I need to prevent it from
           * stretching all the way across the table (as it was
           * before), so I only set it's position properties
           * relative to bottom and left.
           */ }
          body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > section div.content {
            padding: 0 16px 0 16px; }
            body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > section div.content > div.icon {
              color: #783bff;
              height: 92px;
              line-height: 92px;
              width: 92px;
              text-align: center;
              font-size: 84px;
              margin: 0 auto 0 auto; }
              body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > section div.content > div.icon.sif.sif-stars {
                color: #f2bd55; }
              body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > section div.content > div.icon::before {
                height: 92px;
                line-height: 92px; }
            body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > section div.content h1 {
              font-size: 40px;
              line-height: 1.1em;
              color: #252525;
              padding: 12px 0 0 0;
              font-weight: 300; }
            body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > section div.content h2 {
              font-size: 20px;
              line-height: 1.3em;
              color: #252525;
              padding: 16px 0 0 0;
              font-weight: 300; }
            body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > section div.content a {
              margin: 16px 0 0 0; }
            body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > section div.content p {
              color: #252525;
              font-size: 17px;
              font-weight: 300;
              padding: 12px 0 0 0;
              display: block; }
          body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > section footer {
            width: 382px;
            height: 65px;
            line-height: 65px;
            position: absolute;
            left: 0;
            bottom: 0;
            font-style: italic;
            color: #252525;
            font-weight: 300; }
            body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > section footer a {
              font-style: normal;
              color: #783bff; }
              body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > section footer a:hover {
                text-decoration: underline; }
        body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside {
          width: 370px;
          background-color: #f9f9f9; }
          body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside div.features {
            font-weight: 300;
            padding: 28px 32px 28px 32px; }
            body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside div.features > div.feature {
              padding: 12px 0 0 0; }
              body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside div.features > div.feature > div {
                float: left; }
                body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside div.features > div.feature > div.icon {
                  color: #45be46;
                  height: 22px;
                  line-height: 22px;
                  width: 22px;
                  text-align: center;
                  font-size: 17px;
                  margin: 0 8px 0 0; }
                body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside div.features > div.feature > div.copy {
                  height: 22px;
                  line-height: 22px;
                  font-size: 17px;
                  width: calc(100% - 22px - 8px); }
              body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside div.features > div.feature:first-child {
                padding: 0 0 0 0; }
          body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside div.pricing {
            background-color: #f0f3f4;
            color: #2b2727;
            text-align: center;
            overflow: hidden; }
            body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside div.pricing label {
              display: block;
              font-size: 20px;
              height: 20px;
              line-height: 20px;
              font-weight: 300;
              margin: 12px 0 0 0; }
            body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside div.pricing div.rate {
              font-size: 40px;
              margin: 8px 0 16px 0; }
              body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside div.pricing div.rate span.number {
                font-weight: 700; }
          body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside div.cards {
            width: 210px;
            margin: 0 auto 0 auto;
            padding: 24px 0 24px 0; }
            body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside div.cards label {
              display: block;
              height: 28px;
              line-height: 28px;
              color: #2b2727;
              float: left;
              font-size: 20px;
              font-weight: 300;
              margin: 0 12px 0 0; }
            body.app > div.content div.modal.upgrade > div.outer > div.inner > div.content > div.columns > aside div.cards img {
              display: block;
              height: 20px;
              line-height: 20px;
              float: left;
              margin: 4px 4px 0 0; }
    body.app > div.content div.modal.upgrade[reason="backgrounds"] > div.outer > div.inner > div.content > div.columns > section div.content h1 {
      font-size: 34px;
      line-height: 1.2em; }
    body.app > div.content div.modal.upgrade[reason="favorites"] > div.outer > div.inner > div.content > div.columns > section div.content h1 {
      font-size: 32px;
      line-height: 1.2em; }
    body.app > div.content div.modal.upgrade[reason="font-imports"] > div.outer > div.inner > div.content > div.columns > section div.content h1 {
      font-size: 33px;
      line-height: 1.3em; }
    body.app > div.content div.modal.upgrade[reason="graphics"] > div.outer > div.inner > div.content > div.columns > section div.content h1 {
      font-size: 36px;
      line-height: 1.2em; }
    body.app > div.content div.modal.upgrade[reason="locked"] > div.outer > div.inner > div.content > div.columns > section div.content h1 {
      font-size: 36px;
      line-height: 1.2em; }
    body.app > div.content div.modal.upgrade[reason="locked-crop"] > div.outer > div.inner > div.content > div.columns > section div.content h1 {
      font-size: 31px;
      line-height: 1.2em; }
    body.app > div.content div.modal.upgrade[reason="locked-download"] > div.outer > div.inner > div.content > div.columns > section div.content h1 {
      font-size: 31px;
      line-height: 1.2em; }
    body.app > div.content div.modal.upgrade[reason="locked-link"] > div.outer > div.inner > div.content > div.columns > section div.content h1 {
      font-size: 31px;
      line-height: 1.2em; }
    body.app > div.content div.modal.upgrade[reason="locked-save"] > div.outer > div.inner > div.content > div.columns > section div.content h1 {
      font-size: 31px;
      line-height: 1.2em; }
    body.app > div.content div.modal.upgrade[reason="photos"] > div.outer > div.inner > div.content > div.columns > section div.content h1 {
      font-size: 36px;
      line-height: 1.25em; }
    body.app > div.content div.modal.upgrade[reason="sms"] > div.outer > div.inner > div.content > div.columns > section div.content h1 {
      font-size: 32px;
      line-height: 1.2em; }
    body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content {
      width: 940px;
      height: 620px;
      padding: 32px;
      background-color: #f9f9f9; }
      body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content header {
        text-align: center; }
        body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content header h1 {
          font-size: 40px;
          line-height: 1.2em;
          color: #45be46;
          font-weight: 700; }
        body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content header h2 {
          font-size: 32px;
          line-height: 1.2em;
          color: #4b4b4b;
          font-weight: 300; }
      body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content > div.content div.columns {
        margin: 64px 0 0 0; }
        body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content > div.content div.columns div.column {
          float: left;
          width: 35%; }
          body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content > div.content div.columns div.column div.row {
            margin: 0 0 32px 0; }
            body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content > div.content div.columns div.column div.row > div.icon {
              float: left;
              height: 44px;
              line-height: 44px;
              width: 44px;
              text-align: center;
              color: #45be46;
              font-size: 44px; }
            body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content > div.content div.columns div.column div.row div.copy {
              float: left;
              width: calc(100% - 44px);
              height: 128px;
              padding: 0 0 0 10px; }
              body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content > div.content div.columns div.column div.row div.copy h3 {
                color: #272727;
                font-size: 24px;
                height: 44px;
                line-height: 44px;
                font-weight: 500; }
              body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content > div.content div.columns div.column div.row div.copy p {
                display: block;
                width: 224px;
                color: #272727;
                font-size: 19px;
                line-height: 1.3em;
                font-weight: 300; }
          body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content > div.content div.columns div.column:last-child {
            background-color: #ffffff;
            border: 1px solid #e6e6e6;
            border-radius: 3px;
            text-align: center;
            height: 340px;
            margin-top: -20px;
            width: 30%; }
            body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content > div.content div.columns div.column:last-child div.icon {
              height: 96px;
              line-height: 96px;
              width: 96px;
              text-align: center;
              margin: 33px auto 0 auto;
              color: #0099f0;
              color: #783bff;
              font-size: 72px; }
              body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content > div.content div.columns div.column:last-child div.icon::before {
                height: 96px;
                line-height: 96px; }
            body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content > div.content div.columns div.column:last-child p {
              display: block;
              width: 80%;
              margin: 0 auto 0 auto;
              font-size: 24px;
              color: #060101;
              line-height: 1.3em;
              font-weight: 300; }
            body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content > div.content div.columns div.column:last-child div.cta {
              margin: 12px 0 0 0; }
      body.app > div.content div.modal.upgraded > div.outer > div.inner > div.content footer {
        padding: 36px 0 0 0;
        font-size: 22px;
        line-height: 1.3em;
        color: #272727;
        text-align: center;
        font-weight: 300; }
    body.app > div.content div.modal.users.search > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.users.search > div.outer > div.inner > div.content {
      width: 720px;
      padding: 30px 30px 30px 30px; }
      body.app > div.content div.modal.users.search > div.outer > div.inner > div.content h1 {
        font-size: 26px;
        line-height: 1.3em;
        text-align: center; }
      body.app > div.content div.modal.users.search > div.outer > div.inner > div.content form div.fields {
        padding: 12px 0 0 0; }
      body.app > div.content div.modal.users.search > div.outer > div.inner > div.content form div.actions {
        padding: 24px 0 0 0;
        text-align: center; }
    body.app > div.content div.modal.users.update > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.users.update > div.outer > div.inner > div.content {
      width: 780px;
      padding: 30px 30px 30px 30px;
      max-height: 100%;
      overflow: auto; }
      body.app > div.content div.modal.users.update > div.outer > div.inner > div.content::-webkit-scrollbar {
        -webkit-appearance: none;
        width: 8px;
        background-color: #eeeeee;
        border-radius: 100px 100px 100px 100px; }
      body.app > div.content div.modal.users.update > div.outer > div.inner > div.content::-webkit-scrollbar-thumb {
        border-radius: 100px 100px 100px 100px;
        background-color: #c2c2c2; }
      body.app > div.content div.modal.users.update > div.outer > div.inner > div.content h1 {
        font-size: 26px;
        line-height: 1.3em; }
      body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form h2 {
        font-size: 18px;
        line-height: 1.3em;
        font-weight: 300;
        padding: 12px 0 0 0; }
      body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form div.fields {
        padding: 12px 0 0 0; }
        body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form div.fields div.field {
          padding: 0 0 6px 0; }
          body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form div.fields div.field label {
            display: block;
            float: left;
            width: 35%;
            height: 30px;
            line-height: 30px;
            font-weight: 300;
            color: #888888;
            font-size: 15px; }
          body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form div.fields div.field input,
          body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form div.fields div.field select {
            height: 30px;
            line-height: 30px;
            font-size: 13px; }
            body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form div.fields div.field input[type="email"], body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form div.fields div.field input[type="text"],
            body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form div.fields div.field select[type="email"],
            body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form div.fields div.field select[type="text"] {
              width: 200px; }
        body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form div.fields.checkboxes div.field {
          float: left;
          width: 33%; }
          body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form div.fields.checkboxes div.field label {
            width: auto;
            line-height: 24px;
            height: 24px; }
          body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form div.fields.checkboxes div.field input {
            float: left;
            position: relative;
            top: -3px;
            line-height: 24px;
            height: 24px; }
      body.app > div.content div.modal.users.update > div.outer > div.inner > div.content form div.actions {
        padding: 24px 0 0 0;
        text-align: center; }
    body.app > div.content div.modal.vectorSets.add > div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
    body.app > div.content div.modal.vectorSets.add > div.outer > div.inner > div.content {
      width: 540px;
      padding: 18px 30px 30px 30px; }
      body.app > div.content div.modal.vectorSets.add > div.outer > div.inner > div.content hr {
        margin: 12px 0 18px 0; }
      body.app > div.content div.modal.vectorSets.add > div.outer > div.inner > div.content form div.fields {
        padding: 12px 0 0 0; }
        body.app > div.content div.modal.vectorSets.add > div.outer > div.inner > div.content form div.fields div.field {
          padding: 0 0 6px 0; }
          body.app > div.content div.modal.vectorSets.add > div.outer > div.inner > div.content form div.fields div.field label {
            display: block;
            float: left;
            width: 50%;
            height: 34px;
            line-height: 34px;
            font-weight: 300;
            color: #888888; }
          body.app > div.content div.modal.vectorSets.add > div.outer > div.inner > div.content form div.fields div.field input:not([type="checkbox"]) {
            height: 34px;
            line-height: 34px;
            font-size: 14px; }
          body.app > div.content div.modal.vectorSets.add > div.outer > div.inner > div.content form div.fields div.field input[type="checkbox"] {
            margin: 9px 0 0 0; }
          body.app > div.content div.modal.vectorSets.add > div.outer > div.inner > div.content form div.fields div.field input:not([type="checkbox"]),
          body.app > div.content div.modal.vectorSets.add > div.outer > div.inner > div.content form div.fields div.field select {
            display: block;
            float: left;
            width: 50%; }
          body.app > div.content div.modal.vectorSets.add > div.outer > div.inner > div.content form div.fields div.field div.dropdown-menu.open {
            max-height: inherit !important; }
      body.app > div.content div.modal.vectorSets.add > div.outer > div.inner > div.content form div.actions {
        padding: 24px 0 0 35%; }
    body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content {
      width: 618px; }
      body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step {
        position: relative;
        border-radius: 4px 4px 4px 4px; }
        body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step footer {
          position: absolute;
          bottom: 30px;
          height: 56px;
          left: 38px;
          right: 0; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step footer div.ctas a.back {
            color: #783bff;
            font-size: 15px;
            line-height: 1.3em; }
            body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step footer div.ctas a.back span {
              font-size: 12px;
              padding: 0 6px 0 0;
              position: relative;
              bottom: 1px; }
            body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step footer div.ctas a.back:hover {
              text-decoration: underline; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step footer div.ctas a.button {
            margin: 0 0 0 10px; }
            body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step footer div.ctas a.button span {
              font-size: 12px;
              padding: 0 0 0 20px;
              position: relative;
              bottom: 1px; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step footer div.skip {
            position: absolute;
            height: 56px;
            right: 40px;
            line-height: 56px;
            top: 0; }
            body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step footer div.skip a {
              display: block;
              color: #783bff;
              font-size: 15px; }
              body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step footer div.skip a:hover {
                text-decoration: underline; }
        body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step div.breadcrumbs {
          position: absolute;
          bottom: -20px;
          left: calc((618px - 52px) / 2); }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step div.breadcrumbs div.crumb {
            height: 10px;
            line-height: 10px;
            width: 10px;
            text-align: center;
            background-color: #ffffff;
            border-radius: 100px 100px 100px 100px;
            margin: 0 4px 0 0;
            float: left;
            opacity: 0.4; }
            body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step div.breadcrumbs div.crumb:last-child {
              margin: 0; }
        body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="1"] {
          height: 355px;
          background-image: url("../png/step-1.png");
          background-position: 0 0;
          background-size: 618px 355px;
          background-repeat: no-repeat;
          padding: 24px 36px 24px 36px; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="1"] h1 {
            font-weight: 300;
            font-size: 38px;
            color: #252525;
            line-height: 1.3em; }
            body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="1"] h1 strong {
              font-weight: 900l; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="1"] p {
            font-size: 24px;
            color: #808080;
            line-height: 1.3em;
            font-weight: 300;
            display: block;
            padding: 8px 0 8px 0; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="1"] > a {
            margin: 10px 0 0 0; }
            body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="1"] > a span {
              font-size: 12px;
              padding: 0 0 0 20px;
              position: relative;
              bottom: 1px; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="1"] div.breadcrumbs div.crumb:nth-child(1) {
            opacity: 1; }
        body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="2"] {
          height: 429px;
          background-image: url("../jpg/step-2.v3.jpg");
          background-position: right 20%;
          background-size: 330px 350px;
          background-repeat: no-repeat;
          padding: 24px 36px 24px 36px; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="2"] h1 {
            margin: 16px 0 0 0;
            font-weight: 300;
            font-size: 35px;
            color: #252525;
            line-height: 1.1em; }
            body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="2"] h1 strong {
              font-weight: 900l; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="2"] p {
            font-size: 20px;
            color: #808080;
            line-height: 1.3em;
            font-weight: 300;
            display: block;
            padding: 12px 0 12px 0; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="2"] div.breadcrumbs div.crumb:nth-child(2) {
            opacity: 1; }
        body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="3"] {
          height: 429px;
          background-image: url("../jpg/step-3.v3.jpg");
          background-position: right 40%;
          background-size: 330px 350px;
          background-repeat: no-repeat;
          padding: 24px 36px 24px 36px; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="3"] h1 {
            margin: 16px 0 0 0;
            font-weight: 300;
            font-size: 35px;
            color: #252525;
            line-height: 1.1em; }
            body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="3"] h1 strong {
              font-weight: 900l; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="3"] p {
            font-size: 20px;
            color: #808080;
            line-height: 1.3em;
            font-weight: 300;
            display: block;
            padding: 12px 0 12px 0; }
            body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="3"] p strong {
              font-style: italic; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="3"] div.breadcrumbs div.crumb:nth-child(3) {
            opacity: 1; }
        body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="4"] {
          height: 429px;
          background-image: url("../jpg/step-4.v2.jpg");
          background-position: right 20%;
          background-size: 330px 350px;
          background-repeat: no-repeat;
          padding: 24px 36px 24px 36px; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="4"] h1 {
            margin: 16px 0 0 0;
            font-weight: 300;
            font-size: 35px;
            color: #252525;
            line-height: 1.1em; }
            body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="4"] h1 strong {
              font-weight: 900l; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="4"] p {
            font-size: 20px;
            color: #808080;
            line-height: 1.3em;
            font-weight: 300;
            display: block;
            padding: 12px 0 12px 0; }
            body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="4"] p strong {
              font-style: italic; }
          body.app > div.content div.modal.welcomeTour > div.outer > div.inner > div.content div.steps div.step[step="4"] div.breadcrumbs div.crumb:nth-child(4) {
            opacity: 1; }
  body.app.disabled {
    pointer-events: none; }

body.app.admin > div.content {
  /**
   * Featuring
   * 
   */ }
  body.app.admin > div.content section.mediaLibrary > div.inner > div.wrapper section.photos > div.content > section > section div.thumb.feature > a.unfeature,
  body.app.admin > div.content section.mediaLibrary > div.inner > div.wrapper section.graphics > div.content > section > section div.thumb.feature > a.unfeature,
  body.app.admin > div.content section.mediaLibrary > div.inner > div.wrapper section.quotes > div.content > section > section div.quote.row.feature > a.unfeature,
  body.app.admin > div.content section.mediaLibrary > div.inner > div.wrapper section.templates > div.content > section > section div.thumb.feature > a.unfeature,
  body.app.admin > div.content section.mediaLibrary > div.inner > div.wrapper section.photos > div.content > section > section div.thumb > div.joystick > a.feature,
  body.app.admin > div.content section.mediaLibrary > div.inner > div.wrapper section.graphics > div.content > section > section div.thumb > div.joystick > a.feature,
  body.app.admin > div.content section.mediaLibrary > div.inner > div.wrapper section.quotes > div.content > section > section div.quote.row > div.joystick > a.feature,
  body.app.admin > div.content section.mediaLibrary > div.inner > div.wrapper section.templates > div.content > section > section div.thumb > div.joystick > a.feature {
    display: block; }

body.app.editor > div.content {
  /**
   * Featuring
   * 
   */
  /**
   * Admin Modal
   * 
   */ }
  body.app.editor > div.content section.mediaLibrary > div.inner > div.wrapper section.photos > div.content > section > section div.thumb.feature > a.unfeature,
  body.app.editor > div.content section.mediaLibrary > div.inner > div.wrapper section.graphics > div.content > section > section div.thumb.feature > a.unfeature,
  body.app.editor > div.content section.mediaLibrary > div.inner > div.wrapper section.quotes > div.content > section > section div.quote.row.feature > a.unfeature,
  body.app.editor > div.content section.mediaLibrary > div.inner > div.wrapper section.templates > div.content > section > section div.thumb.feature > a.unfeature,
  body.app.editor > div.content section.mediaLibrary > div.inner > div.wrapper section.photos > div.content > section > section div.thumb > div.joystick > a.feature,
  body.app.editor > div.content section.mediaLibrary > div.inner > div.wrapper section.graphics > div.content > section > section div.thumb > div.joystick > a.feature,
  body.app.editor > div.content section.mediaLibrary > div.inner > div.wrapper section.quotes > div.content > section > section div.quote.row > div.joystick > a.feature,
  body.app.editor > div.content section.mediaLibrary > div.inner > div.wrapper section.templates > div.content > section > section div.thumb > div.joystick > a.feature {
    display: block; }
  body.app.editor > div.content div.modal.admin div.outer div.inner div.content div.columns nav a {
    display: none; }
    body.app.editor > div.content div.modal.admin div.outer div.inner div.content div.columns nav a[section="dashboard"], body.app.editor > div.content div.modal.admin div.outer div.inner div.content div.columns nav a[section="images"], body.app.editor > div.content div.modal.admin div.outer div.inner div.content div.columns nav a[section="categories"] {
      display: block; }
  body.app.editor > div.content div.modal.admin div.outer div.inner div.content div.columns div.content section.dashboard div.content div.columns div.column {
    display: none !important; }
    body.app.editor > div.content div.modal.admin div.outer div.inner div.content div.columns div.content section.dashboard div.content div.columns div.column:first-child {
      display: block !important; }
  body.app.editor > div.content div.modal.admin div.outer div.inner div.content div.columns a[trigger="confirm/delete"] {
    display: none; }
  body.app.editor > div.content div.modal.admin div.outer div.inner div.content div.columns footer a {
    display: none; }

body.app.curtain > div.content > div.auxiliaryControls {
  display: block; }
body.app.curtain > div.content div.modal:not(.orientation) div.overlay {
  background-color: #f6fafd; }
body.app.curtain > div.content div.modal:not(.orientation).login .curtainColor, body.app.curtain > div.content div.modal:not(.orientation).signup .curtainColor, body.app.curtain > div.content div.modal:not(.orientation).password .curtainColor, body.app.curtain > div.content div.modal:not(.orientation).plans .curtainColor, body.app.curtain > div.content div.modal:not(.orientation).promo .curtainColor {
  background-color: #f6fafd !important; }
body.app.curtain > div.content div.modal:not(.orientation).login > div.outer > div.inner, body.app.curtain > div.content div.modal:not(.orientation).signup > div.outer > div.inner, body.app.curtain > div.content div.modal:not(.orientation).password > div.outer > div.inner, body.app.curtain > div.content div.modal:not(.orientation).plans > div.outer > div.inner, body.app.curtain > div.content div.modal:not(.orientation).promo > div.outer > div.inner {
  vertical-align: baseline;
  padding-top: 120px; }
  body.app.curtain > div.content div.modal:not(.orientation).login > div.outer > div.inner > div.content, body.app.curtain > div.content div.modal:not(.orientation).signup > div.outer > div.inner > div.content, body.app.curtain > div.content div.modal:not(.orientation).password > div.outer > div.inner > div.content, body.app.curtain > div.content div.modal:not(.orientation).plans > div.outer > div.inner > div.content, body.app.curtain > div.content div.modal:not(.orientation).promo > div.outer > div.inner > div.content {
    background-color: transparent;
    opacity: 1;
    box-shadow: none; }
    body.app.curtain > div.content div.modal:not(.orientation).login > div.outer > div.inner > div.content > div.logo, body.app.curtain > div.content div.modal:not(.orientation).signup > div.outer > div.inner > div.content > div.logo, body.app.curtain > div.content div.modal:not(.orientation).password > div.outer > div.inner > div.content > div.logo, body.app.curtain > div.content div.modal:not(.orientation).plans > div.outer > div.inner > div.content > div.logo, body.app.curtain > div.content div.modal:not(.orientation).promo > div.outer > div.inner > div.content > div.logo {
      display: block;
      /*background-image: url('https://d3b1ak9ylguumf.cloudfront.net/stencil/app/static/images/logos/blue.400x121.png');*/
      background-image: url("../png/color.400x121.png");
      height: 34px; }
    body.app.curtain > div.content div.modal:not(.orientation).login > div.outer > div.inner > div.content > a.close, body.app.curtain > div.content div.modal:not(.orientation).signup > div.outer > div.inner > div.content > a.close, body.app.curtain > div.content div.modal:not(.orientation).password > div.outer > div.inner > div.content > a.close, body.app.curtain > div.content div.modal:not(.orientation).plans > div.outer > div.inner > div.content > a.close, body.app.curtain > div.content div.modal:not(.orientation).promo > div.outer > div.inner > div.content > a.close {
      display: none; }
    body.app.curtain > div.content div.modal:not(.orientation).login > div.outer > div.inner > div.content > div.columns div.column h1, body.app.curtain > div.content div.modal:not(.orientation).signup > div.outer > div.inner > div.content > div.columns div.column h1, body.app.curtain > div.content div.modal:not(.orientation).password > div.outer > div.inner > div.content > div.columns div.column h1, body.app.curtain > div.content div.modal:not(.orientation).plans > div.outer > div.inner > div.content > div.columns div.column h1, body.app.curtain > div.content div.modal:not(.orientation).promo > div.outer > div.inner > div.content > div.columns div.column h1 {
      font-size: 36px; }
body.app.curtain > div.content div.modal:not(.orientation).alert div.inner div.content, body.app.curtain > div.content div.modal:not(.orientation).coupons.apply div.inner div.content, body.app.curtain > div.content div.modal:not(.orientation).trialTerms div.inner div.content, body.app.curtain > div.content div.modal:not(.orientation).charge.cardDeclineRateLimitExceeded div.inner div.content, body.app.curtain > div.content div.modal:not(.orientation).charge.doNotHonor div.inner div.content, body.app.curtain > div.content div.modal:not(.orientation).charge.insufficientFunds div.inner div.content, body.app.curtain > div.content div.modal:not(.orientation).charge.transactionNotAllowed div.inner div.content {
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.8) inset; }
body.app.curtain > div.content div.modal:not(.orientation).plans > div.outer > div.inner {
  padding-top: 0; }
  body.app.curtain > div.content div.modal:not(.orientation).plans > div.outer > div.inner > div.content > div.columns div.column h1 {
    font-size: 30px; }
body.app.curtain > div.content div.modal:not(.orientation).signup > div.outer > div.inner > div.content {
  width: 572px;
  overflow: visible; }
  body.app.curtain > div.content div.modal:not(.orientation).signup > div.outer > div.inner > div.content > div.logo {
    left: 16%;
    top: -29px; }
  body.app.curtain > div.content div.modal:not(.orientation).signup > div.outer > div.inner > div.content > div.columns > div.column:last-child {
    display: none; }
body.app.curtain > div.content div.modal:not(.orientation).checkout > div.outer > div.inner {
  vertical-align: baseline;
  padding-top: 120px; }
  body.app.curtain > div.content div.modal:not(.orientation).checkout > div.outer > div.inner > div.content {
    overflow: visible;
    background: transparent;
    opacity: 1;
    box-shadow: none; }
    body.app.curtain > div.content div.modal:not(.orientation).checkout > div.outer > div.inner > div.content > div.logo {
      /*background-image: url('https://d3b1ak9ylguumf.cloudfront.net/stencil/app/static/images/logos/blue.400x121.png');*/
      background-image: url("../png/color.400x121.png");
      left: 54px;
      top: -76px;
      display: block;
      background-size: 108px; }
    body.app.curtain > div.content div.modal:not(.orientation).checkout > div.outer > div.inner > div.content > a.close {
      display: none; }
    body.app.curtain > div.content div.modal:not(.orientation).checkout > div.outer > div.inner > div.content form > div.columns > aside {
      border-radius: 0;
      background-color: transparent; }
      body.app.curtain > div.content div.modal:not(.orientation).checkout > div.outer > div.inner > div.content form > div.columns > aside div.wrapper {
        background-color: #ffffff;
        border-radius: 6px;
        border: 1px solid rgba(0, 0, 0, 0.1); }
    body.app.curtain > div.content div.modal:not(.orientation).checkout > div.outer > div.inner > div.content form > div.columns > section {
      border-radius: 0 4px 4px 0;
      background-color: #f6fafd; }
    body.app.curtain > div.content div.modal:not(.orientation).checkout > div.outer > div.inner > div.content > div.modal.coupons.apply div.overlay,
    body.app.curtain > div.content div.modal:not(.orientation).checkout > div.outer > div.inner > div.content > div.modal.trialTerms div.overlay,
    body.app.curtain > div.content div.modal:not(.orientation).checkout > div.outer > div.inner > div.content > div.modal.charge.cardDeclineRateLimitExceeded div.overlay,
    body.app.curtain > div.content div.modal:not(.orientation).checkout > div.outer > div.inner > div.content > div.modal.charge.doNotHonor div.overlay,
    body.app.curtain > div.content div.modal:not(.orientation).checkout > div.outer > div.inner > div.content > div.modal.charge.insufficientFunds div.overlay,
    body.app.curtain > div.content div.modal:not(.orientation).checkout > div.outer > div.inner > div.content > div.modal.charge.transactionNotAllowed div.overlay {
      background-color: rgba(37, 37, 37, 0.31); }
body.app.curtain > div.content div.modal:not(.orientation).busy > div.outer > div.inner > div.content > div.icon {
  /*color: #009cef;*/
  color: #783bff; }
body.app.curtain > div.content div.modal:not(.orientation).busy > div.outer > div.inner > div.content div.copy {
  /*color: #009cef;*/
  color: #783bff; }
body.app.curtain > div.content div.modal.drop > div.outer > div.inner > div.content div.icon,
body.app.curtain > div.content div.modal.drop > div.outer > div.inner > div.content div.copy {
  color: #783bff; }

body.app.firefox {
  /**
   * Pulls label copy up. Without this, they seem too low:
   * https://i.imgur.com/00Pfthg.png
   * 
   * Not sure why this is.
   */ }
  body.app.firefox div.tool.sizes input[type="range"] {
    top: 2px !important; }
  body.app.firefox > div.content > section.mediaLibrary > div.inner > div.wrapper > section > header nav > a {
    line-height: 24px; }

/**
 * There is a common bug visible in both Microsoft IE and Microsoft Edge related
 * to positioning an element absolutely relative to a table-cell parent. Simple,
 * it does not work. There are a couple work arounds that I've run into:
 * 1. Change the relative-parent of the absolute-element, and have it go further
 *    up the stack (eg. the table-element containing the table-cell-element).
 *    Something to consider in that case is whether the
 *    absolutely-positioned-element will result in being too tall or wide if
 *    it's coordinates are set to expand to the entire relative-element.
 *    In this case, it can help to set the width and / or height, and only set
 *    two dimensions when positioning (eg. top + left, bottom + right, etc).
 * 2. Insert a wrapper within the table-cell element, with a relative position,
 *    to have this work as the relative-parent for the
 *    absolutely-positioned-element.
 */
body.app.edge,
body.app.ie {
  /**
   * It seems like IE has issues with font-weight: 300 elements with a
   * color-to-background-color contrast. I noticed it in the settings
   * navigation anchor items, which are white, with a blue background. Also
   * noticed it in the checkout promotions area, which are green with a white
   * background.
   * 
   * For more info:
   * https://trello.com/c/eTff3XqS/164-ie-some-text-appears-almost-too-light-to-read
   */
  /**
   * Before: https://i.imgur.com/6hlaqo2.png
   * After: https://i.imgur.com/zBCHrmR.png
   */ }
  body.app.edge > div.content > aside.sidebar nav a span.full,
  body.app.ie > div.content > aside.sidebar nav a span.full {
    font-weight: 600; }
  body.app.edge section.graphics section.uploads > div.content > div.results div.thumb.thumb,
  body.app.edge section.graphics section.favorites div.content > div.results div.thumb:not(.icon),
  body.app.edge section.graphics section.search > div.content > section > div.content > div.results div.thumb:not(.icon),
  body.app.ie section.graphics section.uploads > div.content > div.results div.thumb.thumb,
  body.app.ie section.graphics section.favorites div.content > div.results div.thumb:not(.icon),
  body.app.ie section.graphics section.search > div.content > section > div.content > div.results div.thumb:not(.icon) {
    background-color: #dddddd;
    border-radius: 4px 4px 4px 4px;
    background-size: 90% !important; }
  body.app.edge div.watermark label.image,
  body.app.ie div.watermark label.image {
    background-color: #dddddd;
    border-radius: 4px 4px 4px 4px;
    background-size: 90% !important; }
  body.app.edge div.modal.settings > div.outer > div.inner > div.content > div.columns > nav a,
  body.app.ie div.modal.settings > div.outer > div.inner > div.content > div.columns > nav a {
    font-weight: 400 !important; }
  body.app.edge div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.promotions div.promotion div.copy,
  body.app.ie div.modal.checkout > div.outer > div.inner > div.content > form > div.columns > aside section.promotions div.promotion div.copy {
    font-weight: 400 !important; }

body.app.edge > div.content input[type="range"] {
  margin: 0; }

body.app.touch {
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -o-user-select: none;
  user-select: none;
  /**
   * Prevent touch actions on the canvas
   * 
   */
  /**
   * Prevent touch actions on color pickers (was causing page to scroll)
   * 
   */
  /**
   * Removes any color from links being pressed.
   * 
   * @link    https://developer.mozilla.org/en-US/docs/Web/CSS/-webkit-tap-highlight-color
   */
  /**
   * Makes the remove color X button to the right of the inputs bigger
   * 
   */
  /**
   * Removes native iOS styles for inputs (specifically, dropshadows)
   * 
   */
  /**
   * Prevent being able to click on any link inputs
   * 
   */
  /**
   * Removes the expand button from the Media Library since it causes too many
   * layout issues.
   */
  /**
   * Bigger knob for range inputs on iPads
   * 
   */
  /**
   * Hides the move anchor in joystick thumbs.
   * 
   */
  /**
   * Hides the move anchor in collection rows.
   * 
   */
  /**
   * Hides the eyedropper element (aka "Color Picker" in the UI) on tablets
   * since there's no mouseover event and therefore colors can't be "chosen".
   */
  /**
   * This was a fix to the close buttons not being clickable in some modals.
   * Specifically, this happened in the share and settings modals.
   * Interestingly, it did not happen in the Extras modal. It looks like this
   * may be because in that modal, there were no divs behind the close anchor
   * that could have conflicted with it. So I believe what was happening was
   * that if the clicking area was too small, and there was another div that
   * could possibly have been clicked (since fingers cast a large "area"), the
   * iPad doesn't pass the click event through. To get around this, simply
   * making the area larger seems to help. This might be because the iPad does
   * math to figure out what the likelihood of the touch event being on a
   * specific element, based on the dimensions of that element.
   * 
   * I did something similar with the resources.html template (search and
   * close buttons / links).
   */ }
  body.app.touch section.stage div.sandbox
  section.stage div.sandbox div.canvas-container,
  body.app.touch section.stage div.sandbox div.canvas-container canvas {
    touch-action: none; }
  body.app.touch div.minicolors-panel div.minicolors-grid.minicolors-sprite,
  body.app.touch div.minicolors-panel div.slider,
  body.app.touch div.minicolors-panel div.opacitySlider {
    touch-action: none; }
  body.app.touch > div.content {
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0); }
  body.app.touch a[lookup="clear/strokeColor"],
  body.app.touch a[lookup="clear/backdropColor"],
  body.app.touch a[lookup="clear/colorOverlay"] {
    font-size: 18px !important; }
  body.app.touch input[type="email"],
  body.app.touch input[type="password"],
  body.app.touch input[type="search"],
  body.app.touch input[type="tel"],
  body.app.touch input[type="text"],
  body.app.touch textarea {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none; }
  body.app.touch input[id="link"] {
    pointer-events: none; }
  body.app.touch section.mediaLibrary > div.inner > div.expand {
    display: none; }
  body.app.touch input[type="range"]::-webkit-slider-runnable-track {
    height: 12px !important; }
  body.app.touch input[type="range"]::-webkit-slider-thumb {
    height: 24px !important;
    width: 24px !important;
    margin-top: -6px !important; }
  body.app.touch div.joystick a.move {
    display: none !important; }
  body.app.touch div.collectionRow > a.move {
    display: none !important; }
  body.app.touch div.colorPicker a[lookup="eyedropper"] {
    display: none !important; }
  body.app.touch div.modal > div.outer > div.inner > div.content a.close {
    right: 4px !important;
    top: 4px !important;
    height: 24px !important;
    line-height: 24px !important;
    width: 24px !important;
    text-align: center; }
    body.app.touch div.modal > div.outer > div.inner > div.content a.close.huge {
      right: -2px !important;
      top: -2px !important;
      height: 36px !important;
      line-height: 36px !important;
      width: 36px !important;
      text-align: center; }

body.app.electron section.stage div.popover a[href^="/app/promo"] {
  display: block !important; }
body.app.electron.curtain div.modal > div.overlay {
  -webkit-app-region: drag; }
body.app.electron.curtain div.modal > div.outer {
  -webkit-app-region: drag; }
body.app.electron.curtain div.modal > div.outer > div.inner > div.content,
body.app.electron.curtain div.modal > div.outer > div.inner > div.content > div.logo {
  -webkit-app-region: no-drag; }
body.app.electron.curtain div#beacon-container div.BeaconFabButtonFrame {
  -webkit-app-region: no-drag; }
body.app.electron:not(.curtain) aside.sidebar {
  -webkit-app-region: drag; }
  body.app.electron:not(.curtain) aside.sidebar > header {
    display: none; }
  body.app.electron:not(.curtain) aside.sidebar > nav {
    margin: 30px 0 0 0; }
  @media (max-width: 1259px) {
    body.app.electron:not(.curtain) aside.sidebar > nav {
      margin: 27px 0 0 0; } }
  body.app.electron:not(.curtain) aside.sidebar * {
    -webkit-app-region: no-drag; }
body.app.electron:not(.curtain) section.stage {
  -webkit-app-region: drag; }
  body.app.electron:not(.curtain) section.stage header div.notifications,
  body.app.electron:not(.curtain) section.stage header div.text,
  body.app.electron:not(.curtain) section.stage header div.text div.popover,
  body.app.electron:not(.curtain) section.stage div.content div.outer div.inner div.sandbox,
  body.app.electron:not(.curtain) section.stage div.content div.outer div.inner a[lookup="undo"],
  body.app.electron:not(.curtain) section.stage div.content div.outer div.inner a[lookup="changeHistory"],
  body.app.electron:not(.curtain) section.stage div.content div.outer div.inner a[lookup="redo"],
  body.app.electron:not(.curtain) section.stage div.content div.outer div.inner div.sandbox div.ui.actions,
  body.app.electron:not(.curtain) section.stage footer div.inner div.save,
  body.app.electron:not(.curtain) section.stage footer div.inner a[lookup="download"],
  body.app.electron:not(.curtain) section.stage footer div.inner a[lookup="previewAndShare"] {
    -webkit-app-region: no-drag; }
body.app.electron:not(.curtain) #beacon-container {
  display: block !important; }
  @media (max-width: 1259px) {
    body.app.electron:not(.curtain) #beacon-container div.BeaconFabButtonFrame {
      left: 5px !important; } }

body.app.expandedMode {
  min-width: 1263px; }
  body.app.expandedMode > div.content > section.mediaLibrary {
    width: 569px; }
    body.app.expandedMode > div.content > section.mediaLibrary > div.inner > div.expand div.icon.default {
      display: none; }
    body.app.expandedMode > div.content > section.mediaLibrary > div.inner > div.expand div.icon.expanded {
      display: block; }
  body.app.expandedMode > div#beacon-container {
    display: none !important; }

body.app.external:not(.electron):not(.integration):not(.wordPress) {
  background-color: transparent;
  -moz-transition: background-color 750ms;
  -o-transition: background-color 750ms;
  -webkit-transition: background-color 750ms;
  transition: background-color 750ms;
  padding: 35px 55px 35px 55px;
  min-width: 1105px;
  min-height: 523px; }
  @media (max-width: 1259px) {
    body.app.external:not(.electron):not(.integration):not(.wordPress) {
      min-height: 725px; } }
  body.app.external:not(.electron):not(.integration):not(.wordPress) section.stage > a.close {
    display: block !important; }
  body.app.external:not(.electron):not(.integration):not(.wordPress) > div.content {
    box-shadow: 0px 0px 12.48px 3.52px rgba(0, 0, 0, 0.08);
    position: relative;
    top: calc(100% - 100% - 100% - 35px - 11px);
    -moz-transition: all 750ms;
    -o-transition: all 750ms;
    -webkit-transition: all 750ms;
    transition: all 750ms; }
  body.app.external:not(.electron):not(.integration):not(.wordPress).down {
    background-color: rgba(0, 0, 0, 0.29); }
    body.app.external:not(.electron):not(.integration):not(.wordPress).down > div.content {
      top: 0; }
  body.app.external:not(.electron):not(.integration):not(.wordPress) > div#beacon-container div.BeaconFabButtonFrame {
    left: calc(55px + 11px) !important;
    margin-bottom: 35px; }
  body.app.external:not(.electron):not(.integration):not(.wordPress):not(.down) > div#beacon-container {
    display: none; }

body.app:not(.wordPress) *[integration="1"][source="wordPress"] {
  display: none !important; }

body.app.wordPress section.stage footer span.focus a.button {
  padding: 0 12px 0 12px;
  width: 143px !important; }
  body.app.wordPress section.stage footer span.focus a.button[lookup="exportToWordPress"] {
    display: inline-block !important;
    width: 173px !important; }

body.app.publisher a[data-lookup="logout"] {
  display: none !important; }

body.app.focusMode {
  /**
   * 
   * @see     https://i.imgur.com/8u8i1ls.png
   */ }
  body.app.focusMode > div.content > aside {
    display: none; }
  body.app.focusMode > div.content > section.mediaLibrary {
    display: none; }
  body.app.focusMode > div.content > section.stage > div.inner > header {
    display: none; }
  body.app.focusMode > div.content > section.stage > div.inner > footer {
    display: none; }
  body.app.focusMode #beacon-container {
    display: none; }
  body.app.focusMode a[lookup="exitFocusMode"] {
    display: block !important; }
  body.app.focusMode.external a[lookup="exitFocusMode"] {
    top: 42px !important; }
  body.app.focusMode div.toolbar.text > div.content div.tools div.tool.colors div.column[data-lookup="column/strokeColor"] div.minicolors div.colorPicker {
    right: -100%; }
    body.app.focusMode div.toolbar.text > div.content div.tools div.tool.colors div.column[data-lookup="column/strokeColor"] div.minicolors div.colorPicker div.stencil-caret.down {
      right: 143px; }