@charset "UTF-8";

/* node_modules/@ng-select/ng-select/themes/default.theme.css */
.ng-select.ng-select-opened > .ng-select-container {
  background: #fff;
  border-color: #b3b3b3 #ccc #d9d9d9;
}
.ng-select.ng-select-opened > .ng-select-container:hover {
  box-shadow: none;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow {
  top: -2px;
  border-color: transparent transparent #999;
  border-width: 0 5px 5px;
}
.ng-select.ng-select-opened > .ng-select-container .ng-arrow:hover {
  border-color: transparent transparent #333;
}
.ng-select.ng-select-opened.ng-select-top > .ng-select-container {
  border-top-right-radius: 0;
  border-top-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-right > .ng-select-container {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ng-select.ng-select-opened.ng-select-bottom > .ng-select-container {
  border-bottom-right-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-opened.ng-select-left > .ng-select-container {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ng-select.ng-select-focused:not(.ng-select-opened) > .ng-select-container {
  border-color: #007eff;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 0 3px rgba(0, 126, 255, 0.1);
}
.ng-select.ng-select-disabled > .ng-select-container {
  background-color: #f9f9f9;
}
.ng-select .ng-has-value .ng-placeholder {
  display: none;
}
.ng-select .ng-select-container {
  color: #333;
  background-color: #fff;
  border-radius: 4px;
  border: 1px solid #ccc;
  min-height: 36px;
  align-items: center;
}
.ng-select .ng-select-container:hover {
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
}
.ng-select .ng-select-container .ng-value-container {
  align-items: center;
  padding-left: 10px;
}
[dir=rtl] .ng-select .ng-select-container .ng-value-container {
  padding-right: 10px;
  padding-left: 0;
}
.ng-select .ng-select-container .ng-value-container .ng-placeholder {
  color: #999;
}
.ng-select.ng-select-single .ng-select-container {
  height: 36px;
}
.ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  top: 5px;
  left: 0;
  padding-left: 10px;
  padding-right: 50px;
}
[dir=rtl] .ng-select.ng-select-single .ng-select-container .ng-value-container .ng-input {
  padding-right: 10px;
  padding-left: 50px;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value {
  background-color: #f9f9f9;
  border: 1px solid #e6e6e6;
}
.ng-select.ng-select-multiple.ng-select-disabled > .ng-select-container .ng-value-container .ng-value .ng-value-label {
  padding: 0 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-top: 5px;
  padding-left: 7px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container {
  padding-right: 7px;
  padding-left: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  font-size: .9em;
  margin-bottom: 5px;
  color: #333;
  background-color: #ebf5ff;
  border-radius: 2px;
  margin-right: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value {
  margin-right: 0;
  margin-left: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled {
  background-color: #f9f9f9;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 5px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value.ng-value-disabled .ng-value-label {
  padding-left: 0;
  padding-right: 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-label {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon {
  display: inline-block;
  padding: 1px 5px;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon:hover {
  background-color: #d1e8ff;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-right: 1px solid #b8dbff;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.left {
  border-left: 1px solid #b8dbff;
  border-right: none;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 1px solid #b8dbff;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-value .ng-value-icon.right {
  border-left: 0;
  border-right: 1px solid #b8dbff;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 0 3px 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input {
  padding: 0 3px 3px 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-input > input {
  color: #000;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  top: 5px;
  padding-bottom: 5px;
  padding-left: 3px;
}
[dir=rtl] .ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  padding-right: 3px;
  padding-left: 0;
}
.ng-select .ng-clear-wrapper {
  color: #999;
}
.ng-select .ng-clear-wrapper:hover .ng-clear {
  color: #D0021B;
}
.ng-select .ng-clear-wrapper:focus .ng-clear {
  color: #D0021B;
}
.ng-select .ng-clear-wrapper:focus {
  outline: none;
}
.ng-select .ng-spinner-zone {
  padding: 5px 5px 0 0;
}
[dir=rtl] .ng-select .ng-spinner-zone {
  padding: 5px 0 0 5px;
}
.ng-select .ng-arrow-wrapper {
  width: 25px;
  padding-right: 5px;
}
[dir=rtl] .ng-select .ng-arrow-wrapper {
  padding-left: 5px;
  padding-right: 0;
}
.ng-select .ng-arrow-wrapper:hover .ng-arrow {
  border-top-color: #666;
}
.ng-select .ng-arrow-wrapper .ng-arrow {
  border-color: #999 transparent transparent;
  border-style: solid;
  border-width: 5px 5px 2.5px;
}
.ng-dropdown-panel {
  background-color: #fff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 0 rgba(0, 0, 0, 0.06);
  left: 0;
}
.ng-dropdown-panel.ng-select-top {
  bottom: 100%;
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
  border-bottom-color: #e6e6e6;
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-top .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
  border-top-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-right {
  left: 100%;
  top: 0;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: #e6e6e6;
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-right .ng-dropdown-panel-items .ng-option:first-child {
  border-top-right-radius: 4px;
}
.ng-dropdown-panel.ng-select-bottom {
  top: 100%;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-top-color: #e6e6e6;
  margin-top: -1px;
}
.ng-dropdown-panel.ng-select-bottom .ng-dropdown-panel-items .ng-option:last-child {
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
}
.ng-dropdown-panel.ng-select-left {
  left: -100%;
  top: 0;
  border-top-left-radius: 4px;
  border-bottom-right-radius: 4px;
  border-bottom-left-radius: 4px;
  border-bottom-color: #e6e6e6;
  margin-bottom: -1px;
}
.ng-dropdown-panel.ng-select-left .ng-dropdown-panel-items .ng-option:first-child {
  border-top-left-radius: 4px;
}
.ng-dropdown-panel .ng-dropdown-header {
  border-bottom: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-footer {
  border-top: 1px solid #ccc;
  padding: 5px 7px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup {
  -webkit-user-select: none;
  user-select: none;
  padding: 8px 10px;
  font-weight: 500;
  color: rgba(0, 0, 0, 0.54);
  cursor: pointer;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-disabled {
  cursor: default;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-marked {
  background-color: #f5faff;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-optgroup.ng-option-selected.ng-option-marked {
  color: rgba(0, 0, 0, 0.54);
  background-color: #ebf5ff;
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option {
  background-color: #fff;
  color: rgba(0, 0, 0, 0.87);
  padding: 8px 10px;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked {
  color: #333;
  background-color: #ebf5ff;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected .ng-option-label,
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-selected.ng-option-marked .ng-option-label {
  font-weight: 600;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-marked {
  background-color: #f5faff;
  color: #333;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-disabled {
  color: #ccc;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-left: 22px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option.ng-option-child {
  padding-right: 22px;
  padding-left: 0;
}
.ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  font-size: 80%;
  font-weight: 400;
  padding-right: 5px;
}
[dir=rtl] .ng-dropdown-panel .ng-dropdown-panel-items .ng-option .ng-tag-label {
  padding-left: 5px;
  padding-right: 0;
}
[dir=rtl] .ng-dropdown-panel {
  direction: rtl;
  text-align: right;
}

/* src/assets/css/ffolders.css */
.ffolder {
  position: relative;
  display: inline-block;
  text-align: center;
  float: left;
}
.ffolder.small {
  margin-top: 2px;
  margin-right: 10px;
  width: 24px;
  height: 16px;
  border-radius: 0px 2px 2px 2px;
}
.ffolder.medium {
  margin-top: 3px;
  margin-right: 10px;
  width: 32px;
  height: 22px;
  border-radius: 0px 2px 2px 2px;
}
.ffolder.big {
  margin-top: 24px;
  width: 264px;
  height: 183px;
  border-radius: 0px 14px 14px 14px;
}
.ffolder:before {
  content: "";
  display: block;
  position: absolute;
}
.ffolder:after {
  content: "";
  position: absolute;
  display: block;
  width: 0;
  height: 0;
}
.ffolder.small:before {
  top: -2px;
  left: 0;
  width: 9px;
  height: 2px;
  border-radius: 2px 0px 0px 0px;
}
.ffolder.small:after {
  top: -4px;
  left: 7px;
  border: 2px solid transparent;
}
.ffolder.medium:before {
  top: -3px;
  left: 0;
  width: 12px;
  height: 3px;
  border-radius: 2px 0px 0px 0px;
}
.ffolder.medium:after {
  top: -6px;
  left: 9px;
  border: 3px solid transparent;
}
.ffolder.big:before {
  top: -24px;
  left: 0;
  width: 96px;
  height: 24px;
  border-radius: 14px 0px 0px 0px;
}
.ffolder.big:after {
  top: -48px;
  left: 72px;
  border: 24px solid transparent;
}
.ffolder span,
.ffolder i {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.ffolder span {
  font-size: 12px;
  padding: 2px 8px;
  border-radius: 15px;
  white-space: nowrap;
}
.ffolder.small i {
  font-size: 37px;
}
.ffolder.medium i {
  font-size: 53px;
}
.ffolder.big i {
  font-size: 53px;
}
.ffolder.cyan {
  background-color: #23CBF4;
}
.ffolder.cyan:before,
.ffolder.cyan span {
  background-color: #06BAEE;
}
.ffolder.cyan:after {
  border-bottom-color: #06BAEE;
}
.ffolder.cyan span {
  color: #FFFFFF;
}
.ffolder.cyan i {
  color: #06BAEE;
}
.ffolder.yellow {
  background-color: #FFBD00;
}
.ffolder.yellow:before,
.ffolder.yellow span {
  background-color: #F1A402;
}
.ffolder.yellow:after {
  border-bottom-color: #F1A402;
}
.ffolder.yellow span {
  color: #FFFFFF;
}
.ffolder.yellow i {
  color: #F1A402;
}
.ffolder.pink {
  background-color: #FF7F92;
}
.ffolder.pink:before,
.ffolder.pink span {
  background-color: #FF5E6E;
}
.ffolder.pink:after {
  border-bottom-color: #FF5E6E;
}
.ffolder.pink span {
  color: #FFFFFF;
}
.ffolder.pink i {
  color: #FF5E6E;
}
.ffolder.green {
  background-color: #62DE82;
}
.ffolder.green:before,
.ffolder.green span {
  background-color: #66CA7F;
}
.ffolder.green:after {
  border-bottom-color: #66CA7F;
}
.ffolder.green span {
  background-color: transparent;
}
.ffolder.green i {
  color: #54C170;
}
.ffolder.gray {
  background-color: #829aa8;
}
.ffolder.gray:before,
.ffolder.gray span {
  background-color: #687F8C;
}
.ffolder.gray:after {
  border-bottom-color: #687F8C;
}
.ffolder.gray span {
  background-color: transparent;
}
.ffolder.gray i {
  color: #687F8C;
}

/* src/assets/css/fileicon.css */
/*! fileicon.css v0.1.1 | MIT License | github.com/picturepan2/fileicon.css */
.file-icon {
  font-family:
    Arial,
    Tahoma,
    sans-serif;
  font-weight: 300;
  display: inline-block;
  width: 24px;
  height: 32px;
  background: #018fef;
  position: relative;
  border-radius: 2px;
  text-align: left;
  -webkit-font-smoothing: antialiased;
}
.file-icon::before {
  display: block;
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  width: 0;
  height: 0;
  border-bottom-left-radius: 2px;
  border-width: 5px;
  border-style: solid;
  border-color: #fff #fff rgba(255, 255, 255, .35) rgba(255, 255, 255, .35);
}
.file-icon::after {
  display: block;
  content: attr(data-type);
  position: absolute;
  bottom: 0;
  left: 0;
  font-size: 10px;
  color: #fff;
  text-transform: lowercase;
  width: 100%;
  padding: 2px;
  white-space: nowrap;
  overflow: hidden;
}
.file-icon-xs {
  width: 12px;
  height: 16px;
  border-radius: 2px;
}
.file-icon-xs::before {
  border-bottom-left-radius: 1px;
  border-width: 3px;
}
.file-icon-xs::after {
  content: "";
  border-bottom: 2px solid rgba(255, 255, 255, .45);
  width: auto;
  left: 2px;
  right: 2px;
  bottom: 3px;
}
.file-icon-sm {
  width: 18px;
  height: 24px;
  border-radius: 2px;
}
.file-icon-sm::before {
  border-bottom-left-radius: 2px;
  border-width: 4px;
}
.file-icon-sm::after {
  font-size: 7px;
  padding: 2px;
}
.file-icon-lg {
  width: 48px;
  height: 64px;
  border-radius: 3px;
}
.file-icon-lg::before {
  border-bottom-left-radius: 2px;
  border-width: 8px;
}
.file-icon-lg::after {
  font-size: 16px;
  padding: 4px 6px;
}
.file-icon-xl {
  width: 96px;
  height: 128px;
  border-radius: 4px;
}
.file-icon-xl::before {
  border-bottom-left-radius: 4px;
  border-width: 16px;
}
.file-icon-xl::after {
  font-size: 24px;
  padding: 4px 10px;
}
.file-icon[data-type=zip],
.file-icon[data-type=rar] {
  background: #acacac;
}
.file-icon[data-type^=doc] {
  background: #307cf1;
}
.file-icon[data-type^=xls] {
  background: #0f9d58;
}
.file-icon[data-type^=ppt] {
  background: #d24726;
}
.file-icon[data-type=pdf] {
  background: #e13d34;
}
.file-icon[data-type=txt] {
  background: #5eb533;
}
.file-icon[data-type=mp3],
.file-icon[data-type=wma],
.file-icon[data-type=m4a],
.file-icon[data-type=flac] {
  background: #8e44ad;
}
.file-icon[data-type=mp4],
.file-icon[data-type=wmv],
.file-icon[data-type=mov],
.file-icon[data-type=avi],
.file-icon[data-type=mkv] {
  background: #7a3ce7;
}
.file-icon[data-type=bmp],
.file-icon[data-type=jpg],
.file-icon[data-type=jpeg],
.file-icon[data-type=gif],
.file-icon[data-type=png] {
  background: #f4b400;
}

/* src/assets/css/fonts.css */
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 300;
  src:
    local(""),
    url("./media/open-sans-v27-latin-300.woff2") format("woff2"),
    url("./media/open-sans-v27-latin-300.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 400;
  src:
    local(""),
    url("./media/open-sans-v27-latin-regular.woff2") format("woff2"),
    url("./media/open-sans-v27-latin-regular.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: normal;
  font-weight: 700;
  src:
    local(""),
    url("./media/open-sans-v27-latin-700.woff2") format("woff2"),
    url("./media/open-sans-v27-latin-700.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 300;
  src:
    local(""),
    url("./media/open-sans-v27-latin-300italic.woff2") format("woff2"),
    url("./media/open-sans-v27-latin-300italic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 400;
  src:
    local(""),
    url("./media/open-sans-v27-latin-italic.woff2") format("woff2"),
    url("./media/open-sans-v27-latin-italic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans";
  font-style: italic;
  font-weight: 700;
  src:
    local(""),
    url("./media/open-sans-v27-latin-700italic.woff2") format("woff2"),
    url("./media/open-sans-v27-latin-700italic.woff") format("woff");
}
@font-face {
  font-family: "Open Sans Condensed";
  font-style: normal;
  font-weight: 700;
  src:
    local(""),
    url("./media/open-sans-condensed-v21-latin-700.woff2") format("woff2"),
    url("./media/open-sans-condensed-v21-latin-700.woff") format("woff");
}

/* src/assets/css/nouislider.css */
.noUi-target,
.noUi-target * {
  -webkit-touch-callout: none;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-user-select: none;
  -ms-touch-action: none;
  touch-action: none;
  -ms-user-select: none;
  -moz-user-select: none;
  user-select: none;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
  z-index: 1;
}
.noUi-connects {
  overflow: hidden;
  z-index: 0;
}
.noUi-connect,
.noUi-origin {
  will-change: transform;
  position: absolute;
  z-index: 1;
  top: 0;
  right: 0;
  height: 100%;
  width: 100%;
  -ms-transform-origin: 0 0;
  -webkit-transform-origin: 0 0;
  -webkit-transform-style: preserve-3d;
  transform-origin: 0 0;
  transform-style: flat;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  -webkit-transition: transform 0.3s;
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
.noUi-horizontal {
  height: 18px;
}
.noUi-horizontal .noUi-handle {
  width: 34px;
  height: 28px;
  right: -17px;
  top: -6px;
}
.noUi-vertical {
  width: 18px;
}
.noUi-vertical .noUi-handle {
  width: 28px;
  height: 34px;
  right: -6px;
  bottom: -17px;
}
.noUi-txt-dir-rtl.noUi-horizontal .noUi-handle {
  left: -17px;
  right: auto;
}
.noUi-target {
  background: #FAFAFA;
  border-radius: 4px;
  border: 1px solid #D3D3D3;
  box-shadow: inset 0 1px 1px #F0F0F0, 0 3px 6px -5px #BBB;
}
.noUi-connects {
  border-radius: 3px;
}
.noUi-connect {
  background: #3FB8AF;
}
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #FFF;
  cursor: default;
  box-shadow:
    inset 0 0 1px #FFF,
    inset 0 1px 7px #EBEBEB,
    0 3px 6px -3px #BBB;
}
.noUi-active {
  box-shadow:
    inset 0 0 1px #FFF,
    inset 0 1px 7px #DDD,
    0 3px 6px -3px #BBB;
}
.noUi-handle:before,
.noUi-handle:after {
  content: "";
  display: block;
  position: absolute;
  height: 14px;
  width: 1px;
  background: #E8E7E6;
  left: 14px;
  top: 6px;
}
.noUi-handle:after {
  left: 17px;
}
.noUi-vertical .noUi-handle:before,
.noUi-vertical .noUi-handle:after {
  width: 14px;
  height: 1px;
  left: 6px;
  top: 14px;
}
.noUi-vertical .noUi-handle:after {
  top: 17px;
}
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: #999;
}
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
.noUi-marker {
  position: absolute;
  background: #CCC;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #AAA;
}
.noUi-pips-horizontal {
  padding: 10px 0;
  height: 80px;
  top: 100%;
  left: 0;
  width: 100%;
}
.noUi-value-horizontal {
  -webkit-transform: translate(-50%, 50%);
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  -webkit-transform: translate(50%, 50%);
  transform: translate(50%, 50%);
}
.noUi-marker-horizontal.noUi-marker {
  margin-left: -1px;
  width: 2px;
  height: 5px;
}
.noUi-marker-horizontal.noUi-marker-sub {
  height: 10px;
}
.noUi-marker-horizontal.noUi-marker-large {
  height: 15px;
}
.noUi-pips-vertical {
  padding: 0 10px;
  height: 100%;
  top: 0;
  left: 100%;
}
.noUi-value-vertical {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  padding-left: 25px;
}
.noUi-rtl .noUi-value-vertical {
  -webkit-transform: translate(0, 50%);
  transform: translate(0, 50%);
}
.noUi-marker-vertical.noUi-marker {
  width: 5px;
  height: 2px;
  margin-top: -1px;
}
.noUi-marker-vertical.noUi-marker-sub {
  width: 10px;
}
.noUi-marker-vertical.noUi-marker-large {
  width: 15px;
}
.noUi-tooltip {
  display: block;
  position: absolute;
  border: 1px solid #D9D9D9;
  border-radius: 3px;
  background: #fff;
  color: #000;
  padding: 5px;
  text-align: center;
  white-space: nowrap;
}
.noUi-horizontal .noUi-tooltip {
  -webkit-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  left: 50%;
  bottom: 120%;
}
.noUi-vertical .noUi-tooltip {
  -webkit-transform: translate(0, -50%);
  transform: translate(0, -50%);
  top: 50%;
  right: 120%;
}
.noUi-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
.noUi-vertical .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(0, -18px);
  transform: translate(0, -18px);
  top: auto;
  right: 28px;
}

/* src/assets/css/introjs.min.css */
.introjs-overlay {
  position: absolute;
  box-sizing: content-box;
  z-index: 999999;
  opacity: 0;
  transition: all .3s ease-out;
}
.introjs-showElement {
  z-index: 9999999 !important;
}
tr.introjs-showElement > td {
  z-index: 9999999 !important;
  position: relative;
}
tr.introjs-showElement > th {
  z-index: 9999999 !important;
  position: relative;
}
.introjs-disableInteraction {
  z-index: 99999999 !important;
  position: absolute;
  background-color: #fff;
  opacity: 0;
}
.introjs-relativePosition {
  position: relative;
}
.introjs-helperLayer {
  box-sizing: content-box;
  position: absolute;
  z-index: 9999998;
  border-radius: 4px;
  transition: all .3s ease-out;
}
.introjs-helperLayer * {
  box-sizing: content-box;
}
.introjs-helperLayer :before {
  box-sizing: content-box;
}
.introjs-helperLayer :after {
  box-sizing: content-box;
}
.introjs-tooltipReferenceLayer {
  font-family:
    "Helvetica Neue",
    Inter,
    ui-sans-serif,
    "Apple Color Emoji",
    Helvetica,
    Arial,
    sans-serif;
  box-sizing: content-box;
  position: absolute;
  visibility: hidden;
  z-index: 100000000;
  background-color: transparent;
  transition: all .3s ease-out;
}
.introjs-tooltipReferenceLayer * {
  font-family:
    "Helvetica Neue",
    Inter,
    ui-sans-serif,
    "Apple Color Emoji",
    Helvetica,
    Arial,
    sans-serif;
}
.introjs-helperNumberLayer {
  font-family:
    "Helvetica Neue",
    Inter,
    ui-sans-serif,
    "Apple Color Emoji",
    Helvetica,
    Arial,
    sans-serif;
  color: #9e9e9e;
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.introjs-arrow {
  border: 5px solid transparent;
  content: "";
  position: absolute;
}
.introjs-arrow.top {
  top: -10px;
  left: 10px;
  border-bottom-color: #fff;
}
.introjs-arrow.top-right {
  top: -10px;
  right: 10px;
  border-bottom-color: #fff;
}
.introjs-arrow.top-middle {
  top: -10px;
  left: 50%;
  margin-left: -5px;
  border-bottom-color: #fff;
}
.introjs-arrow.right {
  right: -10px;
  top: 10px;
  border-left-color: #fff;
}
.introjs-arrow.right-bottom {
  bottom: 10px;
  right: -10px;
  border-left-color: #fff;
}
.introjs-arrow.bottom {
  bottom: -10px;
  left: 10px;
  border-top-color: #fff;
}
.introjs-arrow.bottom-right {
  bottom: -10px;
  right: 10px;
  border-top-color: #fff;
}
.introjs-arrow.bottom-middle {
  bottom: -10px;
  left: 50%;
  margin-left: -5px;
  border-top-color: #fff;
}
.introjs-arrow.left {
  left: -10px;
  top: 10px;
  border-right-color: #fff;
}
.introjs-arrow.left-bottom {
  left: -10px;
  bottom: 10px;
  border-right-color: #fff;
}
.introjs-tooltip {
  box-sizing: content-box;
  position: absolute;
  visibility: visible;
  background-color: #fff;
  min-width: 250px;
  max-width: 300px;
  border-radius: 5px;
  box-shadow: 0 3px 30px rgba(33, 33, 33, .3);
  transition: opacity .1s ease-out;
}
.introjs-tooltiptext {
  padding: 20px;
}
.introjs-dontShowAgain {
  padding-left: 20px;
  padding-right: 20px;
}
.introjs-dontShowAgain input {
  padding: 0;
  margin: 0;
  margin-bottom: 2px;
  display: inline;
  width: 10px;
  height: 10px;
}
.introjs-dontShowAgain label {
  font-size: 14px;
  display: inline-block;
  font-weight: 400;
  margin: 0 0 0 5px;
  padding: 0;
  background-color: #fff;
  color: #616161;
  -webkit-user-select: none;
  user-select: none;
}
.introjs-tooltip-title {
  font-size: 18px;
  width: 90%;
  min-height: 1.5em;
  margin: 0;
  padding: 0;
  font-weight: 700;
  line-height: 1.5;
}
.introjs-tooltip-header {
  position: relative;
  padding-left: 20px;
  padding-right: 20px;
  padding-top: 10px;
  min-height: 1.5em;
}
.introjs-tooltipbuttons {
  border-top: 1px solid #e0e0e0;
  padding: 10px;
  text-align: right;
  white-space: nowrap;
}
.introjs-tooltipbuttons:after {
  content: "";
  visibility: hidden;
  display: block;
  height: 0;
  clear: both;
}
.introjs-button {
  box-sizing: content-box;
  position: relative;
  overflow: visible;
  padding: .5rem 1rem;
  border: 1px solid #bdbdbd;
  text-decoration: none;
  text-shadow: 1px 1px 0 #fff;
  font-size: 14px;
  color: #424242;
  white-space: nowrap;
  cursor: pointer;
  outline: 0;
  background-color: #f4f4f4;
  border-radius: .2em;
  zoom: 1;
  display: inline;
}
.introjs-button:hover {
  outline: 0;
  text-decoration: none;
  border-color: #9e9e9e;
  background-color: #e0e0e0;
  color: #212121;
}
.introjs-button:focus {
  outline: 0;
  text-decoration: none;
  background-color: #eee;
  box-shadow: 0 0 0 .2rem rgba(158, 158, 158, .5);
  border: 1px solid #616161;
  color: #212121;
}
.introjs-button:active {
  outline: 0;
  text-decoration: none;
  background-color: #e0e0e0;
  border-color: #9e9e9e;
  color: #212121;
}
.introjs-button::-moz-focus-inner {
  padding: 0;
  border: 0;
}
.introjs-skipbutton {
  position: absolute;
  top: 0;
  right: 0;
  display: inline-block;
  width: 45px;
  height: 45px;
  line-height: 45px;
  color: #616161;
  font-size: 22px;
  cursor: pointer;
  font-weight: 700;
  text-align: center;
  text-decoration: none;
}
.introjs-skipbutton:focus,
.introjs-skipbutton:hover {
  color: #212121;
  outline: 0;
  text-decoration: none;
}
.introjs-prevbutton {
  float: left;
}
.introjs-nextbutton {
  float: right;
}
.introjs-disabled {
  color: #9e9e9e;
  border-color: #bdbdbd;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}
.introjs-disabled:focus,
.introjs-disabled:hover {
  color: #9e9e9e;
  border-color: #bdbdbd;
  box-shadow: none;
  cursor: default;
  background-color: #f4f4f4;
  background-image: none;
  text-decoration: none;
}
.introjs-hidden {
  display: none;
}
.introjs-bullets {
  text-align: center;
  padding-top: 10px;
  padding-bottom: 10px;
}
.introjs-bullets ul {
  box-sizing: content-box;
  clear: both;
  margin: 0 auto 0;
  padding: 0;
  display: inline-block;
}
.introjs-bullets ul li {
  box-sizing: content-box;
  list-style: none;
  float: left;
  margin: 0 2px;
}
.introjs-bullets ul li a {
  transition: width .1s ease-in;
  box-sizing: content-box;
  display: block;
  width: 6px;
  height: 6px;
  background: #ccc;
  border-radius: 10px;
  text-decoration: none;
  cursor: pointer;
}
.introjs-bullets ul li a:focus,
.introjs-bullets ul li a:hover {
  width: 15px;
  background: #999;
  text-decoration: none;
  outline: 0;
}
.introjs-bullets ul li a.active {
  width: 15px;
  background: #999;
}
.introjs-progress {
  box-sizing: content-box;
  overflow: hidden;
  height: 10px;
  margin: 10px;
  border-radius: 4px;
  background-color: #e0e0e0;
}
.introjs-progressbar {
  box-sizing: content-box;
  float: left;
  width: 0%;
  height: 100%;
  font-size: 10px;
  line-height: 10px;
  text-align: center;
  background-color: #08c;
}
.introjsFloatingElement {
  position: absolute;
  height: 0;
  width: 0;
  left: 50%;
  top: 50%;
}
.introjs-fixedTooltip {
  position: fixed;
}
.introjs-hint {
  box-sizing: content-box;
  position: absolute;
  background: 0 0;
  width: 20px;
  height: 15px;
  cursor: pointer;
}
.introjs-hint:focus {
  border: 0;
  outline: 0;
}
.introjs-hint:hover > .introjs-hint-pulse {
  background-color: rgba(60, 60, 60, .57);
}
.introjs-hidehint {
  display: none;
}
.introjs-fixedhint {
  position: fixed;
}
@keyframes introjspulse {
  0% {
    transform: scale(.95);
    box-shadow: 0 0 0 0 rgba(0, 0, 0, .7);
  }
  70% {
    transform: scale(1);
    box-shadow: 0 0 0 10px transparent;
  }
  100% {
    transform: scale(.95);
    box-shadow: 0 0 0 0 transparent;
  }
}
.introjs-hint-pulse {
  box-sizing: content-box;
  width: 15px;
  height: 15px;
  border-radius: 30px;
  background-color: rgba(136, 136, 136, .24);
  z-index: 10;
  position: absolute;
  transition: all .2s ease-out;
  animation: introjspulse 2s infinite;
}
.introjs-hint-no-anim .introjs-hint-pulse {
  animation: none;
}
.introjs-hint-dot {
  box-sizing: content-box;
  background: 0 0;
  border-radius: 60px;
  height: 50px;
  width: 50px;
  position: absolute;
  top: -18px;
  left: -18px;
  z-index: 1;
  opacity: 0;
}

/* src/assets/css/main.css */
/*! normalize.css v8.0.0 | MIT License | github.com/necolas/normalize.css */
button,
hr,
input {
  overflow: visible;
}
progress,
sub,
sup {
  vertical-align: baseline;
}
[type=checkbox],
[type=radio],
legend {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  padding: 0;
}
html {
  line-height: 1.15;
  -webkit-text-size-adjust: 100%;
}
body {
  margin: 0;
}
h1 {
  font-size: 2em;
  margin: .67em 0;
}
hr {
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  height: 0;
}
code,
kbd,
pre,
samp {
  font-family: monospace, monospace;
  font-size: 1em;
  line-height: 1.5;
}
a {
  background-color: transparent;
}
abbr[title] {
  border-bottom: none;
  text-decoration: underline;
  -webkit-text-decoration: underline dotted;
  text-decoration: underline dotted;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 80%;
}
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
}
sub {
  bottom: -.25em;
}
sup {
  top: -.5em;
}
img {
  border-style: none;
}
button,
input,
optgroup,
select,
textarea {
  font-family: inherit;
  font-size: 100%;
  line-height: 1.15;
  margin: 0;
}
button,
select {
  text-transform: none;
}
[type=button],
[type=reset],
[type=submit],
button {
  -webkit-appearance: button;
}
[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
  outline: ButtonText dotted 1px;
}
fieldset {
  padding: .35em .75em .625em;
}
legend {
  color: inherit;
  display: table;
  max-width: 100%;
  white-space: normal;
}
textarea {
  overflow: auto;
}
[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-file-upload-button {
  -webkit-appearance: button;
  font: inherit;
}
details {
  display: block;
}
summary {
  display: list-item;
}
[hidden],
template {
  display: none;
}
/*! HTML5 Boilerplate v6.1.0 | MIT License | https://html5boilerplate.com/ */
fieldset,
hr {
  border: 0;
  padding: 0;
}
html {
  color: #333;
  font-size: 1em;
  line-height: 1.4;
}
::-moz-selection {
  background: #b3d4fc;
  text-shadow: none;
}
::selection {
  background: #b3d4fc;
  text-shadow: none;
}
hr {
  display: block;
  height: 1px;
  border-top: 1px solid #ccc;
  margin: 1em 0;
}
audio,
canvas,
iframe,
img,
svg,
video {
  vertical-align: middle;
}
fieldset {
  margin: 0;
}
textarea {
  resize: vertical;
}
.browserupgrade {
  margin: .2em 0;
  background: #ccc;
  color: #000;
  padding: .2em 0;
}
html {
  -ms-overflow-style: -ms-autohiding-scrollbar;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  background: var(--color-tertiary);
  background-image: -o-linear-gradient(top, #132744, #143050, #153a5c, #134568, #104f74);
  background-image: -webkit-gradient(linear, left top, left bottom, from(#132744), color-stop(#143050), color-stop(#153a5c), color-stop(#134568), to(#104f74));
  background-image:
    linear-gradient(
      to bottom,
      #132744,
      #143050,
      #153a5c,
      #134568,
      #104f74);
  min-height: 100vh;
  color: var(--color-black);
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
  font-size: 10px;
}
body {
  font-size: 1.6rem;
  line-height: 1;
}
*,
*:before,
*:after {
  -webkit-box-sizing: inherit;
  box-sizing: inherit;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
  -webkit-tap-highlight-color: transparent;
}
:root {
  --color-primary: #002f8e;
  --color-secondary: #38789e;
  --color-tertiary: #243b5b;
  --color-grey-light: #fafafa;
  --color-grey: #ebebeb;
  --color-grey-dark: #5f5f5f;
  --color-white: #FFFFFF;
  --color-black: #111111;
  --color-red: #D92441;
  --color-green: #199479;
  --color-yellow: #E6B926;
  --color-orange: #eb8521;
  --color-lime: #8fb242;
}
.icon {
  display: inline-block;
  height: 1em;
  overflow: visible;
  vertical-align: -0.125em;
  -webkit-box-sizing: content-box;
  box-sizing: content-box;
  fill: currentColor;
}
.open-sans {
  font-family: "Open Sans", sans-serif;
  font-weight: 300;
  font-weight: 400;
  font-weight: 700;
  font-style: normal;
  font-style: italic;
}
.open-sans-condensed {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}
h1,
h2,
h3,
h4,
h5 {
  font-weight: 700;
  margin: 4.8rem 0 2.4rem;
  line-height: 1.25;
}
h1 {
  font-size: 4.8rem;
}
h2 {
  font-size: 3.2rem;
}
h3 {
  font-size: 2.4rem;
}
h4 {
  font-size: 1.6rem;
}
h5 {
  font-size: 1.2rem;
}
p {
  line-height: 1.5;
  margin: 0 0 2.4rem;
}
b,
strong {
  font-weight: 700;
}
a {
  text-decoration: none;
  -webkit-transition: color 0.3s ease;
  -o-transition: color 0.3s ease;
  transition: color 0.3s ease;
}
.app {
  z-index: 100;
  min-width: 1024px;
  display: block;
  position: relative;
}
.header {
  z-index: 500;
  position: relative;
  top: 0;
  background: var(--color-white);
  border-bottom: 1px solid var(--color-grey);
}
.header__inner {
  height: 12.0rem;
  max-width: 160.0rem;
  margin: 0 auto;
  padding: 0 3.2rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.logo {
}
.logo__img {
  height: 6.4rem;
  width: auto;
}
.vbc {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.vbc__text {
  margin-right: 1.6rem;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: .15em;
  font-size: 1.2rem;
}
.vbc__logo {
}
.vbc__logo-img {
  height: 4.0rem;
  width: auto;
}
.nav-main {
  margin: 0 auto;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: center;
}
.nav-main__link {
  color: var(--color-black);
  margin: 0 1.6rem;
  font-size: 2.0rem;
  font-weight: 700;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
}
.nav-main__link:hover {
  color: var(--color-secondary);
}
.nav-main__dropdown {
  position: relative;
}
.nav-main__dropdown-toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 0.8rem;
  background-color: transparent;
  border: none;
  text-align: inherit;
  font-family: inherit;
  border-radius: 0;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  cursor: pointer;
  line-height: 1;
}
.nav-main__dropdown:hover .nav-main__dropdown-toggle {
  color: var(--color-secondary);
}
.nav-main__dropdown-arrow {
  width: 1.2rem;
  height: 1.2rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.nav-main__dropdown-menu {
  position: absolute;
  top: 100%;
  left: 0;
  background: var(--color-white);
  min-width: 20rem;
  border-radius: 0.8rem;
  -webkit-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.1);
  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.1);
  opacity: 0;
  visibility: hidden;
  -webkit-transform: translateY(1rem);
  -ms-transform: translateY(1rem);
  transform: translateY(1rem);
  -webkit-transition: all 0.3s ease;
  -o-transition: all 0.3s ease;
  transition: all 0.3s ease;
}
.nav-main__dropdown-item {
  cursor: pointer;
  display: block;
  padding: 1.6rem;
  white-space: nowrap;
  color: var(--color-black);
  -webkit-transition: color 0.15s ease, background-color 0.15s ease;
  -o-transition: color 0.15s ease, background-color 0.15s ease;
  transition: color 0.15s ease, background-color 0.15s ease;
}
.nav-main__dropdown-item:first-child {
  border-top-left-radius: 0.8rem;
  border-top-right-radius: 0.8rem;
}
.nav-main__dropdown-item:last-child {
  border-bottom-left-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
.nav-main__dropdown-item:hover,
.nav-main__dropdown-item:focus {
  color: var(--color-secondary);
  background-color: var(--color-grey);
}
.nav-main__dropdown:hover .nav-main__dropdown-arrow,
.nav-main__dropdown-toggle:focus .nav-main__dropdown-arrow,
.nav-main__dropdown-menu:focus-within ~ .nav-main__dropdown-toggle .nav-main__dropdown-arrow {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.nav-main__dropdown:hover .nav-main__dropdown-menu,
.nav-main__dropdown-toggle:focus + .nav-main__dropdown-menu,
.nav-main__dropdown-menu:focus-within {
  opacity: 1;
  visibility: visible;
  -webkit-transform: translateY(0);
  -ms-transform: translateY(0);
  transform: translateY(0);
}
.nav-util {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-weight: 700;
}
.nav-util__link {
  cursor: pointer;
  position: relative;
  color: var(--color-black);
  margin-right: 2.4rem;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
}
.nav-util__link:hover {
  color: var(--color-secondary);
}
.nav-util__count {
  position: absolute;
  top: -1.6rem;
  left: -1.6rem;
  width: 2rem;
  height: 2rem;
  border-radius: 50%;
  background: var(--color-secondary);
  color: var(--color-white);
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 1.2rem;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.nav-util__link-icon {
  margin-right: .4rem;
}
.nav-user {
  position: relative;
  background: var(--color-grey);
  padding: 1.6rem 2.4rem;
  border-radius: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  -webkit-transition: background 0.15s linear, color 0.15s linear;
  -o-transition: background 0.15s linear, color 0.15s linear;
  transition: background 0.15s linear, color 0.15s linear;
}
.nav-user:hover {
  color: var(--color-white);
  background: var(--color-secondary);
}
.nav-user__icon {
  font-size: 2.4rem;
}
.nav-user__name {
  margin: 0 1.6rem 0 .8rem;
}
.nav-user__arrow {
  font-size: 2.0rem;
}
.nav-user__drop {
  display: none;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  background: var(--color-white);
  padding: 2.4rem;
  border-bottom-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
}
.nav-user:hover .nav-user__drop {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.nav-user__drop-link {
  text-decoration: underline;
  color: var(--color-black);
  margin: .8rem 0;
}
.nav-user__drop-span {
  color: var(--color-black);
  margin: .8rem 0;
}
.switch-screen {
  z-index: 400;
  position: fixed;
  top: 0;
  left: -100%;
  height: 100%;
  width: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, .25);
  -webkit-transition: opacity 0.3s ease, left 0s ease 0.3s;
  -o-transition: opacity 0.3s ease, left 0s ease 0.3s;
  transition: opacity 0.3s ease, left 0s ease 0.3s;
}
.switch-screen--open {
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.switch {
  top: 0;
  right: 0;
  width: 100%;
  height: 4.0rem;
  z-index: 400;
  position: sticky;
  background: var(--color-grey);
  will-change: height;
  -webkit-transition: height .6s cubic-bezier(.86, 0, .07, 1);
  -o-transition: height .6s cubic-bezier(.86, 0, .07, 1);
  transition: height .6s cubic-bezier(.86, 0, .07, 1);
}
.switch--open {
  height: 44.0rem;
  height: calc(100vh - 30.0rem);
  -webkit-transition: height .6s cubic-bezier(.19, 1, .22, 1);
  -o-transition: height .6s cubic-bezier(.19, 1, .22, 1);
  transition: height .6s cubic-bezier(.19, 1, .22, 1);
}
.switch__inner {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.switch__table {
  padding: 0 3.2rem;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: auto;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  position: absolute;
  top: 0;
  left: 0;
  bottom: 4.0rem;
  width: 100%;
}
.switch__link {
  font-style: italic;
  color: var(--color-secondary);
  cursor: pointer;
}
.switch__current {
  font-weight: 700;
}
.switch__search {
  position: sticky;
  top: 0;
  z-index: 100;
  background-color: var(--color-grey-light);
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ebebeb' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  color: var(--color-grey-dark);
  border-bottom: 1px solid var(--color-grey);
  padding: 1.6rem 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.switch__search-icon {
  color: var(--color-secondary);
  font-size: 2.4rem;
  margin-right: 1.6rem;
}
input[type=text].switch__search-input {
  width: 100%;
  margin: 0 !important;
  border: 1px solid var(--color-grey);
}
.switch__search-options {
  cursor: pointer;
  position: absolute;
  right: 4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0.8rem 0;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.switch__search-link {
  margin: .8rem;
  color: var(--color-secondary);
  font-style: italic;
}
.switch .peer {
  border-radius: 0;
  margin-bottom: 0;
}
.switch-trigger {
  z-index: 1;
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 4.0rem;
  background: var(--color-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  padding: 0 3.2rem;
  color: var(--color-black);
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -o-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
  cursor: pointer;
}
.switch-trigger:hover,
.switch--open .switch-trigger {
  background: var(--color-secondary);
  color: var(--color-white);
}
.switch-trigger__text {
}
.switch-trigger__text-icon {
  font-size: 1.6rem;
  margin-right: .8rem;
}
.switch-trigger__link {
  color: var(--color-secondary);
  margin-left: .8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-style: italic;
  -webkit-transition: background 0.3s ease, color 0.3s ease;
  -o-transition: background 0.3s ease, color 0.3s ease;
  transition: background 0.3s ease, color 0.3s ease;
}
.switch-trigger:hover .switch-trigger__link {
  color: var(--color-white);
}
.switch--open .switch-trigger:hover .switch-trigger__link {
  color: var(--color-secondary);
}
.switch-trigger__arrow {
  font-size: 1.6rem;
  margin-left: .4rem;
}
.switch-trigger__close {
  position: absolute;
  top: 3.8rem;
  left: 50%;
  margin-left: -2.8rem;
  width: 5.6rem;
  height: 5.6rem;
  background: var(--color-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-bottom-left-radius: .8rem;
  border-bottom-right-radius: .8rem;
  cursor: pointer;
  pointer-events: none;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.switch--open .switch-trigger__close {
  opacity: 1;
  pointer-events: auto;
}
.switch-trigger__close-icon {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 3.2rem;
  color: var(--color-white);
}
.content {
  padding: 3.2rem;
}
.content--home,
.content--page {
  padding-bottom: 0;
}
.content__inner {
  max-width: 130.0rem;
  margin: 0 auto;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 3fr 3.2rem 1fr;
  grid-template-columns: 3fr 1fr;
  gap: 3.2rem;
}
.content__main {
}
.content__main--home {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.content__main--page {
  -ms-grid-column-span: 4;
  grid-column: span 4;
}
.content__sidebar {
}
.card {
  position: relative;
  min-height: 20.0rem;
  border-radius: 1.6rem;
  margin-bottom: 3.2rem;
  background: var(--color-grey);
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.card--small {
  margin: 0 auto 3.2rem;
  width: 70%;
  max-width: 70rem;
}
.card--activity {
  position: sticky;
  top: 15.2rem;
}
.card__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--color-white);
  padding: 2.4rem;
  font-size: 2.4rem;
  font-weight: 700;
  margin: 0;
}
.card__title-link {
  color: var(--color-tertiary);
  text-decoration: underline;
  font-size: 1.6rem;
  font-weight: 400;
}
.content__main .card__title-link {
}
.card--drawer .card__title {
  font-size: 2.0rem;
}
.card__content {
  padding: 2.4rem;
}
.card--drawer .card__content {
  padding: 0 0 10.0rem;
}
.drawer--bottom .card--drawer .card__content {
  padding: 0 2.4rem .8rem;
}
.card__content--grid {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.4rem 1fr 2.4rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  grid-auto-rows: 1fr 1fr auto auto;
  gap: 2.4rem;
}
.reset-link {
  cursor: pointer;
  color: var(--color-tertiary);
  text-decoration: underline;
}
.alert-text {
  color: var(--color-red);
}
.hero {
  position: relative;
  border-radius: 1.6rem;
  margin-bottom: 3.2rem;
  background-color: var(--color-primary);
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding: 0 7.2rem;
}
.hero__vid {
  position: absolute;
  top: 0;
  left: 0;
  -o-object-fit: cover;
  object-fit: cover;
  width: 100%;
  min-height: 100%;
}
.hero:before {
  z-index: 1;
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .25);
}
.hero__inner {
  z-index: 2;
  position: relative;
  color: var(--color-white);
}
.hero__title {
  margin-top: 0;
}
.hero__text {
  font-size: 2.0rem;
}
.hero__text-tag {
  white-space: nowrap;
}
.hero__buttons {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.hero__button {
  margin-right: 2.4rem;
}
.login {
}
.login-signup-link {
  font-weight: 400;
  font-size: 1.4rem;
  text-decoration: underline;
  color: var(--color-secondary);
}
.login__text {
  margin-bottom: 1.6rem;
}
.login__text--error {
  color: var(--color-red);
}
.login__input {
}
.login__submit {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.login__button {
  margin-right: 1.6rem;
}
.login__forgot-link {
  font-size: 1.2rem;
  text-decoration: underline;
  color: var(--color-black);
}
.kpi {
  border-radius: .8rem;
  padding: 1.6rem;
  background: var(--color-white);
  min-height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  cursor: pointer;
  -webkit-transition: z-index 0s ease 0.3s, -webkit-box-shadow 0.3s ease;
  transition: z-index 0s ease 0.3s, -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease, z-index 0s ease 0.3s;
  transition: box-shadow 0.3s ease, z-index 0s ease 0.3s;
  transition:
    box-shadow 0.3s ease,
    z-index 0s ease 0.3s,
    -webkit-box-shadow 0.3s ease;
}
.kpi--name {
  padding: 2.4rem;
  background: url("./media/icon-peer-comparison-bg.svg") center right 1.6rem / auto 80% no-repeat scroll;
  background-color: var(--color-secondary);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
}
.kpi:hover {
  z-index: 1;
  -webkit-box-shadow: rgb(0 0 0 / 50%) 0 2rem 3rem -1rem;
  box-shadow: rgb(0 0 0 / 50%) 0 2rem 3rem -1rem;
  -webkit-transition: z-index 0s ease, -webkit-box-shadow 0.3s ease;
  transition: z-index 0s ease, -webkit-box-shadow 0.3s ease;
  -o-transition: box-shadow 0.3s ease, z-index 0s ease;
  transition: box-shadow 0.3s ease, z-index 0s ease;
  transition:
    box-shadow 0.3s ease,
    z-index 0s ease,
    -webkit-box-shadow 0.3s ease;
}
.kpi--name:hover {
  -webkit-box-shadow: rgb(0 0 0 / 0%) 0 0 0 0;
  box-shadow: rgb(0 0 0 / 0%) 0 0 0 0;
}
.kpi__quick {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.kpi__quick-title {
  font-weight: 700;
  color: var(--color-white);
}
.kpi__quick-link {
  color: var(--color-white);
  padding-top: .8rem;
  text-decoration: underline;
}
.kpi__product-icon {
  width: 10.4rem;
  height: auto;
}
.kpi__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  font-weight: 700;
  border-bottom: 0.2rem solid var(--color-grey);
  padding-bottom: .8rem;
  line-height: 1.25;
}
.kpi__title-arrow {
  background: var(--color-grey);
  color: var(--color-secondary);
  font-size: 2.4rem;
  border-radius: .4rem;
  padding: 0 .8rem;
}
.kpi__content {
}
.kpi__num-user {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 6.0rem;
  padding: 1.6rem 0;
}
.kpi__num-user--up {
  color: var(--color-green);
}
.kpi__num-user--down {
  color: var(--color-red);
}
.kpi__num-user-percent,
.kpi__num-user-score {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.kpi__num-user-icon {
  margin: 0 .8rem;
}
.kpi__num-user-text {
  font-size: 1.4rem;
  line-height: 1.25;
  color: var(--color-black);
}
.kpi__num-user-score-text {
  font-size: 2.0rem;
  margin: 0 .8rem;
}
.kpi__num-peer {
  border-top: 0.2rem solid var(--color-grey);
  padding-top: .8rem;
  line-height: 1.25;
  font-size: 1.4rem;
}
.kpi__num-peer--up strong {
  color: var(--color-green);
}
.kpi__num-peer--down strong {
  color: var(--color-poor);
}
.kpi__scores {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.kpi__score {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.kpi__score--5 {
  color: var(--color-green);
}
.kpi__score--4 {
  color: var(--color-lime);
}
.kpi__score--3 {
  color: var(--color-yellow);
}
.kpi__score--2 {
  color: var(--color-orange);
}
.kpi__score--1 {
  color: var(--color-red);
}
.kpi__score-title {
  color: var(--color-black);
  line-height: 1.25;
  font-size: 1.4rem;
}
.kpi__score-num {
  font-weight: 700;
  font-style: normal;
  font-size: 7.2rem;
  margin: .8rem 1.6rem .8rem 0;
}
.kpi__score-text {
  font-size: 2.4rem;
}
.kpi-key {
  background-image: -o-linear-gradient(right, #199479, #3aa06d, #5daa5c, #83b248, #abb735, #c1af23, #d7a419, #ec981d, #ed7e22, #ea632c, #e34736, #d92441);
  background-image: -webkit-gradient(linear, right top, left top, from(#199479), color-stop(#3aa06d), color-stop(#5daa5c), color-stop(#83b248), color-stop(#abb735), color-stop(#c1af23), color-stop(#d7a419), color-stop(#ec981d), color-stop(#ed7e22), color-stop(#ea632c), color-stop(#e34736), to(#d92441));
  background-image:
    linear-gradient(
      to left,
      #199479,
      #3aa06d,
      #5daa5c,
      #83b248,
      #abb735,
      #c1af23,
      #d7a419,
      #ec981d,
      #ed7e22,
      #ea632c,
      #e34736,
      #d92441);
  -ms-grid-column-span: 3;
  grid-column: span 3;
  height: 1.6rem;
  border-radius: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.0rem;
  letter-spacing: .15em;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-white);
}
.kpi-key-desc {
  -ms-grid-column-span: 3;
  grid-column: span 3;
  font-size: 1.4rem;
  line-height: 1.5;
  height: auto;
  margin-top: -0.8rem;
}
.add-kpi {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
}
.add-kpi__icon {
  font-size: 4.0rem;
  color: var(--color-secondary);
  margin-right: .8rem;
  -webkit-transition: color .3s linear, -webkit-transform .9s cubic-bezier(.19, 1, .22, 1);
  transition: color .3s linear, -webkit-transform .9s cubic-bezier(.19, 1, .22, 1);
  -o-transition: transform .9s cubic-bezier(.19, 1, .22, 1), color .3s linear;
  transition: transform .9s cubic-bezier(.19, 1, .22, 1), color .3s linear;
  transition:
    transform .9s cubic-bezier(.19, 1, .22, 1),
    color .3s linear,
    -webkit-transform .9s cubic-bezier(.19, 1, .22, 1);
}
.add-kpi:hover .add-kpi__icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.add-kpi__text {
  text-decoration: underline;
  font-weight: 700;
}
.add-product {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: var(--color-white);
  margin: 6.4rem 0 3.2rem;
}
.add-product__icon {
  font-size: 4.0rem;
  margin-right: .8rem;
  -webkit-transition: color .3s linear, -webkit-transform .9s cubic-bezier(.19, 1, .22, 1);
  transition: color .3s linear, -webkit-transform .9s cubic-bezier(.19, 1, .22, 1);
  -o-transition: transform .9s cubic-bezier(.19, 1, .22, 1), color .3s linear;
  transition: transform .9s cubic-bezier(.19, 1, .22, 1), color .3s linear;
  transition:
    transform .9s cubic-bezier(.19, 1, .22, 1),
    color .3s linear,
    -webkit-transform .9s cubic-bezier(.19, 1, .22, 1);
}
.add-product:hover .add-product__icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.add-product__text {
  text-decoration: underline;
}
.messages {
}
.messages__date {
  margin-bottom: 0;
  font-style: italic;
}
.pro-header {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  border-radius: 1.6rem;
  background: var(--color-grey);
}
.pro-header__inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 2.4rem;
  background: var(--color-white);
  border-top-left-radius: 1.6rem;
  border-top-right-radius: 1.6rem;
}
.pro-header__title {
  font-size: 2.4rem;
  font-weight: 700;
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  white-space: nowrap;
}
.pro-header__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-weight: 700;
  margin-left: auto;
}
.pro-header__nav-link {
  position: relative;
  color: var(--color-black);
  margin-left: 2.4rem;
  -webkit-transition: color 0.15s linear;
  -o-transition: color 0.15s linear;
  transition: color 0.15s linear;
}
.pro-header__nav-link:hover {
  color: var(--color-secondary);
}
.pro-header__nav-link--current {
  color: var(--color-secondary);
}
.pro-header__nav-link--current:before {
  content: "";
  position: absolute;
  bottom: -3.4rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 2.4rem;
  height: 1.6rem;
  background: url("./media/active-arrow.svg") center / 2.4rem 1.6rem no-repeat scroll transparent;
}
.pro-header__content {
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  width: 100%;
  padding: 2.4rem;
  background: var(--color-grey);
}
.pro-header__content :last-child {
  margin-bottom: 0;
}
.pro-options {
  border-radius: 1.6rem;
  padding: 2.4rem;
  display: grid;
  grid-column: span 4;
  grid-template-columns: auto 1fr auto;
  -ms-grid-column-span: 4;
  align-items: center;
}
.pro-header .pro-options {
  border-radius: 0;
}
.pro-options__btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pro-options__target.button {
  padding: 0 2.4rem;
  margin-right: 2.4rem;
  background-color: var(--color-white) !important;
  color: var(--color-black) !important;
  width: 44.8rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.6rem;
}
.pro-options__target-title {
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  font-weight: 700;
  padding: 1.6rem 0;
}
.pro-options__target-count {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: auto;
  border-left: 0.2rem solid var(--color-grey);
  padding-left: 1.6rem;
}
.pro-options__target-icon {
  fill: var(--color-secondary);
  border-left: 0.2rem solid var(--color-grey);
  padding-left: 1.6rem;
}
.pro-options__ffiec {
  margin-right: 2.4rem;
  border-radius: 0.8rem;
  padding: 1.6rem 2.4rem;
  background-color: var(--color-grey-light);
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ebebeb' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  color: var(--color-black);
  border: 1px solid var(--color-grey);
}
.pro-options__button {
  padding: 0 0 0 2.4rem !important;
  margin-right: 2.4rem;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  justify-items: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pro-options__button-count {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  padding: 1.6rem 2.4rem 1.6rem 2.4rem;
  margin-left: 2.4rem;
  background: var(--color-tertiary);
  color: var(--color-white);
  border-top-right-radius: 0.8rem;
  border-bottom-right-radius: 0.8rem;
}
.pro-options__select {
  position: relative;
  margin-right: 2.4rem;
  font-size: 1.6rem;
}
.card__title .pro-options__select {
  margin-right: 0;
}
.pro-options__select-arrow {
  position: absolute;
  top: 50%;
  right: 1.6rem;
  font-size: 2.0rem;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  pointer-events: none;
}
.pro-options__select-label {
  visibility: hidden;
  margin: 0;
  height: 0;
}
.pro-options__select-box {
  border: none !important;
  margin: 0;
  padding: 1.6rem 4.0rem 1.6rem 2.4rem;
  line-height: 1.25;
}
.card__title .pro-options__select-box {
  background: var(--color-grey);
}
.pro-options__print-range {
  display: none;
}
.pro-options__range {
  display: grid;
  grid-column: 2;
  align-items: center;
  width: 100%;
  min-width: 0;
}
.noUi-target {
}
.noUi-base {
  width: 90%;
  margin-left: 5%;
}
.noUi-connects {
}
.noUi-connect {
  background: var(--color-secondary);
}
.noUi-origin {
}
.noUi-handle {
}
.noUi-handle-lower {
}
.noUi-handle-upper {
}
.noUi-pips-horizontal {
  height: auto;
  width: 90%;
  left: 5%;
}
.noUi-tooltip {
  border: none;
  background: transparent;
  padding-bottom: 0;
  font-size: 1.4rem;
  font-weight: 700;
}
.pro-options__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.pro-options__actions-btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 1.4rem;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  color: var(--color-grey-dark);
  padding: 0 1.2rem;
  cursor: pointer;
}
.pro-options__actions-btn:nth-of-type(1) {
  margin-left: 1.2rem;
}
.pro-options__actions-btn:nth-of-type(2) {
  padding-right: 0;
}
.pro-options__actions-icon {
  font-size: 2.4rem;
  margin-bottom: .8rem;
  color: var(--color-secondary);
}
.pro-tabs {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -ms-grid-column-span: 4;
  grid-column: span 4;
  margin-top: -3.2rem;
}
.pro-tabs__tab {
  border-left: .1rem solid var(--color-tertiary);
  border-right: .1rem solid var(--color-tertiary);
  padding: 1.6rem 2.4rem;
  background: var(--color-secondary);
  color: var(--color-white);
  cursor: pointer;
}
.pro-tabs__tab:first-child {
  border-bottom-left-radius: 0.8rem;
  border-left: 0;
}
.pro-tabs__tab:last-child {
  border-bottom-right-radius: 0.8rem;
  border-right: 0;
}
.pro-tabs__tab--active {
  background: var(--color-grey);
  color: var(--color-secondary);
}
.pro-widgets {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  display: -ms-grid;
  display: grid;
  gap: 3.2rem;
}
.pro-widgets--two {
  -ms-grid-columns: (1fr)[2];
  grid-template-columns: repeat(2, 1fr);
}
.pro-widgets--three {
  -ms-grid-columns: (1fr)[3];
  grid-template-columns: repeat(3, 1fr);
}
.pro-widgets--four {
  -ms-grid-columns: (1fr)[4];
  grid-template-columns: repeat(4, 1fr);
}
.pro-widget {
  position: relative;
  height: 100%;
  border-radius: 1.6rem;
  background: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.pro-widget__title {
  position: relative;
  font-weight: 700;
  font-size: 2.0rem;
  border-bottom: .2rem solid var(--color-grey);
}
.pro-widget__title--peer-groups {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pro-widget__title-arrow {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  pointer-events: none;
  background: var(--color-grey);
  color: var(--color-secondary);
  font-size: 2.4rem;
  border-radius: .4rem;
  padding: 0 .8rem;
}
.pro-widget__title-label {
  visibility: hidden;
  margin: 0;
  height: 0;
}
.pro-widget__title-box {
  background: var(--color-white);
  font-weight: 700;
  margin: 0;
  padding: 2.4rem;
  line-height: 1.25;
  border-top-left-radius: 1.6rem;
  border-top-right-radius: 1.6rem;
  border: none !important;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
.pro-widget__title-text {
  padding: 2.4rem;
  line-height: 1.25;
}
.widget-rec-range {
  padding: 0.8rem;
  display: block;
  line-height: 1.25;
  border-top: 0.2rem solid var(--color-grey);
}
.widget-rec-range--empty {
  border: none;
}
.widget-min-max {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  line-height: 1.25;
  border-top: 0.2rem solid var(--color-grey);
}
.widget-min-max__min {
  border-right: 0.2rem solid var(--color-grey);
  padding: .8rem 2.4rem 0 .8rem;
}
.widget-min-max__max {
  margin-right: auto;
  padding: .8rem 0 0 2.4rem;
}
.pro-widget__content {
  position: relative;
  padding: 2.4rem;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}
.pro-widget__info {
  position: absolute;
  bottom: 2.4rem;
  right: 2.4rem;
}
.pro-widget__info--target {
  position: relative;
  bottom: 0;
  right: 0;
}
.pro-widget__info-icon {
  position: relative;
  font-size: 2.4rem;
  color: var(--color-secondary);
}
.pro-widget__info--target .pro-widget__info-icon {
  font-size: 1.6rem;
}
.pro-widget__info-window {
  position: absolute;
  bottom: 1.4rem;
  right: 1.4rem;
  width: 30.0rem;
  display: none;
  padding: 1.6rem;
  border-radius: .8rem;
  background: var(--color-tertiary);
  color: var(--color-white);
  line-height: 1.5;
  font-size: 1.2rem;
}
.pro-widget__info--target .pro-widget__info-window {
  white-space: normal;
  width: 24.8rem;
  bottom: 0.8rem;
  right: 0.8rem;
}
.pro-widget__info:hover .pro-widget__info-window {
  display: block;
}
.pro-widgets--four .pro-widget__info-window {
  width: 20.0rem;
}
.pro-options--bal {
  -ms-grid-columns: 1fr auto;
  grid-template-columns: 1fr auto;
}
.bal-options {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.bal-options--1-col {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.bal-options__option {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-left: 0.2rem solid var(--color-grey);
}
.bal-options__option:first-child {
  border-left: none;
}
.bal-options__option--disabled {
  pointer-events: none;
}
.bal-options__option .pro-widget__title-text,
.bal-options__option .pro-widget__title-arrow {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.bal-options__option--disabled .pro-widget__title-text,
.bal-options__option--disabled .pro-widget__title-arrow {
  opacity: .25;
}
.bal-options__option .pro-widget__title-text span {
  font-weight: 400;
  color: var(--color-black);
}
.toggle-bal-search {
  cursor: pointer;
}
.toggle-bal-search .pro-widget__title-arrow {
  -webkit-transition: color 0.15s ease, -webkit-transform 0.3s ease;
  transition: color 0.15s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, color 0.15s ease;
  transition: transform 0.3s ease, color 0.15s ease;
  transition:
    transform 0.3s ease,
    color 0.15s ease,
    -webkit-transform 0.3s ease;
}
.toggle-bal-search--open .pro-widget__title-arrow {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.bal {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.bal--1-col {
  -ms-grid-columns: 1fr;
  grid-template-columns: 1fr;
}
.bal__col {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  gap: 1.6rem;
  padding: 2.4rem;
}
.bal__col--left {
}
.bal__col--right {
  border-left: 0.2rem solid var(--color-grey);
}
.bal__col .kpi-key {
  width: 100%;
}
.bal__chart-wrap {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
}
.bal__chart {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  position: relative;
  border-radius: .8rem;
  background: var(--color-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  min-height: 24.0rem;
}
.bal__numbers {
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
}
.bal__num-wrap {
  position: relative;
  border-radius: .8rem;
  background: var(--color-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.6rem .8rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: default;
}
.bal__num-wrap--highlight {
  background: currentColor;
}
.bal__num {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 3.2rem;
  margin-bottom: .8rem;
}
.bal__num-wrap--highlight .bal__num {
  color: var(--color-white);
}
.bal__numbers--mid .bal__num {
  font-size: 2.4rem;
}
.bal__numbers--scores .bal__num {
  font-size: 4.8rem;
}
.bal__num--5 {
  color: var(--color-green);
}
.bal__num--4 {
  color: var(--color-lime);
}
.bal__num--3 {
  color: var(--color-yellow);
}
.bal__num--2 {
  color: var(--color-orange);
}
.bal__num--1 {
  color: var(--color-red);
}
.bal__num-text {
  font-weight: 700;
  font-size: 1.2rem;
  text-align: center;
  color: var(--color-black);
}
.bal__num-wrap--highlight .bal__num-text {
  color: var(--color-white);
}
.bal__num-desc {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.6rem;
  font-size: 1.4rem;
  line-height: 1.5;
  border-radius: .8rem;
  background: var(--color-grey);
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.bal__num-wrap:hover .bal__num-desc {
  opacity: 1;
}
.bal__rows {
  width: 100%;
}
.bal__row {
  border-bottom: 1px solid var(--color-grey);
  font-size: 2.0rem;
}
.bal__row:first-child {
  border-top: 1px solid var(--color-grey);
}
.bal--1-col .bal__row:first-child {
  border-top: none;
  margin-top: -2.4rem;
}
.bal__row-title {
  cursor: pointer;
  padding: 2.0rem 1.6rem;
  color: var(--color-black);
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.bal__row-arrow {
  font-size: 2.0rem;
  color: var(--color-grey-dark);
  opacity: 0.5;
  -webkit-transition:
    color 0.15s ease,
    opacity 0.15s ease,
    -webkit-transform 0.3s ease;
  transition:
    color 0.15s ease,
    opacity 0.15s ease,
    -webkit-transform 0.3s ease;
  -o-transition:
    transform 0.3s ease,
    color 0.15s ease,
    opacity 0.15s ease;
  transition:
    transform 0.3s ease,
    color 0.15s ease,
    opacity 0.15s ease;
  transition:
    transform 0.3s ease,
    color 0.15s ease,
    opacity 0.15s ease,
    -webkit-transform 0.3s ease;
}
.bal__row-title:hover .bal__row-arrow {
  color: var(--color-secondary);
  opacity: 1;
}
.bal__row-item--open .bal__row-arrow {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  color: var(--color-secondary);
}
.bal__row-content {
  display: none;
  font-size: 1.6rem;
  width: 100%;
  padding: 0 0 1.6rem;
  margin: 0;
}
.bal__row-item--open .bal__row-content {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex-cards {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.2rem;
}
.flex-cards__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  position: relative;
  border-radius: 1.6rem;
  background: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.6rem;
  min-height: 24.0rem;
  padding: 2.4rem;
}
.flex-cards__item--group {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.2rem;
  padding: 0;
}
.flex-cards__item--col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex-cards__item--2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.flex-cards__item--3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.flex-cards__item--4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}
.flex-cards .flex {
  width: 100%;
  margin: 0;
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
}
.flex-cards .flex__item {
  min-height: 0;
  height: 100%;
}
.flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}
.bal__row .flex {
  display: none;
}
.bal__row-item--open .flex {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.flex__item {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  width: 100%;
  position: relative;
  border-radius: .8rem;
  background: var(--color-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.flex__item--group {
  background: transparent;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.6rem;
}
.flex__item--col {
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.flex__item--2 {
  -webkit-box-flex: 2;
  -ms-flex: 2;
  flex: 2;
}
.flex__item--3 {
  -webkit-box-flex: 3;
  -ms-flex: 3;
  flex: 3;
}
.flex__item--4 {
  -webkit-box-flex: 4;
  -ms-flex: 4;
  flex: 4;
}
.flex .peer__table {
  display: block;
  width: 100%;
}
.flex .peer__table tbody tr:nth-child(even) {
  background: var(--color-white);
}
.flex .peer__table .parent {
  font-weight: 700;
}
.ex-tbl {
}
.ex-tbl__lvl-1 {
  font-weight: 700;
  cursor: pointer;
}
.ex-tbl__lvl-2,
.ex-tbl__lvl-3 {
  cursor: pointer;
  -webkit-animation: row-in 0.3s both;
  animation: row-in 0.3s both;
}
.ex-tbl__lvl-1 td:first-child {
}
.ex-tbl__lvl-2 td:first-child {
  padding-left: 3.2rem;
}
.ex-tbl__lvl-3 td:first-child {
  padding-left: 5.6rem;
}
.ex-tbl__icon {
  fill: var(--color-secondary);
}
.ex-tbl__icon--open {
  display: none;
}
.ex-tbl__icon--close {
  display: inline-block;
}
@-webkit-keyframes row-in {
  0% {
    -webkit-transform: translateX(-2.4rem);
    transform: translateX(-2.4rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
@keyframes row-in {
  0% {
    -webkit-transform: translateX(-2.4rem);
    transform: translateX(-2.4rem);
    opacity: 0;
  }
  100% {
    -webkit-transform: translateX(0);
    transform: translateX(0);
    opacity: 1;
  }
}
.bal-search {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 50%;
  width: 50%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.bal-search--open {
  pointer-events: auto;
}
.bal-search__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: auto;
  border-bottom-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
  background: rgba(255, 255, 255, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  will-change: transform;
  -webkit-transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
  -o-transition: transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: transform .6s cubic-bezier(.86, 0, .07, 1), -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
  -webkit-transform: translate3d(0, -101%, 0);
  transform: translate3d(0, -101%, 0);
}
.bal-search--open .bal-search__inner {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
  -o-transition: transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: transform .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
}
.bal-search__search {
  position: relative;
  background-color: var(--color-grey-light);
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ebebeb' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  color: var(--color-grey-dark);
  border-bottom: 0.2rem solid var(--color-grey);
  border-left: 0.2rem solid var(--color-grey);
  padding: 1.6rem 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bal-search__search-icon {
  color: var(--color-secondary);
  font-size: 2.4rem;
  margin-right: 1.6rem;
}
input[type=text].bal-search__search-input {
  width: 100%;
  margin: 0 !important;
  border: 1px solid var(--color-grey);
}
.bal-search__clear-search {
  cursor: pointer;
  position: absolute;
  right: 4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0.8rem 0;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.bal-search__clear-search-icon {
  font-size: 1.6rem;
  margin-left: .8rem;
}
.corr-options {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.corr-options__option {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-left: 0.2rem solid var(--color-grey);
}
.corr-options__option:first-child {
  border-left: none;
}
.corr-options__option--disabled {
  pointer-events: none;
}
.corr-options__option .pro-widget__title-text,
.corr-options__option .pro-widget__title-arrow {
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.corr-options__option--disabled .pro-widget__title-text,
.corr-options__option--disabled .pro-widget__title-arrow {
  opacity: .25;
}
.corr-options__option .pro-widget__title-text span {
  font-weight: 400;
}
.corr {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.4rem;
}
.corr__chart {
  position: relative;
  -webkit-box-flex: 5;
  -ms-flex: 5;
  flex: 5;
}
.corr__chart .pro-widget__info {
  bottom: 0;
  right: 0;
}
.corr__best {
  padding: 0.8rem;
  display: block;
  line-height: 1.25;
  border-top: 0.2rem solid var(--color-grey);
}
.corr__best a {
  cursor: pointer;
  text-decoration: underline;
}
.corr__numbers {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 2.4rem;
}
.corr__num-wrap {
  position: relative;
  border-radius: .8rem;
  background: var(--color-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.6rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  cursor: default;
}
.corr__num {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  font-size: 5.6rem;
  margin-bottom: .8rem;
}
.corr__num-text {
  font-weight: 700;
}
.corr__num-desc {
  opacity: 0;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.6rem;
  font-size: 1.4rem;
  line-height: 1.5;
  border-radius: .8rem;
  background: var(--color-grey);
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.corr__num-wrap:hover .corr__num-desc {
  opacity: 1;
}
.toggle-pro-list {
  cursor: pointer;
}
.toggle-pro-list .pro-widget__title-arrow {
  -webkit-transition: color 0.15s ease, -webkit-transform 0.3s ease;
  transition: color 0.15s ease, -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease, color 0.15s ease;
  transition: transform 0.3s ease, color 0.15s ease;
  transition:
    transform 0.3s ease,
    color 0.15s ease,
    -webkit-transform 0.3s ease;
}
.toggle-pro-list--open .pro-widget__title-arrow {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.pro-list {
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  pointer-events: none;
}
.pro-list--open {
  pointer-events: auto;
}
.pro-list__inner {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-bottom-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
  background: rgba(255, 255, 255, 1);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  will-change: transform;
  -webkit-transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
  -o-transition: transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: transform .6s cubic-bezier(.86, 0, .07, 1), -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
  -webkit-transform: translate3d(0, -101%, 0);
  transform: translate3d(0, -101%, 0);
}
.pro-list--open .pro-list__inner {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
  -o-transition: transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: transform .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
}
.pro-list__options {
  list-style-type: none;
  margin: 2.4rem 2.4rem 2.4rem 1.6rem;
  padding: 0 1.6rem;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: auto;
}
.pro-list__options-item {
  margin-right: .8rem;
  border-bottom: 1px solid var(--color-grey);
  font-size: 2.0rem;
  cursor: pointer;
}
.pro-list__options-item:first-child {
  border-top: 1px solid var(--color-grey);
}
.pro-list__options-title {
  padding: 2.0rem 1.6rem;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.pro-list__options-arrow {
  font-size: 2.0rem;
  color: var(--color-grey-dark);
  opacity: 0.5;
  -webkit-transition:
    color 0.15s ease,
    opacity 0.15s ease,
    -webkit-transform 0.3s ease;
  transition:
    color 0.15s ease,
    opacity 0.15s ease,
    -webkit-transform 0.3s ease;
  -o-transition:
    transform 0.3s ease,
    color 0.15s ease,
    opacity 0.15s ease;
  transition:
    transform 0.3s ease,
    color 0.15s ease,
    opacity 0.15s ease;
  transition:
    transform 0.3s ease,
    color 0.15s ease,
    opacity 0.15s ease,
    -webkit-transform 0.3s ease;
}
.pro-list__options-title:hover .pro-list__options-arrow {
  color: var(--color-secondary);
  opacity: 1;
}
.pro-list__options-item--open .pro-list__options-arrow {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
  color: var(--color-secondary);
}
.pro-list__options-sub {
  display: none;
  font-size: 1.6rem;
  width: 100%;
  list-style-type: none;
  padding: 0;
  margin: 0 1.6rem 2.4rem;
  border-left: 1px solid var(--color-grey);
}
.pro-list__options-item--open .pro-list__options-sub {
  display: block;
}
.pro-list__options-sub-item {
  padding: .8rem 1.6rem;
  -webkit-transition: color 0.15s ease;
  -o-transition: color 0.15s ease;
  transition: color 0.15s ease;
}
.pro-list__options-sub-item--filter {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: default;
  padding: 0 1.6rem;
}
.pro-list__options-sub-item:hover {
  color: var(--color-secondary);
}
.pro-list__options-sub-item-select {
  padding: 0.8rem 0;
  cursor: pointer;
  color: var(--color-black);
  -webkit-box-flex: 1;
  -ms-flex-positive: 1;
  flex-grow: 1;
  overflow: hidden;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  -webkit-transition: color 0.15s ease;
  -o-transition: color 0.15s ease;
  transition: color 0.15s ease;
}
.pro-list__options-sub-item-select:hover {
  color: var(--color-secondary);
}
.pro-list__options-sub-item-filter {
  font-size: 1.4rem;
  margin-right: 1.6rem;
  padding: 0 1.6rem;
  cursor: pointer;
  color: var(--color-grey-dark);
  text-decoration: underline;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, color .15s linear;
  -o-transition: opacity 0.3s ease, color .15s linear;
  transition: opacity 0.3s ease, color .15s linear;
}
.pro-list__options-sub-item:hover .pro-list__options-sub-item-filter {
  opacity: 1;
  pointer-events: auto;
}
.pro-list__options-sub-item-filter:hover {
  color: var(--color-secondary);
}
.pro-list__options::-webkit-scrollbar {
  width: .8rem;
}
.pro-list__options::-webkit-scrollbar-track {
  background: var(--color-grey);
  border-radius: .8rem;
}
.pro-list__options::-webkit-scrollbar-thumb {
  background: var(--color-secondary);
  border-radius: .8rem;
}
.pro-list__options::-webkit-scrollbar-thumb:hover {
  background: var(--color-secondary);
}
.pro-list__search {
  position: relative;
  background-color: var(--color-grey-light);
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ebebeb' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  color: var(--color-grey-dark);
  border-bottom: 1px solid var(--color-grey);
  padding: 1.6rem 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pro-list__search-icon {
  color: var(--color-secondary);
  font-size: 2.4rem;
  margin-right: 1.6rem;
}
input[type=text].pro-list__search-input {
  width: 100%;
  margin: 0 !important;
  border: 1px solid var(--color-grey);
}
.pro-list__clear-search {
  cursor: pointer;
  position: absolute;
  right: 4rem;
  top: 50%;
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  transform: translateY(-50%);
  padding: 0.8rem 0;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.pro-list__clear-search-icon {
  font-size: 1.6rem;
  margin-left: .8rem;
}
.pro-legend {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  border-radius: 1.6rem;
  padding: 2.4rem;
  background: var(--color-white);
}
.pro-legend > * {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.6rem;
}
.pro-legend__title {
  font-weight: 700;
  white-space: nowrap;
}
.pro-legend__item {
  position: relative;
  font-size: 1.4rem;
  padding: 1.6rem 2.4rem;
}
.pro-legend__item--range {
  margin-left: auto;
  color: var(--color-black);
}
.legend-color {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 2.4rem;
  background-color: currentColor;
}
.legend-text {
  position: relative;
  color: var(--color-white);
  white-space: nowrap;
}
.bal__numbers--scores {
  width: auto;
}
.bal__numbers--scores .bal__num-wrap {
  padding: 0.2rem 1.6rem;
  border: 0.4rem solid currentColor;
  -webkit-box-flex: 0;
  -ms-flex-positive: 0;
  flex-grow: 0;
}
.bal__numbers--scores .bal__num {
  margin-bottom: 0;
}
.peer-groups {
  padding: 2.4rem;
  background: var(--color-grey);
  border-bottom-left-radius: 1.6rem;
  border-bottom-right-radius: 1.6rem;
}
.peer {
  position: relative;
  border-radius: 0.8rem;
  background: var(--color-white);
  margin-bottom: 2.4rem;
  padding: 1.6rem 0 0;
  border-bottom: 1px solid var(--color-grey);
}
.peer__desc {
  line-height: 1.5;
  padding: .8rem 2.4rem 3.2rem;
}
.peer__desc p {
  margin-bottom: .8rem;
}
.peer__desc :last-child {
  margin-bottom: 0;
}
.peer__sticky-wrapper {
}
.peer__title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 2.0rem;
  line-height: 1.25;
  padding: .8rem 2.4rem;
  color: var(--color-tertiary);
  background: var(--color-white);
}
.peer--open .peer__title {
  z-index: 2;
  position: sticky;
  top: 11.9rem;
  border-bottom: 1px solid var(--color-grey);
}
.peer__icon-lh {
  width: 2.4rem;
  height: 2.4rem;
  margin-right: .8rem;
}
.peer__bank-count {
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 3.2rem 0 .8rem;
  background: var(--color-grey);
  border-radius: 50%;
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 1.6rem;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
}
.peer__remove-group {
  margin: 0 1.6rem 0 0;
  opacity: 0;
  pointer-events: none;
  color: var(--color-grey-dark);
  text-decoration: underline;
  font-size: 1.6rem;
  -webkit-transition: opacity 0.3s ease, color .15s linear;
  -o-transition: opacity 0.3s ease, color .15s linear;
  transition: opacity 0.3s ease, color .15s linear;
}
.peer__title:hover .peer__remove-group {
  opacity: 1;
  pointer-events: auto;
  cursor: pointer;
}
.peer__remove-group:hover {
  color: var(--color-red);
}
.peer__toggle {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-left: auto;
  font-size: 1.4rem;
  color: var(--color-tertiary);
  background: var(--color-grey);
  padding: 0.8rem 2.4rem;
  border-radius: 0.8rem;
  cursor: pointer;
}
.peer__toggle-icon {
  font-size: 2.0rem;
  margin-left: .8rem;
  -webkit-transition: -webkit-transform 0.3s ease;
  transition: -webkit-transform 0.3s ease;
  -o-transition: transform 0.3s ease;
  transition: transform 0.3s ease;
  transition: transform 0.3s ease, -webkit-transform 0.3s ease;
}
.peer--open .peer__toggle-icon {
  -webkit-transform: rotate(-180deg);
  -ms-transform: rotate(-180deg);
  transform: rotate(-180deg);
}
.peer__add {
  background-color: var(--color-grey-light);
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ebebeb' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  color: var(--color-grey-dark);
  border-bottom: 1px solid var(--color-grey);
  padding: 1.6rem 2.4rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  display: none;
}
.peer--open .peer__add {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.peer__add-icon {
  color: var(--color-green);
  font-size: 2.4rem;
  margin-right: 1.6rem;
}
.peer__add :last-child {
  width: 100%;
}
input[type=text].peer__add-input {
  margin: 0 !important;
  border: 1px solid var(--color-grey);
}
.autocomplete {
  z-index: 900;
  font-size: 1.4rem;
  margin-left: 1.6rem;
  max-width: 50% !important;
  border: 1px solid var(--color-tertiary);
  border-top: none;
  background: var(--color-white);
  max-height: 30.0rem !important;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: auto;
}
.autocomplete > div {
  padding: 1.6rem 2.4rem;
  cursor: pointer;
  border-bottom: 1px solid var(--color-grey);
  -webkit-transition: background 0.15s ease, color 0.15s ease;
  -o-transition: background 0.15s ease, color 0.15s ease;
  transition: background 0.15s ease, color 0.15s ease;
}
.autocomplete > div:last-child {
  border: none;
}
.autocomplete > div.selected {
  background: rgba(56, 120, 158, 0.25) !important;
}
.autocomplete > div:hover {
  background: var(--color-grey-light);
}
.peer__table {
  display: none;
  border-bottom: none;
  margin-bottom: 2.4rem;
}
.peer--open .peer__table {
  display: block;
}
.peer__table table {
  font-size: 1.4rem;
  border-collapse: collapse;
  width: 100%;
  line-height: 1.25;
}
.peer__table thead {
}
.peer__table thead tr {
  color: var(--color-grey-dark);
  font-weight: 700;
}
.peer__table th {
  position: relative;
  padding: 1.6rem 2.4rem;
  text-align: center;
  border: 1px solid var(--color-grey);
  border-top: none;
}
.peer__table th:last-child {
  border-right: none;
}
.peer__table th:first-child {
  border-left: none;
}
.peer__table th:nth-of-type(1),
.peer__table th:nth-of-type(2) {
  text-align: left;
}
.peer__table a {
  color: var(--color-tertiary);
}
.peer__table a:hover {
  text-decoration: underline;
}
.peer__table tbody {
}
.peer__table tbody tr {
  background: var(--color-grey-light);
  -webkit-transition: background 0.15s ease, color 0.15s ease;
  -o-transition: background 0.15s ease, color 0.15s ease;
  transition: background 0.15s ease, color 0.15s ease;
}
.peer__table tbody tr:nth-child(even) {
  background: transparent;
}
.peer__table tbody tr.bank-added-target {
  display: none;
}
.peer__table tbody tr.peer-table-user-bank {
  background: rgba(56, 120, 158, 0.25);
}
.peer__table tbody tr.bank-added {
  display: table-row;
  border-left: .8rem solid var(--color-green);
  -webkit-animation: bank-added 3s both;
  animation: bank-added 3s both;
}
.cpg-option .peer__table tbody tr.bank-added {
  border: none;
}
@-webkit-keyframes bank-added {
  0% {
    opacity: 0;
    background: var(--color-green);
    color: var(--color-white);
  }
  10% {
    opacity: 1;
  }
  90% {
    background: var(--color-green);
    color: var(--color-white);
  }
  100% {
    background: default;
    color: var(--color-black);
  }
}
@keyframes bank-added {
  0% {
    opacity: 0;
    background: var(--color-green);
    color: var(--color-white);
  }
  10% {
    opacity: 1;
  }
  90% {
    background: var(--color-green);
    color: var(--color-white);
  }
  100% {
    background: default;
    color: var(--color-black);
  }
}
.peer__table tbody tr.bank-removed {
  border-left: .8rem solid var(--color-red);
  -webkit-animation: bank-removed 3s both;
  animation: bank-removed 3s both;
}
.cpg-option .peer__table tbody tr.bank-removed {
  border: none;
}
@-webkit-keyframes bank-removed {
  0% {
    opacity: 0;
    background: var(--color-red);
    color: var(--color-white);
  }
  10% {
    opacity: 1;
  }
  90% {
    background: var(--color-red);
    color: var(--color-white);
  }
  100% {
    background: default;
    color: var(--color-black);
  }
}
@keyframes bank-removed {
  0% {
    opacity: 0;
    background: var(--color-red);
    color: var(--color-white);
  }
  10% {
    opacity: 1;
  }
  90% {
    background: var(--color-red);
    color: var(--color-white);
  }
  100% {
    background: default;
    color: var(--color-black);
  }
}
.peer__table td {
  position: relative;
  padding: 0.8rem 2.4rem;
  text-align: center;
  border: 1px solid var(--color-grey);
}
.peer__table td:last-child {
  border-right: none;
}
.peer__table td:first-child {
  border-left: none;
}
.peer__table td:nth-of-type(1),
.peer__table td:nth-of-type(2) {
  text-align: left;
}
.peer__bank-name {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.peer__bank-name-remove {
  cursor: pointer;
  color: var(--color-grey-dark);
  text-decoration: underline;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease, color .15s linear;
  -o-transition: opacity 0.3s ease, color .15s linear;
  transition: opacity 0.3s ease, color .15s linear;
}
tr:hover .peer__bank-name-remove {
  opacity: 1;
  pointer-events: auto;
}
.bank-removed .peer__bank-name-remove {
  opacity: 0 !important;
  pointer-events: none !important;
}
.peer__bank-name-remove:hover {
  color: var(--color-red);
}
.col-sort {
  position: relative;
  cursor: pointer;
  -webkit-transition: background 0.3s ease;
  -o-transition: background 0.3s ease;
  transition: background 0.3s ease;
}
.col-sort:hover {
  background: var(--color-grey-light);
}
.col-sort--ascend {
}
.col-sort--decend {
}
.col-sort:after {
  display: none;
  position: absolute;
  top: 50%;
  margin-top: -.8rem;
  right: .8rem;
  content: "";
  width: 1.0rem;
  height: 1.6rem;
  background: center / 1.0rem 1.6rem no-repeat scroll transparent;
}
.col-sort--ascend:after {
  display: inline-block;
  background-image: url("./media/icon-sort-up.svg");
}
.col-sort--decend:after {
  display: inline-block;
  background-image: url("./media/icon-sort-down.svg");
}
.cpg-selector {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.4rem 1fr 2.4rem 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 2.4rem;
}
.cpg-selector__option {
  cursor: pointer;
}
.cpg-selector__option--selected {
  cursor: default;
}
.cpg-selector__option--disabled {
  cursor: not-allowed;
  pointer-events: none;
  opacity: .5;
}
.cpg-selector__title {
  position: relative;
  color: var(--color-white);
  background: url("./media/icon-plus.svg") center right 2.4rem / 3.2rem 3.2rem no-repeat scroll;
  background-color: var(--color-grey-dark);
  padding: 2.4rem;
  border-radius: 0.8rem;
  cursor: pointer;
  -webkit-transition:
    z-index 0s ease 0.3s,
    background-color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
  transition:
    z-index 0s ease 0.3s,
    background-color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
  -o-transition:
    box-shadow 0.3s ease,
    z-index 0s ease 0.3s,
    background-color 0.3s ease;
  transition:
    box-shadow 0.3s ease,
    z-index 0s ease 0.3s,
    background-color 0.3s ease;
  transition:
    box-shadow 0.3s ease,
    z-index 0s ease 0.3s,
    background-color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
  font-size: 2.0rem;
  line-height: 1.25;
  margin-bottom: 1.6rem;
  margin: 0;
}
.cpg-selector__option:hover .cpg-selector__title {
  z-index: 1;
  -webkit-box-shadow: rgb(0 0 0 / 50%) 0 2rem 3rem -1rem;
  box-shadow: rgb(0 0 0 / 50%) 0 2rem 3rem -1rem;
  -webkit-transition:
    z-index 0s ease,
    background-color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
  transition:
    z-index 0s ease,
    background-color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
  -o-transition:
    box-shadow 0.3s ease,
    z-index 0s ease,
    background-color 0.3s ease;
  transition:
    box-shadow 0.3s ease,
    z-index 0s ease,
    background-color 0.3s ease;
  transition:
    box-shadow 0.3s ease,
    z-index 0s ease,
    background-color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
}
.cpg-selector__option--selected .cpg-selector__title {
}
.cpg-selector__option--selected .cpg-selector__title,
.cpg-selector__option--selected:hover .cpg-selector__title {
  background-color: var(--color-secondary);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.cpg-selector__option--disabled .cpg-selector__title {
  cursor: not-allowed;
}
.cpg-selector__title:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 4.8rem;
  height: 1.6rem;
  margin-top: -0.1rem;
  background: url("./media/active-arrow-down.svg") center / 4.8rem 1.6rem no-repeat scroll transparent;
  opacity: 0;
  -webkit-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease;
}
.cpg-selector__option--selected .cpg-selector__title:before {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.cpg-selector__desc {
  margin-top: 2.4rem;
  padding: 0 2.4rem;
  line-height: 1.5;
}
.cpg-selector--selected .cpg-selector__desc {
  display: none;
}
.cpg-option {
  margin-top: 4.8rem;
}
.cpg-option--similar {
}
.cpg-option--targeted {
}
.cpg-option--distinct {
}
.cpg-row {
  display: -ms-grid;
  display: grid;
  gap: 2.4rem;
  min-height: 4.8rem;
  margin-bottom: 4.8rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.cpg-row--date {
  -ms-grid-columns: auto 2fr 1fr;
  grid-template-columns: auto 2fr 1fr;
}
.cpg-row--size {
  -ms-grid-columns: auto auto 2fr;
  grid-template-columns: auto auto 2fr;
}
.cpg-row--growth {
  -ms-grid-columns: auto auto 2fr;
  grid-template-columns: auto auto 2fr;
}
.cpg-row__title {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2.0rem;
  color: var(--color-grey-dark);
}
.cpg-row .check-control {
  padding: 0;
  position: relative;
  top: 0.2rem;
}
.cpg-row .pro-options__range {
  width: 100%;
}
.cpg-row select {
  margin-bottom: 0;
}
.ng-select.ng-select-multiple .ng-select-container .ng-value-container .ng-placeholder {
  position: static !important;
}
.cpg-checks-filters {
  border-radius: 0.8rem;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  margin-bottom: 2.4rem;
}
.cpg-table-checks,
.cpg-table-filters {
}
.cpg-table-checks.ft-table thead tr,
.cpg-table-filters.ft-table thead tr {
  z-index: auto;
  position: relative;
  top: 0;
}
.cpg-table-checks tr th {
  text-align: left;
}
.cpg-table-filters tr td,
.cpg-table-filters thead tr th {
  width: 20%;
}
.cpg-table-filters tr td:first-child,
.cpg-table-filters thead tr th:first-child {
  text-align: left;
  width: 40%;
}
.cpg-table-checks__title {
  z-index: 1;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 2.0rem;
  color: var(--color-grey-dark);
  text-align: left !important;
}
.cpg-table-checks td {
  width: 20%;
}
.cpg-checks-filters table tr:last-child td {
  border-bottom: none;
}
.cpg-table-checks .check-control {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
}
.cpg-table-checks .check-control__text {
  text-align: left;
  line-height: 1.25;
}
.cpg-table {
  padding: 0;
}
.cpg-table .peer__add {
  border-top-left-radius: .8rem;
  border-top-right-radius: .8rem;
}
.expand {
}
.expand p {
  margin-bottom: 1.6rem;
}
.expand__more {
  display: none;
}
.expand--expanded .expand__more {
  display: block;
}
.expand__link {
  white-space: nowrap;
  color: var(--color-secondary);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.4rem;
  display: block;
  line-height: 2.4rem;
  cursor: pointer;
  margin-top: -0.8rem;
}
.expand__link--less {
  display: none;
}
.expand--expanded .expand__link--more {
  display: none;
}
.expand--expanded .expand__link--less {
  display: block;
}
.expand__icon {
  margin: 0 .4rem;
}
.pagination {
  margin: 2.4rem 0;
}
.pagination .ngx-pagination {
  margin: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.pagination .ngx-pagination .current {
  background: var(--color-grey-dark);
  border-radius: 0.4rem;
}
.peer-actions {
  z-index: 900;
  position: fixed;
  bottom: 0;
  right: 0;
  width: 100%;
  -webkit-transform: translate3d(0, 101%, 0);
  transform: translate3d(0, 101%, 0);
  will-change: transform;
  -webkit-transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
  -o-transition: transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: transform .6s cubic-bezier(.86, 0, .07, 1), -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
  background: var(--color-white);
  border-top: 1px solid var(--color-grey);
  padding: 2.4rem 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.peer-actions--open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
  -o-transition: transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: transform .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
}
.peer-actions__summary {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-right: 2.4rem;
}
.peer-actions__count {
  padding: 0 0.8rem;
  height: 2.4rem;
  border-radius: 0.4rem;
  color: var(--color-white);
  display: -ms-grid;
  display: grid;
  place-items: center;
  font-size: 1.6rem;
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-style: normal;
  margin: 0 0.8rem 0 0;
}
.peer-actions__count:nth-of-type(2) {
  margin-left: 1.6rem;
}
.peer-actions__count--added {
  background: var(--color-green);
}
.peer-actions__count--removed {
  background: var(--color-red);
}
.peer-actions__pipe {
  margin: 0 .8rem;
}
.peer-actions__option {
  margin: 0 0.8rem;
  padding: 0.8rem 2.4rem;
}
.peer-actions__option--save {
  background: var(--color-secondary);
  color: var(--color-white);
}
.peer-actions__option--discard {
  background: var(--color-grey-dark);
  color: var(--color-white);
}
.peer-actions__warning {
  font-style: italic;
  color: var(--color-white);
  width: 100%;
  background: var(--color-red);
  text-align: center;
  line-height: 1.5;
  font-size: 1.4rem;
  padding: 0.8rem;
  margin: 2.4rem 0 -2.4rem 0;
}
.all-peer-groups {
  font-size: 1.6rem;
  font-weight: 400;
  color: var(--color-tertiary);
  text-decoration: underline;
  margin-right: 2.4rem;
}
.create-peer-group {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  color: var(--color-tertiary);
  border-radius: 0.8rem;
  background: var(--color-white);
  padding: 2.4rem;
}
.create-peer-group:first-child {
  margin-bottom: 2.4rem;
}
.create-peer-group__icon {
  font-size: 4.0rem;
  margin-left: .8rem;
  -webkit-transition: color .3s linear, -webkit-transform .9s cubic-bezier(.19, 1, .22, 1);
  transition: color .3s linear, -webkit-transform .9s cubic-bezier(.19, 1, .22, 1);
  -o-transition: transform .9s cubic-bezier(.19, 1, .22, 1), color .3s linear;
  transition: transform .9s cubic-bezier(.19, 1, .22, 1), color .3s linear;
  transition:
    transform .9s cubic-bezier(.19, 1, .22, 1),
    color .3s linear,
    -webkit-transform .9s cubic-bezier(.19, 1, .22, 1);
}
.create-peer-group:hover .create-peer-group__icon {
  -webkit-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  transform: rotate(180deg);
}
.create-peer-group__text {
  text-decoration: underline;
  font-size: 1.6rem;
  font-weight: 400;
}
.profile {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 2fr 2.4rem 1fr;
  grid-template-columns: 2fr 1fr;
  gap: 2.4rem;
}
.profile__card {
  position: relative;
  border-radius: 0.8rem;
  background: var(--color-white);
  padding: 2.4rem;
}
.profile__card--details {
}
.profile__label {
  font-family: "Open Sans Condensed", sans-serif;
  font-weight: 700;
  font-size: 1.4rem;
  text-transform: uppercase;
  color: var(--color-grey-dark);
  margin-bottom: .8rem;
}
.profile__value {
  font-size: 2.0rem;
  margin-bottom: 2.4rem;
}
.profile__value--name {
}
.profile__actions {
  position: absolute;
  top: 2.4rem;
  right: 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  text-align: right;
}
.profile__actions a {
  margin-bottom: 1.6rem;
  color: var(--color-tertiary);
  text-decoration: underline;
  font-weight: 400;
}
.profile__card--tf {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.profile__tf-icon {
  font-size: 4.8rem;
  margin-bottom: 2.4rem;
}
.profile__tf-icon--enabled {
  color: var(--color-green);
}
.profile__tf-icon--disabled {
  color: var(--color-red);
}
.profile__tf-status {
  font-size: 2.0rem;
  text-align: center;
  line-height: 1.5;
  margin-bottom: 2.4rem;
}
.profile__tf-enabled {
  font-weight: 700;
  color: var(--color-green);
}
.profile__tf-disabled {
  font-weight: 700;
  color: var(--color-red);
}
.button.profile__tf-action {
  background: var(--color-grey-dark);
  padding: 0.8rem 2.4rem;
}
.auth {
  position: relative;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.4rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 0 2.4rem;
}
.auth__desc {
  -ms-grid-column-span: 2;
  grid-column: span 2;
}
.auth__option {
  margin-bottom: 8.0rem;
}
.auth__option--selected {
}
.auth__option--enabled {
}
.auth__btn {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background-color: var(--color-grey-dark);
  color: var(--color-white);
  padding: 2.4rem;
  border-radius: 0.8rem;
  cursor: pointer;
  -webkit-transition:
    z-index 0s ease 0.3s,
    background-color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
  transition:
    z-index 0s ease 0.3s,
    background-color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
  -o-transition:
    box-shadow 0.3s ease,
    z-index 0s ease 0.3s,
    background-color 0.3s ease;
  transition:
    box-shadow 0.3s ease,
    z-index 0s ease 0.3s,
    background-color 0.3s ease;
  transition:
    box-shadow 0.3s ease,
    z-index 0s ease 0.3s,
    background-color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
  font-size: 2.0rem;
  line-height: 1.25;
}
.auth__btn:hover {
  z-index: 1;
  -webkit-box-shadow: rgb(0 0 0 / 50%) 0 2rem 3rem -1rem;
  box-shadow: rgb(0 0 0 / 50%) 0 2rem 3rem -1rem;
  -webkit-transition:
    z-index 0s ease,
    background-color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
  transition:
    z-index 0s ease,
    background-color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
  -o-transition:
    box-shadow 0.3s ease,
    z-index 0s ease,
    background-color 0.3s ease;
  transition:
    box-shadow 0.3s ease,
    z-index 0s ease,
    background-color 0.3s ease;
  transition:
    box-shadow 0.3s ease,
    z-index 0s ease,
    background-color 0.3s ease,
    -webkit-box-shadow 0.3s ease;
}
.auth__option--selected .auth__btn {
}
.auth__option--selected .auth__btn,
.auth__option--selected .auth__btn:hover {
  background-color: var(--color-secondary);
  -webkit-box-shadow: none;
  box-shadow: none;
}
.auth__option--enabled .auth__btn {
  background-color: var(--color-green);
}
.auth__icon {
  font-size: 4.0rem;
  margin-left: 1.6rem;
}
.auth__btn:before {
  content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 4.8rem;
  height: 1.6rem;
  background: url("./media/active-arrow-down.svg") center / 4.8rem 1.6rem no-repeat scroll transparent;
  opacity: 0;
  -webkit-transition: opacity 0s ease;
  -o-transition: opacity 0s ease;
  transition: opacity 0s ease;
}
.auth__option--selected .auth__btn:before {
  opacity: 1;
  -webkit-transition: opacity .3s ease;
  -o-transition: opacity .3s ease;
  transition: opacity .3s ease;
}
.auth__btn-title {
}
.auth__btn-desc {
  font-size: 1.4rem;
  margin-top: .8rem;
}
.auth__btn-desc a {
  color: var(--color-white);
  text-decoration: underline;
}
.auth__form {
  padding: 2.4rem;
  margin: 2.4rem 4.8rem;
  border-radius: 1.6rem;
  background: var(--color-white);
  border: .2rem solid var(--color-secondary);
  text-align: center;
  display: none;
}
.auth__option--selected .auth__form {
  display: block;
}
.auth__form img {
  width: 20.0rem;
  height: auto;
  margin-bottom: 1.6rem;
}
.auth__form a {
  color: var(--color-tertiary);
  text-decoration: underline;
}
.auth__form input[type=text],
.auth__form input[type=tel] {
  border: 1px solid var(--color-tertiary);
}
.auth__form button {
  margin: 0 .8rem;
}
.auth__warning {
  position: absolute;
  top: -2.4rem;
  left: -2.4rem;
  right: -2.4rem;
  bottom: -2.4rem;
  background: var(--color-grey);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.auth__warning-text {
  font-size: 2.0rem;
  line-height: 1.5;
  text-align: center;
  max-width: 50%;
  margin: 0 auto 3.2rem;
}
.auth__warning-btns {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.auth__warning-btn {
  margin: 0 0.8rem;
}
.admin {
}
.admin__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 2.4rem;
}
.admin__user-logo {
  height: 5.6rem;
  width: auto;
}
.admin__input {
  visibility: hidden;
  width: 0;
  height: 0;
}
.admin__placeholder {
  background: var(--color-white);
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ebebeb' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  color: var(--color-grey-dark);
  padding: 2.4rem;
  border-radius: 1.6rem;
  height: 6.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0.4rem dashed var(--color-grey-dark);
  font-size: 2.0rem;
  cursor: pointer;
}
.admin__delete {
  margin: 0 0 0 3.2rem;
  padding: 0;
  color: var(--color-grey-dark);
  text-decoration: underline;
  font-size: 1.6rem;
}
.admin__input {
}
.admin__desc {
  margin: 0 0 0 3.2rem;
}
.admin__body {
  margin: 0 -2.4rem;
}
.admin__actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 2.4rem;
  margin-bottom: 1.6rem;
}
.admin__actions-button {
  background: var(--color-grey-dark);
  margin-left: 1.6rem;
  padding: 0.8rem 2.4rem;
}
.notif {
}
.notif--news {
}
.notif--activity {
}
.notif--messages {
}
.notif-item {
  margin-bottom: 4.0rem;
}
.content__sidebar .notif-item {
  margin-bottom: 2.4rem;
}
.notif-item:last-child {
  margin-bottom: 0;
}
.notif-item--new {
}
.notif-item__date {
  color: var(--color-grey-dark);
  margin-bottom: .8rem;
}
.notif-item__title {
  margin: 0 0 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.notif-item--new .notif-item__date:before {
  content: "New";
  background: var(--color-secondary);
  padding: .4rem .8rem;
  border-radius: .4rem;
  color: var(--color-white);
  font-size: 1.0rem;
  text-transform: uppercase;
  margin-right: .8rem;
  line-height: 1;
  font-weight: 700;
  position: relative;
  top: .1rem;
}
.notif-item__text {
}
.notif-item__text p {
  margin-bottom: 1.6rem;
}
.notif-item__text a {
  color: var(--color-tertiary);
  text-decoration: underline;
}
.notif--news .notif-item__text a {
  font-weight: 700;
}
.introjs-tooltip {
  background-color: var(--color-tertiary);
  color: var(--color-white);
}
.introjs-tooltip--wide {
  min-width: 500px;
  max-width: 600px;
}
.introjs-button,
.introjs-button:hover,
.introjs-button:focus,
.introjs-button:active,
.introjs-disabled,
.introjs-disabled:focus,
.introjs-disabled:hover {
  outline: none;
  background-image: none;
  background-color: transparent;
  color: var(--color-white);
  border: 1px solid transparent;
  border-radius: 50px;
  -webkit-box-shadow: none;
  box-shadow: none;
  border-shadow: none;
  text-shadow: none;
}
.introjs-button:hover,
.introjs-button:focus,
.introjs-button:active {
  border: 1px solid var(--color-white);
}
.introjs-disabled,
.introjs-disabled:focus,
.introjs-disabled:hover {
  color: #ccc;
  border: 1px solid transparent;
}
.introjs-arrow {
  border: 10px solid var(--color-white);
}
.introjs-arrow.top,
.introjs-arrow.top-middle,
.introjs-arrow.top-right {
  border-color: transparent transparent var(--color-tertiary);
  top: -20px;
  left: 20px;
}
.introjs-arrow.bottom,
.introjs-arrow.bottom-middle,
.introjs-arrow.bottom-right {
  border-color: var(--color-tertiary) transparent transparent;
  bottom: -20px;
  left: 20px;
}
.introjs-arrow.left,
.introjs-arrow.right {
  top: 20px;
}
.introjs-arrow.left-bottom,
.introjs-arrow.right-bottom {
  bottom: 20px;
}
.introjs-arrow.left,
.introjs-arrow.left-bottom {
  left: -20px;
  border-color: transparent var(--color-tertiary) transparent transparent;
}
.introjs-arrow.right,
.introjs-arrow.right-bottom {
  right: -20px;
  border-color: transparent transparent transparent var(--color-tertiary);
}
.introjs-skipbutton {
  position: relative;
  right: -10px;
  color: var(--color-secondary);
}
.introjs-skipbutton:focus,
.introjs-skipbutton:hover {
  color: var(--color-secondary);
}
.introjs-bullets ul li a.active {
  background: var(--color-secondary);
}
.introjs-tooltipbuttons {
  border-top: 1px solid rgba(255, 255, 255, .2);
}
.introjs-tooltipReferenceLayer * {
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
.introjs-tooltip-header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.introjs-tooltip-title {
  line-height: 1.25;
  margin-top: 1.6rem;
  font-size: 2.0rem;
}
.introjs-skipbutton {
  margin-left: auto;
  font-size: 3.2rem;
}
.introjs-tooltiptext {
  line-height: 1.5;
  padding: 8px 20px;
}
.signup-wrap {
  padding: 0 3.2rem;
}
.signup-wrap__inner {
  max-width: 130.0rem;
  margin: 0 auto;
}
.signup {
  margin: 3.2rem 0;
  font-size: 1.6rem;
  color: var(--color-white);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr 1fr;
}
.signup--checkout {
}
.signup__form {
  padding: 6.4rem;
  -ms-grid-column-span: 3;
  grid-column: span 3;
  font-size: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.signup__form-inner {
}
.signup__form-title {
  margin-top: 0;
}
.signup__form-text {
}
.signup__fields {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 2.4rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 2.4rem;
}
.signup__field {
  margin-bottom: .8rem;
}
.signup__error {
  margin: -0.8rem 0 2.4rem 0;
  font-size: 1.4rem;
  font-style: italic;
}
.signup__fields .signup__error {
  margin-bottom: 1.6rem;
}
.signup__error a {
  color: var(--color-white);
  text-decoration: underline;
}
.signup__inst {
  position: relative;
}
.signup__inst-clear {
  cursor: pointer;
  position: absolute;
  right: 2.4rem;
  top: 0.6rem;
  padding: 0.8rem 0;
  font-size: 1.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.signup__inst-clear-icon {
  font-size: 1.6rem;
  margin-left: .8rem;
}
.StripeElement {
  padding: .8rem 1.6rem;
  line-height: 1.5;
  width: 100%;
  margin-bottom: 1.6rem;
  color: var(--color-white);
  background: #384F6F;
  border: 1px solid var(--color-secondary);
  border-radius: .8rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.15s ease;
  -o-transition: border-color 0.15s ease;
  transition: border-color 0.15s ease;
}
.signup__intro {
  padding: 4.0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  font-size: 1.6rem;
}
.signup__intro-title {
  margin-top: 4.0rem;
  font-size: 2.4rem;
}
.signup__intro-text {
}
.signup__more {
  margin-top: auto;
  color: var(--color-white);
  margin-bottom: 1.6rem;
  font-size: 1.6rem;
}
.signup__tier {
  height: 100%;
  padding: 4.0rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.signup--checkout .signup__tier {
  height: auto;
}
.signup__tier--highlight {
  background: var(--color-secondary);
  border-radius: 1.6rem;
}
.signup__tier:last-child {
  border-left: .2rem solid rgba(255, 255, 255, .10);
}
.signup__tier-title {
  line-height: 2.4rem;
  font-weight: 700;
}
.signup__tier-price {
  margin: 1.6rem 0 2.4rem;
  font-weight: 700;
  font-style: normal;
  font-size: 7.2rem;
}
.signup__tier-price span {
  font-size: 2.0rem;
}
.signup__tier-discount {
  font-style: italic;
  font-size: 1.6rem;
  background: url("./media/highlight.svg") center / contain no-repeat scroll transparent;
  background-size: 100% 100%;
  padding: 0.8rem 0 1.2rem 2.8rem;
  margin: -.8rem 0 1.6rem -2.8rem;
}
ul.signup__tier-features {
  list-style-type: none;
  padding: 0;
  margin: 0 0 4.8rem 0;
}
ul.signup__tier-features li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom: 1.6rem;
  line-height: 1.5;
}
.signup__tier-features-check {
  margin-right: .8rem;
  -ms-flex-item-align: start;
  align-self: flex-start;
  position: relative;
  top: .3rem;
}
.signup__tier-button-wrap {
  margin-top: auto;
}
.signup__tier-button.button {
  font-size: 1.6rem;
}
.signup__tier-button--current.button {
  background: transparent;
  pointer-events: none;
}
.signup__tier--highlight .signup__tier-button.button {
  background: var(--color-tertiary);
}
.signup__switch {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: .8rem;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  height: 2.4rem;
}
.signup__switch-toggle {
  position: relative;
  display: inline-block;
  width: 4.8rem;
  height: 2.4rem;
  margin: 0;
}
.signup__switch-toggle input {
  opacity: 0;
  width: 0;
  height: 0;
}
.signup__switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: var(--color-grey-dark);
  border-radius: 2.4rem;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.signup__switch-slider:before {
  position: absolute;
  content: "";
  height: 1.6rem;
  width: 1.6rem;
  left: .4rem;
  bottom: .4rem;
  background-color: var(--color-white);
  border-radius: 50%;
  -webkit-transition: .4s;
  -o-transition: .4s;
  transition: .4s;
}
.signup__switch-toggle input:checked + .signup__switch-slider {
  background-color: var(--color-secondary);
}
.signup__switch-toggle input:focus + .signup__switch-slider {
}
.signup__switch-toggle input:checked + .signup__switch-slider:before {
  -webkit-transform: translateX(2.4rem);
  -ms-transform: translateX(2.4rem);
  transform: translateX(2.4rem);
}
.upgrade-lock {
  pointer-events: none;
}
.upgrade-cta {
  pointer-events: none;
  z-index: 1;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(245, 245, 245, .9);
  background: rgba(235, 235, 235, 0.9);
  border-radius: 1.6rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.upgrade-cta__inner {
  text-align: center;
  background: var(--color-white);
  padding: 4rem;
  border-radius: 1.6rem;
  max-width: 50%;
  margin: 8.8rem 0 auto;
}
.upgrade-cta__title {
  font-size: 2.4rem;
  line-height: 1.5;
  margin-bottom: 1.6rem;
  color: var(--color-grey-dark);
}
.upgrade-cta__text {
  line-height: 1.5;
  margin-bottom: 2.4rem;
  color: var(--color-grey-dark);
}
.upgrade-cta__btn {
  pointer-events: auto;
  cursor: pointer;
}
.learn {
  padding: 0 3.2rem;
}
.learn--full {
  background: #132744;
}
.learn__inner {
  max-width: 130.0rem;
  margin: 0 auto;
}
.learn__title {
  color: var(--color-white);
  margin: 9.6rem 9.6rem 6.4rem;
  text-align: center;
}
.learn__hero {
  background: url("./media/bg-dock.jpg") center / cover no-repeat scroll;
  height: 40.0rem;
  border-radius: 1.6rem;
}
.learn__intro {
  margin: 6.4rem;
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6.4rem 1fr;
  grid-template-columns: 1fr 1fr;
  gap: 6.4rem;
  font-size: 2.0rem;
  color: var(--color-white);
}
.lear__intro-text {
}
.learn__peer {
  margin: 0 0 0 6.4rem;
  padding: 9.6rem 0;
  font-size: 2.0rem;
  color: var(--color-white);
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6.4rem 2fr;
  grid-template-columns: 1fr 2fr;
  gap: 6.4rem;
}
.learn__peer-title {
  margin-top: 0;
}
.learn__peer-text {
  margin-bottom: 0;
}
.learn__cta {
  margin-bottom: 9.6rem;
  padding: 6.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 1.6rem;
  color: var(--color-white);
  background: #132744;
}
.learn__cta-title {
  margin: 0 6.4rem 0 0;
}
.learn__cta-button.button {
  padding: 2.4rem 3.2rem;
  font-size: 2.0rem;
}
.learn__features {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 6.4rem 1fr 6.4rem 1fr;
  grid-template-columns: repeat(3, 1fr);
  gap: 6.4rem;
  margin: 9.6rem 6.4rem;
  font-size: 2.0rem;
  color: var(--color-white);
}
.learn__features-title {
  margin-top: 0;
  position: relative;
  padding-top: 1.6rem;
}
.learn__features-title:before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 5.6rem;
  height: .3rem;
  background: var(--color-secondary);
}
.learn__features-text {
  margin-bottom: 0;
}
.screens {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.screens__slide {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: center / cover no-repeat scroll transparent;
  opacity: 0;
  z-index: 0;
  -webkit-transition: opacity 0s ease 0.3s;
  -o-transition: opacity 0s ease 0.3s;
  transition: opacity 0s ease 0.3s;
}
.screens__slide.active {
  opacity: 1;
  z-index: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.screens__pager {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.screens__pager-bullet {
  cursor: pointer;
  margin: 0 .8rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  background: var(--color-white);
}
.screens__pager-bullet.active {
  background: var(--color-secondary);
}
.object-laptop {
  position: relative;
  width: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-bottom: 2.4rem;
}
.object-laptop > .screen {
  position: relative;
  width: 80%;
  margin: 0 auto;
  border: 1px solid rgba(0, 0, 0, 0.5);
  -webkit-box-shadow:
    0 0 0 3px #404040,
    inset 0 0 100px 0 rgba(0, 0, 0, 0.75),
    0 25px 35px -5px #000000;
  box-shadow:
    0 0 0 3px #404040,
    inset 0 0 100px 0 rgba(0, 0, 0, 0.75),
    0 25px 35px -5px #000000;
  background-color: #1a1a1a;
  border-radius: 7px 7px 0 0;
}
.object-laptop > .screen::before {
  display: block;
  position: relative;
  content: "";
  padding-top: 62.5%;
}
.object-laptop > .screen > .lcd {
  position: absolute;
  top: 3.5%;
  left: 2.5%;
  bottom: 3.5%;
  right: 2.5%;
  overflow: hidden;
  border: 1px solid;
  border-color: #000 #202020 #282828 #000;
  border-radius: 3px;
  background-color: #000;
  -webkit-box-shadow: inset 0 0 200px 2px rgba(255, 255, 255, 0.05);
  box-shadow: inset 0 0 200px 2px rgba(255, 255, 255, 0.05);
}
.object-laptop > .screen > .gloss {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 7px 0 0 0;
  background: -o-linear-gradient(315deg, rgba(255, 255, 255, 0.175) 0%, rgba(255, 255, 255, 0) 50%);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0.175) 0%,
      rgba(255, 255, 255, 0) 50%);
}
.object-laptop > .screen > .reflexion {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  border-radius: 7px 0 0 0;
  background: -o-linear-gradient(350deg, rgba(0, 0, 0, 0) 0%, rgba(255, 255, 255, 0.05) 0.1%, rgba(255, 255, 255, 0.15) 33%, rgba(0, 0, 0, 0) 33.1%);
  background:
    linear-gradient(
      100deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(255, 255, 255, 0.05) 0.1%,
      rgba(255, 255, 255, 0.15) 33%,
      rgba(0, 0, 0, 0) 33.1%);
}
.object-laptop > .screen > .highlight {
  position: absolute;
  border-radius: 7px;
}
.object-laptop > .screen > .highlight.one {
  top: -4px;
  left: 2%;
  width: 80%;
  height: 2px;
  background: -o-linear-gradient(315deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.5) 15%, rgba(0, 0, 0, 0) 100%);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.5) 15%,
      rgba(0, 0, 0, 0) 100%);
}
.object-laptop > .screen > .highlight.two {
  top: 2%;
  left: -4px;
  width: 2px;
  height: 80%;
  background: -o-linear-gradient(315deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.25) 15%, rgba(0, 0, 0, 0) 100%);
  background:
    linear-gradient(
      135deg,
      rgba(255, 255, 255, 0) 0%,
      rgba(255, 255, 255, 0.25) 15%,
      rgba(0, 0, 0, 0) 100%);
}
.object-laptop > .keyboard {
  position: relative;
  width: 100%;
}
.object-laptop > .keyboard.one {
  height: 0.25vw;
  border-radius: 1px 1px 0 0;
  background:
    -o-linear-gradient(left, rgba(255, 255, 255, 0.5) 0%, rgba(0, 0, 0, 0.75) 2%, rgba(0, 0, 0, 0.33) 7%, rgba(0, 0, 0, 0) 100%),
    -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.33) 93%, rgba(0, 0, 0, 0.75) 98%, rgba(255, 255, 255, 0.5) 100%),
    -o-linear-gradient(left, rgba(255, 255, 255, 0) 20%, rgba(255, 255, 255, 0.35) 33%, rgba(255, 255, 255, 0.35) 35%, rgba(0, 0, 0, 0) 100%),
    -o-linear-gradient(bottom, #141414 0%, #141414 100%);
  background:
    -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.5)), color-stop(2%, rgba(0, 0, 0, 0.75)), color-stop(7%, rgba(0, 0, 0, 0.33)), to(rgba(0, 0, 0, 0))),
    -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(93%, rgba(0, 0, 0, 0.33)), color-stop(98%, rgba(0, 0, 0, 0.75)), to(rgba(255, 255, 255, 0.5))),
    -webkit-gradient(linear, left top, right top, color-stop(20%, rgba(255, 255, 255, 0)), color-stop(33%, rgba(255, 255, 255, 0.35)), color-stop(35%, rgba(255, 255, 255, 0.35)), to(rgba(0, 0, 0, 0))),
    -webkit-gradient(linear, left bottom, left top, from(#141414), to(#141414));
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.5) 0%,
      rgba(0, 0, 0, 0.75) 2%,
      rgba(0, 0, 0, 0.33) 7%,
      rgba(0, 0, 0, 0) 100%),
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.33) 93%,
      rgba(0, 0, 0, 0.75) 98%,
      rgba(255, 255, 255, 0.5) 100%),
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0) 20%,
      rgba(255, 255, 255, 0.35) 33%,
      rgba(255, 255, 255, 0.35) 35%,
      rgba(0, 0, 0, 0) 100%),
    linear-gradient(
      0deg,
      #141414 0%,
      #141414 100%);
}
.object-laptop > .keyboard.one::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 10%;
  height: 0.25vw;
  background: -o-linear-gradient(left, #000000 0%, rgba(0, 0, 0, 0.5) 12%, rgba(0, 0, 0, 0.5) 90%, #000000 100%);
  background: -webkit-gradient(linear, left top, right top, from(#000000), color-stop(12%, rgba(0, 0, 0, 0.5)), color-stop(90%, rgba(0, 0, 0, 0.5)), to(#000000));
  background:
    linear-gradient(
      90deg,
      #000000 0%,
      rgba(0, 0, 0, 0.5) 12%,
      rgba(0, 0, 0, 0.5) 90%,
      #000000 100%);
  -webkit-box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.2);
}
.object-laptop > .keyboard.two {
  height: 1.25vw;
  border-radius: 0 0 33% 33%;
  -webkit-box-shadow: 0 -2px 0 -1px rgba(0, 0, 0, 0.5), 0 25px 35px -5px #000000;
  box-shadow: 0 -2px 0 -1px rgba(0, 0, 0, 0.5), 0 25px 35px -5px #000000;
  background:
    -o-linear-gradient(left, rgba(255, 255, 255, 0.35) 0%, rgba(0, 0, 0, 0.75) 2%, rgba(0, 0, 0, 0.5) 7%, rgba(0, 0, 0, 0) 50%),
    -o-linear-gradient(left, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 0.5) 83%, rgba(0, 0, 0, 0.75) 98%, rgba(255, 255, 255, 0.35) 100%),
    -o-linear-gradient(bottom, rgba(0, 0, 0, 0.75) 0%, rgba(0, 0, 0, 0.25) 33%, #ffffff 34%, #ffffff 100%),
    -o-linear-gradient(bottom, #c8c8c8 0%, #c8c8c8 100%);
  background:
    -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, 0.35)), color-stop(2%, rgba(0, 0, 0, 0.75)), color-stop(7%, rgba(0, 0, 0, 0.5)), color-stop(50%, rgba(0, 0, 0, 0))),
    -webkit-gradient(linear, left top, right top, from(rgba(0, 0, 0, 0)), color-stop(83%, rgba(0, 0, 0, 0.5)), color-stop(98%, rgba(0, 0, 0, 0.75)), to(rgba(255, 255, 255, 0.35))),
    -webkit-gradient(linear, left bottom, left top, from(rgba(0, 0, 0, 0.75)), color-stop(33%, rgba(0, 0, 0, 0.25)), color-stop(34%, #ffffff), to(#ffffff)),
    -webkit-gradient(linear, left bottom, left top, from(#c8c8c8), to(#c8c8c8));
  background:
    linear-gradient(
      90deg,
      rgba(255, 255, 255, 0.35) 0%,
      rgba(0, 0, 0, 0.75) 2%,
      rgba(0, 0, 0, 0.5) 7%,
      rgba(0, 0, 0, 0) 50%),
    linear-gradient(
      90deg,
      rgba(0, 0, 0, 0) 0%,
      rgba(0, 0, 0, 0.5) 83%,
      rgba(0, 0, 0, 0.75) 98%,
      rgba(255, 255, 255, 0.35) 100%),
    linear-gradient(
      0deg,
      rgba(0, 0, 0, 0.75) 0%,
      rgba(0, 0, 0, 0.25) 33%,
      #ffffff 34%,
      #ffffff 100%),
    linear-gradient(
      0deg,
      #c8c8c8 0%,
      #c8c8c8 100%);
}
.object-laptop > .keyboard.two::after {
  display: inline-block;
  content: "";
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translate(-50%, 0);
  -ms-transform: translate(-50%, 0);
  transform: translate(-50%, 0);
  width: 10%;
  height: 0.5vw;
  background: -o-linear-gradient(bottom, rgba(255, 255, 255, 0.75) 0%, rgba(0, 0, 0, 0.5) 100%);
  background: -webkit-gradient(linear, left bottom, left top, from(rgba(255, 255, 255, 0.75)), to(rgba(0, 0, 0, 0.5)));
  background:
    linear-gradient(
      0deg,
      rgba(255, 255, 255, 0.75) 0%,
      rgba(0, 0, 0, 0.5) 100%);
  -webkit-box-shadow: inset 0 -1px 3px 1px rgba(0, 0, 0, 0.2);
  box-shadow: inset 0 -1px 3px 1px rgba(0, 0, 0, 0.2);
  border-radius: 0 0 0.5vw 0.5vw;
}
.marketing-module {
  display: block;
  background: transparent;
  border-radius: 0;
  cursor: pointer;
}
.marketing-module__img {
  width: 100%;
  height: auto;
  border-radius: 1.6rem;
}
.user-logo {
  display: none;
  height: 3.2rem;
  width: auto;
  margin-right: 1.6rem;
}
.footer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  max-width: 130.0rem;
  margin: 0 auto;
  padding: 3.2rem 3.2rem 7.2rem;
  border-top: .2rem solid var(--color-white);
  color: var(--color-white);
}
.footer a {
  color: var(--color-white);
}
.footer__contact {
}
.footer__contact-details {
  line-height: 1.5;
  margin-bottom: 2.4rem;
}
.footer__contact-copyright {
  font-size: 1.2rem;
}
.footer__links {
}
.drawer-screen {
  z-index: 900;
  position: fixed;
  top: 0;
  left: -100%;
  height: 100%;
  width: 100%;
  opacity: 0;
  background: rgba(0, 0, 0, .25);
  -webkit-transition: opacity 0.3s ease, left 0s ease 0.3s;
  -o-transition: opacity 0.3s ease, left 0s ease 0.3s;
  transition: opacity 0.3s ease, left 0s ease 0.3s;
}
.drawer-screen--open {
  left: 0;
  opacity: 1;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.drawer {
  z-index: 900;
  position: fixed;
  background: var(--color-grey);
  will-change: transform;
  -webkit-transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
  -o-transition: transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: transform .6s cubic-bezier(.86, 0, .07, 1), -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
}
.drawer--right {
  top: 0;
  right: 0;
  height: 100%;
  width: 40.0rem;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  -ms-scroll-chaining: none;
  overscroll-behavior: contain;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}
.drawer--bottom {
  bottom: 0;
  right: 0;
  width: 100%;
  -webkit-transform: translate3d(0, 101%, 0);
  transform: translate3d(0, 101%, 0);
}
.drawer--open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
  -o-transition: transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: transform .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
}
.drawer__close {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 3.2rem;
  color: var(--color-secondary);
  cursor: pointer;
}
.drawer__close-icon {
}
.card--drawer {
  border-radius: 0;
}
.drawer--bottom .card--drawer {
  margin: 0;
  background: var(--color-white);
}
.checks {
}
.checks--filter {
  margin: 2.4rem;
  padding: 0 1.6rem 0 0;
  -ms-overflow-style: -ms-autohiding-scrollbar;
  overflow-y: auto;
}
.checks--filter::-webkit-scrollbar {
  width: .8rem;
}
.checks--filter::-webkit-scrollbar-track {
  background: var(--color-grey);
  border-radius: .8rem;
}
.checks--filter::-webkit-scrollbar-thumb {
  background: var(--color-secondary);
  border-radius: .8rem;
}
.checks--filter::-webkit-scrollbar-thumb:hover {
  background: var(--color-secondary);
}
.checks__option {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 1.6rem 2.4rem;
  border-bottom: .2rem dotted var(--color-white);
}
.checks__option--disabled {
  opacity: .5;
  cursor: not-allowed;
}
.checks__option:first-child {
  background: rgba(17, 17, 17, .1);
}
.checks--filter .checks__option:first-child {
  background: transparent;
}
.checks--filter .checks__option {
  border-bottom: 1px solid var(--color-grey);
  padding-left: 1.6rem;
}
.checks__text {
  font-weight: 700;
  margin-left: 1.6rem;
  line-height: 2.4rem;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
}
.checks--filter .checks__text {
  font-weight: 400;
}
.checks__input[type=checkbox] {
  height: 0;
  width: 0;
  visibility: hidden;
}
.checks__label {
  cursor: pointer;
  text-indent: -9999px;
  width: 4.8rem;
  height: 2.4rem;
  margin: 0;
  background: var(--color-grey-dark);
  background: rgba(0, 0, 0, 0.25);
  display: block;
  border-radius: 1.6rem;
  position: relative;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.checks__label:after {
  content: "";
  position: absolute;
  top: 0.2rem;
  left: .2rem;
  width: 2rem;
  height: 2rem;
  background: var(--color-white);
  border-radius: 1.6rem;
  -webkit-transition: 0.3s;
  -o-transition: 0.3s;
  transition: 0.3s;
}
.checks__input:checked + .checks__label {
  background: var(--color-secondary);
}
.checks__input:checked + .checks__label:after {
  left: calc(100% - 0.2rem);
  -webkit-transform: translateX(-100%);
  -ms-transform: translateX(-100%);
  transform: translateX(-100%);
}
.checks__label:active:after {
  width: 2.4rem;
}
.pro-widget--table .pro-widget__content {
  padding: 0 0 1.6rem;
}
table.report {
  font-size: 1.4rem;
  border-collapse: collapse;
  width: 100%;
  line-height: 1.25;
  min-height: 32.0rem;
}
.report thead {
}
.report thead tr {
}
.report thead tr.report__title {
  background: var(--color-grey);
  font-weight: 700;
}
.report thead tr th {
  position: relative;
  padding: 1.6rem 2.4rem;
  text-align: center;
  border: 1px solid var(--color-grey);
  border-top: none;
}
.report thead tr th:last-child {
  border-right: none;
}
.report thead tr th:first-child {
  border-left: none;
}
.report thead tr:first-child th:first-child {
  border-top: none;
  border-left: none;
  padding: 2.4rem;
  font-size: 2.0rem;
  font-weight: 700;
  line-height: 1.25;
  text-align: left;
}
.report thead tr th.left {
  text-align: left;
}
.report thead tr th.center {
  text-align: center;
}
.report tbody {
}
.report tbody tr {
  background: rgba(235, 235, 235, 0.25);
  -webkit-transition: background 0.15s ease, color 0.15s ease;
  -o-transition: background 0.15s ease, color 0.15s ease;
  transition: background 0.15s ease, color 0.15s ease;
}
.report tbody tr:last-child td {
  border-bottom: none;
}
.report tbody tr.even {
  background: transparent;
}
.report tbody tr:hover {
  cursor: pointer;
  background: rgba(56, 120, 158, 0.25);
}
.report tbody tr.selected {
  background: var(--color-secondary);
  color: var(--color-white);
}
.report tbody tr.report__title {
}
.report tbody tr td {
  position: relative;
  padding: 0.8rem 2.4rem;
  text-align: center;
  border: 1px solid var(--color-grey);
}
.report tbody tr.report__title td {
  background: var(--color-grey);
  padding: 1.6rem 2.4rem;
  font-weight: 700;
  cursor: default;
}
.report tbody tr td.bold {
}
.report tbody tr td:last-child {
  border-right: none;
}
.report tbody tr td:first-child {
  border-left: none;
}
.report tbody tr td.left,
.report tbody tr td .left {
  text-align: left;
  -o-text-overflow: ellipsis;
  text-overflow: ellipsis;
  white-space: nowrap;
  overflow: hidden;
  max-width: 20rem;
}
.report tbody tr td .left {
  max-width: 15.2rem;
  display: block;
}
.report tbody tr td.title {
  text-align: left;
  white-space: nowrap;
}
.report tbody tr td.difference {
  white-space: nowrap;
}
.report tbody tr td.red,
.red-arrow {
  color: var(--color-red);
}
.report tbody tr.selected td.red {
  color: var(--color-white);
}
.report tbody tr td.green,
.green-arrow {
  color: var(--color-green);
}
.report tbody tr.selected td.green {
  color: var(--color-white);
}
.report tbody tr:hover td.link {
}
.tooltip {
  z-index: 100;
  pointer-events: none;
  position: absolute;
  display: none;
  position: absolute;
  top: 100%;
  left: 50%;
  -webkit-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  transform: translateX(-50%);
  padding: 1.6rem;
  border-radius: 0.8rem;
  background: var(--color-grey-dark);
  color: var(--color-white);
  line-height: 1.5;
  font-size: 1.2rem;
  text-transform: uppercase;
  white-space: nowrap;
}
.checks__option .tooltip {
  top: 90%;
  left: 8rem;
  right: 4.0rem;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  white-space: pre-wrap;
}
.cpg-checks-filters .tooltip {
  top: 90%;
  left: 1.6rem;
  right: 1.6rem;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  white-space: pre-wrap;
}
.cpg-table-checks__title .tooltip {
  top: 90%;
  left: 1.6rem;
  max-width: 30.4rem;
  -webkit-transform: translateX(0);
  -ms-transform: translateX(0);
  transform: translateX(0);
  white-space: pre-wrap;
  font-family: "Open Sans", sans-serif;
  font-weight: 400;
  font-style: normal;
}
:hover > .tooltip {
  display: block;
}
.tooltip:before {
  content: "";
  width: 0;
  height: 0;
  position: absolute;
  border-right: .8rem solid transparent;
  border-left: .8rem solid transparent;
  border-bottom: .8rem solid var(--color-grey-dark);
  left: 50%;
  margin-left: -.8rem;
  top: -.8rem;
}
.checks__option .tooltip:before {
  left: 2.4rem;
  margin-left: 0;
}
.cpg-table-checks__title .tooltip:before {
  left: 4.0rem;
  margin-left: 0;
}
.modal {
  z-index: 900;
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-animation: fade-in 0.3s both;
  animation: fade-in 0.3s both;
}
.modal--large {
}
.modal--small {
}
.modal--fade-out {
  -webkit-animation: fade-out 0.3s both;
  animation: fade-out 0.3s both;
}
@-webkit-keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-webkit-keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
@keyframes fade-out {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.modal__screen {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: rgba(0, 0, 0, .75);
}
.modal__content {
  border-radius: 1.6rem;
  background: var(--color-grey);
  margin: 13.6rem 0 auto;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
  -webkit-animation: slide-up 0.3s both;
  animation: slide-up 0.3s both;
}
@-webkit-keyframes slide-up {
  0% {
    -webkit-transform: scale3d(.9, .9, 1);
    transform: scale3d(.9, .9, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes slide-up {
  0% {
    -webkit-transform: scale3d(.9, .9, 1);
    transform: scale3d(.9, .9, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.modal--large .modal__content {
  width: 70%;
  max-width: 90rem;
}
.modal--small .modal__content {
  width: 50%;
  max-width: 50rem;
}
.modal__header {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: var(--color-white);
  padding: 2.4rem;
  font-size: 2.0rem;
  font-weight: 700;
  margin: 0;
}
.modal__title {
}
.modal__close {
  -webkit-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  transform: rotate(45deg);
  font-size: 3.2rem;
  color: var(--color-secondary);
  cursor: pointer;
}
.modal__body {
  padding: 2.4rem;
}
.modal-table {
  border-radius: .8rem;
  overflow: hidden;
  -webkit-mask-image: -webkit-radial-gradient(white, black);
}
.modal-warning {
  border: 1px solid var(--color-red);
  padding: 1.6rem;
  border-radius: 0.8rem;
  margin-bottom: 1.6rem;
  line-height: 1.5;
  color: var(--color-red);
  background: #FFEBEE;
}
.modal-info {
  line-height: 1.5;
}
.modal-saving {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.modal-saving__loader {
  -ms-flex-negative: 0;
  flex-shrink: 0;
}
.modal-saving__text {
  margin-left: 1.6rem;
  line-height: 1.5;
}
.modal__footer {
  padding: 0 2.4rem 2.4rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.6rem;
}
.target .modal__content {
  margin: 0;
}
.target .modal__body {
  position: relative;
  height: 70vh;
}
.target .pro-list__search {
  border-top: 1px solid var(--color-grey);
}
.target-filter {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
  background: var(--color-white);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  border-top: 1px solid var(--color-grey);
  will-change: transform;
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
  -webkit-transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
  -o-transition: transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: transform .6s cubic-bezier(.86, 0, .07, 1);
  transition: transform .6s cubic-bezier(.86, 0, .07, 1), -webkit-transform .6s cubic-bezier(.86, 0, .07, 1);
}
.target-filter--open {
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
  -webkit-transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
  -o-transition: transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: transform .6s cubic-bezier(.19, 1, .22, 1);
  transition: transform .6s cubic-bezier(.19, 1, .22, 1), -webkit-transform .6s cubic-bezier(.19, 1, .22, 1);
}
.dropzone {
  cursor: pointer;
}
.upload-file-table {
}
.file-row {
  display: -ms-grid;
  display: grid;
  -ms-grid-columns: 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr 1.6rem 1fr;
  grid-template-columns: repeat(10, 1fr);
  gap: 1.6rem;
  margin-bottom: 1.6rem;
}
.file-row:last-child {
  margin-bottom: 2.4rem;
}
.file-row > div {
  width: auto !important;
}
.file-row > div:nth-of-type(1) {
  -ms-grid-column-span: 5;
  grid-column: span 5;
}
.file-row > div:nth-of-type(2) {
  -ms-grid-column-span: 1;
  grid-column: span 1;
}
.file-row > div:nth-of-type(3) {
  -ms-grid-column-span: 4;
  grid-column: span 4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.progress {
  position: relative;
  background-color: rgba(95, 95, 95, 0.25);
  border-radius: .4rem;
  width: 100%;
  overflow: hidden;
  margin-right: 1.6rem;
}
.progress-bar {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background-color: var(--color-green);
  -webkit-transition: width 0.6s ease;
  -o-transition: width 0.6s ease;
  transition: width 0.6s ease;
}
.file-row .done {
  display: none;
  color: var(--color-green);
}
.file-row.dz-success .done {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-animation: pulse 0.6s ease both;
  animation: pulse 0.6s ease both;
}
@-webkit-keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(2, 2, 1);
    transform: scale3d(2, 2, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
@keyframes pulse {
  0% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
  50% {
    -webkit-transform: scale3d(2, 2, 1);
    transform: scale3d(2, 2, 1);
  }
  100% {
    -webkit-transform: scale3d(1, 1, 1);
    transform: scale3d(1, 1, 1);
  }
}
.file-row .delete {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.file-row.dz-success .delete {
  display: none;
}
.dz-message {
  background: var(--color-white);
  background-image: url("data:image/svg+xml,%3Csvg width='6' height='6' viewBox='0 0 6 6' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='%23ebebeb' fill-opacity='1' fill-rule='evenodd'%3E%3Cpath d='M5 0h1L0 6V5zM6 5v1H5z'/%3E%3C/g%3E%3C/svg%3E");
  color: var(--color-grey-dark);
  padding: 2.4rem;
  border-radius: 1.6rem;
  min-height: 20rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border: 0.4rem dashed var(--color-grey-dark);
  font-size: 2.0rem;
}
.dropzone__icon {
  font-size: 4.8rem;
  margin-bottom: 1.6rem;
}
.ft {
}
.ft__header {
}
.ft-breadcrumbs {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ft-breadcrumbs li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ft-breadcrumbs a {
  color: var(--color-black);
}
.ft-breadcrumbs li:nth-of-type(1):before {
  content: "";
  margin-right: .8rem;
  width: 1.6rem;
  height: 1.4rem;
  background: center left / auto 1.4rem no-repeat scroll transparent;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 576.0107 512.01'%3E%3Cpath d='M288 115 69.47 307.71c-1.62 1.46-3.69 2.14-5.47 3.35V496a16 16 0 0 0 16 16H208a16 16 0 0 0 16-16V368a16 16 0 0 1 16-16h96a16 16 0 0 1 16 16V496a16 16 0 0 0 16 16H496a16 16 0 0 0 16-16V311.1c-1.7-1.16-3.72-1.82-5.26-3.2ZM570.69 236.28l-255.94-226a39.85 39.85 0 0 0-53.45 0l-256 226a16 16 0 0 0-1.2147 22.5948l.0047.0052L25.5 282.7a16 16 0 0 0 22.5948 1.2147L48.1 283.91 277.42 81.63a16 16 0 0 1 21.17 0L527.91 283.9a16 16 0 0 0 22.5953-1.2048l.0046-.0052 21.4-23.82A16 16 0 0 0 570.69 236.28Z' transform='translate(0.0101 0.01)' fill='%235f5f5f'/%3E%3C/svg%3E");
}
.ft-breadcrumbs li:nth-of-type(2):before {
  content: "\bb";
  margin: 0 .8rem;
  font-weight: 700;
  color: var(--color-grey-dark);
}
.ft-title {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin: 2.4rem 0 .8rem;
}
.ft-title__icon {
}
.ft-title__text {
  font-size: 2.4rem;
}
.ft-title__actions {
}
.ft-title__actions-menu {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 0 0 0 3.2rem;
  padding: 0;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.ft-title:hover .ft-title__actions-menu {
  opacity: 1;
  pointer-events: auto;
}
.ft-title__actions-menu li {
  margin-left: .8rem;
}
.ft-title__actions-menu a {
  color: var(--color-grey-dark);
  text-decoration: underline;
  font-size: 1.6rem;
}
.ft-desc {
  margin: 0 0 0 42px;
}
.ft-tabs {
  position: absolute;
  top: 2rem;
  right: 2.4rem;
}
.ft-tabs__list {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.ft-tabs__item {
}
.ft-tabs__button {
  border: .2rem solid var(--color-secondary);
  padding: .8rem 2.4rem;
  background: var(--color-white);
  color: var(--color-secondary);
}
.ft-tabs__item:first-child .ft-tabs__button {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
.ft-tabs__item:last-child .ft-tabs__button {
  border-top-left-radius: 0;
  border-bottom-left-radius: 0;
}
.ft-tabs__item--active .ft-tabs__button {
  background: var(--color-secondary);
  color: var(--color-white);
}
.ft__body {
  margin: 0 -2.4rem;
}
.tab-content {
}
.tab-content__panel {
}
.notify-me {
  padding: 2.4rem 2.4rem 0;
}
.notify-me > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.notify-me > div:nth-of-type(2) {
  margin-top: 1.6rem;
}
.empty-folder {
  padding: 2.4rem;
  font-size: 2.0rem;
  background: var(--color-white);
}
.ft-actions {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  padding: 0 2.4rem;
  margin-bottom: 1.6rem;
}
.ft-actions__button {
  background: var(--color-grey-dark);
  margin-left: 1.6rem;
  padding: 0.8rem 2.4rem;
}
.ft-table {
  border-collapse: collapse;
  width: 100%;
  line-height: 1.25;
  background: var(--color-white);
}
.ft-table--files {
}
.ft-table--access {
}
.ft-table thead {
}
.ft-table thead tr {
  z-index: 1;
  position: sticky;
  top: 11.9rem;
  background: var(--color-white);
  font-weight: 700;
}
.modal .ft-table thead tr {
  position: relative;
  top: 0;
}
.ft-table th {
  padding: 1.6rem 2.4rem;
  text-align: center;
  border: 1px solid var(--color-grey);
}
.ft-table--files th:nth-of-type(2) {
  text-align: left;
}
.ft-table--access th:nth-of-type(1) {
  text-align: left;
}
.modal .ft-table--access th:nth-of-type(1) {
  text-align: center;
}
.ft-table tbody {
}
.ft-table tbody tr {
  background: rgba(235, 235, 235, 0.25);
  -webkit-transition: background 0.15s ease, color 0.15s ease;
  -o-transition: background 0.15s ease, color 0.15s ease;
  transition: background 0.15s ease, color 0.15s ease;
}
.ft-table tbody tr:nth-of-type(even) {
  background: transparent;
}
.ft-table td {
  position: relative;
  padding: 1.6rem 2.4rem;
  text-align: center;
  border: 1px solid var(--color-grey);
}
.ft-table td.asset-name {
  position: relative;
  text-align: left;
  font-size: 2.0rem;
}
.ft-table td.asset-name--folder {
}
.ft-table td.asset-name--file {
}
td.asset-name > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.ft-table tbody tr:nth-of-type(odd) .file-icon:before {
}
.ft-table .ffolder.small {
  margin-right: 0 !important;
}
.ft-table .file-icon-sm {
  width: 24px !important;
}
td.asset-name > div > a {
  color: var(--color-primary);
  margin-right: auto;
  margin: 0 auto 0 .8rem;
}
td.asset-name > div > a:hover {
  text-decoration: underline;
}
td.asset-name ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  list-style-type: none;
  margin: 0 0 0 auto;
  padding: 0 0 0 2.4rem;
  opacity: 0;
  pointer-events: none;
  -webkit-transition: opacity 0.3s ease;
  -o-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
td.asset-name:hover ul {
  opacity: 1;
  pointer-events: auto;
}
td.asset-name ul li {
  margin-left: .8rem;
}
td.asset-name ul li a {
  color: var(--color-grey-dark);
  text-decoration: underline;
  font-size: 1.6rem;
}
.check-control {
  font-size: 2rem;
  font-weight: 700;
  line-height: 1.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  cursor: pointer;
  margin: 0;
}
.check-control-resend {
  font-size: 1.5rem;
  font-weight: 700;
  line-height: 1.1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  align-items: left;
  cursor: pointer;
  margin: 1;
  margin-left: 100px;
  gap: 10px;
}
.check-control--modal-body {
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 1.6rem;
}
.check-control + .check-control {
  margin-top: 1em;
}
.check-control--disabled {
  color: var(--color-grey);
  cursor: not-allowed;
}
.check-control__text {
  position: relative;
  top: -0.1rem;
  font-size: 1.6rem;
  font-weight: 400;
  margin-left: .8rem;
}
.check-control input[type=checkbox],
.check-control input[type=radio] {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  background-color: var(--form-background);
  margin: 0;
  font: inherit;
  color: var(--color-grey-dark);
  width: 1.15em;
  height: 1.15em;
  border: 0.15em solid currentColor;
  border-radius: 0.15em;
  -webkit-transform: translateY(-0.075em);
  -ms-transform: translateY(-0.075em);
  transform: translateY(-0.075em);
  display: -ms-grid;
  display: grid;
  place-content: center;
  cursor: pointer;
}
.check-control input[type=radio] {
  border-radius: 50%;
}
.check-control input[type=checkbox]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  -webkit-clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  clip-path: polygon(14% 44%, 0 65%, 50% 100%, 100% 16%, 80% 0%, 43% 62%);
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transform-origin: bottom left;
  -ms-transform-origin: bottom left;
  transform-origin: bottom left;
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  -o-transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  -webkit-box-shadow: inset 1em 1em var(--color-secondary);
  box-shadow: inset 1em 1em var(--color-secondary);
  background-color: CanvasText;
}
.check-control input[type=radio]::before {
  content: "";
  width: 0.65em;
  height: 0.65em;
  -webkit-transform: scale(0);
  -ms-transform: scale(0);
  transform: scale(0);
  -webkit-transition: 120ms -webkit-transform ease-in-out;
  transition: 120ms -webkit-transform ease-in-out;
  -o-transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out;
  transition: 120ms transform ease-in-out, 120ms -webkit-transform ease-in-out;
  background: var(--color-secondary);
  border-radius: 50%;
}
.check-control input[type=checkbox]:checked::before,
.check-control input[type=radio]:checked::before {
  -webkit-transform: scale(1);
  -ms-transform: scale(1);
  transform: scale(1);
}
.check-control input[type=checkbox]:focus,
.check-control input[type=radio]:focus {
  outline: max(2px, 0.15em) solid currentColor;
  outline-offset: max(2px, 0.15em);
}
.check-control input[type=checkbox]:disabled,
.check-control input[type=radio]:disabled {
  --color-secondary: var(--color-grey);
  color: var(--color-grey);
  cursor: not-allowed;
}
.table-update {
  z-index: 100;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  min-height: 30.0rem;
  background: rgba(255, 255, 255, .9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  border-radius: 1.6rem;
}
.table-update__loader {
  margin-top: 12.0rem;
}
.loader {
  display: inline-block;
  position: relative;
  width: 8.0rem;
  height: 8.0rem;
}
.kpi__loader {
  margin: 1.6rem auto 0;
  -webkit-transform: scale3d(.8, .8, 1);
  transform: scale3d(.8, .8, 1);
}
.loader div {
  -webkit-animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  animation: loader 1.2s cubic-bezier(0.5, 0, 0.5, 1) infinite;
  -webkit-transform-origin: 4.0rem 4.0rem;
  -ms-transform-origin: 4.0rem 4.0rem;
  transform-origin: 4.0rem 4.0rem;
}
.loader div:after {
  content: " ";
  display: block;
  position: absolute;
  width: .7rem;
  height: .7rem;
  border-radius: 50%;
  background: var(--color-secondary);
  margin: -.4rem 0 0 -.4rem;
}
.loader div:nth-child(1) {
  -webkit-animation-delay: -0.036s;
  animation-delay: -0.036s;
}
.loader div:nth-child(1):after {
  top: 6.3rem;
  left: 6.3rem;
}
.loader div:nth-child(2) {
  -webkit-animation-delay: -0.072s;
  animation-delay: -0.072s;
}
.loader div:nth-child(2):after {
  top: 6.8rem;
  left: 5.6rem;
}
.loader div:nth-child(3) {
  -webkit-animation-delay: -0.108s;
  animation-delay: -0.108s;
}
.loader div:nth-child(3):after {
  top: 7.1rem;
  left: 4.8rem;
}
.loader div:nth-child(4) {
  -webkit-animation-delay: -0.144s;
  animation-delay: -0.144s;
}
.loader div:nth-child(4):after {
  top: 7.2rem;
  left: 4.0rem;
}
.loader div:nth-child(5) {
  -webkit-animation-delay: -0.18s;
  animation-delay: -0.18s;
}
.loader div:nth-child(5):after {
  top: 7.1rem;
  left: 3.2rem;
}
.loader div:nth-child(6) {
  -webkit-animation-delay: -0.216s;
  animation-delay: -0.216s;
}
.loader div:nth-child(6):after {
  top: 6.8rem;
  left: 2.4rem;
}
.loader div:nth-child(7) {
  -webkit-animation-delay: -0.252s;
  animation-delay: -0.252s;
}
.loader div:nth-child(7):after {
  top: 6.3rem;
  left: 1.7rem;
}
.loader div:nth-child(8) {
  -webkit-animation-delay: -0.288s;
  animation-delay: -0.288s;
}
.loader div:nth-child(8):after {
  top: 5.6rem;
  left: 1.2rem;
}
@-webkit-keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loader {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
.button,
button,
input[type=submit],
input[type=reset],
input[type=button] {
  display: inline-block;
  background: var(--color-secondary);
  color: var(--color-white);
  border-radius: .8rem;
  padding: 1.6rem 2.4rem;
  white-space: nowrap;
  border: none;
  cursor: pointer;
}
.button:hover,
button:hover,
input[type=submit]:hover,
input[type=reset]:hover,
input[type=button]:hover,
.button:focus,
button:focus,
input[type=submit]:focus,
input[type=reset]:focus,
input[type=button]:focus {
  outline: 0;
}
.button.button--alt,
button.button--alt,
input[type=submit].button--alt,
input[type=reset].button--alt,
input[type=button].button--alt {
  color: var(--color-white);
  background-color: transparent;
  border: .2rem solid var(--color-white);
}
.button.button--alt:hover,
button.button--alt:hover,
input[type=submit].button--alt:hover,
input[type=reset].button--alt:hover,
input[type=button].button--alt:hover,
.button.button--alt:focus,
button.button--alt:focus,
input[type=submit].button--alt:focus,
input[type=reset].button--alt:focus,
input[type=button].button--alt:focus {
}
.button--close {
  background: var(--color-grey-dark);
}
.modal__footer .button--close {
  margin-left: auto;
}
.button--delete {
  background: var(--color-red);
}
button:disabled {
  opacity: .5;
  cursor: not-allowed;
}
.fieldset {
  display: -ms-grid;
  display: grid;
  gap: 2.4rem;
}
.fieldset--two-up {
  -ms-grid-columns: 1fr 1fr;
  grid-template-columns: 1fr 1fr;
}
.fieldset--three-up {
  -ms-grid-columns: 1fr 1fr 1fr;
  grid-template-columns: 1fr 1fr 1fr;
}
input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea,
select {
  padding: .8rem 1.6rem;
  line-height: 1.5;
  width: 100%;
  margin-bottom: 1.6rem;
  background-color: var(--color-white);
  border: 1px solid var(--color-white);
  border-radius: .8rem;
  -webkit-box-shadow: none;
  box-shadow: none;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  -webkit-transition: border-color 0.15s ease;
  -o-transition: border-color 0.15s ease;
  transition: border-color 0.15s ease;
}
input[type=email],
input[type=number],
input[type=search],
input[type=text],
input[type=tel],
input[type=url],
input[type=password],
textarea,
select {
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
}
textarea {
  min-height: 6.4rem;
  padding-top: .8rem;
  padding-bottom: .8rem;
}
.signup input[type=email],
.signup input[type=number],
.signup input[type=search],
.signup input[type=text],
.signup input[type=tel],
.signup input[type=url],
.signup input[type=password],
.signup textarea,
.signup select {
  color: var(--color-white);
  background: #384F6F;
  border: 1px solid var(--color-secondary);
}
.signup select {
  background: url("./media/selector-arrow-light.svg") center right 1.6rem / auto .8rem no-repeat scroll;
  background-color: #384F6F;
}
.signup input[type=email]:focus,
.signup input[type=number]:focus,
.signup input[type=search]:focus,
.signup input[type=text]:focus,
.signup input[type=tel]:focus,
.signup input[type=url]:focus,
.signup input[type=password]:focus,
.signup textarea:focus,
.signup select:focus {
  border: 1px solid var(--color-white);
  outline: 0;
}
input[type=email]:focus,
input[type=number]:focus,
input[type=search]:focus,
input[type=text]:focus,
input[type=tel]:focus,
input[type=url]:focus,
input[type=password]:focus,
textarea:focus,
select:focus {
  border: 1px solid var(--color-tertiary);
  outline: 0;
}
select {
  padding-right: 4.0rem;
  background: url("./media/selector-arrow.svg") center right 1.6rem / auto .8rem no-repeat scroll;
  background-color: var(--color-white);
}
label,
legend {
  display: block;
  font-weight: 700;
  margin-bottom: .8rem;
}
fieldset {
  padding: 0;
  border-width: 0;
}
input[type=checkbox],
input[type=radio] {
  display: inline;
}
label > .label-body {
  display: inline-block;
  margin-left: .8rem;
  font-weight: normal;
}
@media only screen and (max-width: 1266px) {
  html {
    font-size: 9px;
  }
}
@media only screen and (max-width: 1166px) {
  html {
    font-size: 8px;
  }
}
@media only screen and (max-width: 1000px) {
  .touch-scrolling {
    overflow-y: scroll;
    -webkit-overflow-scrolling: touch;
    -ms-scroll-chaining: none;
    overscroll-behavior: contain;
  }
}
@media print {
  body {
    margin: 0;
    transform: scale(0.85);
    transform-origin: 0 0;
  }
  .header,
  .footer,
  .pro-header__nav-link,
  .pro-header__content,
  .pro-widget__title-arrow,
  .pro-widget__info,
  .drawer {
    display: none;
  }
  .pro-header__inner {
    padding-left: 0;
    padding-right: 0;
  }
  .pro-header__nav-link--current,
  .user-logo {
    display: block;
  }
  .content__inner {
    gap: 0;
  }
  .content {
    padding: 0;
  }
  .pro-options__range,
  .pro-options__actions,
  .pro-options__ffiec {
    display: none !important;
  }
  .pro-options__button {
    padding: 0;
  }
  .pro-options__button-count {
    margin-left: .8rem;
    padding: 0;
  }
  .pro-options__print-range {
    display: block;
  }
  .pro-options__select {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
  }
  .pro-options__select-box {
    padding: 0 0 0 .8rem;
    font-weight: 700;
  }
  .pro-options__select:before {
    content: "Peer Group: ";
    font-weight: 400;
    white-space: nowrap;
  }
  .pro-legend {
    padding: 0;
    margin-top: 1.6rem;
  }
  .pro-legend__item {
    padding: 0 0 0 2.4rem;
  }
  .legend-color {
    border-radius: 0;
    border-left: 1.6rem solid currentColor;
  }
}
.hidden {
  display: none !important;
}
.visuallyhidden {
  border: 0;
  clip: rect(0 0 0 0);
  height: 1px;
  margin: -1px;
  overflow: hidden;
  padding: 0;
  position: absolute;
  width: 1px;
  white-space: nowrap;
}
.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
  clip: auto;
  height: auto;
  margin: 0;
  overflow: visible;
  position: static;
  width: auto;
  white-space: inherit;
}
.invisible {
  visibility: hidden;
}
.clearfix:after,
.clearfix:before {
  content: " ";
  display: table;
}
.clearfix:after {
  clear: both;
}
@media print {
  blockquote,
  img,
  pre,
  tr {
    page-break-inside: avoid;
  }
  *,
  :after,
  :before {
    color: #000 !important;
    -webkit-box-shadow: none !important;
    box-shadow: none !important;
    text-shadow: none !important;
  }
  a,
  a:visited {
    text-decoration: underline;
  }
  a[href]:after {
    content: " (" attr(href) ")";
  }
  abbr[title]:after {
    content: " (" attr(title) ")";
  }
  a[href^="#"]:after,
  a[href^="javascript:"]:after {
    content: "";
  }
  pre {
    white-space: pre-wrap !important;
  }
  blockquote,
  pre {
    border: 1px solid #999;
  }
  thead {
    display: table-header-group;
  }
  h2,
  h3,
  p {
    orphans: 3;
    widows: 3;
  }
  h2,
  h3 {
    page-break-after: avoid;
  }
}
.visual__info {
  position: absolute;
  bottom: 1.6rem;
  right: 1.6rem;
}
.visual__info-icon {
  position: relative;
  font-size: 1.6rem;
  color: var(--color-secondary);
}
.visual__info-window {
  position: absolute;
  bottom: 0.8rem;
  right: 0.8rem;
  width: 30.0rem;
  display: none;
  padding: 1.2rem 1.6rem;
  border-radius: .8rem;
  background: var(--color-tertiary);
  color: var(--color-white);
  line-height: 1.5;
  font-size: 1.2rem;
}
.visual__info:hover .visual__info-window {
  display: block;
}
.nmd__citation {
  text-align: left;
  max-width: 100%;
  word-wrap: break-word;
  overflow-wrap: break-word;
  font-size: small;
  line-height: normal;
  font-style: italic;
  padding-right: 1cm;
}

/* src/app/pricing/signup-pricing/signup-pricing.component.scss */

/* node_modules/@swimlane/ngx-datatable/themes/material.css */
.ngx-datatable.material {
  background: #fff;
  box-shadow:
    0 5px 5px -3px rgba(0, 0, 0, 0.2),
    0 8px 10px 1px rgba(0, 0, 0, 0.14),
    0 3px 14px 2px rgba(0, 0, 0, 0.12);
}
.ngx-datatable.material.striped .datatable-row-odd {
  background: #eee;
}
.ngx-datatable.material.single-selection .datatable-body-row.active,
.ngx-datatable.material.single-selection .datatable-body-row.active .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.active,
.ngx-datatable.material.multi-selection .datatable-body-row.active .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active .datatable-row-group {
  background-color: #304ffe;
  color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:hover,
.ngx-datatable.material.single-selection .datatable-body-row.active:hover .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.active:hover,
.ngx-datatable.material.multi-selection .datatable-body-row.active:hover .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:hover .datatable-row-group {
  background-color: #193ae4;
  color: #fff;
}
.ngx-datatable.material.single-selection .datatable-body-row.active:focus,
.ngx-datatable.material.single-selection .datatable-body-row.active:focus .datatable-row-group,
.ngx-datatable.material.multi-selection .datatable-body-row.active:focus,
.ngx-datatable.material.multi-selection .datatable-body-row.active:focus .datatable-row-group,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus,
.ngx-datatable.material.multi-click-selection .datatable-body-row.active:focus .datatable-row-group {
  background-color: #2041ef;
  color: #fff;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:hover .datatable-row-group {
  background-color: #eee;
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus,
.ngx-datatable.material:not(.cell-selection) .datatable-body-row:focus .datatable-row-group {
  background-color: #ddd;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:hover,
.ngx-datatable.material.cell-selection .datatable-body-cell:hover .datatable-row-group {
  background-color: #eee;
  transition-property: background;
  transition-duration: 0.3s;
  transition-timing-function: linear;
}
.ngx-datatable.material.cell-selection .datatable-body-cell:focus,
.ngx-datatable.material.cell-selection .datatable-body-cell:focus .datatable-row-group {
  background-color: #ddd;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active,
.ngx-datatable.material.cell-selection .datatable-body-cell.active .datatable-row-group {
  background-color: #304ffe;
  color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover,
.ngx-datatable.material.cell-selection .datatable-body-cell.active:hover .datatable-row-group {
  background-color: #193ae4;
  color: #fff;
}
.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus,
.ngx-datatable.material.cell-selection .datatable-body-cell.active:focus .datatable-row-group {
  background-color: #2041ef;
  color: #fff;
}
.ngx-datatable.material .empty-row {
  height: 50px;
  text-align: left;
  padding: 0.5rem 1.2rem;
  vertical-align: top;
  border-top: 0;
}
.ngx-datatable.material .loading-row {
  text-align: left;
  padding: 0.5rem 1.2rem;
  vertical-align: top;
  border-top: 0;
}
.ngx-datatable.material .datatable-header .datatable-row-left,
.ngx-datatable.material .datatable-body .datatable-row-left {
  background-color: #fff;
  background-position: 100% 0;
  background-repeat: repeat-y;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQIHWPSkNeSBmJhTQVtbiDNCgASagIIuJX8OgAAAABJRU5ErkJggg==);
}
.ngx-datatable.material .datatable-header .datatable-row-right,
.ngx-datatable.material .datatable-body .datatable-row-right {
  background-position: 0 0;
  background-color: #fff;
  background-repeat: repeat-y;
  background-image: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAABCAYAAAD5PA/NAAAAFklEQVQI12PQkNdi1VTQ5gbSwkAsDQARLAIGtOSFUAAAAABJRU5ErkJggg==);
}
.ngx-datatable.material .datatable-header {
  border-bottom: 1px solid rgba(0, 0, 0, 0.12);
}
.ngx-datatable.material .datatable-header .datatable-header-cell {
  text-align: left;
  padding: 0.9rem 1.2rem;
  font-weight: 400;
  background-color: #fff;
  color: rgba(0, 0, 0, 0.54);
  vertical-align: bottom;
  font-size: 12px;
  font-weight: 500;
}
.ngx-datatable.material .datatable-header .datatable-header-cell .datatable-header-cell-wrapper {
  position: relative;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.longpress .draggable::after {
  transition: transform 400ms ease, opacity 400ms ease;
  opacity: 0.5;
  transform: scale(1);
}
.ngx-datatable.material .datatable-header .datatable-header-cell .draggable::after {
  content: " ";
  position: absolute;
  top: 50%;
  left: 50%;
  margin: -30px 0 0 -30px;
  height: 60px;
  width: 60px;
  background: #eee;
  border-radius: 100%;
  opacity: 1;
  filter: none;
  transform: scale(0);
  z-index: 9999;
  pointer-events: none;
}
.ngx-datatable.material .datatable-header .datatable-header-cell.dragging .resize-handle {
  border-right: none;
}
.ngx-datatable.material .datatable-header .resize-handle {
  border-right: solid 1px #eee;
}
.ngx-datatable.material .datatable-body {
  position: relative;
}
.ngx-datatable.material .datatable-body .datatable-row-detail {
  background: #f5f5f5;
  padding: 10px;
}
.ngx-datatable.material .datatable-body .datatable-group-header {
  background: #f5f5f5;
  border-bottom: solid 1px #d9d8d9;
  border-top: solid 1px #d9d8d9;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-cell {
  text-align: left;
  padding: 0.9rem 1.2rem;
  vertical-align: top;
  border-top: 0;
  color: rgba(0, 0, 0, 0.87);
  transition: width 0.3s ease;
  font-size: 14px;
  font-weight: 400;
}
.ngx-datatable.material .datatable-body .datatable-body-row .datatable-body-group-cell {
  text-align: left;
  padding: 0.9rem 1.2rem;
  vertical-align: top;
  border-top: 0;
  color: rgba(0, 0, 0, 0.87);
  transition: width 0.3s ease;
  font-size: 14px;
  font-weight: 400;
}
.ngx-datatable.material .datatable-body .progress-linear {
  display: block;
  position: sticky;
  width: 100%;
  height: 5px;
  padding: 0;
  margin: 0;
  top: 0;
}
.ngx-datatable.material .datatable-body .progress-linear .container {
  display: block;
  position: relative;
  overflow: hidden;
  width: 100%;
  height: 5px;
  -webkit-transform: translate(0, 0) scale(1, 1);
  transform: translate(0, 0) scale(1, 1);
  background-color: #aad1f9;
}
.ngx-datatable.material .datatable-body .progress-linear .container .bar {
  transition: all 0.2s linear;
  -webkit-animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
  animation: query 0.8s infinite cubic-bezier(0.39, 0.575, 0.565, 1);
  transition: -webkit-transform 0.2s linear;
  transition: transform 0.2s linear;
  background-color: #106cc8;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
}
.ngx-datatable.material .datatable-footer {
  border-top: 1px solid rgba(0, 0, 0, 0.12);
  font-size: 12px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.54);
}
.ngx-datatable.material .datatable-footer .page-count {
  line-height: 50px;
  height: 50px;
  padding: 0 1.2rem;
}
.ngx-datatable.material .datatable-footer .datatable-pager {
  margin: 0 10px;
}
.ngx-datatable.material .datatable-footer .datatable-pager li {
  vertical-align: middle;
}
.ngx-datatable.material .datatable-footer .datatable-pager li.disabled a {
  color: rgba(0, 0, 0, 0.26) !important;
  background-color: transparent !important;
}
.ngx-datatable.material .datatable-footer .datatable-pager li.active a {
  background-color: rgba(158, 158, 158, 0.2);
  font-weight: bold;
}
.ngx-datatable.material .datatable-footer .datatable-pager a {
  height: 22px;
  min-width: 24px;
  line-height: 22px;
  padding: 0 6px;
  border-radius: 3px;
  margin: 6px 3px;
  text-align: center;
  vertical-align: top;
  color: rgba(0, 0, 0, 0.54);
  text-decoration: none;
  vertical-align: bottom;
}
.ngx-datatable.material .datatable-footer .datatable-pager a:hover {
  color: rgba(0, 0, 0, 0.75);
  background-color: rgba(158, 158, 158, 0.2);
}
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-left,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-skip,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-right,
.ngx-datatable.material .datatable-footer .datatable-pager .datatable-icon-prev {
  font-size: 20px;
  line-height: 20px;
  padding: 0 3px;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row {
  background-color: #ddd;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row:hover {
  background-color: #ddd;
}
.ngx-datatable.material .datatable-summary-row .datatable-body-row .datatable-body-cell {
  font-weight: bold;
}
.datatable-checkbox {
  position: relative;
  margin: 0;
  cursor: pointer;
  vertical-align: middle;
  display: inline-block;
  box-sizing: border-box;
  padding: 0;
}
.datatable-checkbox input[type=checkbox] {
  position: relative;
  margin: 0 1rem 0 0;
  cursor: pointer;
  outline: none;
}
.datatable-checkbox input[type=checkbox]:before {
  -webkit-transition: all 0.3s ease-in-out;
  -moz-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  content: "";
  position: absolute;
  left: 0;
  z-index: 1;
  width: 1rem;
  height: 1rem;
  border: 2px solid #f2f2f2;
}
.datatable-checkbox input[type=checkbox]:checked:before {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  transform: rotate(-45deg);
  height: 0.5rem;
  border-color: #009688;
  border-top-style: none;
  border-right-style: none;
}
.datatable-checkbox input[type=checkbox]:after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  width: 1rem;
  height: 1rem;
  background: #fff;
  cursor: pointer;
}
@keyframes query {
  0% {
    opacity: 1;
    transform: translateX(35%) scale(0.3, 1);
  }
  100% {
    opacity: 0;
    transform: translateX(-50%) scale(0, 1);
  }
}

/* node_modules/@swimlane/ngx-datatable/index.css */
.ngx-datatable {
  display: block;
  overflow: hidden;
  justify-content: center;
  position: relative;
  transform: translate3d(0, 0, 0);
}
.ngx-datatable [hidden] {
  display: none !important;
}
.ngx-datatable *,
.ngx-datatable *:before,
.ngx-datatable *:after {
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}
.ngx-datatable.scroll-vertical .datatable-body {
  overflow-y: auto;
}
.ngx-datatable.scroll-vertical.virtualized .datatable-body .datatable-row-wrapper {
  position: absolute;
}
.ngx-datatable.scroll-horz .datatable-body {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}
.ngx-datatable.fixed-header .datatable-header .datatable-header-inner {
  white-space: nowrap;
}
.ngx-datatable.fixed-header .datatable-header .datatable-header-inner .datatable-header-cell {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ngx-datatable.fixed-row .datatable-scroll {
  white-space: nowrap;
}
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row {
  white-space: nowrap;
}
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ngx-datatable.fixed-row .datatable-scroll .datatable-body-row .datatable-body-group-cell {
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.ngx-datatable .datatable-body-row,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-header-inner {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  flex-direction: row;
  -webkit-flex-flow: row;
  -moz-flex-flow: row;
  -ms-flex-flow: row;
  -o-flex-flow: row;
  flex-flow: row;
}
.ngx-datatable .datatable-body-cell,
.ngx-datatable .datatable-header-cell {
  overflow-x: hidden;
  vertical-align: top;
  display: inline-block;
  line-height: 1.625;
}
.ngx-datatable .datatable-body-cell:focus,
.ngx-datatable .datatable-header-cell:focus {
  outline: none;
}
.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-right {
  z-index: 9;
}
.ngx-datatable .datatable-row-left,
.ngx-datatable .datatable-row-center,
.ngx-datatable .datatable-row-group,
.ngx-datatable .datatable-row-right {
  position: relative;
}
.ngx-datatable .datatable-header {
  display: block;
  overflow: hidden;
}
.ngx-datatable .datatable-header .datatable-header-inner {
  align-items: stretch;
  -webkit-align-items: stretch;
}
.ngx-datatable .datatable-header .datatable-header-cell {
  position: relative;
  display: inline-block;
}
.ngx-datatable .datatable-header .datatable-header-cell.sortable .datatable-header-cell-wrapper {
  cursor: pointer;
}
.ngx-datatable .datatable-header .datatable-header-cell.longpress .datatable-header-cell-wrapper {
  cursor: move;
}
.ngx-datatable .datatable-header .datatable-header-cell .sort-btn {
  line-height: 100%;
  vertical-align: middle;
  display: inline-block;
  cursor: pointer;
}
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle,
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle--not-resizable {
  display: inline-block;
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 5px;
  padding: 0 4px;
  visibility: hidden;
}
.ngx-datatable .datatable-header .datatable-header-cell .resize-handle {
  cursor: ew-resize;
}
.ngx-datatable .datatable-header .datatable-header-cell.resizeable:hover .resize-handle {
  visibility: visible;
}
.ngx-datatable .datatable-header .datatable-header-cell:hover .resize-handle--not-resizable {
  visibility: visible;
}
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker {
  position: absolute;
  top: 0;
  bottom: 0;
}
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromLeft {
  right: 0;
}
.ngx-datatable .datatable-header .datatable-header-cell .targetMarker.dragFromRight {
  left: 0;
}
.ngx-datatable .datatable-header .datatable-header-cell .datatable-header-cell-template-wrap {
  height: inherit;
}
.ngx-datatable .datatable-body {
  position: relative;
  z-index: 10;
  display: block;
}
.ngx-datatable .datatable-body .datatable-scroll {
  display: inline-block;
}
.ngx-datatable .datatable-body .datatable-row-detail {
  overflow-y: hidden;
}
.ngx-datatable .datatable-body .datatable-row-wrapper {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -webkit-flex-direction: column;
  -moz-box-orient: vertical;
  -moz-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}
.ngx-datatable .datatable-body .datatable-body-row {
  outline: none;
}
.ngx-datatable .datatable-body .datatable-body-row > div {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
}
.ngx-datatable .datatable-footer {
  display: block;
  width: 100%;
  overflow: auto;
}
.ngx-datatable .datatable-footer .datatable-footer-inner {
  display: flex;
  align-items: center;
  width: 100%;
}
.ngx-datatable .datatable-footer .selected-count .page-count {
  flex: 1 1 40%;
}
.ngx-datatable .datatable-footer .selected-count .datatable-pager {
  flex: 1 1 60%;
}
.ngx-datatable .datatable-footer .page-count {
  flex: 1 1 20%;
}
.ngx-datatable .datatable-footer .datatable-pager {
  flex: 1 1 80%;
  text-align: right;
}
.ngx-datatable .datatable-footer .datatable-pager .pager,
.ngx-datatable .datatable-footer .datatable-pager .pager li {
  padding: 0;
  margin: 0;
  display: inline-block;
  list-style: none;
}
.ngx-datatable .datatable-footer .datatable-pager .pager li,
.ngx-datatable .datatable-footer .datatable-pager .pager li a {
  outline: none;
}
.ngx-datatable .datatable-footer .datatable-pager .pager li a {
  cursor: pointer;
  display: inline-block;
}
.ngx-datatable .datatable-footer .datatable-pager .pager li.disabled a {
  cursor: not-allowed;
}

/* node_modules/@swimlane/ngx-datatable/assets/icons.css */
@font-face {
  font-family: "data-table";
  src: url("./media/data-table.eot");
  src:
    url("./media/data-table.eot?#iefix") format("embedded-opentype"),
    url("./media/data-table.woff") format("woff"),
    url("./media/data-table.ttf") format("truetype"),
    url("./media/data-table.svg#data-table") format("svg");
  font-weight: normal;
  font-style: normal;
}
[data-icon]::before {
  font-family: "data-table" !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^=datatable-icon-]::before,
[class*=" datatable-icon-"]::before {
  font-family: "data-table" !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;
}
.datatable-icon-filter::before {
  content: "b";
}
.datatable-icon-collapse::before {
  content: "a";
}
.datatable-icon-expand::before {
  content: "c";
}
.datatable-icon-close::before {
  content: "d";
}
.datatable-icon-up::before {
  content: "e";
}
.datatable-icon-down::before {
  content: "f";
}
.datatable-icon-sort-unset::before {
  content: "c";
  opacity: 0.5;
}
.datatable-icon-sort::before {
  content: "g";
}
.datatable-icon-done::before {
  content: "h";
}
.datatable-icon-done-all::before {
  content: "i";
}
.datatable-icon-search::before {
  content: "j";
}
.datatable-icon-pin::before {
  content: "k";
}
.datatable-icon-add::before {
  content: "m";
}
.datatable-icon-left::before {
  content: "o";
}
.datatable-icon-right::before {
  content: "p";
}
.datatable-icon-skip::before {
  content: "q";
}
.datatable-icon-prev::before {
  content: "r";
}

/* angular:styles/global:styles */
/*# sourceMappingURL=styles.css.map */