@charset "UTF-8";
/**
 * Selectize (v0.15.2)
 * https://selectize.dev
 *
 * Copyright (c) 2013-2015 Brian Reavis & contributors
 * Copyright (c) 2020-2022 Selectize Team & contributors
 *
 * Licensed under the Apache License, Version 2.0 (the "License"); you may not use this
 * file except in compliance with the License. You may obtain a copy of the License at:
 * http://www.apache.org/licenses/LICENSE-2.0
 *
 * Unless required by applicable law or agreed to in writing, software distributed under
 * the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR CONDITIONS OF
 * ANY KIND, either express or implied. See the License for the specific language
 * governing permissions and limitations under the License.
 *
 * @author Brian Reavis <brian@thirdroute.com>
 * @author Ris Adams <selectize@risadams.com>
 */
.selectize-control.plugin-drag_drop.multi > .selectize-input.dragging {
  overflow: visible;
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
  text-decoration: none;
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover {
  color: black;
}
.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
  display: flex;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}
.selectize-control.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 6px;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  margin-left: 6px;
}
.selectize-control.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button .item.active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled .item .remove:hover {
  background: 0;
}
.selectize-control.plugin-remove_button .disabled .item .remove {
  border-left-color: white;
}
.selectize-control.plugin-clear_button .clear {
  text-decoration: none;
  display: flex;
  position: absolute;
  height: 100%;
  width: 25px;
  top: 0;
  right: 2px;
  color: #000;
  opacity: 0.4;
  font-weight: bold;
  border: 0;
  cursor: pointer;
  z-index: 1;
  font-size: 21px;
  justify-content: center;
  align-items: center;
}
.selectize-control.plugin-clear_button .clear:hover {
  opacity: 1;
}
.selectize-control.plugin-clear_button.single .clear {
  right: calc(2px + 1.5rem);
}
.selectize-dropdown.plugin-auto_position.selectize-position-top {
  border-top: 1px solid #d0d0d0;
  border-bottom: 0 none;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.18);
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
  border-radius: 0 0 3px 3px;
  border-top: 0 none;
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before {
  top: 0;
  bottom: unset;
}
.selectize-control {
  position: relative;
}
.selectize-dropdown, .selectize-input, .selectize-input input {
  color: #303030;
  font-family: inherit;
  font-size: 13px;
  line-height: 18px;
  font-smoothing: inherit;
}
.selectize-input, .selectize-control.single .selectize-input.input-active {
  background: #fff;
  cursor: text;
  display: inline-block;
}
.selectize-input {
  border: 1px solid #d0d0d0;
  padding: 8px 8px;
  display: inline-block;
  width: 100%;
  position: relative;
  z-index: 1;
  box-sizing: border-box;
  box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
}
.selectize-control.multi .selectize-input.has-items {
  padding: 6px 8px 3px;
}
.selectize-input.full {
  background-color: #fff;
}
.selectize-input.disabled, .selectize-input.disabled * {
  cursor: default !important;
}
.selectize-input.focus {
  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.15);
}
.selectize-input.dropdown-active {
  border-radius: 3px 3px 0 0;
}
.selectize-input > * {
  vertical-align: baseline;
  display: inline-block;
  zoom: 1;
}
.selectize-control.multi .selectize-input > div {
  cursor: pointer;
  margin: 0 3px 3px 0;
  padding: 2px 6px;
  background: #f2f2f2;
  color: #303030;
  border: 0 solid #d0d0d0;
}
.selectize-control.multi .selectize-input > div.active {
  background: #e8e8e8;
  color: #303030;
  border: 0 solid #cacaca;
}
.selectize-control.multi .selectize-input.disabled > div, .selectize-control.multi .selectize-input.disabled > div.active {
  color: #7d7d7d;
  background: white;
  border: 0 solid white;
}
.selectize-input > input {
  display: inline-block !important;
  padding: 0 !important;
  min-height: 0 !important;
  max-height: none !important;
  max-width: 100% !important;
  margin: 0 !important;
  text-indent: 0 !important;
  border: 0 none !important;
  background: none !important;
  line-height: inherit !important;
  user-select: auto !important;
  box-shadow: none !important;
}
.selectize-input > input::-ms-clear {
  display: none;
}
.selectize-input > input:focus {
  outline: none !important;
}
.selectize-input > input[placeholder] {
  box-sizing: initial;
}
.selectize-input.has-items > input {
  margin: 0 0 !important;
}
.selectize-input::after {
  content: " ";
  display: block;
  clear: left;
}
.selectize-input.dropdown-active::before {
  content: " ";
  display: block;
  position: absolute;
  background: #f0f0f0;
  height: 1px;
  bottom: 0;
  left: 0;
  right: 0;
}
.selectize-dropdown {
  position: absolute;
  top: 100%;
  left: 0;
  width: 100%;
  z-index: 10;
  border: 1px solid #d0d0d0;
  background: #fff;
  margin: -1px 0 0 0;
  border-top: 0 none;
  box-sizing: border-box;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
  border-radius: 0 0 3px 3px;
}
.selectize-dropdown [data-selectable] {
  cursor: pointer;
  overflow: hidden;
}
.selectize-dropdown [data-selectable] .highlight {
  background: rgba(125, 168, 208, 0.2);
  border-radius: 1px;
}
.selectize-dropdown .option, .selectize-dropdown .optgroup-header, .selectize-dropdown .no-results, .selectize-dropdown .create {
  padding: 5px 8px;
}
.selectize-dropdown .option, .selectize-dropdown [data-disabled], .selectize-dropdown [data-disabled] [data-selectable].option {
  cursor: inherit;
  opacity: 0.5;
}
.selectize-dropdown [data-selectable].option {
  opacity: 1;
  cursor: pointer;
}
.selectize-dropdown .optgroup:first-child .optgroup-header {
  border-top: 0 none;
}
.selectize-dropdown .optgroup-header {
  color: #303030;
  background: #fff;
  cursor: default;
}
.selectize-dropdown .active {
  background-color: #e8e8e8;
  color: #303030;
}
.selectize-dropdown .active.create {
  color: #495c68;
}
.selectize-dropdown .selected {
  background-color: #e8e8e8;
  color: #303030;
}
.selectize-dropdown .create {
  color: rgba(48, 48, 48, 0.5);
}
.selectize-dropdown .active:not(.selected) {
  background: #f5fafd;
  color: #495c68;
}
.selectize-dropdown-content {
  overflow-y: auto;
  overflow-x: hidden;
  max-height: 200px;
  overflow-scrolling: touch;
}
.selectize-dropdown-emptyoptionlabel {
  text-align: center;
}
.selectize-dropdown .spinner {
  display: inline-block;
  width: 30px;
  height: 30px;
  margin: 5px 8px;
}
.selectize-dropdown .spinner:after {
  content: " ";
  display: block;
  width: 24px;
  height: 24px;
  margin: 3px;
  border-radius: 50%;
  border: 5px solid #d0d0d0;
  border-color: #d0d0d0 transparent #d0d0d0 transparent;
  animation: lds-dual-ring 1.2s linear infinite;
}
@keyframes lds-dual-ring {
  0% {
    transform: rotate(0);
  }
  100% {
    transform: rotate(360deg);
  }
}
.selectize-control.single .selectize-input, .selectize-control.single .selectize-input input {
  cursor: pointer;
}
.selectize-control.single .selectize-input.input-active, .selectize-control.single .selectize-input.input-active input:not(:read-only) {
  cursor: text;
}
.selectize-control.single .selectize-input:after {
  content: " ";
  display: block;
  position: absolute;
  top: 50%;
  right: 15px;
  margin-top: -3px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 5px 5px 0 5px;
  border-color: #808080 transparent transparent transparent;
}
.selectize-control.single .selectize-input.dropdown-active:after {
  margin-top: -4px;
  border-width: 0 5px 5px 5px;
  border-color: transparent transparent #808080 transparent;
}
.selectize-control.rtl {
  text-align: right;
}
.selectize-control.rtl.single .selectize-input:after {
  left: 15px;
  right: auto;
}
.selectize-control.rtl .selectize-input > input {
  margin: 0 4px 0 -2px !important;
}
.selectize-control .selectize-input.disabled {
  opacity: 0.5;
  background-color: #fafafa;
}
.selectize-dropdown.plugin-auto_position.selectize-position-top {
  border-top: 1px solid #d0d0d0;
  border-bottom: 0 none;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 -6px 12px rgba(0, 0, 0, 0.18);
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active {
  border-radius: 0 0 3px 3px;
  border-top: 0 none;
}
.selectize-control.plugin-auto_position .selectize-input.selectize-position-top.dropdown-active::before {
  top: 0;
  bottom: unset;
}
.selectize-control.plugin-clear_button .clear {
  text-decoration: none;
  display: flex;
  position: absolute;
  height: 100%;
  width: 25px;
  top: 0;
  right: 2px;
  color: #000;
  opacity: 0.4;
  font-weight: bold;
  border: 0;
  cursor: pointer;
  z-index: 1;
  font-size: 21px;
  justify-content: center;
  align-items: center;
}
.selectize-control.plugin-clear_button .clear:hover {
  opacity: 1;
}
.selectize-control.plugin-clear_button.single .clear {
  right: calc(2px + 1.5rem);
}
.selectize-control.plugin-drag_drop.multi > .selectize-input.dragging {
  overflow: visible;
}
.selectize-control.plugin-drag_drop.multi > .selectize-input > div.ui-sortable-placeholder {
  visibility: visible !important;
  background: #f2f2f2 !important;
  background: rgba(0, 0, 0, 0.06) !important;
  border: 0 none !important;
  box-shadow: inset 0 0 12px 4px #fff;
}
.selectize-control.plugin-drag_drop .ui-sortable-placeholder::after {
  content: "!";
  visibility: hidden;
}
.selectize-control.plugin-drag_drop .ui-sortable-helper {
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header {
  position: relative;
  padding: 10px 8px;
  border-bottom: 1px solid #d0d0d0;
  background: #f8f8f8;
  border-radius: 3px 3px 0 0;
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close {
  position: absolute;
  right: 8px;
  top: 50%;
  color: #303030;
  opacity: 0.4;
  margin-top: -12px;
  line-height: 20px;
  font-size: 20px !important;
  text-decoration: none;
}
.selectize-dropdown.plugin-dropdown_header .selectize-dropdown-header-close:hover {
  color: black;
}
.selectize-dropdown.plugin-optgroup_columns .selectize-dropdown-content {
  display: flex;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup {
  border-right: 1px solid #f2f2f2;
  border-top: 0 none;
  flex-grow: 1;
  flex-basis: 0;
  min-width: 0;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:last-child {
  border-right: 0 none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup:before {
  display: none;
}
.selectize-dropdown.plugin-optgroup_columns .optgroup-header {
  border-top: 0 none;
}
.selectize-control.plugin-remove_button .item {
  display: inline-flex;
  align-items: center;
  padding-right: 0 !important;
}
.selectize-control.plugin-remove_button .item .remove {
  color: inherit;
  text-decoration: none;
  vertical-align: middle;
  display: inline-block;
  padding: 2px 6px;
  border-left: 1px solid #d0d0d0;
  border-radius: 0 2px 2px 0;
  box-sizing: border-box;
  margin-left: 6px;
}
.selectize-control.plugin-remove_button .item .remove:hover {
  background: rgba(0, 0, 0, 0.05);
}
.selectize-control.plugin-remove_button .item.active .remove {
  border-left-color: #cacaca;
}
.selectize-control.plugin-remove_button .disabled .item .remove:hover {
  background: 0;
}
.selectize-control.plugin-remove_button .disabled .item .remove {
  border-left-color: white;
}
:root {
  /**
  * COLORS
  */
  /* Brand Colors
  -------------------------------------------------------*/
  /* Primary - Orange */
  --colors-primary-100: #FEF0EC;
  --colors-primary-200: #FFDCD1;
  --colors-primary-300: #FFB59E;
  --colors-primary-400: #FC9272;
  --colors-primary-500: #FF784F;
  --colors-primary-600: #FA5320;
  --colors-primary-700: #D44519;
  --colors-primary-800: #903013;
  --colors-primary-900: #5D2514;
  --colors-primary-1000: #4B1A0B;
  /* Secondary - Blue */
  --colors-secondary-100: #F2F9FF;
  --colors-secondary-200: #E6F4FF;
  --colors-secondary-300: #C8E6FF;
  --colors-secondary-400: #9BD2FF;
  --colors-secondary-500: #62B3F6;
  --colors-secondary-600: #0F8DF4;
  --colors-secondary-700: #0578D6;
  --colors-secondary-800: #00569C;
  --colors-secondary-900: #003F73;
  --colors-secondary-1000: #002A4D;
  /* Neutral - Greys */
  --colors-grey-50: #FCFCFD;
  --colors-grey-100: #F7F9FA;
  --colors-grey-200: #EEF0F3;
  --colors-grey-300: #DFE3E8;
  --colors-grey-400: #C7CDD4;
  --colors-grey-500: #A1A7AD;
  --colors-grey-600: #707880;
  --colors-grey-700: #4C555E;
  --colors-grey-800: #3A444F;
  --colors-grey-900: #28323B;
  --colors-grey-1000: #1D262E;
  --colors-grey-1000--rgb: 29, 38 ,46;
  /* Notifications Colors
  -------------------------------------------------------*/
  /* Success - Green */
  --colors-success-100: #F2FFF2;
  --colors-success-200: #E6FCE5;
  --colors-success-300: #C6F2C5;
  --colors-success-400: #94DE93;
  --colors-success-500: #57C555;
  --colors-success-600: #24A522;
  --colors-success-700: #078605;
  --colors-success-800: #056704;
  --colors-success-900: #035502;
  --colors-success-1000: #024201;
  /* Danger - Red */
  --colors-danger-100: #FFF6F6;
  --colors-danger-200: #FFE1E1;
  --colors-danger-300: #FFC8C7;
  --colors-danger-400: #FEA6A5;
  --colors-danger-500: #FB7C79;
  --colors-danger-600: #EE413F;
  --colors-danger-700: #D91F1C;
  --colors-danger-800: #B60A07;
  --colors-danger-900: #860604;
  --colors-danger-1000: #640E0C;
  /* Warning - Orangish */
  --colors-warning-100: #FFFCEB;
  --colors-warning-200: #FFF6C9;
  --colors-warning-300: #FFEFA1;
  --colors-warning-400: #FDE34E;
  --colors-warning-500: #F6D028;
  --colors-warning-600: #E0B115;
  --colors-warning-700: #B78B06;
  --colors-warning-800: #8E6506;
  --colors-warning-900: #694907;
  --colors-warning-1000: #4B3207;
  /* Support colors */
  --colors-magenta-200: #F1ABFC;
  --colors-magenta-500: #D946EF;
  --colors-magenta-700: #BC26D3;
  --colors-magenta-200--rgb: 241, 171, 252;
  --colors-magenta-500--rgb: 217, 70, 239;
  --colors-magenta-700--rgb: 188, 38, 211;
  --colors-emerald-200: #A7F3D0;
  --colors-emerald-500: #10B981;
  --colors-emerald-700: #047857;
  --colors-emerald-200--rgb: 167, 243, 208;
  --colors-emerald-500--rgb: 16, 185, 129;
  --colors-emerald-700--rgb: 4, 120, 87;
  --colors-cardinal-200: #FDA4AF;
  --colors-cardinal-500: #F43F5E;
  --colors-cardinal-700: #BE123C;
  --colors-cardinal-200--rgb: 253, 164, 175;
  --colors-cardinal-500--rgb: 244, 63, 94;
  --colors-cardinal-700--rgb: 190, 18, 60;
  --colors-cyan-200: #A5F3FC;
  --colors-cyan-500: #06B6D4;
  --colors-cyan-700: #0E7490;
  --colors-cyan-200--rgb: 165, 243, 252;
  --colors-cyan-500--rgb: 6, 182, 212;
  --colors-cyan-700--rgb: 14, 116, 144;
  /* Other brands
  -------------------------------------------------------*/
  --colors-brand-twitter-blue: #1da1f2;
  --colors-brand-twitter-black: #000;
  --colors-brand-linkedin-blue: #0077b5;
  --colors-brand-linkedin-blue: #0077b5;
  --colors-brand-facebook-blue: #3b5998;
  --colors-brand-youtube-red: #cd201f;
  --colors-brand-instagram-purple: #c13584;
  --colors-brand-android-green: #a4c639;
  --colors-brand-itunes-black: #050708;
  --colors-brand-github-black: #333;
  /* Integrations */
  --colors-brand-salesforce: #009edb;
  --colors-brand-salesforce--rgb: 0, 158, 219;
  --colors-brand-hubspot: #ff7a59;
  --colors-brand-hubspot--rgb: 255, 122, 89;
  --colors-brand-pipedrive: #26292c;
  --colors-brand-pipedrive--rgb: 38, 41, 44;
  --colors-brand-zoho: #ce2232;
  --colors-brand-zoho--rgb: 206, 34, 50;
  --colors-brand-zapier: #ff4a00;
  --colors-brand-zapier--rgb: 255, 74, 0;
  --colors-brand-outlook: #0078d4;
  --colors-brand-outlook--rgb: 0, 120, 212;
  --colors-brand-gmail: #4286f5;
  --colors-brand-gmail--rgb: 66, 134, 245;
  /**
  * TYPOGRAPHY
  */
  /* Family */
  --fonts-family-body: "Inter", "Inter UI", -apple-system,system-ui, "Segoe UI", Roboto, Noto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif;
  --fonts-family-heading: "Familjen Grotesk", -apple-system,system-ui, "Segoe UI", Roboto, Noto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif;
  --fonts-family-heading--website: "Familjen Grotesk", -apple-system,system-ui, "Segoe UI", Roboto, Noto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif;
  --fonts-family-code: Menlo, Monaco, Consolas, "Courier New", monospace;
  --fonts-family-feature-settings: "cv01", "cv02", "cv03", "cv04", "cv11", "ss01";
  /* Size */
  --font-size-default: 1.4rem;
  /**
  * SPACING
  */
  --spacing-base: 4px;
  --spacing-005: calc(var(--spacing-base) / 2);
  --spacing-01: calc(var(--spacing-base));
  --spacing-02: calc(var(--spacing-base) * 2);
  --spacing-03: calc(var(--spacing-base) * 3);
  --spacing-04: calc(var(--spacing-base) * 4);
  --spacing-05: calc(var(--spacing-base) * 5);
  --spacing-06: calc(var(--spacing-base) * 6);
  --spacing-08: calc(var(--spacing-base) * 8);
  --spacing-10: calc(var(--spacing-base) * 10);
  --spacing-12: calc(var(--spacing-base) * 12);
  --spacing-14: calc(var(--spacing-base) * 14);
  --spacing-16: calc(var(--spacing-base) * 16);
  --spacing-20: calc(var(--spacing-base) * 20);
  --spacing-24: calc(var(--spacing-base) * 24);
  --spacing-25: calc(var(--spacing-base) * 25);
  --spacing-30: calc(var(--spacing-base) * 30);
  --spacing-40: calc(var(--spacing-base) * 40);
}
/**
* BACK VARIABLES
*/
.application-back {
  --fonts-family-body: "Inter var", "Inter", "Inter UI", -apple-system,system-ui, "Segoe UI", Roboto, Noto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif;
  --fonts-family-heading: var(--fonts-family-body);
}
/**
* Spacing: margin / padding
*/
/**
* Spacing generation
* Generate classes for spacing (margin and padding), ex.: ml-5 { margin-left: … }
*
* @require {Map} $spacers
* @require {Map} $directions
* @param {string} $prop - CSS property to generate
* @param {string} $short - Shorthand value used in output
*/
.p-auto {
  padding: auto !important;
}
.pl-auto {
  padding-left: auto !important;
}
.pt-auto {
  padding-top: auto !important;
}
.pr-auto {
  padding-right: auto !important;
}
.pb-auto {
  padding-bottom: auto !important;
}
.py-auto {
  padding-top: auto !important;
  padding-bottom: auto !important;
}
.px-auto {
  padding-left: auto !important;
  padding-right: auto !important;
}
.p-0 {
  padding: 0 !important;
}
.pl-0 {
  padding-left: 0 !important;
}
.pt-0 {
  padding-top: 0 !important;
}
.pr-0 {
  padding-right: 0 !important;
}
.pb-0 {
  padding-bottom: 0 !important;
}
.py-0 {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
}
.px-0 {
  padding-left: 0 !important;
  padding-right: 0 !important;
}
.p-05 {
  padding: calc(var(--spacing-base) / 2) !important;
}
.pl-05 {
  padding-left: calc(var(--spacing-base) / 2) !important;
}
.pt-05 {
  padding-top: calc(var(--spacing-base) / 2) !important;
}
.pr-05 {
  padding-right: calc(var(--spacing-base) / 2) !important;
}
.pb-05 {
  padding-bottom: calc(var(--spacing-base) / 2) !important;
}
.py-05 {
  padding-top: calc(var(--spacing-base) / 2) !important;
  padding-bottom: calc(var(--spacing-base) / 2) !important;
}
.px-05 {
  padding-left: calc(var(--spacing-base) / 2) !important;
  padding-right: calc(var(--spacing-base) / 2) !important;
}
.p-1 {
  padding: calc(var(--spacing-base)) !important;
}
.pl-1 {
  padding-left: calc(var(--spacing-base)) !important;
}
.pt-1 {
  padding-top: calc(var(--spacing-base)) !important;
}
.pr-1 {
  padding-right: calc(var(--spacing-base)) !important;
}
.pb-1 {
  padding-bottom: calc(var(--spacing-base)) !important;
}
.py-1 {
  padding-top: calc(var(--spacing-base)) !important;
  padding-bottom: calc(var(--spacing-base)) !important;
}
.px-1 {
  padding-left: calc(var(--spacing-base)) !important;
  padding-right: calc(var(--spacing-base)) !important;
}
.p-2 {
  padding: calc(var(--spacing-base) * 2) !important;
}
.pl-2 {
  padding-left: calc(var(--spacing-base) * 2) !important;
}
.pt-2 {
  padding-top: calc(var(--spacing-base) * 2) !important;
}
.pr-2 {
  padding-right: calc(var(--spacing-base) * 2) !important;
}
.pb-2 {
  padding-bottom: calc(var(--spacing-base) * 2) !important;
}
.py-2 {
  padding-top: calc(var(--spacing-base) * 2) !important;
  padding-bottom: calc(var(--spacing-base) * 2) !important;
}
.px-2 {
  padding-left: calc(var(--spacing-base) * 2) !important;
  padding-right: calc(var(--spacing-base) * 2) !important;
}
.p-3 {
  padding: calc(var(--spacing-base) * 3) !important;
}
.pl-3 {
  padding-left: calc(var(--spacing-base) * 3) !important;
}
.pt-3 {
  padding-top: calc(var(--spacing-base) * 3) !important;
}
.pr-3 {
  padding-right: calc(var(--spacing-base) * 3) !important;
}
.pb-3 {
  padding-bottom: calc(var(--spacing-base) * 3) !important;
}
.py-3 {
  padding-top: calc(var(--spacing-base) * 3) !important;
  padding-bottom: calc(var(--spacing-base) * 3) !important;
}
.px-3 {
  padding-left: calc(var(--spacing-base) * 3) !important;
  padding-right: calc(var(--spacing-base) * 3) !important;
}
.p-4 {
  padding: calc(var(--spacing-base) * 4) !important;
}
.pl-4 {
  padding-left: calc(var(--spacing-base) * 4) !important;
}
.pt-4 {
  padding-top: calc(var(--spacing-base) * 4) !important;
}
.pr-4 {
  padding-right: calc(var(--spacing-base) * 4) !important;
}
.pb-4 {
  padding-bottom: calc(var(--spacing-base) * 4) !important;
}
.py-4 {
  padding-top: calc(var(--spacing-base) * 4) !important;
  padding-bottom: calc(var(--spacing-base) * 4) !important;
}
.px-4 {
  padding-left: calc(var(--spacing-base) * 4) !important;
  padding-right: calc(var(--spacing-base) * 4) !important;
}
.p-5 {
  padding: calc(var(--spacing-base) * 5) !important;
}
.pl-5 {
  padding-left: calc(var(--spacing-base) * 5) !important;
}
.pt-5 {
  padding-top: calc(var(--spacing-base) * 5) !important;
}
.pr-5 {
  padding-right: calc(var(--spacing-base) * 5) !important;
}
.pb-5 {
  padding-bottom: calc(var(--spacing-base) * 5) !important;
}
.py-5 {
  padding-top: calc(var(--spacing-base) * 5) !important;
  padding-bottom: calc(var(--spacing-base) * 5) !important;
}
.px-5 {
  padding-left: calc(var(--spacing-base) * 5) !important;
  padding-right: calc(var(--spacing-base) * 5) !important;
}
.p-6 {
  padding: calc(var(--spacing-base) * 6) !important;
}
.pl-6 {
  padding-left: calc(var(--spacing-base) * 6) !important;
}
.pt-6 {
  padding-top: calc(var(--spacing-base) * 6) !important;
}
.pr-6 {
  padding-right: calc(var(--spacing-base) * 6) !important;
}
.pb-6 {
  padding-bottom: calc(var(--spacing-base) * 6) !important;
}
.py-6 {
  padding-top: calc(var(--spacing-base) * 6) !important;
  padding-bottom: calc(var(--spacing-base) * 6) !important;
}
.px-6 {
  padding-left: calc(var(--spacing-base) * 6) !important;
  padding-right: calc(var(--spacing-base) * 6) !important;
}
.p-8 {
  padding: calc(var(--spacing-base) * 8) !important;
}
.pl-8 {
  padding-left: calc(var(--spacing-base) * 8) !important;
}
.pt-8 {
  padding-top: calc(var(--spacing-base) * 8) !important;
}
.pr-8 {
  padding-right: calc(var(--spacing-base) * 8) !important;
}
.pb-8 {
  padding-bottom: calc(var(--spacing-base) * 8) !important;
}
.py-8 {
  padding-top: calc(var(--spacing-base) * 8) !important;
  padding-bottom: calc(var(--spacing-base) * 8) !important;
}
.px-8 {
  padding-left: calc(var(--spacing-base) * 8) !important;
  padding-right: calc(var(--spacing-base) * 8) !important;
}
.p-10 {
  padding: calc(var(--spacing-base) * 10) !important;
}
.pl-10 {
  padding-left: calc(var(--spacing-base) * 10) !important;
}
.pt-10 {
  padding-top: calc(var(--spacing-base) * 10) !important;
}
.pr-10 {
  padding-right: calc(var(--spacing-base) * 10) !important;
}
.pb-10 {
  padding-bottom: calc(var(--spacing-base) * 10) !important;
}
.py-10 {
  padding-top: calc(var(--spacing-base) * 10) !important;
  padding-bottom: calc(var(--spacing-base) * 10) !important;
}
.px-10 {
  padding-left: calc(var(--spacing-base) * 10) !important;
  padding-right: calc(var(--spacing-base) * 10) !important;
}
.p-12 {
  padding: calc(var(--spacing-base) * 12) !important;
}
.pl-12 {
  padding-left: calc(var(--spacing-base) * 12) !important;
}
.pt-12 {
  padding-top: calc(var(--spacing-base) * 12) !important;
}
.pr-12 {
  padding-right: calc(var(--spacing-base) * 12) !important;
}
.pb-12 {
  padding-bottom: calc(var(--spacing-base) * 12) !important;
}
.py-12 {
  padding-top: calc(var(--spacing-base) * 12) !important;
  padding-bottom: calc(var(--spacing-base) * 12) !important;
}
.px-12 {
  padding-left: calc(var(--spacing-base) * 12) !important;
  padding-right: calc(var(--spacing-base) * 12) !important;
}
.p-14 {
  padding: calc(var(--spacing-base) * 14) !important;
}
.pl-14 {
  padding-left: calc(var(--spacing-base) * 14) !important;
}
.pt-14 {
  padding-top: calc(var(--spacing-base) * 14) !important;
}
.pr-14 {
  padding-right: calc(var(--spacing-base) * 14) !important;
}
.pb-14 {
  padding-bottom: calc(var(--spacing-base) * 14) !important;
}
.py-14 {
  padding-top: calc(var(--spacing-base) * 14) !important;
  padding-bottom: calc(var(--spacing-base) * 14) !important;
}
.px-14 {
  padding-left: calc(var(--spacing-base) * 14) !important;
  padding-right: calc(var(--spacing-base) * 14) !important;
}
.p-16 {
  padding: calc(var(--spacing-base) * 16) !important;
}
.pl-16 {
  padding-left: calc(var(--spacing-base) * 16) !important;
}
.pt-16 {
  padding-top: calc(var(--spacing-base) * 16) !important;
}
.pr-16 {
  padding-right: calc(var(--spacing-base) * 16) !important;
}
.pb-16 {
  padding-bottom: calc(var(--spacing-base) * 16) !important;
}
.py-16 {
  padding-top: calc(var(--spacing-base) * 16) !important;
  padding-bottom: calc(var(--spacing-base) * 16) !important;
}
.px-16 {
  padding-left: calc(var(--spacing-base) * 16) !important;
  padding-right: calc(var(--spacing-base) * 16) !important;
}
.p-20 {
  padding: calc(var(--spacing-base) * 20) !important;
}
.pl-20 {
  padding-left: calc(var(--spacing-base) * 20) !important;
}
.pt-20 {
  padding-top: calc(var(--spacing-base) * 20) !important;
}
.pr-20 {
  padding-right: calc(var(--spacing-base) * 20) !important;
}
.pb-20 {
  padding-bottom: calc(var(--spacing-base) * 20) !important;
}
.py-20 {
  padding-top: calc(var(--spacing-base) * 20) !important;
  padding-bottom: calc(var(--spacing-base) * 20) !important;
}
.px-20 {
  padding-left: calc(var(--spacing-base) * 20) !important;
  padding-right: calc(var(--spacing-base) * 20) !important;
}
.p-24 {
  padding: calc(var(--spacing-base) * 24) !important;
}
.pl-24 {
  padding-left: calc(var(--spacing-base) * 24) !important;
}
.pt-24 {
  padding-top: calc(var(--spacing-base) * 24) !important;
}
.pr-24 {
  padding-right: calc(var(--spacing-base) * 24) !important;
}
.pb-24 {
  padding-bottom: calc(var(--spacing-base) * 24) !important;
}
.py-24 {
  padding-top: calc(var(--spacing-base) * 24) !important;
  padding-bottom: calc(var(--spacing-base) * 24) !important;
}
.px-24 {
  padding-left: calc(var(--spacing-base) * 24) !important;
  padding-right: calc(var(--spacing-base) * 24) !important;
}
.p-30 {
  padding: calc(var(--spacing-base) * 30) !important;
}
.pl-30 {
  padding-left: calc(var(--spacing-base) * 30) !important;
}
.pt-30 {
  padding-top: calc(var(--spacing-base) * 30) !important;
}
.pr-30 {
  padding-right: calc(var(--spacing-base) * 30) !important;
}
.pb-30 {
  padding-bottom: calc(var(--spacing-base) * 30) !important;
}
.py-30 {
  padding-top: calc(var(--spacing-base) * 30) !important;
  padding-bottom: calc(var(--spacing-base) * 30) !important;
}
.px-30 {
  padding-left: calc(var(--spacing-base) * 30) !important;
  padding-right: calc(var(--spacing-base) * 30) !important;
}
.m-auto {
  margin: auto !important;
}
.ml-auto {
  margin-left: auto !important;
}
.mt-auto {
  margin-top: auto !important;
}
.mr-auto {
  margin-right: auto !important;
}
.mb-auto {
  margin-bottom: auto !important;
}
.my-auto {
  margin-top: auto !important;
  margin-bottom: auto !important;
}
.mx-auto {
  margin-left: auto !important;
  margin-right: auto !important;
}
.m-0 {
  margin: 0 !important;
}
.ml-0 {
  margin-left: 0 !important;
}
.mt-0 {
  margin-top: 0 !important;
}
.mr-0 {
  margin-right: 0 !important;
}
.mb-0 {
  margin-bottom: 0 !important;
}
.my-0 {
  margin-top: 0 !important;
  margin-bottom: 0 !important;
}
.mx-0 {
  margin-left: 0 !important;
  margin-right: 0 !important;
}
.m-05 {
  margin: calc(var(--spacing-base) / 2) !important;
}
.ml-05 {
  margin-left: calc(var(--spacing-base) / 2) !important;
}
.mt-05 {
  margin-top: calc(var(--spacing-base) / 2) !important;
}
.mr-05 {
  margin-right: calc(var(--spacing-base) / 2) !important;
}
.mb-05 {
  margin-bottom: calc(var(--spacing-base) / 2) !important;
}
.my-05 {
  margin-top: calc(var(--spacing-base) / 2) !important;
  margin-bottom: calc(var(--spacing-base) / 2) !important;
}
.mx-05 {
  margin-left: calc(var(--spacing-base) / 2) !important;
  margin-right: calc(var(--spacing-base) / 2) !important;
}
.m-1 {
  margin: calc(var(--spacing-base)) !important;
}
.ml-1 {
  margin-left: calc(var(--spacing-base)) !important;
}
.mt-1 {
  margin-top: calc(var(--spacing-base)) !important;
}
.mr-1 {
  margin-right: calc(var(--spacing-base)) !important;
}
.mb-1 {
  margin-bottom: calc(var(--spacing-base)) !important;
}
.my-1 {
  margin-top: calc(var(--spacing-base)) !important;
  margin-bottom: calc(var(--spacing-base)) !important;
}
.mx-1 {
  margin-left: calc(var(--spacing-base)) !important;
  margin-right: calc(var(--spacing-base)) !important;
}
.m-2 {
  margin: calc(var(--spacing-base) * 2) !important;
}
.ml-2 {
  margin-left: calc(var(--spacing-base) * 2) !important;
}
.mt-2 {
  margin-top: calc(var(--spacing-base) * 2) !important;
}
.mr-2 {
  margin-right: calc(var(--spacing-base) * 2) !important;
}
.mb-2 {
  margin-bottom: calc(var(--spacing-base) * 2) !important;
}
.my-2 {
  margin-top: calc(var(--spacing-base) * 2) !important;
  margin-bottom: calc(var(--spacing-base) * 2) !important;
}
.mx-2 {
  margin-left: calc(var(--spacing-base) * 2) !important;
  margin-right: calc(var(--spacing-base) * 2) !important;
}
.m-3 {
  margin: calc(var(--spacing-base) * 3) !important;
}
.ml-3 {
  margin-left: calc(var(--spacing-base) * 3) !important;
}
.mt-3 {
  margin-top: calc(var(--spacing-base) * 3) !important;
}
.mr-3 {
  margin-right: calc(var(--spacing-base) * 3) !important;
}
.mb-3 {
  margin-bottom: calc(var(--spacing-base) * 3) !important;
}
.my-3 {
  margin-top: calc(var(--spacing-base) * 3) !important;
  margin-bottom: calc(var(--spacing-base) * 3) !important;
}
.mx-3 {
  margin-left: calc(var(--spacing-base) * 3) !important;
  margin-right: calc(var(--spacing-base) * 3) !important;
}
.m-4 {
  margin: calc(var(--spacing-base) * 4) !important;
}
.ml-4 {
  margin-left: calc(var(--spacing-base) * 4) !important;
}
.mt-4 {
  margin-top: calc(var(--spacing-base) * 4) !important;
}
.mr-4 {
  margin-right: calc(var(--spacing-base) * 4) !important;
}
.mb-4 {
  margin-bottom: calc(var(--spacing-base) * 4) !important;
}
.my-4 {
  margin-top: calc(var(--spacing-base) * 4) !important;
  margin-bottom: calc(var(--spacing-base) * 4) !important;
}
.mx-4 {
  margin-left: calc(var(--spacing-base) * 4) !important;
  margin-right: calc(var(--spacing-base) * 4) !important;
}
.m-5 {
  margin: calc(var(--spacing-base) * 5) !important;
}
.ml-5 {
  margin-left: calc(var(--spacing-base) * 5) !important;
}
.mt-5 {
  margin-top: calc(var(--spacing-base) * 5) !important;
}
.mr-5 {
  margin-right: calc(var(--spacing-base) * 5) !important;
}
.mb-5 {
  margin-bottom: calc(var(--spacing-base) * 5) !important;
}
.my-5 {
  margin-top: calc(var(--spacing-base) * 5) !important;
  margin-bottom: calc(var(--spacing-base) * 5) !important;
}
.mx-5 {
  margin-left: calc(var(--spacing-base) * 5) !important;
  margin-right: calc(var(--spacing-base) * 5) !important;
}
.m-6 {
  margin: calc(var(--spacing-base) * 6) !important;
}
.ml-6 {
  margin-left: calc(var(--spacing-base) * 6) !important;
}
.mt-6 {
  margin-top: calc(var(--spacing-base) * 6) !important;
}
.mr-6 {
  margin-right: calc(var(--spacing-base) * 6) !important;
}
.mb-6 {
  margin-bottom: calc(var(--spacing-base) * 6) !important;
}
.my-6 {
  margin-top: calc(var(--spacing-base) * 6) !important;
  margin-bottom: calc(var(--spacing-base) * 6) !important;
}
.mx-6 {
  margin-left: calc(var(--spacing-base) * 6) !important;
  margin-right: calc(var(--spacing-base) * 6) !important;
}
.m-8 {
  margin: calc(var(--spacing-base) * 8) !important;
}
.ml-8 {
  margin-left: calc(var(--spacing-base) * 8) !important;
}
.mt-8 {
  margin-top: calc(var(--spacing-base) * 8) !important;
}
.mr-8 {
  margin-right: calc(var(--spacing-base) * 8) !important;
}
.mb-8 {
  margin-bottom: calc(var(--spacing-base) * 8) !important;
}
.my-8 {
  margin-top: calc(var(--spacing-base) * 8) !important;
  margin-bottom: calc(var(--spacing-base) * 8) !important;
}
.mx-8 {
  margin-left: calc(var(--spacing-base) * 8) !important;
  margin-right: calc(var(--spacing-base) * 8) !important;
}
.m-10 {
  margin: calc(var(--spacing-base) * 10) !important;
}
.ml-10 {
  margin-left: calc(var(--spacing-base) * 10) !important;
}
.mt-10 {
  margin-top: calc(var(--spacing-base) * 10) !important;
}
.mr-10 {
  margin-right: calc(var(--spacing-base) * 10) !important;
}
.mb-10 {
  margin-bottom: calc(var(--spacing-base) * 10) !important;
}
.my-10 {
  margin-top: calc(var(--spacing-base) * 10) !important;
  margin-bottom: calc(var(--spacing-base) * 10) !important;
}
.mx-10 {
  margin-left: calc(var(--spacing-base) * 10) !important;
  margin-right: calc(var(--spacing-base) * 10) !important;
}
.m-12 {
  margin: calc(var(--spacing-base) * 12) !important;
}
.ml-12 {
  margin-left: calc(var(--spacing-base) * 12) !important;
}
.mt-12 {
  margin-top: calc(var(--spacing-base) * 12) !important;
}
.mr-12 {
  margin-right: calc(var(--spacing-base) * 12) !important;
}
.mb-12 {
  margin-bottom: calc(var(--spacing-base) * 12) !important;
}
.my-12 {
  margin-top: calc(var(--spacing-base) * 12) !important;
  margin-bottom: calc(var(--spacing-base) * 12) !important;
}
.mx-12 {
  margin-left: calc(var(--spacing-base) * 12) !important;
  margin-right: calc(var(--spacing-base) * 12) !important;
}
.m-14 {
  margin: calc(var(--spacing-base) * 14) !important;
}
.ml-14 {
  margin-left: calc(var(--spacing-base) * 14) !important;
}
.mt-14 {
  margin-top: calc(var(--spacing-base) * 14) !important;
}
.mr-14 {
  margin-right: calc(var(--spacing-base) * 14) !important;
}
.mb-14 {
  margin-bottom: calc(var(--spacing-base) * 14) !important;
}
.my-14 {
  margin-top: calc(var(--spacing-base) * 14) !important;
  margin-bottom: calc(var(--spacing-base) * 14) !important;
}
.mx-14 {
  margin-left: calc(var(--spacing-base) * 14) !important;
  margin-right: calc(var(--spacing-base) * 14) !important;
}
.m-16 {
  margin: calc(var(--spacing-base) * 16) !important;
}
.ml-16 {
  margin-left: calc(var(--spacing-base) * 16) !important;
}
.mt-16 {
  margin-top: calc(var(--spacing-base) * 16) !important;
}
.mr-16 {
  margin-right: calc(var(--spacing-base) * 16) !important;
}
.mb-16 {
  margin-bottom: calc(var(--spacing-base) * 16) !important;
}
.my-16 {
  margin-top: calc(var(--spacing-base) * 16) !important;
  margin-bottom: calc(var(--spacing-base) * 16) !important;
}
.mx-16 {
  margin-left: calc(var(--spacing-base) * 16) !important;
  margin-right: calc(var(--spacing-base) * 16) !important;
}
.m-20 {
  margin: calc(var(--spacing-base) * 20) !important;
}
.ml-20 {
  margin-left: calc(var(--spacing-base) * 20) !important;
}
.mt-20 {
  margin-top: calc(var(--spacing-base) * 20) !important;
}
.mr-20 {
  margin-right: calc(var(--spacing-base) * 20) !important;
}
.mb-20 {
  margin-bottom: calc(var(--spacing-base) * 20) !important;
}
.my-20 {
  margin-top: calc(var(--spacing-base) * 20) !important;
  margin-bottom: calc(var(--spacing-base) * 20) !important;
}
.mx-20 {
  margin-left: calc(var(--spacing-base) * 20) !important;
  margin-right: calc(var(--spacing-base) * 20) !important;
}
.m-24 {
  margin: calc(var(--spacing-base) * 24) !important;
}
.ml-24 {
  margin-left: calc(var(--spacing-base) * 24) !important;
}
.mt-24 {
  margin-top: calc(var(--spacing-base) * 24) !important;
}
.mr-24 {
  margin-right: calc(var(--spacing-base) * 24) !important;
}
.mb-24 {
  margin-bottom: calc(var(--spacing-base) * 24) !important;
}
.my-24 {
  margin-top: calc(var(--spacing-base) * 24) !important;
  margin-bottom: calc(var(--spacing-base) * 24) !important;
}
.mx-24 {
  margin-left: calc(var(--spacing-base) * 24) !important;
  margin-right: calc(var(--spacing-base) * 24) !important;
}
.m-30 {
  margin: calc(var(--spacing-base) * 30) !important;
}
.ml-30 {
  margin-left: calc(var(--spacing-base) * 30) !important;
}
.mt-30 {
  margin-top: calc(var(--spacing-base) * 30) !important;
}
.mr-30 {
  margin-right: calc(var(--spacing-base) * 30) !important;
}
.mb-30 {
  margin-bottom: calc(var(--spacing-base) * 30) !important;
}
.my-30 {
  margin-top: calc(var(--spacing-base) * 30) !important;
  margin-bottom: calc(var(--spacing-base) * 30) !important;
}
.mx-30 {
  margin-left: calc(var(--spacing-base) * 30) !important;
  margin-right: calc(var(--spacing-base) * 30) !important;
}
.clear-left {
  clear: left !important;
}
.clear-right {
  clear: right !important;
}
.clear-both {
  clear: both !important;
}
.ff-code {
  font-family: var(--fonts-family-code) !important;
}
.fw-normal {
  font-weight: normal !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-bold {
  font-weight: 600 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
@media (min-width: 576px) {
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
.text-white {
  color: #fff !important;
}
.text-light {
  color: var(--colors-grey-100) !important;
}
.text-hint {
  color: var(--colors-grey-600) !important;
}
.text-body-secondary {
  color: var(--colors-grey-700) !important;
}
.text-dark {
  color: var(--colors-grey-900) !important;
}
.text-primary {
  color: var(--colors-primary-700) !important;
}
.text-secondary {
  color: var(--colors-secondary-700) !important;
}
.text-success {
  color: var(--colors-success-700) !important;
}
.text-warning {
  color: var(--colors-warning-700) !important;
}
.text-danger {
  color: var(--colors-danger-700) !important;
}
.text-magenta {
  color: var(--colors-magenta-700) !important;
}
.text-cyan {
  color: var(--colors-cyan-700) !important;
}
.text-emerald {
  color: var(--colors-emerald-700) !important;
}
.text-cardinal {
  color: var(--colors-cardinal-700) !important;
}
.text-linkedin {
  color: var(--colors-brand-linkedin-blue) !important;
}
.text-blurred {
  filter: blur(4px);
}
.text-balance {
  text-wrap: balance !important;
}
.text-3xs-semibold {
  font-size: 1rem !important;
  line-height: 1.2rem !important;
  font-weight: 600 !important;
}
.text-2xs {
  font-size: 1.2rem !important;
  line-height: 1.6rem !important;
  font-weight: 400 !important;
}
.text-2xs-medium {
  font-size: 1.2rem !important;
  line-height: 1.6rem !important;
  font-weight: 500 !important;
}
.text-2xs-semibold {
  font-size: 1.2rem !important;
  line-height: 1.6rem !important;
  font-weight: 600 !important;
}
.text-xs {
  font-size: 1.3rem !important;
  line-height: 2rem !important;
  font-weight: 400 !important;
}
.text-xs-medium {
  font-size: 1.3rem !important;
  line-height: 2rem !important;
  font-weight: 500 !important;
}
.text-xs-semibold {
  font-size: 1.3rem !important;
  line-height: 2rem !important;
  font-weight: 600 !important;
}
.text-sm {
  font-size: 1.4rem !important;
  line-height: 2rem !important;
  font-weight: 400 !important;
}
.text-sm-medium {
  font-size: 1.4rem !important;
  line-height: 2rem !important;
  font-weight: 500 !important;
}
.text-md {
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
  font-weight: 400 !important;
}
.text-md-medium {
  font-size: 1.6rem !important;
  line-height: 2.4rem !important;
  font-weight: 500 !important;
}
.text-lg {
  font-size: 1.8rem !important;
  line-height: 2.8rem !important;
  font-weight: 400 !important;
}
.text-lg-medium {
  font-size: 1.8rem !important;
  line-height: 2.8rem !important;
  font-weight: 500 !important;
}
.text-xl {
  font-size: 2rem !important;
  line-height: 2.4rem !important;
  font-weight: 400 !important;
}
.text-xl-medium {
  font-size: 2rem !important;
  line-height: 2.4rem !important;
  font-weight: 500 !important;
}
.text-2xl {
  font-size: 2.4rem !important;
  line-height: 3.2rem !important;
  font-weight: 400 !important;
}
.text-2xl-medium {
  font-size: 2.4rem !important;
  line-height: 3.2rem !important;
  font-weight: 500 !important;
}
/*! purgecss start ignore */
.white, .technologies.index .front-breadcrumb li,
.technologies.show .front-breadcrumb li,
.domains_lists.new .front-breadcrumb li,
.domains_lists.show .front-breadcrumb li,
.verification.show .front-breadcrumb li, #lead-alert {
  color: #fff;
  fill: #fff;
}
.white[class*=fa-], .technologies.index .front-breadcrumb li[class*=fa-],
.technologies.show .front-breadcrumb li[class*=fa-],
.domains_lists.new .front-breadcrumb li[class*=fa-],
.domains_lists.show .front-breadcrumb li[class*=fa-],
.verification.show .front-breadcrumb li[class*=fa-], [class*=fa-]#lead-alert {
  color: #fff;
  fill: #fff;
}
.white:hover, .technologies.index .front-breadcrumb li:hover,
.technologies.show .front-breadcrumb li:hover,
.domains_lists.new .front-breadcrumb li:hover,
.domains_lists.show .front-breadcrumb li:hover,
.verification.show .front-breadcrumb li:hover, #lead-alert:hover, .white:focus, .technologies.index .front-breadcrumb li:focus,
.technologies.show .front-breadcrumb li:focus,
.domains_lists.new .front-breadcrumb li:focus,
.domains_lists.show .front-breadcrumb li:focus,
.verification.show .front-breadcrumb li:focus, #lead-alert:focus, .white:active, .technologies.index .front-breadcrumb li:active,
.technologies.show .front-breadcrumb li:active,
.domains_lists.new .front-breadcrumb li:active,
.domains_lists.show .front-breadcrumb li:active,
.verification.show .front-breadcrumb li:active, #lead-alert:active {
  color: #fff;
  text-decoration: none;
}
.white a, .technologies.index .front-breadcrumb li a,
.technologies.show .front-breadcrumb li a,
.domains_lists.new .front-breadcrumb li a,
.domains_lists.show .front-breadcrumb li a,
.verification.show .front-breadcrumb li a, #lead-alert a,
.white a:hover,
.white a:focus,
.white a:active {
  border-bottom: 1px solid #fff;
  color: #fff;
  text-decoration: none;
  transition: all 250ms ease;
}
.white a:hover, .technologies.index .front-breadcrumb li a:hover,
.technologies.show .front-breadcrumb li a:hover,
.domains_lists.new .front-breadcrumb li a:hover,
.domains_lists.show .front-breadcrumb li a:hover,
.verification.show .front-breadcrumb li a:hover, #lead-alert a:hover {
  border-color: #fff;
  cursor: pointer;
}
.white a.no-underline, .technologies.index .front-breadcrumb li a.no-underline,
.technologies.show .front-breadcrumb li a.no-underline,
.domains_lists.new .front-breadcrumb li a.no-underline,
.domains_lists.show .front-breadcrumb li a.no-underline,
.verification.show .front-breadcrumb li a.no-underline, #lead-alert a.no-underline {
  border: 0;
}
.white path, .technologies.index .front-breadcrumb li path,
.technologies.show .front-breadcrumb li path,
.domains_lists.new .front-breadcrumb li path,
.domains_lists.show .front-breadcrumb li path,
.verification.show .front-breadcrumb li path, #lead-alert path {
  fill: #fff;
}
.black, .application-front section.faq-open ul, .application-front section.faq-open p, .application-front section.faq .row-detail, .application-front section .text-content p, .search_landing_page.show .search-container .search-message, .compose-modal .modal-body .recipient-line .compose-previous-messages {
  color: var(--colors-grey-900);
  fill: var(--colors-grey-800);
}
.black[class*=fa-], .application-front section.faq-open ul[class*=fa-], .application-front section.faq-open p[class*=fa-], .application-front section.faq [class*=fa-].row-detail, .application-front section .text-content p[class*=fa-], .search_landing_page.show .search-container [class*=fa-].search-message, .compose-modal .modal-body .recipient-line [class*=fa-].compose-previous-messages {
  color: var(--colors-grey-800);
  fill: var(--colors-grey-800);
}
.black:hover, .application-front section.faq-open ul:hover, .application-front section.faq-open p:hover, .application-front section.faq .row-detail:hover, .application-front section .text-content p:hover, .search_landing_page.show .search-container .search-message:hover, .compose-modal .modal-body .recipient-line .compose-previous-messages:hover, .black:focus, .application-front section.faq-open ul:focus, .application-front section.faq-open p:focus, .application-front section.faq .row-detail:focus, .application-front section .text-content p:focus, .search_landing_page.show .search-container .search-message:focus, .compose-modal .modal-body .recipient-line .compose-previous-messages:focus, .black:active, .application-front section.faq-open ul:active, .application-front section.faq-open p:active, .application-front section.faq .row-detail:active, .application-front section .text-content p:active, .search_landing_page.show .search-container .search-message:active, .compose-modal .modal-body .recipient-line .compose-previous-messages:active {
  color: var(--colors-grey-900);
  text-decoration: none;
}
.black a, .application-front section.faq-open ul a, .application-front section.faq-open p a, .application-front section.faq .row-detail a, .application-front section .text-content p a, .search_landing_page.show .search-container .search-message a, .compose-modal .modal-body .recipient-line .compose-previous-messages a,
.black a:hover,
.black a:focus,
.black a:active {
  border-bottom: 1px solid var(--colors-grey-500);
  color: var(--colors-grey-900);
  text-decoration: none;
  transition: all 250ms ease;
}
.black a:hover, .application-front section.faq-open ul a:hover, .application-front section.faq-open p a:hover, .application-front section.faq .row-detail a:hover, .application-front section .text-content p a:hover, .search_landing_page.show .search-container .search-message a:hover, .compose-modal .modal-body .recipient-line .compose-previous-messages a:hover {
  border-color: var(--colors-grey-600);
  cursor: pointer;
}
.black a.no-underline, .application-front section.faq-open ul a.no-underline, .application-front section.faq-open p a.no-underline, .application-front section.faq .row-detail a.no-underline, .application-front section .text-content p a.no-underline, .search_landing_page.show .search-container .search-message a.no-underline, .compose-modal .modal-body .recipient-line .compose-previous-messages a.no-underline {
  border: 0;
}
.black path, .application-front section.faq-open ul path, .application-front section.faq-open p path, .application-front section.faq .row-detail path, .application-front section .text-content p path, .search_landing_page.show .search-container .search-message path, .compose-modal .modal-body .recipient-line .compose-previous-messages path {
  fill: var(--colors-grey-800);
}
.grey, .application-front .testimonial .testimonial__author, .application-front .front-breadcrumb ol, .connected_apps.index .full-width-table .remove-cell, .button-container .button-container-hint, .board-box h1 .subtitle, .onboarding-box h1 .subtitle,
.board-box h2 .subtitle,
.onboarding-box h2 .subtitle, .help-block {
  color: var(--colors-grey-600);
  fill: var(--colors-grey-500);
}
.grey[class*=fa-], .application-front .testimonial [class*=fa-].testimonial__author, .application-front .front-breadcrumb ol[class*=fa-], .connected_apps.index .full-width-table [class*=fa-].remove-cell, .button-container [class*=fa-].button-container-hint, .board-box h1 [class*=fa-].subtitle, .onboarding-box h1 [class*=fa-].subtitle,
.board-box h2 [class*=fa-].subtitle,
.onboarding-box h2 [class*=fa-].subtitle, [class*=fa-].help-block {
  color: var(--colors-grey-500);
  fill: var(--colors-grey-500);
}
.grey:hover, .application-front .testimonial .testimonial__author:hover, .application-front .front-breadcrumb ol:hover, .connected_apps.index .full-width-table .remove-cell:hover, .button-container .button-container-hint:hover, .board-box h1 .subtitle:hover, .onboarding-box h1 .subtitle:hover,
.board-box h2 .subtitle:hover,
.onboarding-box h2 .subtitle:hover, .help-block:hover, .grey:focus, .application-front .testimonial .testimonial__author:focus, .application-front .front-breadcrumb ol:focus, .connected_apps.index .full-width-table .remove-cell:focus, .button-container .button-container-hint:focus, .board-box h1 .subtitle:focus, .onboarding-box h1 .subtitle:focus,
.board-box h2 .subtitle:focus,
.onboarding-box h2 .subtitle:focus, .help-block:focus, .grey:active, .application-front .testimonial .testimonial__author:active, .application-front .front-breadcrumb ol:active, .connected_apps.index .full-width-table .remove-cell:active, .button-container .button-container-hint:active, .board-box h1 .subtitle:active, .onboarding-box h1 .subtitle:active,
.board-box h2 .subtitle:active,
.onboarding-box h2 .subtitle:active, .help-block:active {
  color: var(--colors-grey-600);
  text-decoration: none;
}
.grey a, .application-front .testimonial .testimonial__author a, .application-front .front-breadcrumb ol a, .connected_apps.index .full-width-table .remove-cell a, .button-container .button-container-hint a, .board-box h1 .subtitle a, .onboarding-box h1 .subtitle a,
.board-box h2 .subtitle a,
.onboarding-box h2 .subtitle a, .help-block a,
.grey a:hover,
.grey a:focus,
.grey a:active {
  border-bottom: 1px solid var(--colors-grey-300);
  color: var(--colors-grey-600);
  text-decoration: none;
  transition: all 250ms ease;
}
.grey a:hover, .application-front .testimonial .testimonial__author a:hover, .application-front .front-breadcrumb ol a:hover, .connected_apps.index .full-width-table .remove-cell a:hover, .button-container .button-container-hint a:hover, .board-box h1 .subtitle a:hover, .onboarding-box h1 .subtitle a:hover,
.board-box h2 .subtitle a:hover,
.onboarding-box h2 .subtitle a:hover, .help-block a:hover {
  border-color: var(--colors-grey-400);
  cursor: pointer;
}
.grey a.no-underline, .application-front .testimonial .testimonial__author a.no-underline, .application-front .front-breadcrumb ol a.no-underline, .connected_apps.index .full-width-table .remove-cell a.no-underline, .button-container .button-container-hint a.no-underline, .board-box h1 .subtitle a.no-underline, .onboarding-box h1 .subtitle a.no-underline,
.board-box h2 .subtitle a.no-underline,
.onboarding-box h2 .subtitle a.no-underline, .help-block a.no-underline {
  border: 0;
}
.grey path, .application-front .testimonial .testimonial__author path, .application-front .front-breadcrumb ol path, .connected_apps.index .full-width-table .remove-cell path, .button-container .button-container-hint path, .board-box h1 .subtitle path, .onboarding-box h1 .subtitle path,
.board-box h2 .subtitle path,
.onboarding-box h2 .subtitle path, .help-block path {
  fill: var(--colors-grey-500);
}
.light-grey, .card-security-hint, .checkout.index .address-hint, .search_landing_page.show .search-container .search-loader, .compose-modal .modal-body .template-line .manage-templates,
.compose-modal .modal-body .email-account-line .manage-templates, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button,
.audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button,
.content.show .campaign-breadcrumb .breadcrumb-buttons .back-button,
.messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button,
.stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button, .onboarding-box.onboarding-box-horizontal .close-onboarding-box, .bulk_searches.show .bulk-details .additional-details,
.bulk_finders.show:not(.configuration) .bulk-details .additional-details,
.bulk_verifications.show .bulk-details .additional-details,
.bulk_searches.confirmation.show .bulk-details .additional-details, .alert-no-content p {
  color: var(--colors-grey-600);
  fill: var(--colors-grey-500);
}
.light-grey[class*=fa-], [class*=fa-].card-security-hint, .checkout.index [class*=fa-].address-hint, .search_landing_page.show .search-container [class*=fa-].search-loader, .compose-modal .modal-body .template-line [class*=fa-].manage-templates,
.compose-modal .modal-body .email-account-line [class*=fa-].manage-templates, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons [class*=fa-].back-button,
.audience.show .campaign-breadcrumb .breadcrumb-buttons [class*=fa-].back-button,
.content.show .campaign-breadcrumb .breadcrumb-buttons [class*=fa-].back-button,
.messages.index .campaign-breadcrumb .breadcrumb-buttons [class*=fa-].back-button,
.stats.index .campaign-breadcrumb .breadcrumb-buttons [class*=fa-].back-button,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons [class*=fa-].back-button, .onboarding-box.onboarding-box-horizontal [class*=fa-].close-onboarding-box, .bulk_searches.show .bulk-details [class*=fa-].additional-details,
.bulk_finders.show:not(.configuration) .bulk-details [class*=fa-].additional-details,
.bulk_verifications.show .bulk-details [class*=fa-].additional-details, .alert-no-content p[class*=fa-] {
  color: var(--colors-grey-500);
  fill: var(--colors-grey-500);
}
.light-grey:hover, .card-security-hint:hover, .checkout.index .address-hint:hover, .search_landing_page.show .search-container .search-loader:hover, .compose-modal .modal-body .template-line .manage-templates:hover,
.compose-modal .modal-body .email-account-line .manage-templates:hover, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button:hover,
.audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button:hover,
.content.show .campaign-breadcrumb .breadcrumb-buttons .back-button:hover,
.messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button:hover,
.stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button:hover,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button:hover, .onboarding-box.onboarding-box-horizontal .close-onboarding-box:hover, .bulk_searches.show .bulk-details .additional-details:hover,
.bulk_finders.show:not(.configuration) .bulk-details .additional-details:hover,
.bulk_verifications.show .bulk-details .additional-details:hover, .alert-no-content p:hover, .light-grey:focus, .card-security-hint:focus, .checkout.index .address-hint:focus, .search_landing_page.show .search-container .search-loader:focus, .compose-modal .modal-body .template-line .manage-templates:focus,
.compose-modal .modal-body .email-account-line .manage-templates:focus, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button:focus,
.audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button:focus,
.content.show .campaign-breadcrumb .breadcrumb-buttons .back-button:focus,
.messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button:focus,
.stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button:focus,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button:focus, .onboarding-box.onboarding-box-horizontal .close-onboarding-box:focus, .bulk_searches.show .bulk-details .additional-details:focus,
.bulk_finders.show:not(.configuration) .bulk-details .additional-details:focus,
.bulk_verifications.show .bulk-details .additional-details:focus, .alert-no-content p:focus, .light-grey:active, .card-security-hint:active, .checkout.index .address-hint:active, .search_landing_page.show .search-container .search-loader:active, .compose-modal .modal-body .template-line .manage-templates:active,
.compose-modal .modal-body .email-account-line .manage-templates:active, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button:active,
.audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button:active,
.content.show .campaign-breadcrumb .breadcrumb-buttons .back-button:active,
.messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button:active,
.stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button:active,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button:active, .onboarding-box.onboarding-box-horizontal .close-onboarding-box:active, .bulk_searches.show .bulk-details .additional-details:active,
.bulk_finders.show:not(.configuration) .bulk-details .additional-details:active,
.bulk_verifications.show .bulk-details .additional-details:active, .alert-no-content p:active {
  color: var(--colors-grey-600);
  text-decoration: none;
}
.light-grey a, .card-security-hint a, .checkout.index .address-hint a, .search_landing_page.show .search-container .search-loader a, .compose-modal .modal-body .template-line .manage-templates a,
.compose-modal .modal-body .email-account-line .manage-templates a, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button a,
.audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button a,
.content.show .campaign-breadcrumb .breadcrumb-buttons .back-button a,
.messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button a,
.stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button a,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button a, .onboarding-box.onboarding-box-horizontal .close-onboarding-box a, .bulk_searches.show .bulk-details .additional-details a,
.bulk_finders.show:not(.configuration) .bulk-details .additional-details a,
.bulk_verifications.show .bulk-details .additional-details a,
.bulk_searches.confirmation.show .bulk-details .additional-details a, .alert-no-content p a,
.light-grey a:hover,
.light-grey a:focus,
.light-grey a:active {
  border-bottom: 1px solid var(--colors-grey-300);
  color: var(--colors-grey-600);
  text-decoration: none;
  transition: all 250ms ease;
}
.light-grey a:hover, .card-security-hint a:hover, .checkout.index .address-hint a:hover, .search_landing_page.show .search-container .search-loader a:hover, .compose-modal .modal-body .template-line .manage-templates a:hover,
.compose-modal .modal-body .email-account-line .manage-templates a:hover, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button a:hover,
.audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button a:hover,
.content.show .campaign-breadcrumb .breadcrumb-buttons .back-button a:hover,
.messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button a:hover,
.stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button a:hover,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button a:hover, .onboarding-box.onboarding-box-horizontal .close-onboarding-box a:hover, .bulk_searches.show .bulk-details .additional-details a:hover,
.bulk_finders.show:not(.configuration) .bulk-details .additional-details a:hover,
.bulk_verifications.show .bulk-details .additional-details a:hover, .alert-no-content p a:hover {
  border-color: var(--colors-grey-400);
  cursor: pointer;
}
.light-grey a.no-underline, .card-security-hint a.no-underline, .checkout.index .address-hint a.no-underline, .search_landing_page.show .search-container .search-loader a.no-underline, .compose-modal .modal-body .template-line .manage-templates a.no-underline,
.compose-modal .modal-body .email-account-line .manage-templates a.no-underline, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button a.no-underline,
.audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button a.no-underline,
.content.show .campaign-breadcrumb .breadcrumb-buttons .back-button a.no-underline,
.messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button a.no-underline,
.stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button a.no-underline,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button a.no-underline, .onboarding-box.onboarding-box-horizontal .close-onboarding-box a.no-underline, .bulk_searches.show .bulk-details .additional-details a.no-underline,
.bulk_finders.show:not(.configuration) .bulk-details .additional-details a.no-underline,
.bulk_verifications.show .bulk-details .additional-details a.no-underline, .alert-no-content p a.no-underline {
  border: 0;
}
.light-grey path, .card-security-hint path, .checkout.index .address-hint path, .search_landing_page.show .search-container .search-loader path, .compose-modal .modal-body .template-line .manage-templates path,
.compose-modal .modal-body .email-account-line .manage-templates path, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button path,
.audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button path,
.content.show .campaign-breadcrumb .breadcrumb-buttons .back-button path,
.messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button path,
.stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button path,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button path, .onboarding-box.onboarding-box-horizontal .close-onboarding-box path, .bulk_searches.show .bulk-details .additional-details path,
.bulk_finders.show:not(.configuration) .bulk-details .additional-details path,
.bulk_verifications.show .bulk-details .additional-details path,
.bulk_searches.confirmation.show .bulk-details .additional-details path, .alert-no-content p path {
  fill: var(--colors-grey-500);
}
.dark-grey, .application-front section#references, .application-front section .big-p, .email_templates.show .templates-main .template-quote blockquote,
.email_templates.index .templates-main .template-quote blockquote, #frozen-bar,
#quota-reached-bar,
#terms-acceptance-bar,
#pending-invite-bar {
  color: var(--colors-grey-800);
  fill: var(--colors-grey-700);
}
.dark-grey[class*=fa-], .application-front section[class*=fa-]#references, .application-front section [class*=fa-].big-p, .email_templates.show .templates-main .template-quote blockquote[class*=fa-],
.email_templates.index .templates-main .template-quote blockquote[class*=fa-], [class*=fa-]#frozen-bar,
[class*=fa-]#quota-reached-bar,
[class*=fa-]#terms-acceptance-bar,
[class*=fa-]#pending-invite-bar {
  color: var(--colors-grey-700);
  fill: var(--colors-grey-700);
}
.dark-grey:hover, .application-front section#references:hover, .application-front section .big-p:hover, .email_templates.show .templates-main .template-quote blockquote:hover,
.email_templates.index .templates-main .template-quote blockquote:hover, #frozen-bar:hover,
#quota-reached-bar:hover,
#terms-acceptance-bar:hover,
#pending-invite-bar:hover, .dark-grey:focus, .application-front section#references:focus, .application-front section .big-p:focus, .email_templates.show .templates-main .template-quote blockquote:focus,
.email_templates.index .templates-main .template-quote blockquote:focus, #frozen-bar:focus,
#quota-reached-bar:focus,
#terms-acceptance-bar:focus,
#pending-invite-bar:focus, .dark-grey:active, .application-front section#references:active, .application-front section .big-p:active, .email_templates.show .templates-main .template-quote blockquote:active,
.email_templates.index .templates-main .template-quote blockquote:active, #frozen-bar:active,
#quota-reached-bar:active,
#terms-acceptance-bar:active,
#pending-invite-bar:active {
  color: var(--colors-grey-800);
  text-decoration: none;
}
.dark-grey a, .application-front section#references a, .application-front section .big-p a, .email_templates.show .templates-main .template-quote blockquote a,
.email_templates.index .templates-main .template-quote blockquote a, #frozen-bar a,
#quota-reached-bar a,
#terms-acceptance-bar a,
#pending-invite-bar a,
.dark-grey a:hover,
.dark-grey a:focus,
.dark-grey a:active {
  border-bottom: 1px solid var(--colors-grey-400);
  color: var(--colors-grey-800);
  text-decoration: none;
  transition: all 250ms ease;
}
.dark-grey a:hover, .application-front section#references a:hover, .application-front section .big-p a:hover, .email_templates.show .templates-main .template-quote blockquote a:hover,
.email_templates.index .templates-main .template-quote blockquote a:hover, #frozen-bar a:hover,
#quota-reached-bar a:hover,
#terms-acceptance-bar a:hover,
#pending-invite-bar a:hover {
  border-color: var(--colors-grey-500);
  cursor: pointer;
}
.dark-grey a.no-underline, .application-front section#references a.no-underline, .application-front section .big-p a.no-underline, .email_templates.show .templates-main .template-quote blockquote a.no-underline,
.email_templates.index .templates-main .template-quote blockquote a.no-underline, #frozen-bar a.no-underline,
#quota-reached-bar a.no-underline,
#terms-acceptance-bar a.no-underline,
#pending-invite-bar a.no-underline {
  border: 0;
}
.dark-grey path, .application-front section#references path, .application-front section .big-p path, .email_templates.show .templates-main .template-quote blockquote path,
.email_templates.index .templates-main .template-quote blockquote path, #frozen-bar path,
#quota-reached-bar path,
#terms-acceptance-bar path,
#pending-invite-bar path {
  fill: var(--colors-grey-700);
}
.orange {
  color: var(--colors-primary-700);
  fill: var(--colors-primary-600);
}
.orange[class*=fa-] {
  color: var(--colors-primary-600);
  fill: var(--colors-primary-600);
}
.orange:hover, .orange:focus, .orange:active {
  color: var(--colors-primary-700);
  text-decoration: none;
}
.orange a,
.orange a:hover,
.orange a:focus,
.orange a:active {
  border-bottom: 1px solid var(--colors-primary-300);
  color: var(--colors-primary-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.orange a:hover {
  border-color: var(--colors-primary-400);
  cursor: pointer;
}
.orange a.no-underline {
  border: 0;
}
.orange path {
  fill: var(--colors-primary-600);
}
.purple {
  color: var(--colors-magenta-700);
  fill: var(--colors-magenta-500);
}
.purple[class*=fa-] {
  color: var(--colors-magenta-500);
  fill: var(--colors-magenta-500);
}
.purple:hover, .purple:focus, .purple:active {
  color: var(--colors-magenta-700);
  text-decoration: none;
}
.purple a,
.purple a:hover,
.purple a:focus,
.purple a:active {
  border-bottom: 1px solid var(--colors-magenta-200);
  color: var(--colors-magenta-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.purple a:hover {
  border-color: var(--colors-magenta-500);
  cursor: pointer;
}
.purple a.no-underline {
  border: 0;
}
.purple path {
  fill: var(--colors-magenta-500);
}
.green {
  color: var(--colors-success-700);
  fill: var(--colors-success-600);
}
.green[class*=fa-] {
  color: var(--colors-success-600);
  fill: var(--colors-success-600);
}
.green:hover, .green:focus, .green:active {
  color: var(--colors-success-700);
  text-decoration: none;
}
.green a,
.green a:hover,
.green a:focus,
.green a:active {
  border-bottom: 1px solid var(--colors-success-400);
  color: var(--colors-success-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.green a:hover {
  border-color: var(--colors-success-500);
  cursor: pointer;
}
.green a.no-underline {
  border: 0;
}
.green path {
  fill: var(--colors-success-600);
}
.emerald {
  color: var(--colors-emerald-700);
  fill: var(--colors-emerald-500);
}
.emerald[class*=fa-] {
  color: var(--colors-emerald-500);
  fill: var(--colors-emerald-500);
}
.emerald:hover, .emerald:focus, .emerald:active {
  color: var(--colors-emerald-700);
  text-decoration: none;
}
.emerald a,
.emerald a:hover,
.emerald a:focus,
.emerald a:active {
  border-bottom: 1px solid var(--colors-emerald-200);
  color: var(--colors-emerald-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.emerald a:hover {
  border-color: var(--colors-emerald-500);
  cursor: pointer;
}
.emerald a.no-underline {
  border: 0;
}
.emerald path {
  fill: var(--colors-emerald-500);
}
.dark-green, .bulk_searches.show .score-message.green-message,
.bulk_finders.show:not(.configuration) .score-message.green-message,
.bulk_verifications.show .score-message.green-message,
.bulk_searches.confirmation.show .score-message.green-message, .alert-success {
  color: var(--colors-success-700);
  fill: var(--colors-success-600);
}
.dark-green[class*=fa-], .bulk_searches.show [class*=fa-].score-message.green-message,
.bulk_finders.show:not(.configuration) [class*=fa-].score-message.green-message,
.bulk_verifications.show [class*=fa-].score-message.green-message, [class*=fa-].alert-success {
  color: var(--colors-success-600);
  fill: var(--colors-success-600);
}
.dark-green:hover, .bulk_searches.show .score-message.green-message:hover,
.bulk_finders.show:not(.configuration) .score-message.green-message:hover,
.bulk_verifications.show .score-message.green-message:hover, .alert-success:hover, .dark-green:focus, .bulk_searches.show .score-message.green-message:focus,
.bulk_finders.show:not(.configuration) .score-message.green-message:focus,
.bulk_verifications.show .score-message.green-message:focus, .alert-success:focus, .dark-green:active, .bulk_searches.show .score-message.green-message:active,
.bulk_finders.show:not(.configuration) .score-message.green-message:active,
.bulk_verifications.show .score-message.green-message:active, .alert-success:active {
  color: var(--colors-success-700);
  text-decoration: none;
}
.dark-green a, .bulk_searches.show .score-message.green-message a,
.bulk_finders.show:not(.configuration) .score-message.green-message a,
.bulk_verifications.show .score-message.green-message a,
.bulk_searches.confirmation.show .score-message.green-message a, .alert-success a,
.dark-green a:hover,
.dark-green a:focus,
.dark-green a:active {
  border-bottom: 1px solid var(--colors-success-400);
  color: var(--colors-success-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.dark-green a:hover, .bulk_searches.show .score-message.green-message a:hover,
.bulk_finders.show:not(.configuration) .score-message.green-message a:hover,
.bulk_verifications.show .score-message.green-message a:hover, .alert-success a:hover {
  border-color: var(--colors-success-500);
  cursor: pointer;
}
.dark-green a.no-underline, .bulk_searches.show .score-message.green-message a.no-underline,
.bulk_finders.show:not(.configuration) .score-message.green-message a.no-underline,
.bulk_verifications.show .score-message.green-message a.no-underline, .alert-success a.no-underline {
  border: 0;
}
.dark-green path, .bulk_searches.show .score-message.green-message path,
.bulk_finders.show:not(.configuration) .score-message.green-message path,
.bulk_verifications.show .score-message.green-message path,
.bulk_searches.confirmation.show .score-message.green-message path, .alert-success path {
  fill: var(--colors-success-600);
}
.red {
  color: var(--colors-danger-700);
  fill: var(--colors-danger-600);
}
.red[class*=fa-] {
  color: var(--colors-danger-600);
  fill: var(--colors-danger-600);
}
.red:hover, .red:focus, .red:active {
  color: var(--colors-danger-700);
  text-decoration: none;
}
.red a,
.red a:hover,
.red a:focus,
.red a:active {
  border-bottom: 1px solid var(--colors-danger-400);
  color: var(--colors-danger-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.red a:hover {
  border-color: var(--colors-danger-500);
  cursor: pointer;
}
.red a.no-underline {
  border: 0;
}
.red path {
  fill: var(--colors-danger-600);
}
.dark-red, .bulk_searches.show .score-message.red-message,
.bulk_finders.show:not(.configuration) .score-message.red-message,
.bulk_verifications.show .score-message.red-message,
.bulk_searches.confirmation.show .score-message.red-message, .alert-danger {
  color: var(--colors-danger-700);
  fill: var(--colors-danger-600);
}
.dark-red[class*=fa-], .bulk_searches.show [class*=fa-].score-message.red-message,
.bulk_finders.show:not(.configuration) [class*=fa-].score-message.red-message,
.bulk_verifications.show [class*=fa-].score-message.red-message, [class*=fa-].alert-danger {
  color: var(--colors-danger-600);
  fill: var(--colors-danger-600);
}
.dark-red:hover, .bulk_searches.show .score-message.red-message:hover,
.bulk_finders.show:not(.configuration) .score-message.red-message:hover,
.bulk_verifications.show .score-message.red-message:hover, .alert-danger:hover, .dark-red:focus, .bulk_searches.show .score-message.red-message:focus,
.bulk_finders.show:not(.configuration) .score-message.red-message:focus,
.bulk_verifications.show .score-message.red-message:focus, .alert-danger:focus, .dark-red:active, .bulk_searches.show .score-message.red-message:active,
.bulk_finders.show:not(.configuration) .score-message.red-message:active,
.bulk_verifications.show .score-message.red-message:active, .alert-danger:active {
  color: var(--colors-danger-700);
  text-decoration: none;
}
.dark-red a, .bulk_searches.show .score-message.red-message a,
.bulk_finders.show:not(.configuration) .score-message.red-message a,
.bulk_verifications.show .score-message.red-message a,
.bulk_searches.confirmation.show .score-message.red-message a, .alert-danger a,
.dark-red a:hover,
.dark-red a:focus,
.dark-red a:active {
  border-bottom: 1px solid var(--colors-danger-400);
  color: var(--colors-danger-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.dark-red a:hover, .bulk_searches.show .score-message.red-message a:hover,
.bulk_finders.show:not(.configuration) .score-message.red-message a:hover,
.bulk_verifications.show .score-message.red-message a:hover, .alert-danger a:hover {
  border-color: var(--colors-danger-500);
  cursor: pointer;
}
.dark-red a.no-underline, .bulk_searches.show .score-message.red-message a.no-underline,
.bulk_finders.show:not(.configuration) .score-message.red-message a.no-underline,
.bulk_verifications.show .score-message.red-message a.no-underline, .alert-danger a.no-underline {
  border: 0;
}
.dark-red path, .bulk_searches.show .score-message.red-message path,
.bulk_finders.show:not(.configuration) .score-message.red-message path,
.bulk_verifications.show .score-message.red-message path,
.bulk_searches.confirmation.show .score-message.red-message path, .alert-danger path {
  fill: var(--colors-danger-600);
}
.beige, .bulk_searches.show .score-message.beige-message,
.bulk_finders.show:not(.configuration) .score-message.beige-message,
.bulk_verifications.show .score-message.beige-message,
.bulk_searches.confirmation.show .score-message.beige-message, .alert-warning {
  color: var(--colors-warning-700);
  fill: var(--colors-warning-500);
}
.beige[class*=fa-], .bulk_searches.show [class*=fa-].score-message.beige-message,
.bulk_finders.show:not(.configuration) [class*=fa-].score-message.beige-message,
.bulk_verifications.show [class*=fa-].score-message.beige-message, [class*=fa-].alert-warning {
  color: var(--colors-warning-500);
  fill: var(--colors-warning-500);
}
.beige:hover, .bulk_searches.show .score-message.beige-message:hover,
.bulk_finders.show:not(.configuration) .score-message.beige-message:hover,
.bulk_verifications.show .score-message.beige-message:hover, .alert-warning:hover, .beige:focus, .bulk_searches.show .score-message.beige-message:focus,
.bulk_finders.show:not(.configuration) .score-message.beige-message:focus,
.bulk_verifications.show .score-message.beige-message:focus, .alert-warning:focus, .beige:active, .bulk_searches.show .score-message.beige-message:active,
.bulk_finders.show:not(.configuration) .score-message.beige-message:active,
.bulk_verifications.show .score-message.beige-message:active, .alert-warning:active {
  color: var(--colors-warning-700);
  text-decoration: none;
}
.beige a, .bulk_searches.show .score-message.beige-message a,
.bulk_finders.show:not(.configuration) .score-message.beige-message a,
.bulk_verifications.show .score-message.beige-message a,
.bulk_searches.confirmation.show .score-message.beige-message a, .alert-warning a,
.beige a:hover,
.beige a:focus,
.beige a:active {
  border-bottom: 1px solid var(--colors-warning-400);
  color: var(--colors-warning-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.beige a:hover, .bulk_searches.show .score-message.beige-message a:hover,
.bulk_finders.show:not(.configuration) .score-message.beige-message a:hover,
.bulk_verifications.show .score-message.beige-message a:hover, .alert-warning a:hover {
  border-color: var(--colors-warning-500);
  cursor: pointer;
}
.beige a.no-underline, .bulk_searches.show .score-message.beige-message a.no-underline,
.bulk_finders.show:not(.configuration) .score-message.beige-message a.no-underline,
.bulk_verifications.show .score-message.beige-message a.no-underline, .alert-warning a.no-underline {
  border: 0;
}
.beige path, .bulk_searches.show .score-message.beige-message path,
.bulk_finders.show:not(.configuration) .score-message.beige-message path,
.bulk_verifications.show .score-message.beige-message path,
.bulk_searches.confirmation.show .score-message.beige-message path, .alert-warning path {
  fill: var(--colors-warning-500);
}
.dark-orange {
  color: var(--colors-warning-700);
  fill: var(--colors-warning-500);
}
.dark-orange[class*=fa-] {
  color: var(--colors-warning-500);
  fill: var(--colors-warning-500);
}
.dark-orange:hover, .dark-orange:focus, .dark-orange:active {
  color: var(--colors-warning-700);
  text-decoration: none;
}
.dark-orange a,
.dark-orange a:hover,
.dark-orange a:focus,
.dark-orange a:active {
  border-bottom: 1px solid var(--colors-warning-400);
  color: var(--colors-warning-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.dark-orange a:hover {
  border-color: var(--colors-warning-500);
  cursor: pointer;
}
.dark-orange a.no-underline {
  border: 0;
}
.dark-orange path {
  fill: var(--colors-warning-500);
}
.blue {
  color: var(--colors-secondary-700);
  fill: var(--colors-secondary-600);
}
.blue[class*=fa-] {
  color: var(--colors-secondary-600);
  fill: var(--colors-secondary-600);
}
.blue:hover, .blue:focus, .blue:active {
  color: var(--colors-secondary-700);
  text-decoration: none;
}
.blue a,
.blue a:hover,
.blue a:focus,
.blue a:active {
  border-bottom: 1px solid var(--colors-secondary-400);
  color: var(--colors-secondary-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.blue a:hover {
  border-color: var(--colors-secondary-500);
  cursor: pointer;
}
.blue a.no-underline {
  border: 0;
}
.blue path {
  fill: var(--colors-secondary-600);
}
.cyan {
  color: var(--colors-cyan-700);
  fill: var(--colors-cyan-500);
}
.cyan[class*=fa-] {
  color: var(--colors-cyan-500);
  fill: var(--colors-cyan-500);
}
.cyan:hover, .cyan:focus, .cyan:active {
  color: var(--colors-cyan-700);
  text-decoration: none;
}
.cyan a,
.cyan a:hover,
.cyan a:focus,
.cyan a:active {
  border-bottom: 1px solid var(--colors-cyan-200);
  color: var(--colors-cyan-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.cyan a:hover {
  border-color: var(--colors-cyan-200);
  cursor: pointer;
}
.cyan a.no-underline {
  border: 0;
}
.cyan path {
  fill: var(--colors-cyan-500);
}
.cardinal {
  color: var(--colors-cardinal-700);
  fill: var(--colors-cardinal-500);
}
.cardinal[class*=fa-] {
  color: var(--colors-cardinal-500);
  fill: var(--colors-cardinal-500);
}
.cardinal:hover, .cardinal:focus, .cardinal:active {
  color: var(--colors-cardinal-700);
  text-decoration: none;
}
.cardinal a,
.cardinal a:hover,
.cardinal a:focus,
.cardinal a:active {
  border-bottom: 1px solid var(--colors-cardinal-200);
  color: var(--colors-cardinal-700);
  text-decoration: none;
  transition: all 250ms ease;
}
.cardinal a:hover {
  border-color: var(--colors-cardinal-200);
  cursor: pointer;
}
.cardinal a.no-underline {
  border: 0;
}
.cardinal path {
  fill: var(--colors-cardinal-500);
}
/*! purgecss end ignore */
:root {
  --bs-highlight-color: var(--colors-grey-1000);
  --bs-highlight-bg: var(--colors-warning-400);
  --bs-border-color: var(--colors-grey-300);
  --bs-dropdown-item-border-radius: .2rem;
}
.modal {
  --bs-modal-border-width: .1rem;
}
:root,
[data-bs-theme=light] {
  --bs-blue: #0d6efd;
  --bs-indigo: #6610f2;
  --bs-purple: #6f42c1;
  --bs-pink: #d63384;
  --bs-red: #dc3545;
  --bs-orange: #fd7e14;
  --bs-yellow: #ffc107;
  --bs-green: #198754;
  --bs-teal: #20c997;
  --bs-cyan: #0dcaf0;
  --bs-black: #1D262E;
  --bs-white: #fff;
  --bs-gray: #707880;
  --bs-gray-dark: #3A444F;
  --bs-gray-100: #F7F9FA;
  --bs-gray-200: #EEF0F3;
  --bs-gray-300: #DFE3E8;
  --bs-gray-400: #C7CDD4;
  --bs-gray-500: #A1A7AD;
  --bs-gray-600: #707880;
  --bs-gray-700: #4C555E;
  --bs-gray-800: #3A444F;
  --bs-gray-900: #28323B;
  --bs-primary: #FA5320;
  --bs-secondary: #0F8DF4;
  --bs-success: #24A522;
  --bs-info: #0F8DF4;
  --bs-warning: #FFC107;
  --bs-danger: #EE413F;
  --bs-light: #F7F9FA;
  --bs-dark: #1D262E;
  --bs-primary-rgb: 250, 83, 32;
  --bs-secondary-rgb: 15, 141, 244;
  --bs-success-rgb: 36, 165, 34;
  --bs-info-rgb: 15, 141, 244;
  --bs-warning-rgb: 255, 193, 7;
  --bs-danger-rgb: 238, 65, 63;
  --bs-light-rgb: 247, 249, 250;
  --bs-dark-rgb: 29, 38, 46;
  --bs-primary-text-emphasis: rgb(100, 33.2, 12.8);
  --bs-secondary-text-emphasis: rgb(6, 56.4, 97.6);
  --bs-success-text-emphasis: rgb(14.4, 66, 13.6);
  --bs-info-text-emphasis: rgb(6, 56.4, 97.6);
  --bs-warning-text-emphasis: rgb(102, 77.2, 2.8);
  --bs-danger-text-emphasis: rgb(95.2, 26, 25.2);
  --bs-light-text-emphasis: #4C555E;
  --bs-dark-text-emphasis: #4C555E;
  --bs-primary-bg-subtle: rgb(254, 220.6, 210.4);
  --bs-secondary-bg-subtle: rgb(207, 232.2, 252.8);
  --bs-success-bg-subtle: rgb(211.2, 237, 210.8);
  --bs-info-bg-subtle: rgb(207, 232.2, 252.8);
  --bs-warning-bg-subtle: rgb(255, 242.6, 205.4);
  --bs-danger-bg-subtle: rgb(251.6, 217, 216.6);
  --bs-light-bg-subtle: rgb(251, 252, 252.5);
  --bs-dark-bg-subtle: #C7CDD4;
  --bs-primary-border-subtle: rgb(253, 186.2, 165.8);
  --bs-secondary-border-subtle: rgb(159, 209.4, 250.6);
  --bs-success-border-subtle: rgb(167.4, 219, 166.6);
  --bs-info-border-subtle: rgb(159, 209.4, 250.6);
  --bs-warning-border-subtle: rgb(255, 230.2, 155.8);
  --bs-danger-border-subtle: rgb(248.2, 179, 178.2);
  --bs-light-border-subtle: #EEF0F3;
  --bs-dark-border-subtle: #A1A7AD;
  --bs-white-rgb: 255, 255, 255;
  --bs-black-rgb: 29, 38, 46;
  --bs-font-sans-serif: var(--fonts-family-body);
  --bs-font-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  --bs-gradient: linear-gradient(180deg, rgba(255, 255, 255, 0.15), rgba(255, 255, 255, 0));
  --bs-root-font-size: 62.5%;
  --bs-body-font-family: var(--bs-font-sans-serif);
  --bs-body-font-size: calc(1.265rem + 0.18vw);
  --bs-body-font-weight: 400;
  --bs-body-line-height: 1.5;
  --bs-body-color: #28323B;
  --bs-body-color-rgb: 40, 50, 59;
  --bs-body-bg: #fff;
  --bs-body-bg-rgb: 255, 255, 255;
  --bs-emphasis-color: #1D262E;
  --bs-emphasis-color-rgb: 29, 38, 46;
  --bs-secondary-color: rgba(40, 50, 59, 0.75);
  --bs-secondary-color-rgb: 40, 50, 59;
  --bs-secondary-bg: #EEF0F3;
  --bs-secondary-bg-rgb: 238, 240, 243;
  --bs-tertiary-color: rgba(40, 50, 59, 0.5);
  --bs-tertiary-color-rgb: 40, 50, 59;
  --bs-tertiary-bg: #F7F9FA;
  --bs-tertiary-bg-rgb: 247, 249, 250;
  --bs-heading-color: inherit;
  --bs-link-color: #FA5320;
  --bs-link-color-rgb: 250, 83, 32;
  --bs-link-decoration: none;
  --bs-link-hover-color: rgb(200, 66.4, 25.6);
  --bs-link-hover-color-rgb: 200, 66, 26;
  --bs-code-color: #d63384;
  --bs-highlight-color: #28323B;
  --bs-highlight-bg: rgb(255, 242.6, 205.4);
  --bs-border-width: 1px;
  --bs-border-style: solid;
  --bs-border-color: #DFE3E8;
  --bs-border-color-translucent: rgba(29, 38, 46, 0.175);
  --bs-border-radius: 0.4rem;
  --bs-border-radius-sm: 0.25rem;
  --bs-border-radius-lg: 0.5rem;
  --bs-border-radius-xl: 1rem;
  --bs-border-radius-xxl: 2rem;
  --bs-border-radius-2xl: var(--bs-border-radius-xxl);
  --bs-border-radius-pill: 50rem;
  --bs-box-shadow: 0 0.5rem 1rem rgba(29, 38, 46, 0.15);
  --bs-box-shadow-sm: 0 0.125rem 0.25rem rgba(29, 38, 46, 0.075);
  --bs-box-shadow-lg: 0 1rem 3rem rgba(29, 38, 46, 0.175);
  --bs-box-shadow-inset: inset 0 1px 2px rgba(29, 38, 46, 0.075);
  --bs-focus-ring-width: 0.25rem;
  --bs-focus-ring-opacity: 0.25;
  --bs-focus-ring-color: rgba(250, 83, 32, 0.25);
  --bs-form-valid-color: #24A522;
  --bs-form-valid-border-color: #24A522;
  --bs-form-invalid-color: #EE413F;
  --bs-form-invalid-border-color: #EE413F;
}
@media (min-width: 1200px) {
  :root,
  [data-bs-theme=light] {
    --bs-body-font-size: 1.4rem;
  }
}
[data-bs-theme=dark] {
  color-scheme: dark;
  --bs-body-color: #DFE3E8;
  --bs-body-color-rgb: 223, 227, 232;
  --bs-body-bg: #28323B;
  --bs-body-bg-rgb: 40, 50, 59;
  --bs-emphasis-color: #fff;
  --bs-emphasis-color-rgb: 255, 255, 255;
  --bs-secondary-color: rgba(223, 227, 232, 0.75);
  --bs-secondary-color-rgb: 223, 227, 232;
  --bs-secondary-bg: #3A444F;
  --bs-secondary-bg-rgb: 58, 68, 79;
  --bs-tertiary-color: rgba(223, 227, 232, 0.5);
  --bs-tertiary-color-rgb: 223, 227, 232;
  --bs-tertiary-bg: #313b45;
  --bs-tertiary-bg-rgb: 49, 59, 69;
  --bs-primary-text-emphasis: rgb(252, 151.8, 121.2);
  --bs-secondary-text-emphasis: rgb(111, 186.6, 248.4);
  --bs-success-text-emphasis: rgb(123.6, 201, 122.4);
  --bs-info-text-emphasis: rgb(111, 186.6, 248.4);
  --bs-warning-text-emphasis: rgb(255, 217.8, 106.2);
  --bs-danger-text-emphasis: rgb(244.8, 141, 139.8);
  --bs-light-text-emphasis: #F7F9FA;
  --bs-dark-text-emphasis: #DFE3E8;
  --bs-primary-bg-subtle: rgb(50, 16.6, 6.4);
  --bs-secondary-bg-subtle: rgb(3, 28.2, 48.8);
  --bs-success-bg-subtle: rgb(7.2, 33, 6.8);
  --bs-info-bg-subtle: rgb(3, 28.2, 48.8);
  --bs-warning-bg-subtle: rgb(51, 38.6, 1.4);
  --bs-danger-bg-subtle: rgb(47.6, 13, 12.6);
  --bs-light-bg-subtle: #3A444F;
  --bs-dark-bg-subtle: rgb(43.5, 53, 62.5);
  --bs-primary-border-subtle: rgb(150, 49.8, 19.2);
  --bs-secondary-border-subtle: rgb(9, 84.6, 146.4);
  --bs-success-border-subtle: rgb(21.6, 99, 20.4);
  --bs-info-border-subtle: rgb(9, 84.6, 146.4);
  --bs-warning-border-subtle: rgb(153, 115.8, 4.2);
  --bs-danger-border-subtle: rgb(142.8, 39, 37.8);
  --bs-light-border-subtle: #4C555E;
  --bs-dark-border-subtle: #3A444F;
  --bs-heading-color: inherit;
  --bs-link-color: rgb(252, 151.8, 121.2);
  --bs-link-hover-color: rgb(252.6, 172.44, 147.96);
  --bs-link-color-rgb: 252, 152, 121;
  --bs-link-hover-color-rgb: 253, 172, 148;
  --bs-code-color: rgb(230.4, 132.6, 181.2);
  --bs-highlight-color: #DFE3E8;
  --bs-highlight-bg: rgb(102, 77.2, 2.8);
  --bs-border-color: #4C555E;
  --bs-border-color-translucent: rgba(255, 255, 255, 0.15);
  --bs-form-valid-color: rgb(117, 183, 152.4);
  --bs-form-valid-border-color: rgb(117, 183, 152.4);
  --bs-form-invalid-color: rgb(234, 133.8, 143.4);
  --bs-form-invalid-border-color: rgb(234, 133.8, 143.4);
}
*,
*::before,
*::after {
  box-sizing: border-box;
}
:root {
  font-size: var(--bs-root-font-size);
}
@media (prefers-reduced-motion: no-preference) {
  :root {
    scroll-behavior: smooth;
  }
}
body {
  margin: 0;
  font-family: var(--bs-body-font-family);
  font-size: var(--bs-body-font-size);
  font-weight: var(--bs-body-font-weight);
  line-height: var(--bs-body-line-height);
  color: var(--bs-body-color);
  text-align: var(--bs-body-text-align);
  background-color: var(--bs-body-bg);
  -webkit-text-size-adjust: 100%;
  -webkit-tap-highlight-color: rgba(29, 38, 46, 0);
}
hr {
  margin: 1.6rem 0;
  color: inherit;
  border: 0;
  border-top: 0.1rem solid var(--colors-grey-300);
  opacity: 1;
}
h6, h5, h4, h3, h2, h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-weight: 500;
  line-height: 1.2;
  color: var(--bs-heading-color);
}
h1 {
  font-size: calc(1.475rem + 2.7vw);
}
@media (min-width: 1200px) {
  h1 {
    font-size: 3.5rem;
  }
}
h2 {
  font-size: calc(1.405rem + 1.86vw);
}
@media (min-width: 1200px) {
  h2 {
    font-size: 2.8rem;
  }
}
h3 {
  font-size: calc(1.37rem + 1.44vw);
}
@media (min-width: 1200px) {
  h3 {
    font-size: 2.45rem;
  }
}
h4 {
  font-size: calc(1.335rem + 1.02vw);
}
@media (min-width: 1200px) {
  h4 {
    font-size: 2.1rem;
  }
}
h5 {
  font-size: calc(1.3rem + 0.6vw);
}
@media (min-width: 1200px) {
  h5 {
    font-size: 1.75rem;
  }
}
h6 {
  font-size: calc(1.265rem + 0.18vw);
}
@media (min-width: 1200px) {
  h6 {
    font-size: 1.4rem;
  }
}
p {
  margin-top: 0;
  margin-bottom: 1rem;
}
abbr[title] {
  text-decoration: underline dotted;
  cursor: help;
  text-decoration-skip-ink: none;
}
address {
  margin-bottom: 1rem;
  font-style: normal;
  line-height: inherit;
}
ol,
ul {
  padding-left: 2rem;
}
ol,
ul,
dl {
  margin-top: 0;
  margin-bottom: 1rem;
}
ol ol,
ul ul,
ol ul,
ul ol {
  margin-bottom: 0;
}
dt {
  font-weight: 700;
}
dd {
  margin-bottom: 0.5rem;
  margin-left: 0;
}
blockquote {
  margin: 0 0 1rem;
}
b,
strong {
  font-weight: bolder;
}
small {
  font-size: 0.875em;
}
mark {
  padding: var(--spacing-005);
  color: var(--bs-highlight-color);
  background-color: var(--bs-highlight-bg);
}
sub,
sup {
  position: relative;
  font-size: 0.75em;
  line-height: 0;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
a {
  color: rgba(var(--bs-link-color-rgb), var(--bs-link-opacity, 1));
  text-decoration: none;
}
a:hover {
  --bs-link-color-rgb: var(--bs-link-hover-color-rgb);
}
a:not([href]):not([class]), a:not([href]):not([class]):hover {
  color: inherit;
  text-decoration: none;
}
pre,
code,
kbd,
samp {
  font-family: var(--fonts-family-code);
  font-size: 1em;
}
pre {
  display: block;
  margin-top: 0;
  margin-bottom: 1rem;
  overflow: auto;
  font-size: 0.875em;
}
pre code {
  font-size: inherit;
  color: inherit;
  word-break: normal;
}
code {
  font-size: 0.875em;
  color: var(--bs-code-color);
  word-wrap: break-word;
}
a > code {
  color: inherit;
}
kbd {
  padding: 0.1875rem 0.375rem;
  font-size: 0.875em;
  color: var(--bs-body-bg);
  background-color: var(--bs-body-color);
  border-radius: 0.25rem;
}
kbd kbd {
  padding: 0;
  font-size: 1em;
}
figure {
  margin: 0 0 1rem;
}
img,
svg {
  vertical-align: middle;
}
table {
  caption-side: bottom;
  border-collapse: collapse;
}
caption {
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
  color: var(--bs-secondary-color);
  text-align: left;
}
th {
  text-align: inherit;
  text-align: -webkit-match-parent;
}
thead,
tbody,
tfoot,
tr,
td,
th {
  border-color: inherit;
  border-style: solid;
  border-width: 0;
}
label {
  display: inline-block;
}
button {
  border-radius: 0;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
input,
button,
select,
optgroup,
textarea {
  margin: 0;
  font-family: inherit;
  font-size: inherit;
  line-height: inherit;
}
button,
select {
  text-transform: none;
}
[role=button] {
  cursor: pointer;
}
select {
  word-wrap: normal;
}
select:disabled {
  opacity: 1;
}
[list]:not([type=date]):not([type=datetime-local]):not([type=month]):not([type=week]):not([type=time])::-webkit-calendar-picker-indicator {
  display: none !important;
}
button,
[type=button],
[type=reset],
[type=submit] {
  -webkit-appearance: button;
}
button:not(:disabled),
[type=button]:not(:disabled),
[type=reset]:not(:disabled),
[type=submit]:not(:disabled) {
  cursor: pointer;
}
::-moz-focus-inner {
  padding: 0;
  border-style: none;
}
textarea {
  resize: vertical;
}
fieldset {
  min-width: 0;
  padding: 0;
  margin: 0;
  border: 0;
}
legend {
  float: left;
  width: 100%;
  padding: 0;
  margin-bottom: 0.5rem;
  line-height: inherit;
  font-size: calc(1.275rem + 0.3vw);
}
@media (min-width: 1200px) {
  legend {
    font-size: 1.5rem;
  }
}
legend + * {
  clear: left;
}
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-year-field {
  padding: 0;
}
::-webkit-inner-spin-button {
  height: auto;
}
[type=search] {
  -webkit-appearance: textfield;
  outline-offset: -2px;
}
/* rtl:raw:
[type="tel"],
[type="url"],
[type="email"],
[type="number"] {
  direction: ltr;
}
*/
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  padding: 0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  display: inline-block;
}
iframe {
  border: 0;
}
summary {
  display: list-item;
  cursor: pointer;
}
progress {
  vertical-align: baseline;
}
[hidden] {
  display: none !important;
}
.container,
.container-fluid,
.container-xxl,
.container-xl,
.container-lg,
.container-md,
.container-sm {
  --bs-gutter-x: 3.2rem;
  --bs-gutter-y: 0;
  width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-right: auto;
  margin-left: auto;
}
@media (min-width: 576px) {
  .container-sm, .container {
    max-width: 540px;
  }
}
@media (min-width: 768px) {
  .container-md, .container-sm, .container {
    max-width: 720px;
  }
}
@media (min-width: 992px) {
  .container-lg, .container-md, .container-sm, .container {
    max-width: 960px;
  }
}
@media (min-width: 1200px) {
  .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1140px;
  }
}
@media (min-width: 1400px) {
  .container-xxl, .container-xl, .container-lg, .container-md, .container-sm, .container {
    max-width: 1320px;
  }
}
:root {
  --bs-breakpoint-xs: 0;
  --bs-breakpoint-sm: 576px;
  --bs-breakpoint-md: 768px;
  --bs-breakpoint-lg: 992px;
  --bs-breakpoint-xl: 1200px;
  --bs-breakpoint-xxl: 1400px;
}
.row {
  --bs-gutter-x: 3.2rem;
  --bs-gutter-y: 0;
  display: flex;
  flex-wrap: wrap;
  margin-top: calc(-1 * var(--bs-gutter-y));
  margin-right: calc(-0.5 * var(--bs-gutter-x));
  margin-left: calc(-0.5 * var(--bs-gutter-x));
}
.row > * {
  flex-shrink: 0;
  width: 100%;
  max-width: 100%;
  padding-right: calc(var(--bs-gutter-x) * 0.5);
  padding-left: calc(var(--bs-gutter-x) * 0.5);
  margin-top: var(--bs-gutter-y);
}
.col {
  flex: 1 0 0;
}
.row-cols-auto > * {
  flex: 0 0 auto;
  width: auto;
}
.row-cols-1 > * {
  flex: 0 0 auto;
  width: 100%;
}
.row-cols-2 > * {
  flex: 0 0 auto;
  width: 50%;
}
.row-cols-3 > * {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.row-cols-4 > * {
  flex: 0 0 auto;
  width: 25%;
}
.row-cols-5 > * {
  flex: 0 0 auto;
  width: 20%;
}
.row-cols-6 > * {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-auto {
  flex: 0 0 auto;
  width: auto;
}
.col-1 {
  flex: 0 0 auto;
  width: 8.33333333%;
}
.col-2 {
  flex: 0 0 auto;
  width: 16.66666667%;
}
.col-3 {
  flex: 0 0 auto;
  width: 25%;
}
.col-4 {
  flex: 0 0 auto;
  width: 33.33333333%;
}
.col-5 {
  flex: 0 0 auto;
  width: 41.66666667%;
}
.col-6 {
  flex: 0 0 auto;
  width: 50%;
}
.col-7 {
  flex: 0 0 auto;
  width: 58.33333333%;
}
.col-8 {
  flex: 0 0 auto;
  width: 66.66666667%;
}
.col-9 {
  flex: 0 0 auto;
  width: 75%;
}
.col-10 {
  flex: 0 0 auto;
  width: 83.33333333%;
}
.col-11 {
  flex: 0 0 auto;
  width: 91.66666667%;
}
.col-12 {
  flex: 0 0 auto;
  width: 100%;
}
.offset-1 {
  margin-left: 8.33333333%;
}
.offset-2 {
  margin-left: 16.66666667%;
}
.offset-3 {
  margin-left: 25%;
}
.offset-4 {
  margin-left: 33.33333333%;
}
.offset-5 {
  margin-left: 41.66666667%;
}
.offset-6 {
  margin-left: 50%;
}
.offset-7 {
  margin-left: 58.33333333%;
}
.offset-8 {
  margin-left: 66.66666667%;
}
.offset-9 {
  margin-left: 75%;
}
.offset-10 {
  margin-left: 83.33333333%;
}
.offset-11 {
  margin-left: 91.66666667%;
}
.g-auto,
.gx-auto {
  --bs-gutter-x: auto;
}
.g-auto,
.gy-auto {
  --bs-gutter-y: auto;
}
.g-0,
.gx-0 {
  --bs-gutter-x: 0;
}
.g-0,
.gy-0 {
  --bs-gutter-y: 0;
}
.g-05,
.gx-05 {
  --bs-gutter-x: calc(var(--spacing-base) / 2);
}
.g-05,
.gy-05 {
  --bs-gutter-y: calc(var(--spacing-base) / 2);
}
.g-1,
.gx-1 {
  --bs-gutter-x: calc(var(--spacing-base));
}
.g-1,
.gy-1 {
  --bs-gutter-y: calc(var(--spacing-base));
}
.g-2,
.gx-2 {
  --bs-gutter-x: calc(var(--spacing-base) * 2);
}
.g-2,
.gy-2 {
  --bs-gutter-y: calc(var(--spacing-base) * 2);
}
.g-3,
.gx-3 {
  --bs-gutter-x: calc(var(--spacing-base) * 3);
}
.g-3,
.gy-3 {
  --bs-gutter-y: calc(var(--spacing-base) * 3);
}
.g-4,
.gx-4 {
  --bs-gutter-x: calc(var(--spacing-base) * 4);
}
.g-4,
.gy-4 {
  --bs-gutter-y: calc(var(--spacing-base) * 4);
}
.g-5,
.gx-5 {
  --bs-gutter-x: calc(var(--spacing-base) * 5);
}
.g-5,
.gy-5 {
  --bs-gutter-y: calc(var(--spacing-base) * 5);
}
.g-6,
.gx-6 {
  --bs-gutter-x: calc(var(--spacing-base) * 6);
}
.g-6,
.gy-6 {
  --bs-gutter-y: calc(var(--spacing-base) * 6);
}
.g-8,
.gx-8 {
  --bs-gutter-x: calc(var(--spacing-base) * 8);
}
.g-8,
.gy-8 {
  --bs-gutter-y: calc(var(--spacing-base) * 8);
}
.g-10,
.gx-10 {
  --bs-gutter-x: calc(var(--spacing-base) * 10);
}
.g-10,
.gy-10 {
  --bs-gutter-y: calc(var(--spacing-base) * 10);
}
.g-12,
.gx-12 {
  --bs-gutter-x: calc(var(--spacing-base) * 12);
}
.g-12,
.gy-12 {
  --bs-gutter-y: calc(var(--spacing-base) * 12);
}
.g-14,
.gx-14 {
  --bs-gutter-x: calc(var(--spacing-base) * 14);
}
.g-14,
.gy-14 {
  --bs-gutter-y: calc(var(--spacing-base) * 14);
}
.g-16,
.gx-16 {
  --bs-gutter-x: calc(var(--spacing-base) * 16);
}
.g-16,
.gy-16 {
  --bs-gutter-y: calc(var(--spacing-base) * 16);
}
.g-20,
.gx-20 {
  --bs-gutter-x: calc(var(--spacing-base) * 20);
}
.g-20,
.gy-20 {
  --bs-gutter-y: calc(var(--spacing-base) * 20);
}
.g-24,
.gx-24 {
  --bs-gutter-x: calc(var(--spacing-base) * 24);
}
.g-24,
.gy-24 {
  --bs-gutter-y: calc(var(--spacing-base) * 24);
}
.g-30,
.gx-30 {
  --bs-gutter-x: calc(var(--spacing-base) * 30);
}
.g-30,
.gy-30 {
  --bs-gutter-y: calc(var(--spacing-base) * 30);
}
@media (min-width: 576px) {
  .col-sm {
    flex: 1 0 0;
  }
  .row-cols-sm-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-sm-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-sm-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-sm-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-sm-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-sm-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-sm-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-sm-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-sm-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-sm-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-sm-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-sm-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-sm-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-sm-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-sm-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-sm-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-sm-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-sm-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-sm-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-sm-0 {
    margin-left: 0;
  }
  .offset-sm-1 {
    margin-left: 8.33333333%;
  }
  .offset-sm-2 {
    margin-left: 16.66666667%;
  }
  .offset-sm-3 {
    margin-left: 25%;
  }
  .offset-sm-4 {
    margin-left: 33.33333333%;
  }
  .offset-sm-5 {
    margin-left: 41.66666667%;
  }
  .offset-sm-6 {
    margin-left: 50%;
  }
  .offset-sm-7 {
    margin-left: 58.33333333%;
  }
  .offset-sm-8 {
    margin-left: 66.66666667%;
  }
  .offset-sm-9 {
    margin-left: 75%;
  }
  .offset-sm-10 {
    margin-left: 83.33333333%;
  }
  .offset-sm-11 {
    margin-left: 91.66666667%;
  }
  .g-sm-auto,
  .gx-sm-auto {
    --bs-gutter-x: auto;
  }
  .g-sm-auto,
  .gy-sm-auto {
    --bs-gutter-y: auto;
  }
  .g-sm-0,
  .gx-sm-0 {
    --bs-gutter-x: 0;
  }
  .g-sm-0,
  .gy-sm-0 {
    --bs-gutter-y: 0;
  }
  .g-sm-05,
  .gx-sm-05 {
    --bs-gutter-x: calc(var(--spacing-base) / 2);
  }
  .g-sm-05,
  .gy-sm-05 {
    --bs-gutter-y: calc(var(--spacing-base) / 2);
  }
  .g-sm-1,
  .gx-sm-1 {
    --bs-gutter-x: calc(var(--spacing-base));
  }
  .g-sm-1,
  .gy-sm-1 {
    --bs-gutter-y: calc(var(--spacing-base));
  }
  .g-sm-2,
  .gx-sm-2 {
    --bs-gutter-x: calc(var(--spacing-base) * 2);
  }
  .g-sm-2,
  .gy-sm-2 {
    --bs-gutter-y: calc(var(--spacing-base) * 2);
  }
  .g-sm-3,
  .gx-sm-3 {
    --bs-gutter-x: calc(var(--spacing-base) * 3);
  }
  .g-sm-3,
  .gy-sm-3 {
    --bs-gutter-y: calc(var(--spacing-base) * 3);
  }
  .g-sm-4,
  .gx-sm-4 {
    --bs-gutter-x: calc(var(--spacing-base) * 4);
  }
  .g-sm-4,
  .gy-sm-4 {
    --bs-gutter-y: calc(var(--spacing-base) * 4);
  }
  .g-sm-5,
  .gx-sm-5 {
    --bs-gutter-x: calc(var(--spacing-base) * 5);
  }
  .g-sm-5,
  .gy-sm-5 {
    --bs-gutter-y: calc(var(--spacing-base) * 5);
  }
  .g-sm-6,
  .gx-sm-6 {
    --bs-gutter-x: calc(var(--spacing-base) * 6);
  }
  .g-sm-6,
  .gy-sm-6 {
    --bs-gutter-y: calc(var(--spacing-base) * 6);
  }
  .g-sm-8,
  .gx-sm-8 {
    --bs-gutter-x: calc(var(--spacing-base) * 8);
  }
  .g-sm-8,
  .gy-sm-8 {
    --bs-gutter-y: calc(var(--spacing-base) * 8);
  }
  .g-sm-10,
  .gx-sm-10 {
    --bs-gutter-x: calc(var(--spacing-base) * 10);
  }
  .g-sm-10,
  .gy-sm-10 {
    --bs-gutter-y: calc(var(--spacing-base) * 10);
  }
  .g-sm-12,
  .gx-sm-12 {
    --bs-gutter-x: calc(var(--spacing-base) * 12);
  }
  .g-sm-12,
  .gy-sm-12 {
    --bs-gutter-y: calc(var(--spacing-base) * 12);
  }
  .g-sm-14,
  .gx-sm-14 {
    --bs-gutter-x: calc(var(--spacing-base) * 14);
  }
  .g-sm-14,
  .gy-sm-14 {
    --bs-gutter-y: calc(var(--spacing-base) * 14);
  }
  .g-sm-16,
  .gx-sm-16 {
    --bs-gutter-x: calc(var(--spacing-base) * 16);
  }
  .g-sm-16,
  .gy-sm-16 {
    --bs-gutter-y: calc(var(--spacing-base) * 16);
  }
  .g-sm-20,
  .gx-sm-20 {
    --bs-gutter-x: calc(var(--spacing-base) * 20);
  }
  .g-sm-20,
  .gy-sm-20 {
    --bs-gutter-y: calc(var(--spacing-base) * 20);
  }
  .g-sm-24,
  .gx-sm-24 {
    --bs-gutter-x: calc(var(--spacing-base) * 24);
  }
  .g-sm-24,
  .gy-sm-24 {
    --bs-gutter-y: calc(var(--spacing-base) * 24);
  }
  .g-sm-30,
  .gx-sm-30 {
    --bs-gutter-x: calc(var(--spacing-base) * 30);
  }
  .g-sm-30,
  .gy-sm-30 {
    --bs-gutter-y: calc(var(--spacing-base) * 30);
  }
}
@media (min-width: 768px) {
  .col-md {
    flex: 1 0 0;
  }
  .row-cols-md-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-md-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-md-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-md-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-md-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-md-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-md-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-md-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-md-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-md-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-md-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-md-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-md-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-md-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-md-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-md-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-md-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-md-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-md-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-md-0 {
    margin-left: 0;
  }
  .offset-md-1 {
    margin-left: 8.33333333%;
  }
  .offset-md-2 {
    margin-left: 16.66666667%;
  }
  .offset-md-3 {
    margin-left: 25%;
  }
  .offset-md-4 {
    margin-left: 33.33333333%;
  }
  .offset-md-5 {
    margin-left: 41.66666667%;
  }
  .offset-md-6 {
    margin-left: 50%;
  }
  .offset-md-7 {
    margin-left: 58.33333333%;
  }
  .offset-md-8 {
    margin-left: 66.66666667%;
  }
  .offset-md-9 {
    margin-left: 75%;
  }
  .offset-md-10 {
    margin-left: 83.33333333%;
  }
  .offset-md-11 {
    margin-left: 91.66666667%;
  }
  .g-md-auto,
  .gx-md-auto {
    --bs-gutter-x: auto;
  }
  .g-md-auto,
  .gy-md-auto {
    --bs-gutter-y: auto;
  }
  .g-md-0,
  .gx-md-0 {
    --bs-gutter-x: 0;
  }
  .g-md-0,
  .gy-md-0 {
    --bs-gutter-y: 0;
  }
  .g-md-05,
  .gx-md-05 {
    --bs-gutter-x: calc(var(--spacing-base) / 2);
  }
  .g-md-05,
  .gy-md-05 {
    --bs-gutter-y: calc(var(--spacing-base) / 2);
  }
  .g-md-1,
  .gx-md-1 {
    --bs-gutter-x: calc(var(--spacing-base));
  }
  .g-md-1,
  .gy-md-1 {
    --bs-gutter-y: calc(var(--spacing-base));
  }
  .g-md-2,
  .gx-md-2 {
    --bs-gutter-x: calc(var(--spacing-base) * 2);
  }
  .g-md-2,
  .gy-md-2 {
    --bs-gutter-y: calc(var(--spacing-base) * 2);
  }
  .g-md-3,
  .gx-md-3 {
    --bs-gutter-x: calc(var(--spacing-base) * 3);
  }
  .g-md-3,
  .gy-md-3 {
    --bs-gutter-y: calc(var(--spacing-base) * 3);
  }
  .g-md-4,
  .gx-md-4 {
    --bs-gutter-x: calc(var(--spacing-base) * 4);
  }
  .g-md-4,
  .gy-md-4 {
    --bs-gutter-y: calc(var(--spacing-base) * 4);
  }
  .g-md-5,
  .gx-md-5 {
    --bs-gutter-x: calc(var(--spacing-base) * 5);
  }
  .g-md-5,
  .gy-md-5 {
    --bs-gutter-y: calc(var(--spacing-base) * 5);
  }
  .g-md-6,
  .gx-md-6 {
    --bs-gutter-x: calc(var(--spacing-base) * 6);
  }
  .g-md-6,
  .gy-md-6 {
    --bs-gutter-y: calc(var(--spacing-base) * 6);
  }
  .g-md-8,
  .gx-md-8 {
    --bs-gutter-x: calc(var(--spacing-base) * 8);
  }
  .g-md-8,
  .gy-md-8 {
    --bs-gutter-y: calc(var(--spacing-base) * 8);
  }
  .g-md-10,
  .gx-md-10 {
    --bs-gutter-x: calc(var(--spacing-base) * 10);
  }
  .g-md-10,
  .gy-md-10 {
    --bs-gutter-y: calc(var(--spacing-base) * 10);
  }
  .g-md-12,
  .gx-md-12 {
    --bs-gutter-x: calc(var(--spacing-base) * 12);
  }
  .g-md-12,
  .gy-md-12 {
    --bs-gutter-y: calc(var(--spacing-base) * 12);
  }
  .g-md-14,
  .gx-md-14 {
    --bs-gutter-x: calc(var(--spacing-base) * 14);
  }
  .g-md-14,
  .gy-md-14 {
    --bs-gutter-y: calc(var(--spacing-base) * 14);
  }
  .g-md-16,
  .gx-md-16 {
    --bs-gutter-x: calc(var(--spacing-base) * 16);
  }
  .g-md-16,
  .gy-md-16 {
    --bs-gutter-y: calc(var(--spacing-base) * 16);
  }
  .g-md-20,
  .gx-md-20 {
    --bs-gutter-x: calc(var(--spacing-base) * 20);
  }
  .g-md-20,
  .gy-md-20 {
    --bs-gutter-y: calc(var(--spacing-base) * 20);
  }
  .g-md-24,
  .gx-md-24 {
    --bs-gutter-x: calc(var(--spacing-base) * 24);
  }
  .g-md-24,
  .gy-md-24 {
    --bs-gutter-y: calc(var(--spacing-base) * 24);
  }
  .g-md-30,
  .gx-md-30 {
    --bs-gutter-x: calc(var(--spacing-base) * 30);
  }
  .g-md-30,
  .gy-md-30 {
    --bs-gutter-y: calc(var(--spacing-base) * 30);
  }
}
@media (min-width: 992px) {
  .col-lg {
    flex: 1 0 0;
  }
  .row-cols-lg-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-lg-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-lg-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-lg-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-lg-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-lg-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-lg-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-lg-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-lg-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-lg-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-lg-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-lg-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-lg-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-lg-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-lg-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-lg-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-lg-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-lg-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-lg-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-lg-0 {
    margin-left: 0;
  }
  .offset-lg-1 {
    margin-left: 8.33333333%;
  }
  .offset-lg-2 {
    margin-left: 16.66666667%;
  }
  .offset-lg-3 {
    margin-left: 25%;
  }
  .offset-lg-4 {
    margin-left: 33.33333333%;
  }
  .offset-lg-5 {
    margin-left: 41.66666667%;
  }
  .offset-lg-6 {
    margin-left: 50%;
  }
  .offset-lg-7 {
    margin-left: 58.33333333%;
  }
  .offset-lg-8 {
    margin-left: 66.66666667%;
  }
  .offset-lg-9 {
    margin-left: 75%;
  }
  .offset-lg-10 {
    margin-left: 83.33333333%;
  }
  .offset-lg-11 {
    margin-left: 91.66666667%;
  }
  .g-lg-auto,
  .gx-lg-auto {
    --bs-gutter-x: auto;
  }
  .g-lg-auto,
  .gy-lg-auto {
    --bs-gutter-y: auto;
  }
  .g-lg-0,
  .gx-lg-0 {
    --bs-gutter-x: 0;
  }
  .g-lg-0,
  .gy-lg-0 {
    --bs-gutter-y: 0;
  }
  .g-lg-05,
  .gx-lg-05 {
    --bs-gutter-x: calc(var(--spacing-base) / 2);
  }
  .g-lg-05,
  .gy-lg-05 {
    --bs-gutter-y: calc(var(--spacing-base) / 2);
  }
  .g-lg-1,
  .gx-lg-1 {
    --bs-gutter-x: calc(var(--spacing-base));
  }
  .g-lg-1,
  .gy-lg-1 {
    --bs-gutter-y: calc(var(--spacing-base));
  }
  .g-lg-2,
  .gx-lg-2 {
    --bs-gutter-x: calc(var(--spacing-base) * 2);
  }
  .g-lg-2,
  .gy-lg-2 {
    --bs-gutter-y: calc(var(--spacing-base) * 2);
  }
  .g-lg-3,
  .gx-lg-3 {
    --bs-gutter-x: calc(var(--spacing-base) * 3);
  }
  .g-lg-3,
  .gy-lg-3 {
    --bs-gutter-y: calc(var(--spacing-base) * 3);
  }
  .g-lg-4,
  .gx-lg-4 {
    --bs-gutter-x: calc(var(--spacing-base) * 4);
  }
  .g-lg-4,
  .gy-lg-4 {
    --bs-gutter-y: calc(var(--spacing-base) * 4);
  }
  .g-lg-5,
  .gx-lg-5 {
    --bs-gutter-x: calc(var(--spacing-base) * 5);
  }
  .g-lg-5,
  .gy-lg-5 {
    --bs-gutter-y: calc(var(--spacing-base) * 5);
  }
  .g-lg-6,
  .gx-lg-6 {
    --bs-gutter-x: calc(var(--spacing-base) * 6);
  }
  .g-lg-6,
  .gy-lg-6 {
    --bs-gutter-y: calc(var(--spacing-base) * 6);
  }
  .g-lg-8,
  .gx-lg-8 {
    --bs-gutter-x: calc(var(--spacing-base) * 8);
  }
  .g-lg-8,
  .gy-lg-8 {
    --bs-gutter-y: calc(var(--spacing-base) * 8);
  }
  .g-lg-10,
  .gx-lg-10 {
    --bs-gutter-x: calc(var(--spacing-base) * 10);
  }
  .g-lg-10,
  .gy-lg-10 {
    --bs-gutter-y: calc(var(--spacing-base) * 10);
  }
  .g-lg-12,
  .gx-lg-12 {
    --bs-gutter-x: calc(var(--spacing-base) * 12);
  }
  .g-lg-12,
  .gy-lg-12 {
    --bs-gutter-y: calc(var(--spacing-base) * 12);
  }
  .g-lg-14,
  .gx-lg-14 {
    --bs-gutter-x: calc(var(--spacing-base) * 14);
  }
  .g-lg-14,
  .gy-lg-14 {
    --bs-gutter-y: calc(var(--spacing-base) * 14);
  }
  .g-lg-16,
  .gx-lg-16 {
    --bs-gutter-x: calc(var(--spacing-base) * 16);
  }
  .g-lg-16,
  .gy-lg-16 {
    --bs-gutter-y: calc(var(--spacing-base) * 16);
  }
  .g-lg-20,
  .gx-lg-20 {
    --bs-gutter-x: calc(var(--spacing-base) * 20);
  }
  .g-lg-20,
  .gy-lg-20 {
    --bs-gutter-y: calc(var(--spacing-base) * 20);
  }
  .g-lg-24,
  .gx-lg-24 {
    --bs-gutter-x: calc(var(--spacing-base) * 24);
  }
  .g-lg-24,
  .gy-lg-24 {
    --bs-gutter-y: calc(var(--spacing-base) * 24);
  }
  .g-lg-30,
  .gx-lg-30 {
    --bs-gutter-x: calc(var(--spacing-base) * 30);
  }
  .g-lg-30,
  .gy-lg-30 {
    --bs-gutter-y: calc(var(--spacing-base) * 30);
  }
}
@media (min-width: 1200px) {
  .col-xl {
    flex: 1 0 0;
  }
  .row-cols-xl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xl-0 {
    margin-left: 0;
  }
  .offset-xl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xl-3 {
    margin-left: 25%;
  }
  .offset-xl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xl-6 {
    margin-left: 50%;
  }
  .offset-xl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xl-9 {
    margin-left: 75%;
  }
  .offset-xl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xl-11 {
    margin-left: 91.66666667%;
  }
  .g-xl-auto,
  .gx-xl-auto {
    --bs-gutter-x: auto;
  }
  .g-xl-auto,
  .gy-xl-auto {
    --bs-gutter-y: auto;
  }
  .g-xl-0,
  .gx-xl-0 {
    --bs-gutter-x: 0;
  }
  .g-xl-0,
  .gy-xl-0 {
    --bs-gutter-y: 0;
  }
  .g-xl-05,
  .gx-xl-05 {
    --bs-gutter-x: calc(var(--spacing-base) / 2);
  }
  .g-xl-05,
  .gy-xl-05 {
    --bs-gutter-y: calc(var(--spacing-base) / 2);
  }
  .g-xl-1,
  .gx-xl-1 {
    --bs-gutter-x: calc(var(--spacing-base));
  }
  .g-xl-1,
  .gy-xl-1 {
    --bs-gutter-y: calc(var(--spacing-base));
  }
  .g-xl-2,
  .gx-xl-2 {
    --bs-gutter-x: calc(var(--spacing-base) * 2);
  }
  .g-xl-2,
  .gy-xl-2 {
    --bs-gutter-y: calc(var(--spacing-base) * 2);
  }
  .g-xl-3,
  .gx-xl-3 {
    --bs-gutter-x: calc(var(--spacing-base) * 3);
  }
  .g-xl-3,
  .gy-xl-3 {
    --bs-gutter-y: calc(var(--spacing-base) * 3);
  }
  .g-xl-4,
  .gx-xl-4 {
    --bs-gutter-x: calc(var(--spacing-base) * 4);
  }
  .g-xl-4,
  .gy-xl-4 {
    --bs-gutter-y: calc(var(--spacing-base) * 4);
  }
  .g-xl-5,
  .gx-xl-5 {
    --bs-gutter-x: calc(var(--spacing-base) * 5);
  }
  .g-xl-5,
  .gy-xl-5 {
    --bs-gutter-y: calc(var(--spacing-base) * 5);
  }
  .g-xl-6,
  .gx-xl-6 {
    --bs-gutter-x: calc(var(--spacing-base) * 6);
  }
  .g-xl-6,
  .gy-xl-6 {
    --bs-gutter-y: calc(var(--spacing-base) * 6);
  }
  .g-xl-8,
  .gx-xl-8 {
    --bs-gutter-x: calc(var(--spacing-base) * 8);
  }
  .g-xl-8,
  .gy-xl-8 {
    --bs-gutter-y: calc(var(--spacing-base) * 8);
  }
  .g-xl-10,
  .gx-xl-10 {
    --bs-gutter-x: calc(var(--spacing-base) * 10);
  }
  .g-xl-10,
  .gy-xl-10 {
    --bs-gutter-y: calc(var(--spacing-base) * 10);
  }
  .g-xl-12,
  .gx-xl-12 {
    --bs-gutter-x: calc(var(--spacing-base) * 12);
  }
  .g-xl-12,
  .gy-xl-12 {
    --bs-gutter-y: calc(var(--spacing-base) * 12);
  }
  .g-xl-14,
  .gx-xl-14 {
    --bs-gutter-x: calc(var(--spacing-base) * 14);
  }
  .g-xl-14,
  .gy-xl-14 {
    --bs-gutter-y: calc(var(--spacing-base) * 14);
  }
  .g-xl-16,
  .gx-xl-16 {
    --bs-gutter-x: calc(var(--spacing-base) * 16);
  }
  .g-xl-16,
  .gy-xl-16 {
    --bs-gutter-y: calc(var(--spacing-base) * 16);
  }
  .g-xl-20,
  .gx-xl-20 {
    --bs-gutter-x: calc(var(--spacing-base) * 20);
  }
  .g-xl-20,
  .gy-xl-20 {
    --bs-gutter-y: calc(var(--spacing-base) * 20);
  }
  .g-xl-24,
  .gx-xl-24 {
    --bs-gutter-x: calc(var(--spacing-base) * 24);
  }
  .g-xl-24,
  .gy-xl-24 {
    --bs-gutter-y: calc(var(--spacing-base) * 24);
  }
  .g-xl-30,
  .gx-xl-30 {
    --bs-gutter-x: calc(var(--spacing-base) * 30);
  }
  .g-xl-30,
  .gy-xl-30 {
    --bs-gutter-y: calc(var(--spacing-base) * 30);
  }
}
@media (min-width: 1400px) {
  .col-xxl {
    flex: 1 0 0;
  }
  .row-cols-xxl-auto > * {
    flex: 0 0 auto;
    width: auto;
  }
  .row-cols-xxl-1 > * {
    flex: 0 0 auto;
    width: 100%;
  }
  .row-cols-xxl-2 > * {
    flex: 0 0 auto;
    width: 50%;
  }
  .row-cols-xxl-3 > * {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .row-cols-xxl-4 > * {
    flex: 0 0 auto;
    width: 25%;
  }
  .row-cols-xxl-5 > * {
    flex: 0 0 auto;
    width: 20%;
  }
  .row-cols-xxl-6 > * {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-auto {
    flex: 0 0 auto;
    width: auto;
  }
  .col-xxl-1 {
    flex: 0 0 auto;
    width: 8.33333333%;
  }
  .col-xxl-2 {
    flex: 0 0 auto;
    width: 16.66666667%;
  }
  .col-xxl-3 {
    flex: 0 0 auto;
    width: 25%;
  }
  .col-xxl-4 {
    flex: 0 0 auto;
    width: 33.33333333%;
  }
  .col-xxl-5 {
    flex: 0 0 auto;
    width: 41.66666667%;
  }
  .col-xxl-6 {
    flex: 0 0 auto;
    width: 50%;
  }
  .col-xxl-7 {
    flex: 0 0 auto;
    width: 58.33333333%;
  }
  .col-xxl-8 {
    flex: 0 0 auto;
    width: 66.66666667%;
  }
  .col-xxl-9 {
    flex: 0 0 auto;
    width: 75%;
  }
  .col-xxl-10 {
    flex: 0 0 auto;
    width: 83.33333333%;
  }
  .col-xxl-11 {
    flex: 0 0 auto;
    width: 91.66666667%;
  }
  .col-xxl-12 {
    flex: 0 0 auto;
    width: 100%;
  }
  .offset-xxl-0 {
    margin-left: 0;
  }
  .offset-xxl-1 {
    margin-left: 8.33333333%;
  }
  .offset-xxl-2 {
    margin-left: 16.66666667%;
  }
  .offset-xxl-3 {
    margin-left: 25%;
  }
  .offset-xxl-4 {
    margin-left: 33.33333333%;
  }
  .offset-xxl-5 {
    margin-left: 41.66666667%;
  }
  .offset-xxl-6 {
    margin-left: 50%;
  }
  .offset-xxl-7 {
    margin-left: 58.33333333%;
  }
  .offset-xxl-8 {
    margin-left: 66.66666667%;
  }
  .offset-xxl-9 {
    margin-left: 75%;
  }
  .offset-xxl-10 {
    margin-left: 83.33333333%;
  }
  .offset-xxl-11 {
    margin-left: 91.66666667%;
  }
  .g-xxl-auto,
  .gx-xxl-auto {
    --bs-gutter-x: auto;
  }
  .g-xxl-auto,
  .gy-xxl-auto {
    --bs-gutter-y: auto;
  }
  .g-xxl-0,
  .gx-xxl-0 {
    --bs-gutter-x: 0;
  }
  .g-xxl-0,
  .gy-xxl-0 {
    --bs-gutter-y: 0;
  }
  .g-xxl-05,
  .gx-xxl-05 {
    --bs-gutter-x: calc(var(--spacing-base) / 2);
  }
  .g-xxl-05,
  .gy-xxl-05 {
    --bs-gutter-y: calc(var(--spacing-base) / 2);
  }
  .g-xxl-1,
  .gx-xxl-1 {
    --bs-gutter-x: calc(var(--spacing-base));
  }
  .g-xxl-1,
  .gy-xxl-1 {
    --bs-gutter-y: calc(var(--spacing-base));
  }
  .g-xxl-2,
  .gx-xxl-2 {
    --bs-gutter-x: calc(var(--spacing-base) * 2);
  }
  .g-xxl-2,
  .gy-xxl-2 {
    --bs-gutter-y: calc(var(--spacing-base) * 2);
  }
  .g-xxl-3,
  .gx-xxl-3 {
    --bs-gutter-x: calc(var(--spacing-base) * 3);
  }
  .g-xxl-3,
  .gy-xxl-3 {
    --bs-gutter-y: calc(var(--spacing-base) * 3);
  }
  .g-xxl-4,
  .gx-xxl-4 {
    --bs-gutter-x: calc(var(--spacing-base) * 4);
  }
  .g-xxl-4,
  .gy-xxl-4 {
    --bs-gutter-y: calc(var(--spacing-base) * 4);
  }
  .g-xxl-5,
  .gx-xxl-5 {
    --bs-gutter-x: calc(var(--spacing-base) * 5);
  }
  .g-xxl-5,
  .gy-xxl-5 {
    --bs-gutter-y: calc(var(--spacing-base) * 5);
  }
  .g-xxl-6,
  .gx-xxl-6 {
    --bs-gutter-x: calc(var(--spacing-base) * 6);
  }
  .g-xxl-6,
  .gy-xxl-6 {
    --bs-gutter-y: calc(var(--spacing-base) * 6);
  }
  .g-xxl-8,
  .gx-xxl-8 {
    --bs-gutter-x: calc(var(--spacing-base) * 8);
  }
  .g-xxl-8,
  .gy-xxl-8 {
    --bs-gutter-y: calc(var(--spacing-base) * 8);
  }
  .g-xxl-10,
  .gx-xxl-10 {
    --bs-gutter-x: calc(var(--spacing-base) * 10);
  }
  .g-xxl-10,
  .gy-xxl-10 {
    --bs-gutter-y: calc(var(--spacing-base) * 10);
  }
  .g-xxl-12,
  .gx-xxl-12 {
    --bs-gutter-x: calc(var(--spacing-base) * 12);
  }
  .g-xxl-12,
  .gy-xxl-12 {
    --bs-gutter-y: calc(var(--spacing-base) * 12);
  }
  .g-xxl-14,
  .gx-xxl-14 {
    --bs-gutter-x: calc(var(--spacing-base) * 14);
  }
  .g-xxl-14,
  .gy-xxl-14 {
    --bs-gutter-y: calc(var(--spacing-base) * 14);
  }
  .g-xxl-16,
  .gx-xxl-16 {
    --bs-gutter-x: calc(var(--spacing-base) * 16);
  }
  .g-xxl-16,
  .gy-xxl-16 {
    --bs-gutter-y: calc(var(--spacing-base) * 16);
  }
  .g-xxl-20,
  .gx-xxl-20 {
    --bs-gutter-x: calc(var(--spacing-base) * 20);
  }
  .g-xxl-20,
  .gy-xxl-20 {
    --bs-gutter-y: calc(var(--spacing-base) * 20);
  }
  .g-xxl-24,
  .gx-xxl-24 {
    --bs-gutter-x: calc(var(--spacing-base) * 24);
  }
  .g-xxl-24,
  .gy-xxl-24 {
    --bs-gutter-y: calc(var(--spacing-base) * 24);
  }
  .g-xxl-30,
  .gx-xxl-30 {
    --bs-gutter-x: calc(var(--spacing-base) * 30);
  }
  .g-xxl-30,
  .gy-xxl-30 {
    --bs-gutter-y: calc(var(--spacing-base) * 30);
  }
}
.fade {
  transition: opacity 0.15s linear;
}
@media (prefers-reduced-motion: reduce) {
  .fade {
    transition: none;
  }
}
.fade:not(.show) {
  opacity: 0;
}
.collapse:not(.show) {
  display: none;
}
.collapsing {
  height: 0;
  overflow: hidden;
  transition: height 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing {
    transition: none;
  }
}
.collapsing.collapse-horizontal {
  width: 0;
  height: auto;
  transition: width 0.35s ease;
}
@media (prefers-reduced-motion: reduce) {
  .collapsing.collapse-horizontal {
    transition: none;
  }
}
.dropup,
.dropend,
.dropdown,
.dropstart,
.dropup-center,
.dropdown-center {
  position: relative;
}
.dropdown-toggle {
  white-space: nowrap;
}
.dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid;
  border-right: 0.3em solid transparent;
  border-bottom: 0;
  border-left: 0.3em solid transparent;
}
.dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropdown-menu {
  --bs-dropdown-zindex: 1000;
  --bs-dropdown-min-width: 20rem;
  --bs-dropdown-padding-x: var(--spacing-01);
  --bs-dropdown-padding-y: var(--spacing-01);
  --bs-dropdown-spacer: 0.125rem;
  --bs-dropdown-font-size: calc(1.255rem + 0.06vw);
  --bs-dropdown-color: var(--bs-body-color);
  --bs-dropdown-bg: var(--bs-body-bg);
  --bs-dropdown-border-color: var(--colors-grey-300);
  --bs-dropdown-border-radius: var(--bs-border-radius);
  --bs-dropdown-border-width: var(--bs-border-width);
  --bs-dropdown-inner-border-radius: calc(var(--bs-border-radius) - var(--bs-border-width));
  --bs-dropdown-divider-bg: var(--colors-grey-300);
  --bs-dropdown-divider-margin-y: var(--spacing-005);
  --bs-dropdown-box-shadow: var(--bs-box-shadow);
  --bs-dropdown-link-color: var(--bs-body-color);
  --bs-dropdown-link-hover-color: var(--bs-body-color);
  --bs-dropdown-link-hover-bg: var(--bs-tertiary-bg);
  --bs-dropdown-link-active-color: var(--colors-grey-900);
  --bs-dropdown-link-active-bg: var(--colors-grey-100);
  --bs-dropdown-link-disabled-color: var(--bs-tertiary-color);
  --bs-dropdown-item-padding-x: var(--spacing-02);
  --bs-dropdown-item-padding-y: var(--spacing-02);
  --bs-dropdown-header-color: #707880;
  --bs-dropdown-header-padding-x: var(--spacing-02);
  --bs-dropdown-header-padding-y: var(--spacing-01);
  position: absolute;
  z-index: var(--bs-dropdown-zindex);
  display: none;
  min-width: var(--bs-dropdown-min-width);
  padding: var(--bs-dropdown-padding-y) var(--bs-dropdown-padding-x);
  margin: 0;
  font-size: var(--bs-dropdown-font-size);
  color: var(--bs-dropdown-color);
  text-align: left;
  list-style: none;
  background-color: var(--bs-dropdown-bg);
  background-clip: padding-box;
  border: var(--bs-dropdown-border-width) solid var(--bs-dropdown-border-color);
  border-radius: var(--bs-dropdown-border-radius);
}
@media (min-width: 1200px) {
  .dropdown-menu {
    --bs-dropdown-font-size: 1.3rem;
  }
}
.dropdown-menu[data-bs-popper] {
  top: 100%;
  left: 0;
  margin-top: var(--bs-dropdown-spacer);
}
.dropdown-menu-start {
  --bs-position: start;
}
.dropdown-menu-start[data-bs-popper] {
  right: auto;
  left: 0;
}
.dropdown-menu-end {
  --bs-position: end;
}
.dropdown-menu-end[data-bs-popper] {
  right: 0;
  left: auto;
}
@media (min-width: 576px) {
  .dropdown-menu-sm-start {
    --bs-position: start;
  }
  .dropdown-menu-sm-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-sm-end {
    --bs-position: end;
  }
  .dropdown-menu-sm-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 768px) {
  .dropdown-menu-md-start {
    --bs-position: start;
  }
  .dropdown-menu-md-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-md-end {
    --bs-position: end;
  }
  .dropdown-menu-md-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 992px) {
  .dropdown-menu-lg-start {
    --bs-position: start;
  }
  .dropdown-menu-lg-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-lg-end {
    --bs-position: end;
  }
  .dropdown-menu-lg-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1200px) {
  .dropdown-menu-xl-start {
    --bs-position: start;
  }
  .dropdown-menu-xl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xl-end {
    --bs-position: end;
  }
  .dropdown-menu-xl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
@media (min-width: 1400px) {
  .dropdown-menu-xxl-start {
    --bs-position: start;
  }
  .dropdown-menu-xxl-start[data-bs-popper] {
    right: auto;
    left: 0;
  }
  .dropdown-menu-xxl-end {
    --bs-position: end;
  }
  .dropdown-menu-xxl-end[data-bs-popper] {
    right: 0;
    left: auto;
  }
}
.dropup .dropdown-menu[data-bs-popper] {
  top: auto;
  bottom: 100%;
  margin-top: 0;
  margin-bottom: var(--bs-dropdown-spacer);
}
.dropup .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0;
  border-right: 0.3em solid transparent;
  border-bottom: 0.3em solid;
  border-left: 0.3em solid transparent;
}
.dropup .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-menu[data-bs-popper] {
  top: 0;
  right: auto;
  left: 100%;
  margin-top: 0;
  margin-left: var(--bs-dropdown-spacer);
}
.dropend .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0;
  border-bottom: 0.3em solid transparent;
  border-left: 0.3em solid;
}
.dropend .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  top: 0;
  right: 100%;
  left: auto;
  margin-top: 0;
  margin-right: var(--bs-dropdown-spacer);
}
.dropstart .dropdown-toggle::after {
  display: inline-block;
  margin-left: 0.255em;
  vertical-align: 0.255em;
  content: "";
}
.dropstart .dropdown-toggle::after {
  display: none;
}
.dropstart .dropdown-toggle::before {
  display: inline-block;
  margin-right: 0.255em;
  vertical-align: 0.255em;
  content: "";
  border-top: 0.3em solid transparent;
  border-right: 0.3em solid;
  border-bottom: 0.3em solid transparent;
}
.dropstart .dropdown-toggle:empty::after {
  margin-left: 0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  height: 0;
  margin: var(--bs-dropdown-divider-margin-y) 0;
  overflow: hidden;
  border-top: 1px solid var(--bs-dropdown-divider-bg);
  opacity: 1;
}
.dropdown-item {
  display: block;
  width: 100%;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  clear: both;
  font-weight: 400;
  color: var(--bs-dropdown-link-color);
  text-align: inherit;
  white-space: nowrap;
  background-color: transparent;
  border: 0;
  border-radius: var(--bs-dropdown-item-border-radius, 0);
}
.dropdown-item:hover, .dropdown-item:focus {
  color: var(--bs-dropdown-link-hover-color);
  background-color: var(--bs-dropdown-link-hover-bg);
}
.dropdown-item.active, .dropdown-item:active {
  color: var(--bs-dropdown-link-active-color);
  text-decoration: none;
  background-color: var(--bs-dropdown-link-active-bg);
}
.dropdown-item.disabled, .dropdown-item:disabled {
  color: var(--bs-dropdown-link-disabled-color);
  pointer-events: none;
  background-color: transparent;
}
.dropdown-menu.show {
  display: block;
}
.dropdown-header {
  display: block;
  padding: var(--bs-dropdown-header-padding-y) var(--bs-dropdown-header-padding-x);
  margin-bottom: 0;
  font-size: 1.225rem;
  color: var(--bs-dropdown-header-color);
  white-space: nowrap;
}
.dropdown-item-text {
  display: block;
  padding: var(--bs-dropdown-item-padding-y) var(--bs-dropdown-item-padding-x);
  color: var(--bs-dropdown-link-color);
}
.dropdown-menu-dark {
  --bs-dropdown-color: #DFE3E8;
  --bs-dropdown-bg: #3A444F;
  --bs-dropdown-border-color: var(--colors-grey-300);
  --bs-dropdown-box-shadow: ;
  --bs-dropdown-link-color: #DFE3E8;
  --bs-dropdown-link-hover-color: #fff;
  --bs-dropdown-divider-bg: var(--colors-grey-300);
  --bs-dropdown-link-hover-bg: rgba(255, 255, 255, 0.15);
  --bs-dropdown-link-active-color: var(--colors-grey-900);
  --bs-dropdown-link-active-bg: var(--colors-grey-100);
  --bs-dropdown-link-disabled-color: #A1A7AD;
  --bs-dropdown-header-color: #A1A7AD;
}
.modal {
  --bs-modal-zindex: 1055;
  --bs-modal-width: 60rem;
  --bs-modal-padding: 1.6rem;
  --bs-modal-margin: 0.5rem;
  --bs-modal-color: var(--bs-body-color);
  --bs-modal-bg: var(--bs-body-bg);
  --bs-modal-border-color: var(--colors-grey-300);
  --bs-modal-border-width: var(--bs-border-width);
  --bs-modal-border-radius: 0.8rem;
  --bs-modal-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.1);
  --bs-modal-inner-border-radius: calc(0.8rem - (var(--bs-border-width)));
  --bs-modal-header-padding-x: 1.6rem;
  --bs-modal-header-padding-y: 1.6rem;
  --bs-modal-header-padding: 1.6rem 1.6rem;
  --bs-modal-header-border-color: var(--bs-border-color);
  --bs-modal-header-border-width: var(--bs-border-width);
  --bs-modal-title-line-height: 1.5;
  --bs-modal-footer-gap: 0.5rem;
  --bs-modal-footer-bg: ;
  --bs-modal-footer-border-color: var(--bs-border-color);
  --bs-modal-footer-border-width: var(--bs-border-width);
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-modal-zindex);
  display: none;
  width: 100%;
  height: 100%;
  overflow-x: hidden;
  overflow-y: auto;
  outline: 0;
}
.modal-dialog {
  position: relative;
  width: auto;
  margin: var(--bs-modal-margin);
  pointer-events: none;
}
.modal.fade .modal-dialog {
  transform: translate(0, -50px);
  transition: transform 0.3s ease-out;
}
@media (prefers-reduced-motion: reduce) {
  .modal.fade .modal-dialog {
    transition: none;
  }
}
.modal.show .modal-dialog {
  transform: none;
}
.modal.modal-static .modal-dialog {
  transform: scale(1.02);
}
.modal-dialog-scrollable {
  height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-dialog-scrollable .modal-content {
  max-height: 100%;
  overflow: hidden;
}
.modal-dialog-scrollable .modal-body {
  overflow-y: auto;
}
.modal-dialog-centered {
  display: flex;
  align-items: center;
  min-height: calc(100% - var(--bs-modal-margin) * 2);
}
.modal-content {
  position: relative;
  display: flex;
  flex-direction: column;
  width: 100%;
  color: var(--bs-modal-color);
  pointer-events: auto;
  background-color: var(--bs-modal-bg);
  background-clip: padding-box;
  border: var(--bs-modal-border-width) solid var(--bs-modal-border-color);
  border-radius: var(--bs-modal-border-radius);
  outline: 0;
}
.modal-backdrop {
  --bs-backdrop-zindex: 1050;
  --bs-backdrop-bg: #1D262E;
  --bs-backdrop-opacity: 0.5;
  position: fixed;
  top: 0;
  left: 0;
  z-index: var(--bs-backdrop-zindex);
  width: 100vw;
  height: 100vh;
  background-color: var(--bs-backdrop-bg);
}
.modal-backdrop.fade {
  opacity: 0;
}
.modal-backdrop.show {
  opacity: var(--bs-backdrop-opacity);
}
.modal-header {
  display: flex;
  flex-shrink: 0;
  align-items: center;
  padding: var(--bs-modal-header-padding);
  border-bottom: var(--bs-modal-header-border-width) solid var(--bs-modal-header-border-color);
  border-top-left-radius: var(--bs-modal-inner-border-radius);
  border-top-right-radius: var(--bs-modal-inner-border-radius);
}
.modal-header .btn-close {
  padding: calc(var(--bs-modal-header-padding-y) * 0.5) calc(var(--bs-modal-header-padding-x) * 0.5);
  margin-top: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-right: calc(-0.5 * var(--bs-modal-header-padding-x));
  margin-bottom: calc(-0.5 * var(--bs-modal-header-padding-y));
  margin-left: auto;
}
.modal-title {
  margin-bottom: 0;
  line-height: var(--bs-modal-title-line-height);
}
.modal-body {
  position: relative;
  flex: 1 1 auto;
  padding: var(--bs-modal-padding);
}
.modal-footer {
  display: flex;
  flex-shrink: 0;
  flex-wrap: wrap;
  align-items: center;
  justify-content: flex-end;
  padding: calc(var(--bs-modal-padding) - var(--bs-modal-footer-gap) * 0.5);
  background-color: var(--bs-modal-footer-bg);
  border-top: var(--bs-modal-footer-border-width) solid var(--bs-modal-footer-border-color);
  border-bottom-right-radius: var(--bs-modal-inner-border-radius);
  border-bottom-left-radius: var(--bs-modal-inner-border-radius);
}
.modal-footer > * {
  margin: calc(var(--bs-modal-footer-gap) * 0.5);
}
@media (min-width: 576px) {
  .modal {
    --bs-modal-margin: 1.75rem;
    --bs-modal-box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.1);
  }
  .modal-dialog {
    max-width: var(--bs-modal-width);
    margin-right: auto;
    margin-left: auto;
  }
  .modal-sm {
    --bs-modal-width: 30rem;
  }
}
@media (min-width: 992px) {
  .modal-lg,
  .modal-xl {
    --bs-modal-width: 86rem;
  }
}
@media (min-width: 1200px) {
  .modal-xl {
    --bs-modal-width: 114rem;
  }
}
.modal-fullscreen {
  width: 100vw;
  max-width: none;
  height: 100%;
  margin: 0;
}
.modal-fullscreen .modal-content {
  height: 100%;
  border: 0;
  border-radius: 0;
}
.modal-fullscreen .modal-header,
.modal-fullscreen .modal-footer {
  border-radius: 0;
}
.modal-fullscreen .modal-body {
  overflow-y: auto;
}
@media (max-width: 575.98px) {
  .modal-fullscreen-sm-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-sm-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-header,
  .modal-fullscreen-sm-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-sm-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 767.98px) {
  .modal-fullscreen-md-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-md-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-header,
  .modal-fullscreen-md-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-md-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 991.98px) {
  .modal-fullscreen-lg-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-lg-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-header,
  .modal-fullscreen-lg-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-lg-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1199.98px) {
  .modal-fullscreen-xl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-header,
  .modal-fullscreen-xl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xl-down .modal-body {
    overflow-y: auto;
  }
}
@media (max-width: 1399.98px) {
  .modal-fullscreen-xxl-down {
    width: 100vw;
    max-width: none;
    height: 100%;
    margin: 0;
  }
  .modal-fullscreen-xxl-down .modal-content {
    height: 100%;
    border: 0;
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-header,
  .modal-fullscreen-xxl-down .modal-footer {
    border-radius: 0;
  }
  .modal-fullscreen-xxl-down .modal-body {
    overflow-y: auto;
  }
}
.tooltip {
  --bs-tooltip-zindex: 1080;
  --bs-tooltip-max-width: 200px;
  --bs-tooltip-padding-x: 0.8rem;
  --bs-tooltip-padding-y: 0.4rem;
  --bs-tooltip-margin: ;
  --bs-tooltip-font-size: calc(1.255rem + 0.06vw);
  --bs-tooltip-color: #fff;
  --bs-tooltip-bg: var(--colors-grey-1000);
  --bs-tooltip-border-radius: var(--bs-border-radius);
  --bs-tooltip-opacity: 0.95;
  --bs-tooltip-arrow-width: 0.8rem;
  --bs-tooltip-arrow-height: 0.4rem;
  z-index: var(--bs-tooltip-zindex);
  display: block;
  margin: var(--bs-tooltip-margin);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-tooltip-font-size);
  word-wrap: break-word;
  opacity: 0;
}
@media (min-width: 1200px) {
  .tooltip {
    --bs-tooltip-font-size: 1.3rem;
  }
}
.tooltip.show {
  opacity: var(--bs-tooltip-opacity);
}
.tooltip .tooltip-arrow {
  display: block;
  width: var(--bs-tooltip-arrow-width);
  height: var(--bs-tooltip-arrow-height);
}
.tooltip .tooltip-arrow::before {
  position: absolute;
  content: "";
  border-color: transparent;
  border-style: solid;
}
.bs-tooltip-top .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow {
  bottom: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-top .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=top] .tooltip-arrow::before {
  top: -1px;
  border-width: var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-top-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-end .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-end .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  right: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height) calc(var(--bs-tooltip-arrow-width) * 0.5) 0;
  border-right-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.bs-tooltip-bottom .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow {
  top: calc(-1 * var(--bs-tooltip-arrow-height));
}
.bs-tooltip-bottom .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=bottom] .tooltip-arrow::before {
  bottom: -1px;
  border-width: 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-bottom-color: var(--bs-tooltip-bg);
}
/* rtl:begin:ignore */
.bs-tooltip-start .tooltip-arrow, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  width: var(--bs-tooltip-arrow-height);
  height: var(--bs-tooltip-arrow-width);
}
.bs-tooltip-start .tooltip-arrow::before, .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  left: -1px;
  border-width: calc(var(--bs-tooltip-arrow-width) * 0.5) 0 calc(var(--bs-tooltip-arrow-width) * 0.5) var(--bs-tooltip-arrow-height);
  border-left-color: var(--bs-tooltip-bg);
}
/* rtl:end:ignore */
.tooltip-inner {
  max-width: var(--bs-tooltip-max-width);
  padding: var(--bs-tooltip-padding-y) var(--bs-tooltip-padding-x);
  color: var(--bs-tooltip-color);
  text-align: center;
  background-color: var(--bs-tooltip-bg);
  border-radius: var(--bs-tooltip-border-radius);
}
.popover {
  --bs-popover-zindex: 1070;
  --bs-popover-max-width: 276px;
  --bs-popover-font-size: calc(1.255rem + 0.06vw);
  --bs-popover-bg: var(--bs-body-bg);
  --bs-popover-border-width: var(--bs-border-width);
  --bs-popover-border-color: var(--bs-border-color-translucent);
  --bs-popover-border-radius: var(--bs-border-radius-lg);
  --bs-popover-inner-border-radius: calc(var(--bs-border-radius-lg) - var(--bs-border-width));
  --bs-popover-box-shadow: var(--bs-box-shadow);
  --bs-popover-header-padding-x: 1.6rem;
  --bs-popover-header-padding-y: 0.5rem;
  --bs-popover-header-font-size: calc(1.265rem + 0.18vw);
  --bs-popover-header-color: inherit;
  --bs-popover-header-bg: var(--bs-secondary-bg);
  --bs-popover-body-padding-x: var(--spacing-03);
  --bs-popover-body-padding-y: var(--spacing-02);
  --bs-popover-body-color: var(--bs-body-color);
  --bs-popover-arrow-width: 1rem;
  --bs-popover-arrow-height: 0.5rem;
  --bs-popover-arrow-border: var(--bs-popover-border-color);
  z-index: var(--bs-popover-zindex);
  display: block;
  max-width: var(--bs-popover-max-width);
  font-family: var(--bs-font-sans-serif);
  font-style: normal;
  font-weight: 400;
  line-height: 1.5;
  text-align: left;
  text-align: start;
  text-decoration: none;
  text-shadow: none;
  text-transform: none;
  letter-spacing: normal;
  word-break: normal;
  white-space: normal;
  word-spacing: normal;
  line-break: auto;
  font-size: var(--bs-popover-font-size);
  word-wrap: break-word;
  background-color: var(--bs-popover-bg);
  background-clip: padding-box;
  border: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-radius: var(--bs-popover-border-radius);
}
@media (min-width: 1200px) {
  .popover {
    --bs-popover-font-size: 1.3rem;
  }
}
@media (min-width: 1200px) {
  .popover {
    --bs-popover-header-font-size: 1.4rem;
  }
}
.popover .popover-arrow {
  display: block;
  width: var(--bs-popover-arrow-width);
  height: var(--bs-popover-arrow-height);
}
.popover .popover-arrow::before, .popover .popover-arrow::after {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}
.bs-popover-top > .popover-arrow, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow {
  bottom: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  border-width: var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-top > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::before {
  bottom: 0;
  border-top-color: var(--bs-popover-arrow-border);
}
.bs-popover-top > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=top] > .popover-arrow::after {
  bottom: var(--bs-popover-border-width);
  border-top-color: var(--bs-popover-bg);
}
/* rtl:begin:ignore */
.bs-popover-end > .popover-arrow, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow {
  left: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height) calc(var(--bs-popover-arrow-width) * 0.5) 0;
}
.bs-popover-end > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::before {
  left: 0;
  border-right-color: var(--bs-popover-arrow-border);
}
.bs-popover-end > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=right] > .popover-arrow::after {
  left: var(--bs-popover-border-width);
  border-right-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.bs-popover-bottom > .popover-arrow, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow {
  top: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  border-width: 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-bottom > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::before {
  top: 0;
  border-bottom-color: var(--bs-popover-arrow-border);
}
.bs-popover-bottom > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=bottom] > .popover-arrow::after {
  top: var(--bs-popover-border-width);
  border-bottom-color: var(--bs-popover-bg);
}
.bs-popover-bottom .popover-header::before, .bs-popover-auto[data-popper-placement^=bottom] .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: var(--bs-popover-arrow-width);
  margin-left: calc(-0.5 * var(--bs-popover-arrow-width));
  content: "";
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-header-bg);
}
/* rtl:begin:ignore */
.bs-popover-start > .popover-arrow, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow {
  right: calc(-1 * (var(--bs-popover-arrow-height)) - var(--bs-popover-border-width));
  width: var(--bs-popover-arrow-height);
  height: var(--bs-popover-arrow-width);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  border-width: calc(var(--bs-popover-arrow-width) * 0.5) 0 calc(var(--bs-popover-arrow-width) * 0.5) var(--bs-popover-arrow-height);
}
.bs-popover-start > .popover-arrow::before, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::before {
  right: 0;
  border-left-color: var(--bs-popover-arrow-border);
}
.bs-popover-start > .popover-arrow::after, .bs-popover-auto[data-popper-placement^=left] > .popover-arrow::after {
  right: var(--bs-popover-border-width);
  border-left-color: var(--bs-popover-bg);
}
/* rtl:end:ignore */
.popover-header {
  padding: var(--bs-popover-header-padding-y) var(--bs-popover-header-padding-x);
  margin-bottom: 0;
  font-size: var(--bs-popover-header-font-size);
  color: var(--bs-popover-header-color);
  background-color: var(--bs-popover-header-bg);
  border-bottom: var(--bs-popover-border-width) solid var(--bs-popover-border-color);
  border-top-left-radius: var(--bs-popover-inner-border-radius);
  border-top-right-radius: var(--bs-popover-inner-border-radius);
}
.popover-header:empty {
  display: none;
}
.popover-body {
  padding: var(--bs-popover-body-padding-y) var(--bs-popover-body-padding-x);
  color: var(--bs-popover-body-color);
}
.spinner-grow,
.spinner-border {
  display: inline-block;
  width: var(--bs-spinner-width);
  height: var(--bs-spinner-height);
  vertical-align: var(--bs-spinner-vertical-align);
  border-radius: 50%;
  animation: var(--bs-spinner-animation-speed) linear infinite var(--bs-spinner-animation-name);
}
@keyframes spinner-border {
  to {
    transform: rotate(360deg) /* rtl:ignore */;
  }
}
.spinner-border {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-border-width: 0.25em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-border;
  border: var(--bs-spinner-border-width) solid currentcolor;
  border-right-color: transparent;
}
.spinner-border-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
  --bs-spinner-border-width: 0.2em;
}
@keyframes spinner-grow {
  0% {
    transform: scale(0);
  }
  50% {
    opacity: 1;
    transform: none;
  }
}
.spinner-grow {
  --bs-spinner-width: 2rem;
  --bs-spinner-height: 2rem;
  --bs-spinner-vertical-align: -0.125em;
  --bs-spinner-animation-speed: 0.75s;
  --bs-spinner-animation-name: spinner-grow;
  background-color: currentcolor;
  opacity: 0;
}
.spinner-grow-sm {
  --bs-spinner-width: 1rem;
  --bs-spinner-height: 1rem;
}
@media (prefers-reduced-motion: reduce) {
  .spinner-border,
  .spinner-grow {
    --bs-spinner-animation-speed: 1.5s;
  }
}
.hidden,
.visible-xs,
.visible-sm,
.visible-md,
.visible-lg {
  display: none !important;
}
.visible-xs-block,
.visible-xs-inline,
.visible-xs-inline-block,
.visible-sm-block,
.visible-sm-inline,
.visible-sm-inline-block,
.visible-md-block,
.visible-md-inline,
.visible-md-inline-block,
.visible-lg-block,
.visible-lg-inline,
.visible-lg-inline-block {
  display: none !important;
}
@media (max-width: 767px) {
  .visible-xs {
    display: block !important;
  }
  table.visible-xs {
    display: table !important;
  }
  tr.visible-xs {
    display: table-row !important;
  }
  th.visible-xs,
  td.visible-xs {
    display: table-cell !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-block {
    display: block !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline {
    display: inline !important;
  }
}
@media (max-width: 767px) {
  .visible-xs-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm {
    display: block !important;
  }
  table.visible-sm {
    display: table !important;
  }
  tr.visible-sm {
    display: table-row !important;
  }
  th.visible-sm,
  td.visible-sm {
    display: table-cell !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-block {
    display: block !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline {
    display: inline !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .visible-sm-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md {
    display: block !important;
  }
  table.visible-md {
    display: table !important;
  }
  tr.visible-md {
    display: table-row !important;
  }
  th.visible-md,
  td.visible-md {
    display: table-cell !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-block {
    display: block !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline {
    display: inline !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .visible-md-inline-block {
    display: inline-block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg {
    display: block !important;
  }
  table.visible-lg {
    display: table !important;
  }
  tr.visible-lg {
    display: table-row !important;
  }
  th.visible-lg,
  td.visible-lg {
    display: table-cell !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-block {
    display: block !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline {
    display: inline !important;
  }
}
@media (min-width: 1200px) {
  .visible-lg-inline-block {
    display: inline-block !important;
  }
}
@media (max-width: 767px) {
  .hidden-xs {
    display: none !important;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm {
    display: none !important;
  }
}
@media (min-width: 992px) and (max-width: 1199px) {
  .hidden-md {
    display: none !important;
  }
}
@media (min-width: 1200px) {
  .hidden-lg {
    display: none !important;
  }
}
.align-baseline {
  vertical-align: baseline !important;
}
.align-top {
  vertical-align: top !important;
}
.align-middle {
  vertical-align: middle !important;
}
.align-bottom {
  vertical-align: bottom !important;
}
.align-text-bottom {
  vertical-align: text-bottom !important;
}
.align-text-top {
  vertical-align: text-top !important;
}
.float-start {
  float: left !important;
}
.float-end {
  float: right !important;
}
.float-none {
  float: none !important;
}
.object-fit-contain {
  object-fit: contain !important;
}
.object-fit-cover {
  object-fit: cover !important;
}
.object-fit-fill {
  object-fit: fill !important;
}
.object-fit-scale {
  object-fit: scale-down !important;
}
.object-fit-none {
  object-fit: none !important;
}
.opacity-0 {
  opacity: 0 !important;
}
.opacity-25 {
  opacity: 0.25 !important;
}
.opacity-50 {
  opacity: 0.5 !important;
}
.opacity-75 {
  opacity: 0.75 !important;
}
.opacity-100 {
  opacity: 1 !important;
}
.overflow-auto {
  overflow: auto !important;
}
.overflow-hidden {
  overflow: hidden !important;
}
.overflow-visible {
  overflow: visible !important;
}
.overflow-scroll {
  overflow: scroll !important;
}
.overflow-x-auto {
  overflow-x: auto !important;
}
.overflow-x-hidden {
  overflow-x: hidden !important;
}
.overflow-x-visible {
  overflow-x: visible !important;
}
.overflow-x-scroll {
  overflow-x: scroll !important;
}
.overflow-y-auto {
  overflow-y: auto !important;
}
.overflow-y-hidden {
  overflow-y: hidden !important;
}
.overflow-y-visible {
  overflow-y: visible !important;
}
.overflow-y-scroll {
  overflow-y: scroll !important;
}
.d-inline {
  display: inline !important;
}
.d-inline-block {
  display: inline-block !important;
}
.d-block {
  display: block !important;
}
.d-grid {
  display: grid !important;
}
.d-inline-grid {
  display: inline-grid !important;
}
.d-table {
  display: table !important;
}
.d-table-row {
  display: table-row !important;
}
.d-table-cell {
  display: table-cell !important;
}
.d-flex {
  display: flex !important;
}
.d-inline-flex {
  display: inline-flex !important;
}
.d-none {
  display: none !important;
}
.shadow {
  box-shadow: var(--bs-box-shadow) !important;
}
.shadow-sm {
  box-shadow: var(--bs-box-shadow-sm) !important;
}
.shadow-lg {
  box-shadow: var(--bs-box-shadow-lg) !important;
}
.shadow-none {
  box-shadow: none !important;
}
.focus-ring-primary {
  --bs-focus-ring-color: rgba(var(--bs-primary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-secondary {
  --bs-focus-ring-color: rgba(var(--bs-secondary-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-success {
  --bs-focus-ring-color: rgba(var(--bs-success-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-info {
  --bs-focus-ring-color: rgba(var(--bs-info-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-warning {
  --bs-focus-ring-color: rgba(var(--bs-warning-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-danger {
  --bs-focus-ring-color: rgba(var(--bs-danger-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-light {
  --bs-focus-ring-color: rgba(var(--bs-light-rgb), var(--bs-focus-ring-opacity));
}
.focus-ring-dark {
  --bs-focus-ring-color: rgba(var(--bs-dark-rgb), var(--bs-focus-ring-opacity));
}
.position-static {
  position: static !important;
}
.position-relative {
  position: relative !important;
}
.position-absolute {
  position: absolute !important;
}
.position-fixed {
  position: fixed !important;
}
.position-sticky {
  position: sticky !important;
}
.top-0 {
  top: 0 !important;
}
.top-50 {
  top: 50% !important;
}
.top-100 {
  top: 100% !important;
}
.bottom-0 {
  bottom: 0 !important;
}
.bottom-50 {
  bottom: 50% !important;
}
.bottom-100 {
  bottom: 100% !important;
}
.start-0 {
  left: 0 !important;
}
.start-50 {
  left: 50% !important;
}
.start-100 {
  left: 100% !important;
}
.end-0 {
  right: 0 !important;
}
.end-50 {
  right: 50% !important;
}
.end-100 {
  right: 100% !important;
}
.translate-middle {
  transform: translate(-50%, -50%) !important;
}
.translate-middle-x {
  transform: translateX(-50%) !important;
}
.translate-middle-y {
  transform: translateY(-50%) !important;
}
.border {
  border: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-0 {
  border: 0 !important;
}
.border-top {
  border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-top-0 {
  border-top: 0 !important;
}
.border-end {
  border-right: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-end-0 {
  border-right: 0 !important;
}
.border-bottom {
  border-bottom: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-bottom-0 {
  border-bottom: 0 !important;
}
.border-start {
  border-left: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
}
.border-start-0 {
  border-left: 0 !important;
}
.border-primary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-primary-rgb), var(--bs-border-opacity)) !important;
}
.border-secondary {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-secondary-rgb), var(--bs-border-opacity)) !important;
}
.border-success {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-success-rgb), var(--bs-border-opacity)) !important;
}
.border-info {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-info-rgb), var(--bs-border-opacity)) !important;
}
.border-warning {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-warning-rgb), var(--bs-border-opacity)) !important;
}
.border-danger {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-danger-rgb), var(--bs-border-opacity)) !important;
}
.border-light {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-light-rgb), var(--bs-border-opacity)) !important;
}
.border-dark {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-dark-rgb), var(--bs-border-opacity)) !important;
}
.border-black {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-black-rgb), var(--bs-border-opacity)) !important;
}
.border-white {
  --bs-border-opacity: 1;
  border-color: rgba(var(--bs-white-rgb), var(--bs-border-opacity)) !important;
}
.border-primary-subtle {
  border-color: var(--bs-primary-border-subtle) !important;
}
.border-secondary-subtle {
  border-color: var(--bs-secondary-border-subtle) !important;
}
.border-success-subtle {
  border-color: var(--bs-success-border-subtle) !important;
}
.border-info-subtle {
  border-color: var(--bs-info-border-subtle) !important;
}
.border-warning-subtle {
  border-color: var(--bs-warning-border-subtle) !important;
}
.border-danger-subtle {
  border-color: var(--bs-danger-border-subtle) !important;
}
.border-light-subtle {
  border-color: var(--bs-light-border-subtle) !important;
}
.border-dark-subtle {
  border-color: var(--bs-dark-border-subtle) !important;
}
.border-1 {
  border-width: 1px !important;
}
.border-2 {
  border-width: 2px !important;
}
.border-3 {
  border-width: 3px !important;
}
.border-4 {
  border-width: 4px !important;
}
.border-5 {
  border-width: 5px !important;
}
.border-opacity-10 {
  --bs-border-opacity: 0.1;
}
.border-opacity-25 {
  --bs-border-opacity: 0.25;
}
.border-opacity-50 {
  --bs-border-opacity: 0.5;
}
.border-opacity-75 {
  --bs-border-opacity: 0.75;
}
.border-opacity-100 {
  --bs-border-opacity: 1;
}
.w-25 {
  width: 25% !important;
}
.w-50 {
  width: 50% !important;
}
.w-75 {
  width: 75% !important;
}
.w-100 {
  width: 100% !important;
}
.w-auto {
  width: auto !important;
}
.mw-100 {
  max-width: 100% !important;
}
.vw-100 {
  width: 100vw !important;
}
.min-vw-100 {
  min-width: 100vw !important;
}
.h-25 {
  height: 25% !important;
}
.h-50 {
  height: 50% !important;
}
.h-75 {
  height: 75% !important;
}
.h-100 {
  height: 100% !important;
}
.h-auto {
  height: auto !important;
}
.mh-100 {
  max-height: 100% !important;
}
.vh-100 {
  height: 100vh !important;
}
.min-vh-100 {
  min-height: 100vh !important;
}
.flex-fill {
  flex: 1 1 auto !important;
}
.flex-row {
  flex-direction: row !important;
}
.flex-column {
  flex-direction: column !important;
}
.flex-row-reverse {
  flex-direction: row-reverse !important;
}
.flex-column-reverse {
  flex-direction: column-reverse !important;
}
.flex-grow-0 {
  flex-grow: 0 !important;
}
.flex-grow-1 {
  flex-grow: 1 !important;
}
.flex-shrink-0 {
  flex-shrink: 0 !important;
}
.flex-shrink-1 {
  flex-shrink: 1 !important;
}
.flex-wrap {
  flex-wrap: wrap !important;
}
.flex-nowrap {
  flex-wrap: nowrap !important;
}
.flex-wrap-reverse {
  flex-wrap: wrap-reverse !important;
}
.justify-content-start {
  justify-content: flex-start !important;
}
.justify-content-end {
  justify-content: flex-end !important;
}
.justify-content-center {
  justify-content: center !important;
}
.justify-content-between {
  justify-content: space-between !important;
}
.justify-content-around {
  justify-content: space-around !important;
}
.justify-content-evenly {
  justify-content: space-evenly !important;
}
.align-items-start {
  align-items: flex-start !important;
}
.align-items-end {
  align-items: flex-end !important;
}
.align-items-center {
  align-items: center !important;
}
.align-items-baseline {
  align-items: baseline !important;
}
.align-items-stretch {
  align-items: stretch !important;
}
.align-content-start {
  align-content: flex-start !important;
}
.align-content-end {
  align-content: flex-end !important;
}
.align-content-center {
  align-content: center !important;
}
.align-content-between {
  align-content: space-between !important;
}
.align-content-around {
  align-content: space-around !important;
}
.align-content-stretch {
  align-content: stretch !important;
}
.align-self-auto {
  align-self: auto !important;
}
.align-self-start {
  align-self: flex-start !important;
}
.align-self-end {
  align-self: flex-end !important;
}
.align-self-center {
  align-self: center !important;
}
.align-self-baseline {
  align-self: baseline !important;
}
.align-self-stretch {
  align-self: stretch !important;
}
.order-first {
  order: -1 !important;
}
.order-0 {
  order: 0 !important;
}
.order-1 {
  order: 1 !important;
}
.order-2 {
  order: 2 !important;
}
.order-3 {
  order: 3 !important;
}
.order-4 {
  order: 4 !important;
}
.order-5 {
  order: 5 !important;
}
.order-last {
  order: 6 !important;
}
.gap-auto {
  gap: auto !important;
}
.gap-0 {
  gap: 0 !important;
}
.gap-05 {
  gap: calc(var(--spacing-base) / 2) !important;
}
.gap-1 {
  gap: calc(var(--spacing-base)) !important;
}
.gap-2 {
  gap: calc(var(--spacing-base) * 2) !important;
}
.gap-3 {
  gap: calc(var(--spacing-base) * 3) !important;
}
.gap-4 {
  gap: calc(var(--spacing-base) * 4) !important;
}
.gap-5 {
  gap: calc(var(--spacing-base) * 5) !important;
}
.gap-6 {
  gap: calc(var(--spacing-base) * 6) !important;
}
.gap-8 {
  gap: calc(var(--spacing-base) * 8) !important;
}
.gap-10 {
  gap: calc(var(--spacing-base) * 10) !important;
}
.gap-12 {
  gap: calc(var(--spacing-base) * 12) !important;
}
.gap-14 {
  gap: calc(var(--spacing-base) * 14) !important;
}
.gap-16 {
  gap: calc(var(--spacing-base) * 16) !important;
}
.gap-20 {
  gap: calc(var(--spacing-base) * 20) !important;
}
.gap-24 {
  gap: calc(var(--spacing-base) * 24) !important;
}
.gap-30 {
  gap: calc(var(--spacing-base) * 30) !important;
}
.row-gap-auto {
  row-gap: auto !important;
}
.row-gap-0 {
  row-gap: 0 !important;
}
.row-gap-05 {
  row-gap: calc(var(--spacing-base) / 2) !important;
}
.row-gap-1 {
  row-gap: calc(var(--spacing-base)) !important;
}
.row-gap-2 {
  row-gap: calc(var(--spacing-base) * 2) !important;
}
.row-gap-3 {
  row-gap: calc(var(--spacing-base) * 3) !important;
}
.row-gap-4 {
  row-gap: calc(var(--spacing-base) * 4) !important;
}
.row-gap-5 {
  row-gap: calc(var(--spacing-base) * 5) !important;
}
.row-gap-6 {
  row-gap: calc(var(--spacing-base) * 6) !important;
}
.row-gap-8 {
  row-gap: calc(var(--spacing-base) * 8) !important;
}
.row-gap-10 {
  row-gap: calc(var(--spacing-base) * 10) !important;
}
.row-gap-12 {
  row-gap: calc(var(--spacing-base) * 12) !important;
}
.row-gap-14 {
  row-gap: calc(var(--spacing-base) * 14) !important;
}
.row-gap-16 {
  row-gap: calc(var(--spacing-base) * 16) !important;
}
.row-gap-20 {
  row-gap: calc(var(--spacing-base) * 20) !important;
}
.row-gap-24 {
  row-gap: calc(var(--spacing-base) * 24) !important;
}
.row-gap-30 {
  row-gap: calc(var(--spacing-base) * 30) !important;
}
.column-gap-auto {
  column-gap: auto !important;
}
.column-gap-0 {
  column-gap: 0 !important;
}
.column-gap-05 {
  column-gap: calc(var(--spacing-base) / 2) !important;
}
.column-gap-1 {
  column-gap: calc(var(--spacing-base)) !important;
}
.column-gap-2 {
  column-gap: calc(var(--spacing-base) * 2) !important;
}
.column-gap-3 {
  column-gap: calc(var(--spacing-base) * 3) !important;
}
.column-gap-4 {
  column-gap: calc(var(--spacing-base) * 4) !important;
}
.column-gap-5 {
  column-gap: calc(var(--spacing-base) * 5) !important;
}
.column-gap-6 {
  column-gap: calc(var(--spacing-base) * 6) !important;
}
.column-gap-8 {
  column-gap: calc(var(--spacing-base) * 8) !important;
}
.column-gap-10 {
  column-gap: calc(var(--spacing-base) * 10) !important;
}
.column-gap-12 {
  column-gap: calc(var(--spacing-base) * 12) !important;
}
.column-gap-14 {
  column-gap: calc(var(--spacing-base) * 14) !important;
}
.column-gap-16 {
  column-gap: calc(var(--spacing-base) * 16) !important;
}
.column-gap-20 {
  column-gap: calc(var(--spacing-base) * 20) !important;
}
.column-gap-24 {
  column-gap: calc(var(--spacing-base) * 24) !important;
}
.column-gap-30 {
  column-gap: calc(var(--spacing-base) * 30) !important;
}
.font-monospace {
  font-family: var(--bs-font-monospace) !important;
}
.fs-1 {
  font-size: calc(1.475rem + 2.7vw) !important;
}
.fs-2 {
  font-size: calc(1.405rem + 1.86vw) !important;
}
.fs-3 {
  font-size: calc(1.37rem + 1.44vw) !important;
}
.fs-4 {
  font-size: calc(1.335rem + 1.02vw) !important;
}
.fs-5 {
  font-size: calc(1.3rem + 0.6vw) !important;
}
.fs-6 {
  font-size: calc(1.265rem + 0.18vw) !important;
}
.fst-italic {
  font-style: italic !important;
}
.fst-normal {
  font-style: normal !important;
}
.fw-lighter {
  font-weight: lighter !important;
}
.fw-light {
  font-weight: 300 !important;
}
.fw-normal {
  font-weight: 400 !important;
}
.fw-medium {
  font-weight: 500 !important;
}
.fw-semibold {
  font-weight: 600 !important;
}
.fw-bold {
  font-weight: 700 !important;
}
.fw-bolder {
  font-weight: bolder !important;
}
.lh-1 {
  line-height: 1 !important;
}
.lh-sm {
  line-height: 1.25 !important;
}
.lh-base {
  line-height: 1.5 !important;
}
.lh-lg {
  line-height: 2 !important;
}
.text-start {
  text-align: left !important;
}
.text-end {
  text-align: right !important;
}
.text-center {
  text-align: center !important;
}
.text-decoration-none {
  text-decoration: none !important;
}
.text-decoration-underline {
  text-decoration: underline !important;
}
.text-decoration-line-through {
  text-decoration: line-through !important;
}
.text-lowercase {
  text-transform: lowercase !important;
}
.text-uppercase {
  text-transform: uppercase !important;
}
.text-capitalize {
  text-transform: capitalize !important;
}
.text-wrap {
  white-space: normal !important;
}
.text-nowrap {
  white-space: nowrap !important;
}
/* rtl:begin:remove */
.text-break {
  word-wrap: break-word !important;
  word-break: break-word !important;
}
/* rtl:end:remove */
.text-primary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-primary-rgb), var(--bs-text-opacity)) !important;
}
.text-secondary {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-secondary-rgb), var(--bs-text-opacity)) !important;
}
.text-success {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-success-rgb), var(--bs-text-opacity)) !important;
}
.text-info {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-info-rgb), var(--bs-text-opacity)) !important;
}
.text-warning {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-warning-rgb), var(--bs-text-opacity)) !important;
}
.text-danger {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-danger-rgb), var(--bs-text-opacity)) !important;
}
.text-light {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-light-rgb), var(--bs-text-opacity)) !important;
}
.text-dark {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-dark-rgb), var(--bs-text-opacity)) !important;
}
.text-black {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-black-rgb), var(--bs-text-opacity)) !important;
}
.text-white {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-white-rgb), var(--bs-text-opacity)) !important;
}
.text-body {
  --bs-text-opacity: 1;
  color: rgba(var(--bs-body-color-rgb), var(--bs-text-opacity)) !important;
}
.text-muted {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-black-50 {
  --bs-text-opacity: 1;
  color: rgba(29, 38, 46, 0.5) !important;
}
.text-white-50 {
  --bs-text-opacity: 1;
  color: rgba(255, 255, 255, 0.5) !important;
}
.text-body-secondary {
  --bs-text-opacity: 1;
  color: var(--bs-secondary-color) !important;
}
.text-body-tertiary {
  --bs-text-opacity: 1;
  color: var(--bs-tertiary-color) !important;
}
.text-body-emphasis {
  --bs-text-opacity: 1;
  color: var(--bs-emphasis-color) !important;
}
.text-reset {
  --bs-text-opacity: 1;
  color: inherit !important;
}
.text-opacity-25 {
  --bs-text-opacity: 0.25;
}
.text-opacity-50 {
  --bs-text-opacity: 0.5;
}
.text-opacity-75 {
  --bs-text-opacity: 0.75;
}
.text-opacity-100 {
  --bs-text-opacity: 1;
}
.text-primary-emphasis {
  color: var(--bs-primary-text-emphasis) !important;
}
.text-secondary-emphasis {
  color: var(--bs-secondary-text-emphasis) !important;
}
.text-success-emphasis {
  color: var(--bs-success-text-emphasis) !important;
}
.text-info-emphasis {
  color: var(--bs-info-text-emphasis) !important;
}
.text-warning-emphasis {
  color: var(--bs-warning-text-emphasis) !important;
}
.text-danger-emphasis {
  color: var(--bs-danger-text-emphasis) !important;
}
.text-light-emphasis {
  color: var(--bs-light-text-emphasis) !important;
}
.text-dark-emphasis {
  color: var(--bs-dark-text-emphasis) !important;
}
.link-opacity-10 {
  --bs-link-opacity: 0.1;
}
.link-opacity-10-hover:hover {
  --bs-link-opacity: 0.1;
}
.link-opacity-25 {
  --bs-link-opacity: 0.25;
}
.link-opacity-25-hover:hover {
  --bs-link-opacity: 0.25;
}
.link-opacity-50 {
  --bs-link-opacity: 0.5;
}
.link-opacity-50-hover:hover {
  --bs-link-opacity: 0.5;
}
.link-opacity-75 {
  --bs-link-opacity: 0.75;
}
.link-opacity-75-hover:hover {
  --bs-link-opacity: 0.75;
}
.link-opacity-100 {
  --bs-link-opacity: 1;
}
.link-opacity-100-hover:hover {
  --bs-link-opacity: 1;
}
.link-offset-1 {
  text-underline-offset: 0.125em !important;
}
.link-offset-1-hover:hover {
  text-underline-offset: 0.125em !important;
}
.link-offset-2 {
  text-underline-offset: 0.25em !important;
}
.link-offset-2-hover:hover {
  text-underline-offset: 0.25em !important;
}
.link-offset-3 {
  text-underline-offset: 0.375em !important;
}
.link-offset-3-hover:hover {
  text-underline-offset: 0.375em !important;
}
.link-underline-primary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-primary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-secondary {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-secondary-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-success {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-success-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-info {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-info-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-warning {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-warning-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-danger {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-danger-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-light {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-light-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline-dark {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-dark-rgb), var(--bs-link-underline-opacity)) !important;
}
.link-underline {
  --bs-link-underline-opacity: 1;
  text-decoration-color: rgba(var(--bs-link-color-rgb), var(--bs-link-underline-opacity, 1)) !important;
}
.link-underline-opacity-0 {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-0-hover:hover {
  --bs-link-underline-opacity: 0;
}
.link-underline-opacity-10 {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-10-hover:hover {
  --bs-link-underline-opacity: 0.1;
}
.link-underline-opacity-25 {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-25-hover:hover {
  --bs-link-underline-opacity: 0.25;
}
.link-underline-opacity-50 {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-50-hover:hover {
  --bs-link-underline-opacity: 0.5;
}
.link-underline-opacity-75 {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-75-hover:hover {
  --bs-link-underline-opacity: 0.75;
}
.link-underline-opacity-100 {
  --bs-link-underline-opacity: 1;
}
.link-underline-opacity-100-hover:hover {
  --bs-link-underline-opacity: 1;
}
.bg-primary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-primary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-rgb), var(--bs-bg-opacity)) !important;
}
.bg-success {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-success-rgb), var(--bs-bg-opacity)) !important;
}
.bg-info {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-info-rgb), var(--bs-bg-opacity)) !important;
}
.bg-warning {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-warning-rgb), var(--bs-bg-opacity)) !important;
}
.bg-danger {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-danger-rgb), var(--bs-bg-opacity)) !important;
}
.bg-light {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-light-rgb), var(--bs-bg-opacity)) !important;
}
.bg-dark {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-dark-rgb), var(--bs-bg-opacity)) !important;
}
.bg-black {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-black-rgb), var(--bs-bg-opacity)) !important;
}
.bg-white {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-white-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-body-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-transparent {
  --bs-bg-opacity: 1;
  background-color: transparent !important;
}
.bg-body-secondary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-secondary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-body-tertiary {
  --bs-bg-opacity: 1;
  background-color: rgba(var(--bs-tertiary-bg-rgb), var(--bs-bg-opacity)) !important;
}
.bg-opacity-10 {
  --bs-bg-opacity: 0.1;
}
.bg-opacity-25 {
  --bs-bg-opacity: 0.25;
}
.bg-opacity-50 {
  --bs-bg-opacity: 0.5;
}
.bg-opacity-75 {
  --bs-bg-opacity: 0.75;
}
.bg-opacity-100 {
  --bs-bg-opacity: 1;
}
.bg-primary-subtle {
  background-color: var(--bs-primary-bg-subtle) !important;
}
.bg-secondary-subtle {
  background-color: var(--bs-secondary-bg-subtle) !important;
}
.bg-success-subtle {
  background-color: var(--bs-success-bg-subtle) !important;
}
.bg-info-subtle {
  background-color: var(--bs-info-bg-subtle) !important;
}
.bg-warning-subtle {
  background-color: var(--bs-warning-bg-subtle) !important;
}
.bg-danger-subtle {
  background-color: var(--bs-danger-bg-subtle) !important;
}
.bg-light-subtle {
  background-color: var(--bs-light-bg-subtle) !important;
}
.bg-dark-subtle {
  background-color: var(--bs-dark-bg-subtle) !important;
}
.bg-gradient {
  background-image: var(--bs-gradient) !important;
}
.user-select-all {
  user-select: all !important;
}
.user-select-auto {
  user-select: auto !important;
}
.user-select-none {
  user-select: none !important;
}
.pe-none {
  pointer-events: none !important;
}
.pe-auto {
  pointer-events: auto !important;
}
.rounded {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-0 {
  border-radius: 0 !important;
}
.rounded-1 {
  border-radius: var(--bs-border-radius-sm) !important;
}
.rounded-2 {
  border-radius: var(--bs-border-radius) !important;
}
.rounded-3 {
  border-radius: var(--bs-border-radius-lg) !important;
}
.rounded-4 {
  border-radius: var(--bs-border-radius-xl) !important;
}
.rounded-5 {
  border-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-circle {
  border-radius: 50% !important;
}
.rounded-pill {
  border-radius: var(--bs-border-radius-pill) !important;
}
.rounded-top {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-0 {
  border-top-left-radius: 0 !important;
  border-top-right-radius: 0 !important;
}
.rounded-top-1 {
  border-top-left-radius: var(--bs-border-radius-sm) !important;
  border-top-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-top-2 {
  border-top-left-radius: var(--bs-border-radius) !important;
  border-top-right-radius: var(--bs-border-radius) !important;
}
.rounded-top-3 {
  border-top-left-radius: var(--bs-border-radius-lg) !important;
  border-top-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-top-4 {
  border-top-left-radius: var(--bs-border-radius-xl) !important;
  border-top-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-top-5 {
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-top-circle {
  border-top-left-radius: 50% !important;
  border-top-right-radius: 50% !important;
}
.rounded-top-pill {
  border-top-left-radius: var(--bs-border-radius-pill) !important;
  border-top-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-end {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-0 {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
.rounded-end-1 {
  border-top-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
}
.rounded-end-2 {
  border-top-right-radius: var(--bs-border-radius) !important;
  border-bottom-right-radius: var(--bs-border-radius) !important;
}
.rounded-end-3 {
  border-top-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
}
.rounded-end-4 {
  border-top-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
}
.rounded-end-5 {
  border-top-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-end-circle {
  border-top-right-radius: 50% !important;
  border-bottom-right-radius: 50% !important;
}
.rounded-end-pill {
  border-top-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
}
.rounded-bottom {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-0 {
  border-bottom-right-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
.rounded-bottom-1 {
  border-bottom-right-radius: var(--bs-border-radius-sm) !important;
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-bottom-2 {
  border-bottom-right-radius: var(--bs-border-radius) !important;
  border-bottom-left-radius: var(--bs-border-radius) !important;
}
.rounded-bottom-3 {
  border-bottom-right-radius: var(--bs-border-radius-lg) !important;
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-bottom-4 {
  border-bottom-right-radius: var(--bs-border-radius-xl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-bottom-5 {
  border-bottom-right-radius: var(--bs-border-radius-xxl) !important;
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-bottom-circle {
  border-bottom-right-radius: 50% !important;
  border-bottom-left-radius: 50% !important;
}
.rounded-bottom-pill {
  border-bottom-right-radius: var(--bs-border-radius-pill) !important;
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
}
.rounded-start {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-0 {
  border-bottom-left-radius: 0 !important;
  border-top-left-radius: 0 !important;
}
.rounded-start-1 {
  border-bottom-left-radius: var(--bs-border-radius-sm) !important;
  border-top-left-radius: var(--bs-border-radius-sm) !important;
}
.rounded-start-2 {
  border-bottom-left-radius: var(--bs-border-radius) !important;
  border-top-left-radius: var(--bs-border-radius) !important;
}
.rounded-start-3 {
  border-bottom-left-radius: var(--bs-border-radius-lg) !important;
  border-top-left-radius: var(--bs-border-radius-lg) !important;
}
.rounded-start-4 {
  border-bottom-left-radius: var(--bs-border-radius-xl) !important;
  border-top-left-radius: var(--bs-border-radius-xl) !important;
}
.rounded-start-5 {
  border-bottom-left-radius: var(--bs-border-radius-xxl) !important;
  border-top-left-radius: var(--bs-border-radius-xxl) !important;
}
.rounded-start-circle {
  border-bottom-left-radius: 50% !important;
  border-top-left-radius: 50% !important;
}
.rounded-start-pill {
  border-bottom-left-radius: var(--bs-border-radius-pill) !important;
  border-top-left-radius: var(--bs-border-radius-pill) !important;
}
.visible {
  visibility: visible !important;
}
.invisible {
  visibility: hidden !important;
}
.z-n1 {
  z-index: -1 !important;
}
.z-0 {
  z-index: 0 !important;
}
.z-1 {
  z-index: 1 !important;
}
.z-2 {
  z-index: 2 !important;
}
.z-3 {
  z-index: 3 !important;
}
@media (min-width: 576px) {
  .float-sm-start {
    float: left !important;
  }
  .float-sm-end {
    float: right !important;
  }
  .float-sm-none {
    float: none !important;
  }
  .object-fit-sm-contain {
    object-fit: contain !important;
  }
  .object-fit-sm-cover {
    object-fit: cover !important;
  }
  .object-fit-sm-fill {
    object-fit: fill !important;
  }
  .object-fit-sm-scale {
    object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    object-fit: none !important;
  }
  .d-sm-inline {
    display: inline !important;
  }
  .d-sm-inline-block {
    display: inline-block !important;
  }
  .d-sm-block {
    display: block !important;
  }
  .d-sm-grid {
    display: grid !important;
  }
  .d-sm-inline-grid {
    display: inline-grid !important;
  }
  .d-sm-table {
    display: table !important;
  }
  .d-sm-table-row {
    display: table-row !important;
  }
  .d-sm-table-cell {
    display: table-cell !important;
  }
  .d-sm-flex {
    display: flex !important;
  }
  .d-sm-inline-flex {
    display: inline-flex !important;
  }
  .d-sm-none {
    display: none !important;
  }
  .flex-sm-fill {
    flex: 1 1 auto !important;
  }
  .flex-sm-row {
    flex-direction: row !important;
  }
  .flex-sm-column {
    flex-direction: column !important;
  }
  .flex-sm-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-sm-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-sm-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-sm-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-sm-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-sm-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-sm-wrap {
    flex-wrap: wrap !important;
  }
  .flex-sm-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-sm-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-sm-start {
    justify-content: flex-start !important;
  }
  .justify-content-sm-end {
    justify-content: flex-end !important;
  }
  .justify-content-sm-center {
    justify-content: center !important;
  }
  .justify-content-sm-between {
    justify-content: space-between !important;
  }
  .justify-content-sm-around {
    justify-content: space-around !important;
  }
  .justify-content-sm-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-sm-start {
    align-items: flex-start !important;
  }
  .align-items-sm-end {
    align-items: flex-end !important;
  }
  .align-items-sm-center {
    align-items: center !important;
  }
  .align-items-sm-baseline {
    align-items: baseline !important;
  }
  .align-items-sm-stretch {
    align-items: stretch !important;
  }
  .align-content-sm-start {
    align-content: flex-start !important;
  }
  .align-content-sm-end {
    align-content: flex-end !important;
  }
  .align-content-sm-center {
    align-content: center !important;
  }
  .align-content-sm-between {
    align-content: space-between !important;
  }
  .align-content-sm-around {
    align-content: space-around !important;
  }
  .align-content-sm-stretch {
    align-content: stretch !important;
  }
  .align-self-sm-auto {
    align-self: auto !important;
  }
  .align-self-sm-start {
    align-self: flex-start !important;
  }
  .align-self-sm-end {
    align-self: flex-end !important;
  }
  .align-self-sm-center {
    align-self: center !important;
  }
  .align-self-sm-baseline {
    align-self: baseline !important;
  }
  .align-self-sm-stretch {
    align-self: stretch !important;
  }
  .order-sm-first {
    order: -1 !important;
  }
  .order-sm-0 {
    order: 0 !important;
  }
  .order-sm-1 {
    order: 1 !important;
  }
  .order-sm-2 {
    order: 2 !important;
  }
  .order-sm-3 {
    order: 3 !important;
  }
  .order-sm-4 {
    order: 4 !important;
  }
  .order-sm-5 {
    order: 5 !important;
  }
  .order-sm-last {
    order: 6 !important;
  }
  .gap-sm-auto {
    gap: auto !important;
  }
  .gap-sm-0 {
    gap: 0 !important;
  }
  .gap-sm-05 {
    gap: calc(var(--spacing-base) / 2) !important;
  }
  .gap-sm-1 {
    gap: calc(var(--spacing-base)) !important;
  }
  .gap-sm-2 {
    gap: calc(var(--spacing-base) * 2) !important;
  }
  .gap-sm-3 {
    gap: calc(var(--spacing-base) * 3) !important;
  }
  .gap-sm-4 {
    gap: calc(var(--spacing-base) * 4) !important;
  }
  .gap-sm-5 {
    gap: calc(var(--spacing-base) * 5) !important;
  }
  .gap-sm-6 {
    gap: calc(var(--spacing-base) * 6) !important;
  }
  .gap-sm-8 {
    gap: calc(var(--spacing-base) * 8) !important;
  }
  .gap-sm-10 {
    gap: calc(var(--spacing-base) * 10) !important;
  }
  .gap-sm-12 {
    gap: calc(var(--spacing-base) * 12) !important;
  }
  .gap-sm-14 {
    gap: calc(var(--spacing-base) * 14) !important;
  }
  .gap-sm-16 {
    gap: calc(var(--spacing-base) * 16) !important;
  }
  .gap-sm-20 {
    gap: calc(var(--spacing-base) * 20) !important;
  }
  .gap-sm-24 {
    gap: calc(var(--spacing-base) * 24) !important;
  }
  .gap-sm-30 {
    gap: calc(var(--spacing-base) * 30) !important;
  }
  .row-gap-sm-auto {
    row-gap: auto !important;
  }
  .row-gap-sm-0 {
    row-gap: 0 !important;
  }
  .row-gap-sm-05 {
    row-gap: calc(var(--spacing-base) / 2) !important;
  }
  .row-gap-sm-1 {
    row-gap: calc(var(--spacing-base)) !important;
  }
  .row-gap-sm-2 {
    row-gap: calc(var(--spacing-base) * 2) !important;
  }
  .row-gap-sm-3 {
    row-gap: calc(var(--spacing-base) * 3) !important;
  }
  .row-gap-sm-4 {
    row-gap: calc(var(--spacing-base) * 4) !important;
  }
  .row-gap-sm-5 {
    row-gap: calc(var(--spacing-base) * 5) !important;
  }
  .row-gap-sm-6 {
    row-gap: calc(var(--spacing-base) * 6) !important;
  }
  .row-gap-sm-8 {
    row-gap: calc(var(--spacing-base) * 8) !important;
  }
  .row-gap-sm-10 {
    row-gap: calc(var(--spacing-base) * 10) !important;
  }
  .row-gap-sm-12 {
    row-gap: calc(var(--spacing-base) * 12) !important;
  }
  .row-gap-sm-14 {
    row-gap: calc(var(--spacing-base) * 14) !important;
  }
  .row-gap-sm-16 {
    row-gap: calc(var(--spacing-base) * 16) !important;
  }
  .row-gap-sm-20 {
    row-gap: calc(var(--spacing-base) * 20) !important;
  }
  .row-gap-sm-24 {
    row-gap: calc(var(--spacing-base) * 24) !important;
  }
  .row-gap-sm-30 {
    row-gap: calc(var(--spacing-base) * 30) !important;
  }
  .column-gap-sm-auto {
    column-gap: auto !important;
  }
  .column-gap-sm-0 {
    column-gap: 0 !important;
  }
  .column-gap-sm-05 {
    column-gap: calc(var(--spacing-base) / 2) !important;
  }
  .column-gap-sm-1 {
    column-gap: calc(var(--spacing-base)) !important;
  }
  .column-gap-sm-2 {
    column-gap: calc(var(--spacing-base) * 2) !important;
  }
  .column-gap-sm-3 {
    column-gap: calc(var(--spacing-base) * 3) !important;
  }
  .column-gap-sm-4 {
    column-gap: calc(var(--spacing-base) * 4) !important;
  }
  .column-gap-sm-5 {
    column-gap: calc(var(--spacing-base) * 5) !important;
  }
  .column-gap-sm-6 {
    column-gap: calc(var(--spacing-base) * 6) !important;
  }
  .column-gap-sm-8 {
    column-gap: calc(var(--spacing-base) * 8) !important;
  }
  .column-gap-sm-10 {
    column-gap: calc(var(--spacing-base) * 10) !important;
  }
  .column-gap-sm-12 {
    column-gap: calc(var(--spacing-base) * 12) !important;
  }
  .column-gap-sm-14 {
    column-gap: calc(var(--spacing-base) * 14) !important;
  }
  .column-gap-sm-16 {
    column-gap: calc(var(--spacing-base) * 16) !important;
  }
  .column-gap-sm-20 {
    column-gap: calc(var(--spacing-base) * 20) !important;
  }
  .column-gap-sm-24 {
    column-gap: calc(var(--spacing-base) * 24) !important;
  }
  .column-gap-sm-30 {
    column-gap: calc(var(--spacing-base) * 30) !important;
  }
  .text-sm-start {
    text-align: left !important;
  }
  .text-sm-end {
    text-align: right !important;
  }
  .text-sm-center {
    text-align: center !important;
  }
}
@media (min-width: 768px) {
  .float-md-start {
    float: left !important;
  }
  .float-md-end {
    float: right !important;
  }
  .float-md-none {
    float: none !important;
  }
  .object-fit-md-contain {
    object-fit: contain !important;
  }
  .object-fit-md-cover {
    object-fit: cover !important;
  }
  .object-fit-md-fill {
    object-fit: fill !important;
  }
  .object-fit-md-scale {
    object-fit: scale-down !important;
  }
  .object-fit-md-none {
    object-fit: none !important;
  }
  .d-md-inline {
    display: inline !important;
  }
  .d-md-inline-block {
    display: inline-block !important;
  }
  .d-md-block {
    display: block !important;
  }
  .d-md-grid {
    display: grid !important;
  }
  .d-md-inline-grid {
    display: inline-grid !important;
  }
  .d-md-table {
    display: table !important;
  }
  .d-md-table-row {
    display: table-row !important;
  }
  .d-md-table-cell {
    display: table-cell !important;
  }
  .d-md-flex {
    display: flex !important;
  }
  .d-md-inline-flex {
    display: inline-flex !important;
  }
  .d-md-none {
    display: none !important;
  }
  .flex-md-fill {
    flex: 1 1 auto !important;
  }
  .flex-md-row {
    flex-direction: row !important;
  }
  .flex-md-column {
    flex-direction: column !important;
  }
  .flex-md-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-md-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-md-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-md-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-md-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-md-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-md-wrap {
    flex-wrap: wrap !important;
  }
  .flex-md-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-md-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-md-start {
    justify-content: flex-start !important;
  }
  .justify-content-md-end {
    justify-content: flex-end !important;
  }
  .justify-content-md-center {
    justify-content: center !important;
  }
  .justify-content-md-between {
    justify-content: space-between !important;
  }
  .justify-content-md-around {
    justify-content: space-around !important;
  }
  .justify-content-md-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-md-start {
    align-items: flex-start !important;
  }
  .align-items-md-end {
    align-items: flex-end !important;
  }
  .align-items-md-center {
    align-items: center !important;
  }
  .align-items-md-baseline {
    align-items: baseline !important;
  }
  .align-items-md-stretch {
    align-items: stretch !important;
  }
  .align-content-md-start {
    align-content: flex-start !important;
  }
  .align-content-md-end {
    align-content: flex-end !important;
  }
  .align-content-md-center {
    align-content: center !important;
  }
  .align-content-md-between {
    align-content: space-between !important;
  }
  .align-content-md-around {
    align-content: space-around !important;
  }
  .align-content-md-stretch {
    align-content: stretch !important;
  }
  .align-self-md-auto {
    align-self: auto !important;
  }
  .align-self-md-start {
    align-self: flex-start !important;
  }
  .align-self-md-end {
    align-self: flex-end !important;
  }
  .align-self-md-center {
    align-self: center !important;
  }
  .align-self-md-baseline {
    align-self: baseline !important;
  }
  .align-self-md-stretch {
    align-self: stretch !important;
  }
  .order-md-first {
    order: -1 !important;
  }
  .order-md-0 {
    order: 0 !important;
  }
  .order-md-1 {
    order: 1 !important;
  }
  .order-md-2 {
    order: 2 !important;
  }
  .order-md-3 {
    order: 3 !important;
  }
  .order-md-4 {
    order: 4 !important;
  }
  .order-md-5 {
    order: 5 !important;
  }
  .order-md-last {
    order: 6 !important;
  }
  .gap-md-auto {
    gap: auto !important;
  }
  .gap-md-0 {
    gap: 0 !important;
  }
  .gap-md-05 {
    gap: calc(var(--spacing-base) / 2) !important;
  }
  .gap-md-1 {
    gap: calc(var(--spacing-base)) !important;
  }
  .gap-md-2 {
    gap: calc(var(--spacing-base) * 2) !important;
  }
  .gap-md-3 {
    gap: calc(var(--spacing-base) * 3) !important;
  }
  .gap-md-4 {
    gap: calc(var(--spacing-base) * 4) !important;
  }
  .gap-md-5 {
    gap: calc(var(--spacing-base) * 5) !important;
  }
  .gap-md-6 {
    gap: calc(var(--spacing-base) * 6) !important;
  }
  .gap-md-8 {
    gap: calc(var(--spacing-base) * 8) !important;
  }
  .gap-md-10 {
    gap: calc(var(--spacing-base) * 10) !important;
  }
  .gap-md-12 {
    gap: calc(var(--spacing-base) * 12) !important;
  }
  .gap-md-14 {
    gap: calc(var(--spacing-base) * 14) !important;
  }
  .gap-md-16 {
    gap: calc(var(--spacing-base) * 16) !important;
  }
  .gap-md-20 {
    gap: calc(var(--spacing-base) * 20) !important;
  }
  .gap-md-24 {
    gap: calc(var(--spacing-base) * 24) !important;
  }
  .gap-md-30 {
    gap: calc(var(--spacing-base) * 30) !important;
  }
  .row-gap-md-auto {
    row-gap: auto !important;
  }
  .row-gap-md-0 {
    row-gap: 0 !important;
  }
  .row-gap-md-05 {
    row-gap: calc(var(--spacing-base) / 2) !important;
  }
  .row-gap-md-1 {
    row-gap: calc(var(--spacing-base)) !important;
  }
  .row-gap-md-2 {
    row-gap: calc(var(--spacing-base) * 2) !important;
  }
  .row-gap-md-3 {
    row-gap: calc(var(--spacing-base) * 3) !important;
  }
  .row-gap-md-4 {
    row-gap: calc(var(--spacing-base) * 4) !important;
  }
  .row-gap-md-5 {
    row-gap: calc(var(--spacing-base) * 5) !important;
  }
  .row-gap-md-6 {
    row-gap: calc(var(--spacing-base) * 6) !important;
  }
  .row-gap-md-8 {
    row-gap: calc(var(--spacing-base) * 8) !important;
  }
  .row-gap-md-10 {
    row-gap: calc(var(--spacing-base) * 10) !important;
  }
  .row-gap-md-12 {
    row-gap: calc(var(--spacing-base) * 12) !important;
  }
  .row-gap-md-14 {
    row-gap: calc(var(--spacing-base) * 14) !important;
  }
  .row-gap-md-16 {
    row-gap: calc(var(--spacing-base) * 16) !important;
  }
  .row-gap-md-20 {
    row-gap: calc(var(--spacing-base) * 20) !important;
  }
  .row-gap-md-24 {
    row-gap: calc(var(--spacing-base) * 24) !important;
  }
  .row-gap-md-30 {
    row-gap: calc(var(--spacing-base) * 30) !important;
  }
  .column-gap-md-auto {
    column-gap: auto !important;
  }
  .column-gap-md-0 {
    column-gap: 0 !important;
  }
  .column-gap-md-05 {
    column-gap: calc(var(--spacing-base) / 2) !important;
  }
  .column-gap-md-1 {
    column-gap: calc(var(--spacing-base)) !important;
  }
  .column-gap-md-2 {
    column-gap: calc(var(--spacing-base) * 2) !important;
  }
  .column-gap-md-3 {
    column-gap: calc(var(--spacing-base) * 3) !important;
  }
  .column-gap-md-4 {
    column-gap: calc(var(--spacing-base) * 4) !important;
  }
  .column-gap-md-5 {
    column-gap: calc(var(--spacing-base) * 5) !important;
  }
  .column-gap-md-6 {
    column-gap: calc(var(--spacing-base) * 6) !important;
  }
  .column-gap-md-8 {
    column-gap: calc(var(--spacing-base) * 8) !important;
  }
  .column-gap-md-10 {
    column-gap: calc(var(--spacing-base) * 10) !important;
  }
  .column-gap-md-12 {
    column-gap: calc(var(--spacing-base) * 12) !important;
  }
  .column-gap-md-14 {
    column-gap: calc(var(--spacing-base) * 14) !important;
  }
  .column-gap-md-16 {
    column-gap: calc(var(--spacing-base) * 16) !important;
  }
  .column-gap-md-20 {
    column-gap: calc(var(--spacing-base) * 20) !important;
  }
  .column-gap-md-24 {
    column-gap: calc(var(--spacing-base) * 24) !important;
  }
  .column-gap-md-30 {
    column-gap: calc(var(--spacing-base) * 30) !important;
  }
  .text-md-start {
    text-align: left !important;
  }
  .text-md-end {
    text-align: right !important;
  }
  .text-md-center {
    text-align: center !important;
  }
}
@media (min-width: 992px) {
  .float-lg-start {
    float: left !important;
  }
  .float-lg-end {
    float: right !important;
  }
  .float-lg-none {
    float: none !important;
  }
  .object-fit-lg-contain {
    object-fit: contain !important;
  }
  .object-fit-lg-cover {
    object-fit: cover !important;
  }
  .object-fit-lg-fill {
    object-fit: fill !important;
  }
  .object-fit-lg-scale {
    object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    object-fit: none !important;
  }
  .d-lg-inline {
    display: inline !important;
  }
  .d-lg-inline-block {
    display: inline-block !important;
  }
  .d-lg-block {
    display: block !important;
  }
  .d-lg-grid {
    display: grid !important;
  }
  .d-lg-inline-grid {
    display: inline-grid !important;
  }
  .d-lg-table {
    display: table !important;
  }
  .d-lg-table-row {
    display: table-row !important;
  }
  .d-lg-table-cell {
    display: table-cell !important;
  }
  .d-lg-flex {
    display: flex !important;
  }
  .d-lg-inline-flex {
    display: inline-flex !important;
  }
  .d-lg-none {
    display: none !important;
  }
  .flex-lg-fill {
    flex: 1 1 auto !important;
  }
  .flex-lg-row {
    flex-direction: row !important;
  }
  .flex-lg-column {
    flex-direction: column !important;
  }
  .flex-lg-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-lg-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-lg-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-lg-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-lg-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-lg-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-lg-wrap {
    flex-wrap: wrap !important;
  }
  .flex-lg-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-lg-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-lg-start {
    justify-content: flex-start !important;
  }
  .justify-content-lg-end {
    justify-content: flex-end !important;
  }
  .justify-content-lg-center {
    justify-content: center !important;
  }
  .justify-content-lg-between {
    justify-content: space-between !important;
  }
  .justify-content-lg-around {
    justify-content: space-around !important;
  }
  .justify-content-lg-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-lg-start {
    align-items: flex-start !important;
  }
  .align-items-lg-end {
    align-items: flex-end !important;
  }
  .align-items-lg-center {
    align-items: center !important;
  }
  .align-items-lg-baseline {
    align-items: baseline !important;
  }
  .align-items-lg-stretch {
    align-items: stretch !important;
  }
  .align-content-lg-start {
    align-content: flex-start !important;
  }
  .align-content-lg-end {
    align-content: flex-end !important;
  }
  .align-content-lg-center {
    align-content: center !important;
  }
  .align-content-lg-between {
    align-content: space-between !important;
  }
  .align-content-lg-around {
    align-content: space-around !important;
  }
  .align-content-lg-stretch {
    align-content: stretch !important;
  }
  .align-self-lg-auto {
    align-self: auto !important;
  }
  .align-self-lg-start {
    align-self: flex-start !important;
  }
  .align-self-lg-end {
    align-self: flex-end !important;
  }
  .align-self-lg-center {
    align-self: center !important;
  }
  .align-self-lg-baseline {
    align-self: baseline !important;
  }
  .align-self-lg-stretch {
    align-self: stretch !important;
  }
  .order-lg-first {
    order: -1 !important;
  }
  .order-lg-0 {
    order: 0 !important;
  }
  .order-lg-1 {
    order: 1 !important;
  }
  .order-lg-2 {
    order: 2 !important;
  }
  .order-lg-3 {
    order: 3 !important;
  }
  .order-lg-4 {
    order: 4 !important;
  }
  .order-lg-5 {
    order: 5 !important;
  }
  .order-lg-last {
    order: 6 !important;
  }
  .gap-lg-auto {
    gap: auto !important;
  }
  .gap-lg-0 {
    gap: 0 !important;
  }
  .gap-lg-05 {
    gap: calc(var(--spacing-base) / 2) !important;
  }
  .gap-lg-1 {
    gap: calc(var(--spacing-base)) !important;
  }
  .gap-lg-2 {
    gap: calc(var(--spacing-base) * 2) !important;
  }
  .gap-lg-3 {
    gap: calc(var(--spacing-base) * 3) !important;
  }
  .gap-lg-4 {
    gap: calc(var(--spacing-base) * 4) !important;
  }
  .gap-lg-5 {
    gap: calc(var(--spacing-base) * 5) !important;
  }
  .gap-lg-6 {
    gap: calc(var(--spacing-base) * 6) !important;
  }
  .gap-lg-8 {
    gap: calc(var(--spacing-base) * 8) !important;
  }
  .gap-lg-10 {
    gap: calc(var(--spacing-base) * 10) !important;
  }
  .gap-lg-12 {
    gap: calc(var(--spacing-base) * 12) !important;
  }
  .gap-lg-14 {
    gap: calc(var(--spacing-base) * 14) !important;
  }
  .gap-lg-16 {
    gap: calc(var(--spacing-base) * 16) !important;
  }
  .gap-lg-20 {
    gap: calc(var(--spacing-base) * 20) !important;
  }
  .gap-lg-24 {
    gap: calc(var(--spacing-base) * 24) !important;
  }
  .gap-lg-30 {
    gap: calc(var(--spacing-base) * 30) !important;
  }
  .row-gap-lg-auto {
    row-gap: auto !important;
  }
  .row-gap-lg-0 {
    row-gap: 0 !important;
  }
  .row-gap-lg-05 {
    row-gap: calc(var(--spacing-base) / 2) !important;
  }
  .row-gap-lg-1 {
    row-gap: calc(var(--spacing-base)) !important;
  }
  .row-gap-lg-2 {
    row-gap: calc(var(--spacing-base) * 2) !important;
  }
  .row-gap-lg-3 {
    row-gap: calc(var(--spacing-base) * 3) !important;
  }
  .row-gap-lg-4 {
    row-gap: calc(var(--spacing-base) * 4) !important;
  }
  .row-gap-lg-5 {
    row-gap: calc(var(--spacing-base) * 5) !important;
  }
  .row-gap-lg-6 {
    row-gap: calc(var(--spacing-base) * 6) !important;
  }
  .row-gap-lg-8 {
    row-gap: calc(var(--spacing-base) * 8) !important;
  }
  .row-gap-lg-10 {
    row-gap: calc(var(--spacing-base) * 10) !important;
  }
  .row-gap-lg-12 {
    row-gap: calc(var(--spacing-base) * 12) !important;
  }
  .row-gap-lg-14 {
    row-gap: calc(var(--spacing-base) * 14) !important;
  }
  .row-gap-lg-16 {
    row-gap: calc(var(--spacing-base) * 16) !important;
  }
  .row-gap-lg-20 {
    row-gap: calc(var(--spacing-base) * 20) !important;
  }
  .row-gap-lg-24 {
    row-gap: calc(var(--spacing-base) * 24) !important;
  }
  .row-gap-lg-30 {
    row-gap: calc(var(--spacing-base) * 30) !important;
  }
  .column-gap-lg-auto {
    column-gap: auto !important;
  }
  .column-gap-lg-0 {
    column-gap: 0 !important;
  }
  .column-gap-lg-05 {
    column-gap: calc(var(--spacing-base) / 2) !important;
  }
  .column-gap-lg-1 {
    column-gap: calc(var(--spacing-base)) !important;
  }
  .column-gap-lg-2 {
    column-gap: calc(var(--spacing-base) * 2) !important;
  }
  .column-gap-lg-3 {
    column-gap: calc(var(--spacing-base) * 3) !important;
  }
  .column-gap-lg-4 {
    column-gap: calc(var(--spacing-base) * 4) !important;
  }
  .column-gap-lg-5 {
    column-gap: calc(var(--spacing-base) * 5) !important;
  }
  .column-gap-lg-6 {
    column-gap: calc(var(--spacing-base) * 6) !important;
  }
  .column-gap-lg-8 {
    column-gap: calc(var(--spacing-base) * 8) !important;
  }
  .column-gap-lg-10 {
    column-gap: calc(var(--spacing-base) * 10) !important;
  }
  .column-gap-lg-12 {
    column-gap: calc(var(--spacing-base) * 12) !important;
  }
  .column-gap-lg-14 {
    column-gap: calc(var(--spacing-base) * 14) !important;
  }
  .column-gap-lg-16 {
    column-gap: calc(var(--spacing-base) * 16) !important;
  }
  .column-gap-lg-20 {
    column-gap: calc(var(--spacing-base) * 20) !important;
  }
  .column-gap-lg-24 {
    column-gap: calc(var(--spacing-base) * 24) !important;
  }
  .column-gap-lg-30 {
    column-gap: calc(var(--spacing-base) * 30) !important;
  }
  .text-lg-start {
    text-align: left !important;
  }
  .text-lg-end {
    text-align: right !important;
  }
  .text-lg-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .float-xl-start {
    float: left !important;
  }
  .float-xl-end {
    float: right !important;
  }
  .float-xl-none {
    float: none !important;
  }
  .object-fit-xl-contain {
    object-fit: contain !important;
  }
  .object-fit-xl-cover {
    object-fit: cover !important;
  }
  .object-fit-xl-fill {
    object-fit: fill !important;
  }
  .object-fit-xl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xl-none {
    object-fit: none !important;
  }
  .d-xl-inline {
    display: inline !important;
  }
  .d-xl-inline-block {
    display: inline-block !important;
  }
  .d-xl-block {
    display: block !important;
  }
  .d-xl-grid {
    display: grid !important;
  }
  .d-xl-inline-grid {
    display: inline-grid !important;
  }
  .d-xl-table {
    display: table !important;
  }
  .d-xl-table-row {
    display: table-row !important;
  }
  .d-xl-table-cell {
    display: table-cell !important;
  }
  .d-xl-flex {
    display: flex !important;
  }
  .d-xl-inline-flex {
    display: inline-flex !important;
  }
  .d-xl-none {
    display: none !important;
  }
  .flex-xl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xl-row {
    flex-direction: row !important;
  }
  .flex-xl-column {
    flex-direction: column !important;
  }
  .flex-xl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xl-center {
    justify-content: center !important;
  }
  .justify-content-xl-between {
    justify-content: space-between !important;
  }
  .justify-content-xl-around {
    justify-content: space-around !important;
  }
  .justify-content-xl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xl-start {
    align-items: flex-start !important;
  }
  .align-items-xl-end {
    align-items: flex-end !important;
  }
  .align-items-xl-center {
    align-items: center !important;
  }
  .align-items-xl-baseline {
    align-items: baseline !important;
  }
  .align-items-xl-stretch {
    align-items: stretch !important;
  }
  .align-content-xl-start {
    align-content: flex-start !important;
  }
  .align-content-xl-end {
    align-content: flex-end !important;
  }
  .align-content-xl-center {
    align-content: center !important;
  }
  .align-content-xl-between {
    align-content: space-between !important;
  }
  .align-content-xl-around {
    align-content: space-around !important;
  }
  .align-content-xl-stretch {
    align-content: stretch !important;
  }
  .align-self-xl-auto {
    align-self: auto !important;
  }
  .align-self-xl-start {
    align-self: flex-start !important;
  }
  .align-self-xl-end {
    align-self: flex-end !important;
  }
  .align-self-xl-center {
    align-self: center !important;
  }
  .align-self-xl-baseline {
    align-self: baseline !important;
  }
  .align-self-xl-stretch {
    align-self: stretch !important;
  }
  .order-xl-first {
    order: -1 !important;
  }
  .order-xl-0 {
    order: 0 !important;
  }
  .order-xl-1 {
    order: 1 !important;
  }
  .order-xl-2 {
    order: 2 !important;
  }
  .order-xl-3 {
    order: 3 !important;
  }
  .order-xl-4 {
    order: 4 !important;
  }
  .order-xl-5 {
    order: 5 !important;
  }
  .order-xl-last {
    order: 6 !important;
  }
  .gap-xl-auto {
    gap: auto !important;
  }
  .gap-xl-0 {
    gap: 0 !important;
  }
  .gap-xl-05 {
    gap: calc(var(--spacing-base) / 2) !important;
  }
  .gap-xl-1 {
    gap: calc(var(--spacing-base)) !important;
  }
  .gap-xl-2 {
    gap: calc(var(--spacing-base) * 2) !important;
  }
  .gap-xl-3 {
    gap: calc(var(--spacing-base) * 3) !important;
  }
  .gap-xl-4 {
    gap: calc(var(--spacing-base) * 4) !important;
  }
  .gap-xl-5 {
    gap: calc(var(--spacing-base) * 5) !important;
  }
  .gap-xl-6 {
    gap: calc(var(--spacing-base) * 6) !important;
  }
  .gap-xl-8 {
    gap: calc(var(--spacing-base) * 8) !important;
  }
  .gap-xl-10 {
    gap: calc(var(--spacing-base) * 10) !important;
  }
  .gap-xl-12 {
    gap: calc(var(--spacing-base) * 12) !important;
  }
  .gap-xl-14 {
    gap: calc(var(--spacing-base) * 14) !important;
  }
  .gap-xl-16 {
    gap: calc(var(--spacing-base) * 16) !important;
  }
  .gap-xl-20 {
    gap: calc(var(--spacing-base) * 20) !important;
  }
  .gap-xl-24 {
    gap: calc(var(--spacing-base) * 24) !important;
  }
  .gap-xl-30 {
    gap: calc(var(--spacing-base) * 30) !important;
  }
  .row-gap-xl-auto {
    row-gap: auto !important;
  }
  .row-gap-xl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xl-05 {
    row-gap: calc(var(--spacing-base) / 2) !important;
  }
  .row-gap-xl-1 {
    row-gap: calc(var(--spacing-base)) !important;
  }
  .row-gap-xl-2 {
    row-gap: calc(var(--spacing-base) * 2) !important;
  }
  .row-gap-xl-3 {
    row-gap: calc(var(--spacing-base) * 3) !important;
  }
  .row-gap-xl-4 {
    row-gap: calc(var(--spacing-base) * 4) !important;
  }
  .row-gap-xl-5 {
    row-gap: calc(var(--spacing-base) * 5) !important;
  }
  .row-gap-xl-6 {
    row-gap: calc(var(--spacing-base) * 6) !important;
  }
  .row-gap-xl-8 {
    row-gap: calc(var(--spacing-base) * 8) !important;
  }
  .row-gap-xl-10 {
    row-gap: calc(var(--spacing-base) * 10) !important;
  }
  .row-gap-xl-12 {
    row-gap: calc(var(--spacing-base) * 12) !important;
  }
  .row-gap-xl-14 {
    row-gap: calc(var(--spacing-base) * 14) !important;
  }
  .row-gap-xl-16 {
    row-gap: calc(var(--spacing-base) * 16) !important;
  }
  .row-gap-xl-20 {
    row-gap: calc(var(--spacing-base) * 20) !important;
  }
  .row-gap-xl-24 {
    row-gap: calc(var(--spacing-base) * 24) !important;
  }
  .row-gap-xl-30 {
    row-gap: calc(var(--spacing-base) * 30) !important;
  }
  .column-gap-xl-auto {
    column-gap: auto !important;
  }
  .column-gap-xl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xl-05 {
    column-gap: calc(var(--spacing-base) / 2) !important;
  }
  .column-gap-xl-1 {
    column-gap: calc(var(--spacing-base)) !important;
  }
  .column-gap-xl-2 {
    column-gap: calc(var(--spacing-base) * 2) !important;
  }
  .column-gap-xl-3 {
    column-gap: calc(var(--spacing-base) * 3) !important;
  }
  .column-gap-xl-4 {
    column-gap: calc(var(--spacing-base) * 4) !important;
  }
  .column-gap-xl-5 {
    column-gap: calc(var(--spacing-base) * 5) !important;
  }
  .column-gap-xl-6 {
    column-gap: calc(var(--spacing-base) * 6) !important;
  }
  .column-gap-xl-8 {
    column-gap: calc(var(--spacing-base) * 8) !important;
  }
  .column-gap-xl-10 {
    column-gap: calc(var(--spacing-base) * 10) !important;
  }
  .column-gap-xl-12 {
    column-gap: calc(var(--spacing-base) * 12) !important;
  }
  .column-gap-xl-14 {
    column-gap: calc(var(--spacing-base) * 14) !important;
  }
  .column-gap-xl-16 {
    column-gap: calc(var(--spacing-base) * 16) !important;
  }
  .column-gap-xl-20 {
    column-gap: calc(var(--spacing-base) * 20) !important;
  }
  .column-gap-xl-24 {
    column-gap: calc(var(--spacing-base) * 24) !important;
  }
  .column-gap-xl-30 {
    column-gap: calc(var(--spacing-base) * 30) !important;
  }
  .text-xl-start {
    text-align: left !important;
  }
  .text-xl-end {
    text-align: right !important;
  }
  .text-xl-center {
    text-align: center !important;
  }
}
@media (min-width: 1400px) {
  .float-xxl-start {
    float: left !important;
  }
  .float-xxl-end {
    float: right !important;
  }
  .float-xxl-none {
    float: none !important;
  }
  .object-fit-xxl-contain {
    object-fit: contain !important;
  }
  .object-fit-xxl-cover {
    object-fit: cover !important;
  }
  .object-fit-xxl-fill {
    object-fit: fill !important;
  }
  .object-fit-xxl-scale {
    object-fit: scale-down !important;
  }
  .object-fit-xxl-none {
    object-fit: none !important;
  }
  .d-xxl-inline {
    display: inline !important;
  }
  .d-xxl-inline-block {
    display: inline-block !important;
  }
  .d-xxl-block {
    display: block !important;
  }
  .d-xxl-grid {
    display: grid !important;
  }
  .d-xxl-inline-grid {
    display: inline-grid !important;
  }
  .d-xxl-table {
    display: table !important;
  }
  .d-xxl-table-row {
    display: table-row !important;
  }
  .d-xxl-table-cell {
    display: table-cell !important;
  }
  .d-xxl-flex {
    display: flex !important;
  }
  .d-xxl-inline-flex {
    display: inline-flex !important;
  }
  .d-xxl-none {
    display: none !important;
  }
  .flex-xxl-fill {
    flex: 1 1 auto !important;
  }
  .flex-xxl-row {
    flex-direction: row !important;
  }
  .flex-xxl-column {
    flex-direction: column !important;
  }
  .flex-xxl-row-reverse {
    flex-direction: row-reverse !important;
  }
  .flex-xxl-column-reverse {
    flex-direction: column-reverse !important;
  }
  .flex-xxl-grow-0 {
    flex-grow: 0 !important;
  }
  .flex-xxl-grow-1 {
    flex-grow: 1 !important;
  }
  .flex-xxl-shrink-0 {
    flex-shrink: 0 !important;
  }
  .flex-xxl-shrink-1 {
    flex-shrink: 1 !important;
  }
  .flex-xxl-wrap {
    flex-wrap: wrap !important;
  }
  .flex-xxl-nowrap {
    flex-wrap: nowrap !important;
  }
  .flex-xxl-wrap-reverse {
    flex-wrap: wrap-reverse !important;
  }
  .justify-content-xxl-start {
    justify-content: flex-start !important;
  }
  .justify-content-xxl-end {
    justify-content: flex-end !important;
  }
  .justify-content-xxl-center {
    justify-content: center !important;
  }
  .justify-content-xxl-between {
    justify-content: space-between !important;
  }
  .justify-content-xxl-around {
    justify-content: space-around !important;
  }
  .justify-content-xxl-evenly {
    justify-content: space-evenly !important;
  }
  .align-items-xxl-start {
    align-items: flex-start !important;
  }
  .align-items-xxl-end {
    align-items: flex-end !important;
  }
  .align-items-xxl-center {
    align-items: center !important;
  }
  .align-items-xxl-baseline {
    align-items: baseline !important;
  }
  .align-items-xxl-stretch {
    align-items: stretch !important;
  }
  .align-content-xxl-start {
    align-content: flex-start !important;
  }
  .align-content-xxl-end {
    align-content: flex-end !important;
  }
  .align-content-xxl-center {
    align-content: center !important;
  }
  .align-content-xxl-between {
    align-content: space-between !important;
  }
  .align-content-xxl-around {
    align-content: space-around !important;
  }
  .align-content-xxl-stretch {
    align-content: stretch !important;
  }
  .align-self-xxl-auto {
    align-self: auto !important;
  }
  .align-self-xxl-start {
    align-self: flex-start !important;
  }
  .align-self-xxl-end {
    align-self: flex-end !important;
  }
  .align-self-xxl-center {
    align-self: center !important;
  }
  .align-self-xxl-baseline {
    align-self: baseline !important;
  }
  .align-self-xxl-stretch {
    align-self: stretch !important;
  }
  .order-xxl-first {
    order: -1 !important;
  }
  .order-xxl-0 {
    order: 0 !important;
  }
  .order-xxl-1 {
    order: 1 !important;
  }
  .order-xxl-2 {
    order: 2 !important;
  }
  .order-xxl-3 {
    order: 3 !important;
  }
  .order-xxl-4 {
    order: 4 !important;
  }
  .order-xxl-5 {
    order: 5 !important;
  }
  .order-xxl-last {
    order: 6 !important;
  }
  .gap-xxl-auto {
    gap: auto !important;
  }
  .gap-xxl-0 {
    gap: 0 !important;
  }
  .gap-xxl-05 {
    gap: calc(var(--spacing-base) / 2) !important;
  }
  .gap-xxl-1 {
    gap: calc(var(--spacing-base)) !important;
  }
  .gap-xxl-2 {
    gap: calc(var(--spacing-base) * 2) !important;
  }
  .gap-xxl-3 {
    gap: calc(var(--spacing-base) * 3) !important;
  }
  .gap-xxl-4 {
    gap: calc(var(--spacing-base) * 4) !important;
  }
  .gap-xxl-5 {
    gap: calc(var(--spacing-base) * 5) !important;
  }
  .gap-xxl-6 {
    gap: calc(var(--spacing-base) * 6) !important;
  }
  .gap-xxl-8 {
    gap: calc(var(--spacing-base) * 8) !important;
  }
  .gap-xxl-10 {
    gap: calc(var(--spacing-base) * 10) !important;
  }
  .gap-xxl-12 {
    gap: calc(var(--spacing-base) * 12) !important;
  }
  .gap-xxl-14 {
    gap: calc(var(--spacing-base) * 14) !important;
  }
  .gap-xxl-16 {
    gap: calc(var(--spacing-base) * 16) !important;
  }
  .gap-xxl-20 {
    gap: calc(var(--spacing-base) * 20) !important;
  }
  .gap-xxl-24 {
    gap: calc(var(--spacing-base) * 24) !important;
  }
  .gap-xxl-30 {
    gap: calc(var(--spacing-base) * 30) !important;
  }
  .row-gap-xxl-auto {
    row-gap: auto !important;
  }
  .row-gap-xxl-0 {
    row-gap: 0 !important;
  }
  .row-gap-xxl-05 {
    row-gap: calc(var(--spacing-base) / 2) !important;
  }
  .row-gap-xxl-1 {
    row-gap: calc(var(--spacing-base)) !important;
  }
  .row-gap-xxl-2 {
    row-gap: calc(var(--spacing-base) * 2) !important;
  }
  .row-gap-xxl-3 {
    row-gap: calc(var(--spacing-base) * 3) !important;
  }
  .row-gap-xxl-4 {
    row-gap: calc(var(--spacing-base) * 4) !important;
  }
  .row-gap-xxl-5 {
    row-gap: calc(var(--spacing-base) * 5) !important;
  }
  .row-gap-xxl-6 {
    row-gap: calc(var(--spacing-base) * 6) !important;
  }
  .row-gap-xxl-8 {
    row-gap: calc(var(--spacing-base) * 8) !important;
  }
  .row-gap-xxl-10 {
    row-gap: calc(var(--spacing-base) * 10) !important;
  }
  .row-gap-xxl-12 {
    row-gap: calc(var(--spacing-base) * 12) !important;
  }
  .row-gap-xxl-14 {
    row-gap: calc(var(--spacing-base) * 14) !important;
  }
  .row-gap-xxl-16 {
    row-gap: calc(var(--spacing-base) * 16) !important;
  }
  .row-gap-xxl-20 {
    row-gap: calc(var(--spacing-base) * 20) !important;
  }
  .row-gap-xxl-24 {
    row-gap: calc(var(--spacing-base) * 24) !important;
  }
  .row-gap-xxl-30 {
    row-gap: calc(var(--spacing-base) * 30) !important;
  }
  .column-gap-xxl-auto {
    column-gap: auto !important;
  }
  .column-gap-xxl-0 {
    column-gap: 0 !important;
  }
  .column-gap-xxl-05 {
    column-gap: calc(var(--spacing-base) / 2) !important;
  }
  .column-gap-xxl-1 {
    column-gap: calc(var(--spacing-base)) !important;
  }
  .column-gap-xxl-2 {
    column-gap: calc(var(--spacing-base) * 2) !important;
  }
  .column-gap-xxl-3 {
    column-gap: calc(var(--spacing-base) * 3) !important;
  }
  .column-gap-xxl-4 {
    column-gap: calc(var(--spacing-base) * 4) !important;
  }
  .column-gap-xxl-5 {
    column-gap: calc(var(--spacing-base) * 5) !important;
  }
  .column-gap-xxl-6 {
    column-gap: calc(var(--spacing-base) * 6) !important;
  }
  .column-gap-xxl-8 {
    column-gap: calc(var(--spacing-base) * 8) !important;
  }
  .column-gap-xxl-10 {
    column-gap: calc(var(--spacing-base) * 10) !important;
  }
  .column-gap-xxl-12 {
    column-gap: calc(var(--spacing-base) * 12) !important;
  }
  .column-gap-xxl-14 {
    column-gap: calc(var(--spacing-base) * 14) !important;
  }
  .column-gap-xxl-16 {
    column-gap: calc(var(--spacing-base) * 16) !important;
  }
  .column-gap-xxl-20 {
    column-gap: calc(var(--spacing-base) * 20) !important;
  }
  .column-gap-xxl-24 {
    column-gap: calc(var(--spacing-base) * 24) !important;
  }
  .column-gap-xxl-30 {
    column-gap: calc(var(--spacing-base) * 30) !important;
  }
  .text-xxl-start {
    text-align: left !important;
  }
  .text-xxl-end {
    text-align: right !important;
  }
  .text-xxl-center {
    text-align: center !important;
  }
}
@media (min-width: 1200px) {
  .fs-1 {
    font-size: 3.5rem !important;
  }
  .fs-2 {
    font-size: 2.8rem !important;
  }
  .fs-3 {
    font-size: 2.45rem !important;
  }
  .fs-4 {
    font-size: 2.1rem !important;
  }
  .fs-5 {
    font-size: 1.75rem !important;
  }
  .fs-6 {
    font-size: 1.4rem !important;
  }
}
@media print {
  .d-print-inline {
    display: inline !important;
  }
  .d-print-inline-block {
    display: inline-block !important;
  }
  .d-print-block {
    display: block !important;
  }
  .d-print-grid {
    display: grid !important;
  }
  .d-print-inline-grid {
    display: inline-grid !important;
  }
  .d-print-table {
    display: table !important;
  }
  .d-print-table-row {
    display: table-row !important;
  }
  .d-print-table-cell {
    display: table-cell !important;
  }
  .d-print-flex {
    display: flex !important;
  }
  .d-print-inline-flex {
    display: inline-flex !important;
  }
  .d-print-none {
    display: none !important;
  }
}
@font-face {
  font-family: "Familjen Grotesk";
  src: url("https://hunter.io/assets/FamiljenGrotesk-Regular-ksMFmFXT.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Familjen Grotesk";
  src: url("https://hunter.io/assets/FamiljenGrotesk-Medium-D8Lgm0iZ.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("https://hunter.io/assets/Inter-Regular-eQfoMGUi.woff2") format("woff2");
  font-weight: normal;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("https://hunter.io/assets/Inter-Medium-OtfyKQWv.woff2") format("woff2");
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: "Inter";
  src: url("https://hunter.io/assets/Inter-SemiBold-BpZ6hwUa.woff2") format("woff2");
  font-weight: bold;
  font-style: normal;
  font-display: swap;
}
[data-header-observer] {
  position: absolute;
  top: var(--spacing-10);
  left: 0;
  z-index: -10;
}
.main-header {
  position: fixed;
  top: var(--spacing-06);
  left: 50%;
  width: calc(100% - 6.4rem);
  max-width: 160rem;
  padding: var(--spacing-03) var(--spacing-10);
  background-color: rgba(255, 255, 255, 0.95);
  -webkit-backdrop-filter: blur(10px);
  backdrop-filter: blur(10px);
  border-radius: 4.8rem;
  transform: translateX(-50%);
  z-index: 1001;
  transition: box-shadow 500ms ease-in-out;
}
.main-header.is-sticky {
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.04), 0 0.2rem 2.4rem 0 rgba(0, 0, 0, 0.05);
}
.static-menu .main-header {
  position: absolute;
}
.main-header__inner {
  display: flex;
  align-items: center;
  min-height: 40px;
}
.main-header__logo {
  position: relative;
  line-height: 1;
  fill: var(--colors-primary-600);
}
.main-header__account-name {
  color: var(--colors-grey-700);
  font-size: 14px;
}
.main-header__product-brand {
  color: var(--colors-grey-600);
  font-size: 17px;
  font-weight: 600;
  margin-left: 10px;
}
.main-header__home-link {
  display: block;
}
.main-header__end {
  margin-left: auto;
}
.main-header__cta {
  color: var(--colors-grey-600);
  font-size: 1.3rem;
  line-height: 1.2;
  font-weight: 600;
}
.main-nav {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.5rem;
  line-height: 1.6;
}
.main-nav ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.main-menu {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-left: var(--spacing-08);
}
.main-menu__item:hover .main-dropdown, .main-menu__item:focus-within .main-dropdown {
  visibility: visible;
  opacity: 1;
  transform: scale(1) translateY(0);
  transition-delay: 0s, 0s, 0.3s;
}
.main-menu__link {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: var(--spacing-02) var(--spacing-03);
  transition: color 0.1s ease-in-out, background-color 0.1s ease-in-out;
  color: var(--colors-grey-700);
  border: 0;
  border-radius: 2rem;
  background-color: transparent;
  position: relative;
}
.main-menu__link .fa-angle-down {
  font-size: 1.4rem;
  color: var(--colors-grey-500);
  transition: color 0.1s ease-in-out;
}
.main-menu__link::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -16px;
  left: 0;
  right: 0;
}
.main-menu__link:hover, .main-menu__link:focus {
  color: var(--colors-grey-800);
  background-color: var(--colors-grey-100);
  text-decoration: none;
  outline: none;
}
.main-menu__link:hover .fa-angle-down, .main-menu__link:focus .fa-angle-down {
  color: var(--colors-grey-600);
}
.main-menu__link:focus-visible {
  outline: 1px solid var(--colors-secondary-600);
  box-shadow: 0 0 0 3px var(--colors-secondary-300);
}
.main-menu__link.is-current {
  color: var(--colors-grey-800);
  background-color: var(--colors-grey-100);
}
.main-dropdown {
  visibility: hidden;
  position: absolute;
  margin-left: -10px;
  top: 100%;
  margin-top: var(--spacing-01);
  opacity: 0;
  transform: scale(0.98) translateY(2%);
  z-index: 101;
  background-color: #fff;
  border: 1px solid var(--colors-grey-300);
  border-radius: 0.4rem;
  border: 1px solid var(--colors-grey-200);
  box-shadow: 0px 40px 80px -16px rgba(199, 205, 212, 0.25), 0px 20px 60px -20px rgba(29, 38, 46, 0.1);
  min-width: 400px;
  transition: all 200ms ease-in-out 0s, visibility 0s linear 0.2s, z-index 0s linear 0.01s;
}
.main-dropdown__primary-wrapper {
  display: flex;
}
.main-dropdown__primary-wrapper::before {
  content: "";
  align-self: stretch;
  flex: 0 0 0.1rem;
  background-color: var(--colors-grey-200);
}
.main-dropdown__primary-wrapper .main-dropdown__primary {
  padding: var(--spacing-05) var(--spacing-03) var(--spacing-03);
}
.main-dropdown__separator {
  margin: var(--spacing-03) calc(var(--spacing-02) * -1) var(--spacing-05) calc(var(--spacing-03) * -1);
  border: 0;
  height: 0.1rem;
  background-color: var(--colors-grey-200);
}
.main-dropdown__primary {
  min-width: 36rem;
  background-color: transparent;
  padding: var(--spacing-02);
  border-radius: 0.4rem;
}
.main-dropdown__secondary {
  background-color: var(--colors-grey-100);
  padding: var(--spacing-06);
  margin: var(--spacing-02);
  border-radius: 0.4rem;
}
.main-dropdown__title {
  display: block;
  margin-bottom: var(--spacing-01);
  color: var(--colors-secondary-700);
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 2;
  text-transform: uppercase;
  letter-spacing: 0.1rem;
}
.main-dropdown__title--light {
  display: block;
  margin-bottom: var(--spacing-03);
  color: var(--colors-grey-700);
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.main-dropdown[id=resources-submenu] {
  display: flex;
}
.main-dropdown[id=product-submenu] .main-dropdown__title {
  margin-left: var(--spacing-04);
}
.main-dropdown[id=product-submenu] .main-dropdown-feature {
  position: relative;
  flex-direction: column;
  gap: var(--spacing-01);
}
.main-dropdown[id=product-submenu] .main-dropdown-feature__title {
  gap: var(--spacing-01);
}
.main-dropdown[id=product-submenu] .main-dropdown__primary:first-child {
  order: -1;
}
.main-dropdown[id=product-submenu] .main-dropdown__secondary {
  padding-right: var(--spacing-20);
  min-width: 28rem;
}
.main-dropdown[id=locale-submenu] {
  min-width: 12rem;
}
.main-dropdown[id=locale-submenu]::before, .main-dropdown[id=locale-submenu]::after {
  left: 2rem;
}
.main-dropdown-feature {
  background-color: transparent;
  display: flex;
  padding: var(--spacing-03) var(--spacing-04);
  margin-bottom: var(--spacing-005);
  border-radius: 0.4rem;
  transition: background-color 200ms ease-in;
  text-decoration-color: transparent;
}
.main-dropdown-feature:last-child {
  margin-bottom: 0;
}
.main-dropdown-feature[target=_blank] .main-dropdown-feature__title::after {
  content: "\f08e";
  font-family: "Font Awesome 6 Pro";
  font-size: 1.2rem;
  color: var(--colors-grey-600);
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
  transform: translateX(-25%);
  transition: opacity 150ms ease-in, transform 150ms ease-in;
  margin-left: 0;
  position: relative;
}
.main-dropdown-feature:hover, .main-dropdown-feature:focus {
  text-decoration-color: transparent;
  outline: none;
  background-color: var(--colors-grey-100);
}
.main-dropdown-feature:hover .main-dropdown-feature__title::after, .main-dropdown-feature:focus .main-dropdown-feature__title::after {
  opacity: 1;
  transform: translateX(0);
}
.main-dropdown-feature:hover .main-dropdown-feature__desc, .main-dropdown-feature:focus .main-dropdown-feature__desc {
  color: var(--colors-grey-900);
}
.main-dropdown-feature:hover .main-dropdown-feature__icon-squared, .main-dropdown-feature:focus .main-dropdown-feature__icon-squared {
  background-color: var(--colors-secondary-600);
  color: #fff;
}
.main-dropdown-feature:focus-visible {
  outline: 2px solid var(--colors-primary-600);
}
.main-dropdown-feature__icon {
  align-self: flex-start;
  width: 1.25em;
  margin-right: var(--spacing-02);
  font-size: 1.2rem;
  line-height: 1.6666666667;
  text-align: center;
  color: var(--colors-grey-700);
}
.main-dropdown-feature__icon-squared {
  margin-right: var(--spacing-03);
}
.main-dropdown-feature__title {
  color: var(--colors-grey-900);
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
}
.main-dropdown-feature__arrow {
  color: var(--colors-grey-600);
  font-size: 1.3rem;
  font-weight: 500;
  opacity: 0;
  transform: translateX(-25%);
  transition: opacity 150ms ease-in, transform 150ms ease-in;
}
.main-dropdown-feature__desc {
  color: var(--colors-grey-700);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  transition: color 0.1s ease-in-out;
  white-space: nowrap;
}
.main-dropdown__single-link, .main-dropdown-blog-post__link {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  font-weight: 500;
  color: var(--colors-grey-900);
  margin-bottom: var(--spacing-04);
  transition: color 0.1s ease-in-out;
}
.main-dropdown__single-link .far, .main-dropdown-blog-post__link .far {
  width: 1.25em;
  text-align: center;
  font-size: 1.2rem;
  color: var(--colors-grey-700);
}
.main-dropdown__single-link:hover, .main-dropdown-blog-post__link:hover, .main-dropdown__single-link:focus, .main-dropdown-blog-post__link:focus {
  color: var(--colors-grey-1000);
  text-decoration: none;
}
.main-dropdown__single-link:hover .far, .main-dropdown-blog-post__link:hover .far, .main-dropdown__single-link:focus .far, .main-dropdown-blog-post__link:focus .far {
  color: var(--colors-grey-800);
}
.main-dropdown__highlight-link {
  color: var(--colors-secondary-700);
  border-bottom: 1px solid var(--colors-secondary-400);
  transition: all 250ms ease;
  text-decoration: none;
  margin-top: 20px;
  font-size: 14px;
}
.main-dropdown__highlight-link:hover, .main-dropdown__highlight-link:active, .main-dropdown__highlight-link:focus {
  color: var(--colors-secondary-700);
  text-decoration: none;
  border-bottom: 1px solid var(--colors-secondary-600);
  cursor: pointer;
}
.main-dropdown__highlight-link:after {
  margin-left: 0.3em;
  border-bottom: 0;
  content: "›";
}
.main-dropdown__label {
  display: inline-block;
  padding: var(--spacing-005) var(--spacing-02);
  font-size: 1rem;
  font-weight: 500;
  line-height: 1.4545454545;
  border-radius: 1em;
  color: #fff;
  background-color: var(--colors-secondary-600);
}
[id=resources-submenu] .main-dropdown__highlight-link {
  margin-top: 0;
  width: max-content;
}
.main-dropdown-blog-post {
  margin-bottom: var(--spacing-04);
  max-width: 23.2rem;
  position: relative;
}
.main-dropdown-blog-post__image {
  width: 100%;
  margin-bottom: var(--spacing-02);
  height: auto;
  border-radius: 0.2rem;
}
.main-dropdown-blog-post__link {
  margin: 0;
  line-height: 1.8461538462;
}
.main-dropdown-blog-post__link::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.main-dropdown-blog-post__link:hover, .main-dropdown-blog-post__link:focus {
  text-decoration: underline;
}
.main-dropdown-blog-post__desc {
  margin-top: var(--spacing-01);
  color: var(--colors-grey-700);
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.user-nav {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-06);
  margin-bottom: 0;
  padding-left: 0;
  color: var(--colors-grey-700);
}
.user-nav__link,
.user-nav__btn {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  padding: var(--spacing-01) 0;
  border-bottom: 0.15rem solid transparent;
  color: var(--colors-grey-800);
  transition: border-bottom-color 0.2s ease-in-out;
}
.user-nav__link:hover, .user-nav__link:focus,
.user-nav__btn:hover,
.user-nav__btn:focus {
  color: var(--colors-grey-800);
  outline: none;
  text-decoration: none;
  border-bottom-color: currentColor;
}
.user-nav__btn {
  color: var(--colors-primary-600);
}
.user-nav__btn:hover, .user-nav__btn:focus {
  color: var(--colors-primary-600);
}
.locale-switcher:hover .main-dropdown, .locale-switcher:focus-within .main-dropdown {
  visibility: visible;
  opacity: 1;
  transform: scale(1) translateY(0);
  transition-delay: 0s, 0s, 0.3s;
}
.locale-switcher__trigger {
  position: relative;
  margin: 0;
  padding: 0;
  border: 0;
  width: 1.25em;
  background-color: transparent;
  color: var(--colors-grey-600);
  text-align: center;
}
.locale-switcher__trigger::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: -2rem;
  left: 0;
  right: 0;
}
.locale-switcher__trigger:hover, .locale-switcher__trigger:focus {
  color: var(--colors-grey-800);
}
.locale-switcher-languages {
  padding: 0;
  margin: 0;
}
.locale-switcher-languages__item {
  overflow: hidden;
}
.locale-switcher-languages__name {
  display: block;
  padding: var(--spacing-02) var(--spacing-04);
  font-size: 14px;
  line-height: 24px;
  font-weight: 600;
  color: var(--colors-grey-700);
  transition: color 0.1s ease-in-out;
}
.locale-switcher-languages__name:hover, .locale-switcher-languages__name:focus {
  color: var(--colors-grey-900);
  background-color: var(--colors-grey-200);
  text-decoration: none;
}
.locale-switcher-languages__name[aria-current] {
  font-weight: normal;
  background-color: var(--colors-grey-100);
}
.mobile-nav {
  display: none;
}
.mobile-nav .locale-switcher__trigger {
  position: absolute;
  right: var(--spacing-20);
  top: 22px;
  height: auto;
}
.mobile-nav .locale-switcher__trigger::before {
  display: none;
}
.mobile-nav-trigger {
  background-color: transparent;
  border: 0;
  padding: 10px 0;
  position: absolute;
  right: var(--spacing-08);
  top: 22px;
  color: var(--colors-grey-700);
  z-index: 1002;
}
.mobile-nav-trigger[aria-expanded=true] .mobile-nav-trigger__burger {
  background-color: transparent;
}
.mobile-nav-trigger[aria-expanded=true] .mobile-nav-trigger__burger:before {
  background-color: currentColor;
  top: 0;
  transform: rotate(-45deg);
}
.mobile-nav-trigger[aria-expanded=true] .mobile-nav-trigger__burger:after {
  background-color: currentColor;
  top: 0;
  transform: rotate(45deg);
}
.mobile-nav-trigger__burger {
  color: inherit;
  background-color: currentColor;
  display: block;
  height: 3px;
  position: relative;
  width: 20px;
  border-radius: 3px;
}
.mobile-nav-trigger__burger::before, .mobile-nav-trigger__burger::after {
  background-color: inherit;
  content: "";
  display: block;
  height: 3px;
  position: absolute;
  top: -0.7rem;
  border-radius: 3px;
  transition: top 250ms ease-in-out, transform 250ms ease-in-out;
  width: 100%;
}
.mobile-nav-trigger__burger::after {
  top: 0.7rem;
}
.mobile-main-nav,
.mobile-locale-switcher {
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  margin-top: var(--spacing-01);
  background-color: #fff;
  padding: var(--spacing-02);
  z-index: 999;
  line-height: 24px;
  min-height: calc(100vh - 80px);
  border-radius: 0.4rem;
  overflow: auto;
  opacity: 0;
  visibility: hidden;
  box-shadow: 0 8px 24px -8px rgba(0, 0, 0, 0.2);
  transform: scale(0.95) translateY(20px);
  transition: all 0.2s ease-in-out 0s, visibility 0s linear 0.3s, z-index 0s linear 0.01s;
}
.mobile-main-nav[aria-hidden=false],
.mobile-locale-switcher[aria-hidden=false] {
  visibility: visible;
  opacity: 1;
  transform: scale(1) translateY(0%);
  transition-delay: 0s, 0s, 0.3s;
}
.mobile-user-menu {
  list-style-type: none;
  background-color: var(--colors-grey-100);
  border-radius: 3px;
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: 0;
}
.mobile-user-menu__item {
  margin: var(--spacing-02);
  flex: 1;
}
.mobile-main-menu {
  margin: var(--spacing-02);
  list-style-type: none;
  padding-left: 0;
}
.mobile-main-menu__item {
  border-bottom: 1px solid var(--colors-grey-300);
}
.mobile-main-menu__link {
  display: flex;
  align-items: center;
  width: 100%;
  background-color: transparent;
  padding: var(--spacing-03) 0;
  border: 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  color: var(--colors-grey-900);
  transition: color 0.1s ease-in-out, background-color 0.2s ease-in-out;
}
.mobile-main-menu__link[aria-expanded=true] .mobile-main-menu__carret {
  transform: rotate(-180deg);
}
.mobile-main-menu__link:hover, .mobile-main-menu__link:focus {
  text-decoration: none;
  color: var(--colors-grey-1000);
}
.mobile-main-menu__link:active {
  background-color: var(--colors-grey-200);
}
.mobile-main-menu__carret {
  margin-left: auto;
  color: var(--colors-grey-600);
  font-size: 1.6rem;
  margin-right: var(--spacing-01);
  transition: transform 200ms ease-in-out;
}
.mobile-submenu {
  border-top: 1px solid var(--colors-grey-300);
  overflow: hidden;
  max-height: 500px;
  transition: max-height 250ms ease-in-out, opacity 250ms 50ms ease-in;
}
.mobile-submenu[aria-hidden=true] {
  max-height: 0;
  opacity: 0;
}
.mobile-submenu-feature {
  display: flex;
  align-items: center;
  margin: var(--spacing-04) 0;
  gap: var(--spacing-03);
}
.mobile-submenu-feature:hover, .mobile-submenu-feature:focus {
  text-decoration: none;
  outline: none;
}
.mobile-submenu-feature:hover .mobile-submenu-feature__desc, .mobile-submenu-feature:focus .mobile-submenu-feature__desc {
  color: var(--colors-grey-900);
}
.mobile-submenu-feature:hover .mobile-submenu-feature__icon, .mobile-submenu-feature:focus .mobile-submenu-feature__icon {
  background-color: var(--colors-secondary-600);
  color: #fff;
}
.mobile-submenu-feature__title {
  color: var(--colors-grey-900);
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
}
.mobile-submenu-feature__desc {
  color: var(--colors-grey-700);
  font-size: 12px;
  line-height: 1.6666666667;
  transition: color 0.1s ease-in-out;
}
.mobile-submenu__single-link {
  font-size: 1.3rem;
  line-height: 1.5384615385;
  font-weight: 600;
  color: var(--colors-grey-700);
  margin: var(--spacing-03) 0;
  display: block;
  transition: color 0.1s ease-in-out;
}
.mobile-submenu__single-link:last-child {
  margin-bottom: var(--spacing-04);
}
.mobile-submenu__single-link:hover, .mobile-submenu__single-link:focus {
  color: var(--colors-grey-900);
  text-decoration: none;
}
.mobile-locale-switcher {
  min-height: auto;
}
.mobile-locale-switcher .locale-switcher-languages__item {
  border-radius: 0.4rem;
}
@media screen and (max-width: 992px) {
  .main-nav {
    display: none;
  }
  .mobile-nav {
    display: block;
  }
  .main-header {
    top: var(--spacing-04);
    width: calc(100% - 3.2rem);
    padding: var(--spacing-03) var(--spacing-08);
  }
  .main-dropdown-blog-post__image {
    display: none;
  }
  .main-header__account-name {
    display: none;
  }
}
@media screen and (min-width: 75em) {
  .main-nav {
    font-size: 1.6rem;
    line-height: 1.5;
  }
  .main-menu {
    margin-left: var(--spacing-10);
  }
  .main-menu__link {
    padding: var(--spacing-02) var(--spacing-04);
  }
}
body .cookies-form .cookies-form__group-title {
  display: flex;
  justify-content: space-between;
  padding-bottom: var(--spacing-03);
  margin-top: var(--spacing-08);
  margin-bottom: var(--spacing-04);
  border-bottom: 1px solid var(--colors-grey-300);
}
body .cookies-form .cookies-form__title {
  font-size: 1.5rem;
  line-height: 1.6;
  margin: 0;
  border: 0;
  padding: 0;
}
body .cookies-form__group-subtitle {
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--colors-grey-600);
}
body .cookies-form__toggle-block {
  position: relative;
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-04);
}
body .cookies-form__toggle-label {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 600;
  margin-left: var(--spacing-02);
}
.cookies-form__desc {
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.visitors .cookies-form .cookies-form__title {
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
  color: var(--colors-grey-900);
}
.visitors .cookies-form .cookies-form__group-title {
  padding-bottom: var(--spacing-02);
}
.visitors .cookies-form .modal-footer {
  padding: 0;
  border-top: 0;
  margin-top: var(--spacing-06);
}
[id=manage-cookies-modal] .modal-close {
  position: absolute;
  right: var(--spacing-02);
  top: var(--spacing-02);
}
.promo-toast {
  position: absolute;
  left: 0;
  right: 0;
  top: calc(var(--spacing-base) * 22);
  width: calc(100% - 3.2rem);
  max-width: 160rem;
  margin: 0 auto;
  padding: var(--spacing-02) var(--spacing-06);
  border-radius: 4rem;
  background-color: var(--colors-grey-1000);
  color: #fff;
  text-align: center;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  z-index: 5;
}
.promo-toast .far {
  margin-right: var(--spacing-01);
  font-size: 1em;
  line-height: inherit;
}
.promo-toast a {
  color: currentColor;
  font-weight: 600;
  text-decoration: underline;
  margin-left: var(--spacing-01);
}
.promo-toast a:hover, .promo-toast a:focus {
  text-decoration: none;
}
@media screen and (min-width: 62em) {
  .promo-toast {
    width: calc(100% - 6.4rem);
    top: calc(var(--spacing-base) * 24);
  }
}
#extensionPopup .modal-dialog {
  width: 680px;
  margin: 40px auto;
}
#extensionPopup .modal-content {
  text-align: center;
}
#extensionPopup h2 {
  font-size: 26px;
  margin: 30px auto 20px;
  font-weight: 500;
}
#extensionPopup .modal-close {
  background-color: transparent;
  padding: 0;
  border: 0;
  font-size: 36px;
  position: absolute;
  right: 15px;
  top: 10px;
}
#extensionPopup p {
  color: var(--colors-grey-600);
  max-width: 480px;
  margin: 0 auto 30px;
  font-size: 15px;
}
#extensionPopup .light-grey, #extensionPopup .card-security-hint, #extensionPopup .checkout.index .address-hint, .checkout.index #extensionPopup .address-hint, #extensionPopup .search_landing_page.show .search-container .search-loader, .search_landing_page.show .search-container #extensionPopup .search-loader, #extensionPopup .compose-modal .modal-body .template-line .manage-templates, .compose-modal .modal-body .template-line #extensionPopup .manage-templates,
#extensionPopup .compose-modal .modal-body .email-account-line .manage-templates,
.compose-modal .modal-body .email-account-line #extensionPopup .manage-templates, #extensionPopup .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button,
#extensionPopup .audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button,
.audience.show .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button,
#extensionPopup .content.show .campaign-breadcrumb .breadcrumb-buttons .back-button,
.content.show .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button,
#extensionPopup .messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button,
.messages.index .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button,
#extensionPopup .stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button,
.stats.index .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button,
#extensionPopup .webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button, #extensionPopup .onboarding-box.onboarding-box-horizontal .close-onboarding-box, .onboarding-box.onboarding-box-horizontal #extensionPopup .close-onboarding-box, #extensionPopup .bulk_searches.show .bulk-details .additional-details, .bulk_searches.show .bulk-details #extensionPopup .additional-details,
#extensionPopup .bulk_finders.show:not(.configuration) .bulk-details .additional-details,
.bulk_finders.show:not(.configuration) .bulk-details #extensionPopup .additional-details,
#extensionPopup .bulk_verifications.show .bulk-details .additional-details,
.bulk_verifications.show .bulk-details #extensionPopup .additional-details, #extensionPopup .alert-no-content p, .alert-no-content #extensionPopup p {
  color: var(--colors-grey-600);
}
#extensionPopup .light-grey a, #extensionPopup .card-security-hint a, #extensionPopup .checkout.index .address-hint a, .checkout.index #extensionPopup .address-hint a, #extensionPopup .search_landing_page.show .search-container .search-loader a, .search_landing_page.show .search-container #extensionPopup .search-loader a, #extensionPopup .compose-modal .modal-body .template-line .manage-templates a, .compose-modal .modal-body .template-line #extensionPopup .manage-templates a,
#extensionPopup .compose-modal .modal-body .email-account-line .manage-templates a,
.compose-modal .modal-body .email-account-line #extensionPopup .manage-templates a, #extensionPopup .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button a, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a,
#extensionPopup .audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button a,
.audience.show .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a,
#extensionPopup .content.show .campaign-breadcrumb .breadcrumb-buttons .back-button a,
.content.show .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a,
#extensionPopup .messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button a,
.messages.index .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a,
#extensionPopup .stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button a,
.stats.index .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a,
#extensionPopup .webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button a,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a, #extensionPopup .onboarding-box.onboarding-box-horizontal .close-onboarding-box a, .onboarding-box.onboarding-box-horizontal #extensionPopup .close-onboarding-box a, #extensionPopup .bulk_searches.show .bulk-details .additional-details a, .bulk_searches.show .bulk-details #extensionPopup .additional-details a,
#extensionPopup .bulk_finders.show:not(.configuration) .bulk-details .additional-details a,
.bulk_finders.show:not(.configuration) .bulk-details #extensionPopup .additional-details a,
#extensionPopup .bulk_verifications.show .bulk-details .additional-details a,
.bulk_verifications.show .bulk-details #extensionPopup .additional-details a, #extensionPopup .alert-no-content p a, .alert-no-content #extensionPopup p a {
  border-bottom: 1px solid var(--colors-grey-300);
  color: inherit;
  text-decoration: none;
  transition: all 250ms ease;
}
#extensionPopup .light-grey a:hover, #extensionPopup .card-security-hint a:hover, #extensionPopup .checkout.index .address-hint a:hover, .checkout.index #extensionPopup .address-hint a:hover, #extensionPopup .search_landing_page.show .search-container .search-loader a:hover, .search_landing_page.show .search-container #extensionPopup .search-loader a:hover, #extensionPopup .compose-modal .modal-body .template-line .manage-templates a:hover, .compose-modal .modal-body .template-line #extensionPopup .manage-templates a:hover,
#extensionPopup .compose-modal .modal-body .email-account-line .manage-templates a:hover,
.compose-modal .modal-body .email-account-line #extensionPopup .manage-templates a:hover, #extensionPopup .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button a:hover, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a:hover,
#extensionPopup .audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button a:hover,
.audience.show .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a:hover,
#extensionPopup .content.show .campaign-breadcrumb .breadcrumb-buttons .back-button a:hover,
.content.show .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a:hover,
#extensionPopup .messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button a:hover,
.messages.index .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a:hover,
#extensionPopup .stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button a:hover,
.stats.index .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a:hover,
#extensionPopup .webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button a:hover,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a:hover, #extensionPopup .onboarding-box.onboarding-box-horizontal .close-onboarding-box a:hover, .onboarding-box.onboarding-box-horizontal #extensionPopup .close-onboarding-box a:hover, #extensionPopup .bulk_searches.show .bulk-details .additional-details a:hover, .bulk_searches.show .bulk-details #extensionPopup .additional-details a:hover,
#extensionPopup .bulk_finders.show:not(.configuration) .bulk-details .additional-details a:hover,
.bulk_finders.show:not(.configuration) .bulk-details #extensionPopup .additional-details a:hover,
#extensionPopup .bulk_verifications.show .bulk-details .additional-details a:hover,
.bulk_verifications.show .bulk-details #extensionPopup .additional-details a:hover, #extensionPopup .alert-no-content p a:hover, .alert-no-content #extensionPopup p a:hover, #extensionPopup .light-grey a:focus, #extensionPopup .card-security-hint a:focus, #extensionPopup .checkout.index .address-hint a:focus, .checkout.index #extensionPopup .address-hint a:focus, #extensionPopup .search_landing_page.show .search-container .search-loader a:focus, .search_landing_page.show .search-container #extensionPopup .search-loader a:focus, #extensionPopup .compose-modal .modal-body .template-line .manage-templates a:focus, .compose-modal .modal-body .template-line #extensionPopup .manage-templates a:focus,
#extensionPopup .compose-modal .modal-body .email-account-line .manage-templates a:focus,
.compose-modal .modal-body .email-account-line #extensionPopup .manage-templates a:focus, #extensionPopup .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button a:focus, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a:focus,
#extensionPopup .audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button a:focus,
.audience.show .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a:focus,
#extensionPopup .content.show .campaign-breadcrumb .breadcrumb-buttons .back-button a:focus,
.content.show .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a:focus,
#extensionPopup .messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button a:focus,
.messages.index .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a:focus,
#extensionPopup .stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button a:focus,
.stats.index .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a:focus,
#extensionPopup .webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button a:focus,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons #extensionPopup .back-button a:focus, #extensionPopup .onboarding-box.onboarding-box-horizontal .close-onboarding-box a:focus, .onboarding-box.onboarding-box-horizontal #extensionPopup .close-onboarding-box a:focus, #extensionPopup .bulk_searches.show .bulk-details .additional-details a:focus, .bulk_searches.show .bulk-details #extensionPopup .additional-details a:focus,
#extensionPopup .bulk_finders.show:not(.configuration) .bulk-details .additional-details a:focus,
.bulk_finders.show:not(.configuration) .bulk-details #extensionPopup .additional-details a:focus,
#extensionPopup .bulk_verifications.show .bulk-details .additional-details a:focus,
.bulk_verifications.show .bulk-details #extensionPopup .additional-details a:focus, #extensionPopup .alert-no-content p a:focus, .alert-no-content #extensionPopup p a:focus {
  border-color: var(--colors-grey-400);
}
#extensionPopup .subtitle {
  margin: 0 0 30px 0;
  font-size: 18px;
  color: var(--colors-grey-600);
}
#extensionPopup img {
  width: calc(100% - 20px);
  margin: auto;
  border-bottom: 1px solid var(--colors-grey-300);
}
#extensionPopup .cta-container {
  margin: 20px 10px 10px;
}
#extensionPopup .cta-container .h-button--primary {
  margin: 16px 0 0 0;
  padding: 20px;
  font-size: 16px;
  height: 69px;
}
#extensionPopup .cta-container .h-button--primary .far, #extensionPopup .cta-container .h-button--primary .fas, #extensionPopup .cta-container .h-button--primary .fal {
  margin-right: 10px;
}
#extensionPopup .cta-container strong {
  font-size: 16px;
  margin-top: 15px;
  display: inline-block;
}
#extensionPopup .cta-container .fa-star {
  font-size: 17px;
  margin: 5px 3px 5px 3px;
  color: var(--colors-warning-500);
}
.header-logo-ressources {
  position: absolute;
  top: 100%;
  left: 10%;
  padding: var(--spacing-01);
  background-color: #fff;
  border-radius: 0.4rem;
  box-shadow: 0 0.1rem 0.2rem 0 rgba(0, 0, 0, 0.06), 0 0.2rem 2.4rem 0 rgba(0, 0, 0, 0.08);
  white-space: nowrap;
  opacity: 0;
  z-index: -5;
  visibility: hidden;
  transform: scale(0.9);
  transition: opacity 100ms ease-in, transform 100ms ease-in-out;
}
.header-logo-ressources.active {
  visibility: visible;
  opacity: 1;
  z-index: 1;
  transform: scale(1);
}
.header-logo-ressources__link {
  display: block;
  padding: var(--spacing-02);
  border-radius: 0.2rem;
  border: 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
  background-color: transparent;
  text-decoration: none;
  cursor: pointer;
}
.header-logo-ressources__link:hover, .header-logo-ressources__link:focus {
  background-color: var(--colors-grey-100);
  text-decoration: none;
  color: var(--colors-grey-900);
}
.pricing-cards {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-06);
}
.pricing-card {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-04);
  padding: var(--spacing-06) var(--spacing-04) var(--spacing-04);
  background: #fff;
  border: 0.1rem solid var(--colors-grey-300);
  box-shadow: 0 4px 15px rgba(29, 38, 46, 0.05), 0 2px 50px rgba(29, 38, 46, 0.02);
  border-radius: 0.8rem;
}
.pricing-card--highlighted {
  position: relative;
  background-color: var(--colors-primary-100);
  border-color: var(--colors-primary-300);
}
.pricing-card--highlighted::before {
  content: attr(data-before-content);
  position: absolute;
  bottom: calc(100% - var(--spacing-02));
  left: -0.1rem;
  right: -0.1rem;
  padding: var(--spacing-01) var(--spacing-02) var(--spacing-03);
  background-color: var(--colors-primary-300);
  color: var(--colors-primary-900);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5384615385;
  text-align: center;
  border-radius: 0.8rem 0.8rem 0 0;
  z-index: -1;
}
.pricing-card__header,
.pricing-card__cost {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-01);
}
.pricing-card__header {
  min-height: 8.4rem;
}
.pricing-card__title {
  font-family: var(--fonts-family-heading);
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.3333333333;
}
.pricing-card__description {
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--colors-grey-600);
}
.pricing-card__cost {
  min-height: 6.8rem;
}
.pricing-card__amount {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.pricing-card__price {
  font-family: var(--fonts-family-heading);
  font-size: clamp(3.6rem, 3.4536rem + 1.1707vw, 4rem);
  font-weight: 600;
  line-height: 1;
}
.pricing-card__features {
  list-style-type: none;
  padding: 0;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
}
.pricing-card__feature {
  display: flex;
  align-items: baseline;
  padding: var(--spacing-02) 0;
  gap: var(--spacing-02);
}
@media screen and (max-width: calc(75em - 1px)) {
  .pricing-card--highlighted {
    margin-top: var(--spacing-06);
  }
}
@media screen and (min-width: 75em) {
  .pricing-cards {
    display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: var(--spacing-06);
  }
  .pricing-cards--premium {
    grid-template-columns: repeat(4, 1fr);
  }
}
:root {
  --comparison-table-head-top: 9rem;
}
.comparison-table-section {
  display: none;
  position: relative;
  padding: var(--spacing-08);
  background-color: var(--colors-grey-100);
}
.comparison-table {
  width: 100%;
  font-size: 1.6rem;
  line-height: 1.5;
  border-collapse: collapse;
}
.comparison-table th {
  font-weight: normal;
}
.plan-comparison-switcher {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-02);
}
.plan-comparison-switcher__label {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}
.comparison-table__head {
  position: sticky;
  top: var(--comparison-table-head-top);
  z-index: 10;
  background-color: var(--colors-grey-100);
  box-shadow: 0 0.2rem 0 0 var(--colors-grey-300);
}
.comparison-table__head th {
  padding: var(--spacing-04) var(--spacing-05);
}
.comparison-table__head th:not(:first-child) {
  box-shadow: 0 -0.1rem 0 0 var(--colors-grey-300);
  width: 18rem;
}
.comparison-table__head th:nth-child(2) {
  box-shadow: 0 -0.1rem 0 0 var(--colors-grey-300), -0.1rem 0 0 0 var(--colors-grey-300);
  border-top-left-radius: 0.4rem;
}
.comparison-table__head th:last-child {
  box-shadow: 0 -0.1rem 0 0 var(--colors-grey-300), 0.1rem 0 0 0 var(--colors-grey-300);
  border-top-right-radius: 0.4rem;
}
.comparison-table__head .comparison-table__plan-name {
  text-align: center;
  font-size: 1.8rem;
  line-height: 1.3333333333;
}
.comparison-table__plan-name {
  display: block;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-1000);
}
.comparison-table__price {
  margin-bottom: var(--spacing-01);
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
}
.comparison-table__body th {
  font-weight: 400;
  text-align: start;
  border-right: 0.1rem solid var(--colors-grey-300);
}
.comparison-table__body td:nth-child(even),
.comparison-table-head__growth {
  background-color: var(--colors-grey-200);
}
.comparison-table__row td,
.comparison-table__row th {
  padding: var(--spacing-04) 0;
}
.comparison-table__row:not(:first-child) th,
.comparison-table__row:not(:first-child) td {
  border-top: 0.1rem solid var(--colors-grey-300);
}
.comparison-table__subrow th,
.comparison-table__subrow td {
  padding: 0 0 var(--spacing-02) 0;
}
.comparison-table__subrow th {
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.comparison-table__spacer th,
.comparison-table__spacer td {
  padding: var(--spacing-04) 0;
}
.comparison-table__spacer + .comparison-table__row th,
.comparison-table__spacer + .comparison-table__row td {
  border-top: 0;
}
.comparison-table__section-title {
  display: block;
  font-family: var(--fonts-family-heading);
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.3333333333;
}
.comparison-accordions {
  position: relative;
  display: none;
  padding: var(--spacing-04) var(--spacing-02);
  background-color: var(--colors-grey-100);
}
.comparison-accordion-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-01);
  margin-top: var(--spacing-10);
  padding: 0 var(--spacing-03);
}
.comparison-accordion-group__name {
  font-family: var(--fonts-family-heading);
  font-weight: 600;
  font-size: 2.4rem;
  line-height: 1.3333333333;
}
.comparison-accordion-group__description {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-600);
}
.comparison-accordion__header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-04) var(--spacing-03);
  border-bottom: 0.1rem solid var(--colors-grey-300);
  background-color: var(--colors-grey-100);
}
.comparison-accordion__header .question-circle {
  position: relative;
  z-index: 5;
}
.comparison-accordion__heading {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-01);
}
.comparison-accordion__title {
  font-family: var(--fonts-family-heading);
  font-weight: 600;
  font-size: 1.8rem;
  line-height: 1.3333333333;
}
.comparison-accordion__toggle[aria-expanded=true] .fa-angle-down {
  transform: rotate(180deg);
}
.comparison-accordion__toggle::before {
  content: "";
  position: absolute;
  inset: 0;
}
.comparison-accordion__row {
  padding: var(--spacing-02) var(--spacing-03);
  font-size: 1.4rem;
  line-height: 1.7142857143;
  display: flex;
  align-items: center;
}
.comparison-accordion__row > * {
  flex: 1 0 50%;
}
.comparison-accordion__row:nth-child(even) {
  background-color: var(--colors-grey-200);
}
@media (max-width: calc(75em - 1px)) {
  .comparison-accordions {
    display: block;
  }
}
@media (min-width: 75em) {
  .comparison-table-section {
    display: block;
  }
}
.billing-switcher {
  display: flex;
  gap: var(--spacing-01);
  align-items: center;
  justify-content: center;
  padding: var(--spacing-01);
  width: max-content;
  background-color: var(--colors-grey-100);
  border: 0.1rem solid var(--colors-grey-200);
  border-radius: 5rem;
}
.billing-switcher__option {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: var(--spacing-02) var(--spacing-04);
  background-color: transparent;
  border: 0;
  border-radius: 5rem;
  color: var(--colors-grey-600);
  font-size: 1.4rem;
  line-height: 1.25;
  font-weight: 500;
  transition: background-color 200ms ease-in, color 200ms ease-in, box-shadow ease-in;
}
.billing-switcher__option:has(.billing-switcher__tag) {
  padding-right: var(--spacing-03);
}
.billing-switcher__option:hover, .billing-switcher__option:focus {
  color: var(--colors-grey-900);
}
.billing-switcher__option:hover .billing-switcher__tag, .billing-switcher__option:focus .billing-switcher__tag {
  opacity: 1;
}
.billing-switcher__option.is-active {
  background-color: #fff;
  color: var(--colors-grey-900);
  box-shadow: 0 0 2px rgba(29, 38, 46, 0.08), 0 0 4px rgba(29, 38, 46, 0.06);
}
.billing-switcher__option.is-active .billing-switcher__tag {
  opacity: 1;
}
.billing-switcher__toggle:checked + .billing-switcher__label {
  opacity: 1;
}
.billing-switcher__tag {
  padding: var(--spacing-01) var(--spacing-02);
  border-radius: 2em;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.2307692308;
  color: #fff;
  background-color: var(--colors-secondary-600);
  opacity: 0.5;
  transition: opacity 200ms ease-in;
}
.pricing-table {
  width: 100%;
  font-size: 1.5rem;
  border-radius: 0.4rem;
  background-color: #fff;
  box-shadow: 0px 12px 64px -12px rgba(29, 38, 46, 0.12), 0px 12px 52px -16px rgba(29, 38, 46, 0.08);
  border-collapse: collapse;
}
.pricing-table td {
  padding: 8px 25px;
}
.pricing-table thead tr:first-child td {
  padding-top: 25px;
}
.pricing-table .fa-check {
  color: var(--colors-success-700);
  font-size: 16px;
}
.pricing-table .fa-times {
  color: var(--colors-grey-600);
  font-size: 16px;
}
.pricing-table__top-hint-cell {
  vertical-align: top;
  color: var(--colors-grey-700);
  padding-right: 30px;
}
.pricing-table__top-hint-cell select {
  width: 100%;
}
.pricing-table__plan-column {
  width: 200px;
}
.pricing-table__plan-column.pricing-table__plan-column-reduced {
  width: 160px;
}
.pricing-table__plan-name {
  display: inline-block;
  font-weight: 500;
  margin-bottom: 10px;
}
.pricing-table__price {
  font-weight: 600;
  font-size: 3.2rem;
  line-height: 1.2;
}
.pricing-table__discount {
  font-size: 13px;
  font-weight: 600;
  color: var(--colors-secondary-700);
}
.pricing-table__discount .fa-tag {
  margin-right: 2px;
}
.pricing-table__buttons-row a {
  margin-bottom: 10px;
  display: block;
}
.pricing-table__billing-cycle-hint {
  font-size: 13px;
  line-height: 20px;
  color: var(--colors-grey-600);
  opacity: 1;
  transition: 100ms ease-in;
}
.pricing-table__plan-column {
  border-left: 1px solid var(--colors-grey-300);
}
.pricing-table__row-section-end td {
  padding-bottom: 20px;
}
.pricing-table__row-section-start td {
  padding-top: 20px;
  padding-bottom: 20px;
  border-top: 1px solid var(--colors-grey-300);
}
.pricing-table__row-section-start td strong {
  font-size: 16px;
}
.pricing-table__row-secondary td {
  font-size: 13px;
  color: var(--colors-grey-700);
  padding-top: 0;
}
.pricing-table__enterprise-plan-row td {
  text-align: center;
  padding: 30px 0;
}
.pricing-table__enterprise-plan-row td strong {
  display: block;
  margin-bottom: 5px;
}
.pricing-table__enterprise-plan-row td p {
  margin-bottom: 15px;
}
.plan-details-table {
  width: 100%;
}
.plan-details-table tr {
  border-bottom: 1px solid var(--colors-grey-300);
}
.plan-details-table td {
  padding: 9px 0;
}
.plan-details-table .fa-check {
  color: var(--colors-success-700);
  font-size: 15px;
}
.plan-details-table .fa-times {
  color: var(--colors-grey-600);
  font-size: 15px;
}
.plan-details-table .plan-details-table__row-section-start {
  font-size: 15px;
}
.plan-details-table .plan-details-table__row-section-start td {
  padding: 18px 0;
}
.pricing-enterprise {
  margin-top: var(--spacing-10);
  padding: var(--spacing-10) var(--spacing-12);
  background-color: #fff;
  box-shadow: 0 6px 40px rgba(0, 0, 0, 0.1);
  border-radius: 5px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
.pricing-enterprise__heading {
  flex: 1;
  max-width: 30rem;
}
.pricing-enterprise__title {
  display: block;
  font-family: var(--fonts-family-heading);
  font-size: 2.2rem;
  line-height: 1.25;
}
.pricing-enterprise__description {
  font-size: 1.5rem;
  color: var(--colors-grey-700);
}
.pricing-enterprise-advantages {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  flex: 1;
  max-width: 55rem;
  column-count: 2;
  color: var(--colors-grey-700);
  font-size: 1.5rem;
}
.pricing-enterprise-advantages__item {
  flex: 1 1 50%;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: 0 var(--spacing-04) var(--spacing-02) 0;
}
.pricing-enterprise-advantages__icon {
  color: var(--colors-grey-500);
}
/* On any screen below 1200px, the pricing table is reduced */
@media screen and (max-width: 75em) {
  .pricing-table {
    font-size: 14px;
  }
  .pricing-table .pricing-table__row-section-start td strong {
    font-size: 15px;
  }
  .pricing-table .pricing-table__plan-column {
    width: 170px;
  }
  .pricing-enterprise__heading {
    max-width: 20rem;
  }
  .pricing-enterprise-advantages {
    max-width: 50rem;
    flex: auto;
  }
}
/* On medium screen, the table is reduced to just 2 columns */
@media screen and (max-width: 62em) {
  .billing-switcher__label {
    font-size: 1.3rem;
  }
  .pricing-table .pricing-table__plan-column {
    width: 240px;
  }
  .pricing-enterprise {
    display: block;
    padding: var(--spacing-10) var(--spacing-06);
  }
  .pricing-enterprise-advantages {
    display: block;
    margin: var(--spacing-04) 0;
    font-size: 1.4rem;
    max-width: none;
  }
  .pricing-enterprise__heading {
    max-width: none;
  }
}
@media screen and (max-width: 767px) {
  .pricing-table {
    border-radius: 0;
  }
  .pricing-table td {
    padding: 4px 18px;
  }
  .pricing-table .pricing-table__row-section-end td {
    padding-bottom: 18px;
  }
  .pricing-table .pricing-table__row-section-start td {
    padding-top: 18px;
  }
  .pricing-table .pricing-table__enterprise-plan-row td {
    padding: 25px 0;
  }
  .pricing-enterprise-advantages {
    column-count: 1;
  }
}
@media screen and (min-width: 62em) {
  .billing-switcher {
    margin-bottom: var(--spacing-10);
  }
  .pricing-table--premium {
    table-layout: fixed;
  }
  .pricing-table--premium tr td:first-child {
    width: 35%;
  }
}
.pricing-data-platform {
  padding: var(--spacing-08) var(--spacing-04);
  border-radius: 0.4rem;
  background-color: #fff;
  box-shadow: 0px 12px 64px -12px rgba(29, 38, 46, 0.12), 0px 12px 52px -16px rgba(29, 38, 46, 0.08);
}
.pricing-data-platform__header {
  text-align: center;
  margin: 0 auto var(--spacing-20);
  max-width: 92rem;
}
.pricing-data-platform__title {
  margin: var(--spacing-04) 0 var(--spacing-06);
  font-family: var(--fonts-family-heading--website);
  font-size: clamp(3.6rem, 3.4536rem + 1.1707vw, 4rem);
  font-weight: 600;
}
.pricing-data-platform__description {
  font-size: clamp(1.6rem, 1.52688rem + 0.3902vw, 1.8rem);
  color: var(--colors-grey-700);
  line-height: 1.6;
}
.pricing-calculator {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-10);
}
.pricing-calculator-input {
  flex: 1;
}
.pricing-calculator-input__title {
  margin: 0 0 var(--spacing-10);
  font-family: var(--fonts-family-heading--website);
  font-weight: 400;
  font-size: 2rem;
  line-height: 1.2;
}
.pricing-calculator-input__hint {
  margin-top: var(--spacing-12);
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
}
.pricing-calculator-input__hint a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-400);
}
.pricing-calculator-input__hint a:hover, .pricing-calculator-input__hint a:focus {
  color: var(--colors-grey-700);
  text-decoration-color: var(--colors-grey-600);
}
.pricing-calculator-input__hint p + p {
  margin-top: 1em;
}
.pricing-slider {
  margin-bottom: calc(var(--spacing-base) * 18);
}
.pricing-slider .pricing-slider__input {
  width: 10.8rem;
  padding: var(--spacing-01) var(--spacing-02);
  font-size: 1.6rem;
  line-height: 1.5;
  border-radius: 0.2rem;
  border: 0.1rem solid transparent;
  text-align: right;
  color: var(--colors-grey-700);
  background-color: transparent;
  transition: border-color 150ms ease-in;
}
.pricing-slider .pricing-slider__input:hover, .pricing-slider .pricing-slider__input:focus {
  border-color: var(--colors-grey-200);
}
.pricing-slider__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-03);
}
.pricing-slider__label {
  flex: 1;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}
.pricing-slider__slider {
  margin-left: var(--spacing-02);
}
.pricing-calculator-output {
  position: relative;
  z-index: 1;
  flex: 1;
  margin-left: calc(var(--spacing-02) * -1);
  margin-right: calc(var(--spacing-02) * -1);
}
.pricing-calculator-output__content {
  background-color: var(--colors-grey-100);
  border: 0.1rem solid var(--colors-grey-200);
  border-radius: 0.4rem;
  padding: var(--spacing-10) var(--spacing-08) var(--spacing-08);
}
.pricing-calculator-ouput__title {
  font-size: 1.6rem;
  line-height: 1.5;
  text-align: center;
  color: var(--colors-grey-700);
  margin-bottom: var(--spacing-02);
}
.pricing-calculator-ouput__value {
  display: block;
  margin-bottom: var(--spacing-12);
  font-family: var(--fonts-family-heading--website);
  font-size: clamp(3.6rem, 3.16096rem + 1.1707vw, 4.8rem);
  line-height: 1.1666666667;
  color: var(--colors-grey-900);
  text-align: center;
}
.pricing-calculator-discount {
  position: absolute;
  top: var(--spacing-02);
  left: 0;
  right: 0;
  display: flex;
  gap: var(--spacing-02);
  align-items: center;
  padding: var(--spacing-03) var(--spacing-06) var(--spacing-05);
  background-color: var(--colors-secondary-200);
  border-radius: 0.4rem 0.4rem 0 0;
  text-align: center;
  opacity: 0;
  z-index: -1;
  transition: opacity 250ms ease-in-out, transform 250ms ease-in-out;
  transform-origin: bottom;
  transform: scale(0.96);
}
.pricing-calculator-discount.is-visible {
  opacity: 1;
  transform: translateY(-100%);
}
.pricing-calculator-breakdown {
  width: 100%;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  margin-bottom: var(--spacing-06);
  color: var(--colors-grey-800);
}
.pricing-calculator-breakdown tr + tr {
  position: relative;
}
.pricing-calculator-breakdown tr + tr th::before {
  content: "+";
  width: 1em;
  position: absolute;
  left: 50%;
  margin-left: -0.5em;
  margin-top: -1.875em;
  background: var(--colors-grey-100);
  color: var(--colors-grey-500);
  font-size: 1.6rem;
  text-align: center;
}
.pricing-calculator-breakdown td,
.pricing-calculator-breakdown th {
  padding: var(--spacing-04) 0;
  border-top: 0.1rem solid var(--colors-grey-300);
  font-variant-numeric: tabular-nums;
}
.pricing-calculator-breakdown__hint {
  padding-top: var(--spacing-02);
  font-size: 1.4rem;
  font-variant-numeric: normal;
  line-height: 0.8333333333;
  color: var(--colors-grey-600);
}
@media screen and (min-width: 62em) {
  .pricing-data-platform {
    padding: var(--spacing-16);
  }
  .pricing-calculator {
    flex-direction: row;
    gap: var(--spacing-14);
    align-items: center;
  }
  .pricing-calculator-output {
    margin: 0;
  }
  .pricing-calculator-input__hint {
    margin-top: var(--spacing-48);
  }
  .pricing-calculator-breakdown {
    font-size: 1.6rem;
    line-height: 1.5;
  }
}
.pricing .section--pricing,
.landing_upgrade .section--pricing {
  position: relative;
  margin-top: calc((var(--spacing-25) + var(--spacing-005)) * -1);
  z-index: 5;
}
.pricing .generic-hero__subtitle {
  max-width: none;
}
.mega-tabs {
  display: flex;
  flex-wrap: wrap;
}
.mega-tabs__item {
  width: 100%;
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-04) var(--spacing-03);
  border-bottom: 0.2rem solid var(--colors-grey-200);
  color: var(--colors-grey-700);
  border-radius: 0.4rem 0.4rem 0 0;
  transition: border-color 200ms ease-in, background-color 200ms ease-in;
}
.mega-tabs__item:hover, .mega-tabs__item:focus-within {
  border-bottom-color: var(--colors-grey-300);
}
.mega-tabs__item:has([aria-selected=true]) {
  border-bottom-color: var(--colors-secondary-600);
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-900);
}
.mega-tabs__title {
  color: var(--colors-grey-600);
  font-family: var(--fonts-family-body);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 2;
  margin-bottom: var(--spacing-01);
}
.mega-tabs__link {
  color: currentColor;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.25;
  text-decoration: none;
}
.mega-tabs__link:hover, .mega-tabs__link:focus {
  text-decoration: none;
}
.mega-tabs__link::before {
  content: "";
  position: absolute;
  inset: 0;
}
[id=pricing-outreach-platform],
[id=pricing-data-platform] {
  scroll-margin-block-start: 20rem;
}
@media screen and (max-width: calc(62em - 1px)) {
  .pricing .section--pricing,
  .landing_upgrade .section--pricing {
    margin-left: calc(var(--spacing-05) * -1);
    margin-right: calc(var(--spacing-05) * -1);
  }
}
@media screen and (min-width: 48em) {
  .mega-tabs__item {
    width: auto;
    flex: 1;
    padding: var(--spacing-06);
  }
  .mega-tabs__title {
    font-size: 1.4rem;
    line-height: 1.7142857143;
  }
  .mega-tabs__link {
    font-size: 2rem;
    line-height: 1.2;
  }
}
@media screen and (min-width: 62em) {
  .pricing .generic-hero,
  .landing_upgrade .generic-hero {
    padding-bottom: calc(var(--spacing-base) * 60);
  }
}
/*! purgecss start ignore */
/* Functional styling;
 * These styles are required for noUiSlider to function.
 * You don't need to change these rules to apply your design.
 */
.noUi-target,
.noUi-target * {
  touch-action: none;
  user-select: none;
  box-sizing: border-box;
}
.noUi-target {
  position: relative;
}
.noUi-base,
.noUi-connects {
  width: 100%;
  height: 100%;
  position: relative;
}
/* Wrapper for all connect elements. */
.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%;
  transform-origin: 0 0;
  transform-style: flat;
}
/* Offset direction */
.noUi-txt-dir-rtl.noUi-horizontal .noUi-origin {
  left: 0;
  right: auto;
}
/* Give origins 0 height/width so they don't interfere with clicking the
 * connect elements. */
.noUi-vertical .noUi-origin {
  top: -100%;
  width: 0;
}
.noUi-horizontal .noUi-origin {
  height: 0;
}
.noUi-handle {
  backface-visibility: hidden;
  position: absolute;
}
.noUi-touch-area {
  height: 100%;
  width: 100%;
}
.noUi-state-tap .noUi-connect,
.noUi-state-tap .noUi-origin {
  transition: transform 0.3s;
}
.noUi-state-drag * {
  cursor: inherit !important;
}
/* Slider size and handle placement */
.noUi-horizontal {
  height: 0.8rem;
}
.noUi-horizontal .noUi-handle {
  width: 2rem;
  height: 2rem;
  right: -1rem;
  top: -0.6rem;
}
/* Styling;
 * Giving the connect element a border radius causes issues with using transform: scale
 */
.noUi-target {
  display: flex;
}
.noUi-target .noUi-base {
  background: var(--colors-grey-300);
  border-radius: 1.6rem;
}
.noUi-connects {
  border-radius: 1.6rem;
}
.noUi-connect {
  background: var(--colors-secondary-600);
}
/* Handles and cursors;
 */
.noUi-draggable {
  cursor: ew-resize;
}
.noUi-vertical .noUi-draggable {
  cursor: ns-resize;
}
.noUi-handle {
  border-radius: 50%;
  background: var(--colors-secondary-600);
  border: 0.2rem solid #fff;
  cursor: pointer;
  outline: 0 solid #fff;
  transition: outline 200ms ease-in;
  z-index: 3;
}
.noUi-active {
  outline: 0.3rem solid #fff;
}
/* Disabled state;
 */
[disabled] .noUi-connect {
  background: #B8B8B8;
}
[disabled].noUi-target,
[disabled].noUi-handle,
[disabled] .noUi-handle {
  cursor: not-allowed;
}
/* Base;
 *
 */
.noUi-pips,
.noUi-pips * {
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}
.noUi-pips {
  position: absolute;
  color: var(--colors-grey-600);
}
/* Values;
 *
 */
.noUi-value {
  position: absolute;
  white-space: nowrap;
  text-align: center;
}
.noUi-value-sub {
  color: #ccc;
  font-size: 10px;
}
/* Markings;
 *
 */
.noUi-marker {
  position: absolute;
}
.noUi-marker-sub {
  background: #AAA;
}
.noUi-marker-large {
  background: #fff;
  width: 0.2rem;
  height: 0.8rem;
  z-index: 2;
}
/* Horizontal layout;
 *
 */
.noUi-pips-horizontal {
  padding: var(--spacing-02) 0 0;
  top: calc(var(--spacing-02) * -1);
  left: 0;
  width: 100%;
}
.noUi-pips-horizontal .noUi-marker:first-child, .noUi-pips-horizontal .noUi-marker:nth-last-child(2) {
  display: none;
}
.noUi-value-horizontal {
  transform: translate(-50%, 50%);
}
.noUi-rtl .noUi-value-horizontal {
  transform: translate(50%, 50%);
}
.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-horizontal .noUi-origin > .noUi-tooltip {
  -webkit-transform: translate(50%, 0);
  transform: translate(50%, 0);
  left: auto;
  bottom: 10px;
}
@media screen and (min-width: 48em) {
  .noUi-target {
    gap: var(--spacing-01);
  }
  .noUi-target::after {
    content: "";
    width: 2rem;
    background: var(--colors-grey-300);
    border-radius: 1.6rem;
    box-shadow: 24px 0px 0px var(--colors-grey-200), 48px 0px 0px var(--colors-grey-100);
  }
  .noUi-base {
    width: calc(100% - 7rem);
  }
  .noUi-pips-horizontal {
    width: calc(100% - 7rem);
  }
}
.rtc-hidden {
  display: none !important;
}
.rtc-wrapper {
  position: relative;
  overflow-x: auto;
}
.rtc-wrapper table.rtc-table {
  table-layout: fixed;
  border-collapse: collapse;
  white-space: nowrap;
  margin: 0;
  width: auto;
}
.rtc-wrapper table.rtc-table thead,
.rtc-wrapper table.rtc-table tbody,
.rtc-wrapper table.rtc-table tfoot {
  margin: 0;
}
.rtc-wrapper table.rtc-table thead tr,
.rtc-wrapper table.rtc-table tbody tr,
.rtc-wrapper table.rtc-table tfoot tr {
  margin: 0;
}
.rtc-wrapper table.rtc-table thead tr th,
.rtc-wrapper table.rtc-table thead tr td,
.rtc-wrapper table.rtc-table tbody tr th,
.rtc-wrapper table.rtc-table tbody tr td,
.rtc-wrapper table.rtc-table tfoot tr th,
.rtc-wrapper table.rtc-table tfoot tr td {
  margin: 0;
}
.rtc-wrapper table.rtc-table.rtc-table-resizing {
  cursor: col-resize;
}
.rtc-wrapper table.rtc-table.rtc-table-resizing thead,
.rtc-wrapper table.rtc-table.rtc-table-resizing thead > th,
.rtc-wrapper table.rtc-table.rtc-table-resizing thead > th > a {
  cursor: col-resize;
}
.rtc-wrapper table.rtc-table thead tr.invisible,
.rtc-wrapper table.rtc-table thead tr.invisible th {
  border: none;
  margin: 0;
  padding: 0;
  height: 0 !important;
}
.rtc-wrapper .rtc-handle-container {
  position: relative;
  padding: 0;
  margin: 0;
  border: 0;
}
.rtc-wrapper .rtc-handle-container .rtc-handle {
  position: absolute;
  width: 0.4rem;
  margin-left: -0.2rem;
  z-index: 2;
  cursor: col-resize;
  transition: none;
}
.rtc-wrapper .rtc-handle-container .rtc-handle:hover, .rtc-wrapper .rtc-handle-container .rtc-handle:focus {
  background-color: var(--colors-grey-200);
  transition: background-color 200ms 100ms ease-in;
}
.rtc-wrapper .rtc-handle-container .rtc-handle:last-of-type {
  width: 4.5px;
  margin-left: -4.95px;
}
/*! purgecss end ignore */
.alert {
  border: 0;
  line-height: 1.5;
}
.alert > ul {
  padding-left: 1em;
}
.alert .alert__title {
  font-size: 16px;
  margin-bottom: 10px;
  margin-top: 0;
}
.alert-danger {
  background-color: var(--colors-danger-100);
}
.alert-success {
  background-color: var(--colors-success-100);
}
.alert-warning {
  background-color: var(--colors-warning-100);
}
.alert-detail {
  padding: 25px;
  font-size: 14px;
}
.alert-detail li {
  font-size: 14px;
}
.alert-detail > h4 {
  font-size: 15px;
  font-weight: 600;
  margin: 0 0 20px;
}
.alert-detail > p + p {
  margin: 10px 0 0 0;
}
.alert-promo {
  color: var(--colors-grey-700);
  font-size: 14px;
  padding: 15px 20px;
  margin: 15px 0;
  background-color: var(--colors-secondary-100);
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
}
.alert-promo .promo-title {
  color: var(--colors-grey-800);
  font-weight: 600;
  margin: 0 0 5px;
}
.alert-promo .far, .alert-promo .fal, .alert-promo .fas {
  color: var(--colors-grey-600);
  margin-right: 5px;
}
.alert button {
  outline: 0;
}
.alert-no-content {
  padding: 60px 150px;
  text-align: center;
}
.alert-no-content p {
  margin-bottom: 20px;
}
.alert-no-content > .icon {
  font-size: 70px;
  color: var(--colors-grey-300);
  margin: 0 0 20px;
}
.alert-no-content > svg.icon {
  width: 80px;
  height: 80px;
  fill: var(--colors-grey-300);
  margin: 0 0 4px;
}
.alert-no-content > img {
  box-shadow: 0 5px 20px 0 rgba(0, 0, 0, 0.3);
  border-radius: 3px;
  margin: 0 0 40px;
}
.alert-no-content > h3 {
  font-size: 15px;
  margin: 0 0 10px !important;
  font-weight: 600;
}
.alert-no-content > h2 {
  font-size: 17px !important;
  margin: 0 0 10px !important;
  font-weight: 600;
  color: var(--colors-grey-1000);
}
.alert-no-content > h2 .far {
  margin-right: 5px;
}
#lead-alert {
  position: fixed;
  bottom: 60px;
  left: 15px;
  transform: translateY(50%);
  background: rgba(0, 0, 0, 0.8);
  border-radius: 5px;
  padding: 10px 15px;
  font-size: 13px;
  opacity: 0;
  transition: all 150ms ease-in-out;
  display: none;
}
#lead-alert a {
  font-size: 12px;
  margin-left: 5px;
}
/* Mobile */
@media screen and (max-width: 767px) {
  .alert-no-content {
    padding: 60px 10px;
  }
}
/*! purgecss start ignore */
.bulk_searches.index .dashboard-body,
.bulk_verifications.index .dashboard-body,
.bulk_finders.index:not(.configuration) .dashboard-body {
  overflow-x: visible;
  margin-top: 6rem;
}
.bulk_searches.index .dashboard-body > .container,
.bulk_verifications.index .dashboard-body > .container,
.bulk_finders.index:not(.configuration) .dashboard-body > .container {
  max-width: 1000px;
}
.bulk_searches.index h2 .icon,
.bulk_verifications.index h2 .icon,
.bulk_finders.index:not(.configuration) h2 .icon {
  float: left;
  font-size: 33px;
  margin: 13px 20px 0 0;
}
.bulk_searches.index table h3,
.bulk_verifications.index table h3,
.bulk_finders.index:not(.configuration) table h3 {
  margin-bottom: 5px;
}
.bulk_searches.index table td,
.bulk_verifications.index table td,
.bulk_finders.index:not(.configuration) table td {
  padding-top: 18px;
  padding-bottom: 18px;
}
.bulk_searches.index .bulk-status,
.bulk_verifications.index .bulk-status,
.bulk_finders.index:not(.configuration) .bulk-status {
  font-weight: 500;
  text-transform: uppercase;
}
.bulk_searches.index .filters-choice,
.bulk_verifications.index .filters-choice,
.bulk_finders.index:not(.configuration) .filters-choice {
  max-height: calc(100vh - 32rem);
  overflow: auto;
}
.bulk_searches.show h3,
.bulk_finders.show:not(.configuration) h3,
.bulk_verifications.show h3,
.bulk_searches.confirmation.show h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.bulk_searches.show .back-box,
.bulk_finders.show:not(.configuration) .back-box,
.bulk_verifications.show .back-box,
.bulk_searches.confirmation.show .back-box {
  margin: 5px 5px 0 0;
}
.bulk_searches.show .bulk-rename,
.bulk_finders.show:not(.configuration) .bulk-rename,
.bulk_verifications.show .bulk-rename,
.bulk_searches.confirmation.show .bulk-rename {
  display: inline-block;
}
.bulk_searches.show #rename-bulk-form,
.bulk_finders.show:not(.configuration) #rename-bulk-form,
.bulk_verifications.show #rename-bulk-form,
.bulk_searches.confirmation.show #rename-bulk-form {
  display: none;
}
.bulk_searches.show .board-box .bulk-header, .bulk_searches.show .onboarding-box .bulk-header,
.bulk_finders.show:not(.configuration) .board-box .bulk-header,
.bulk_finders.show:not(.configuration) .onboarding-box .bulk-header,
.bulk_verifications.show .board-box .bulk-header,
.bulk_verifications.show .onboarding-box .bulk-header,
.bulk_searches.confirmation.show .board-box .bulk-header,
.bulk_searches.confirmation.show .onboarding-box .bulk-header {
  display: flex;
  padding: 0;
}
.bulk_searches.show .board-box .bulk-header .bulk--rename, .bulk_searches.show .onboarding-box .bulk-header .bulk--rename,
.bulk_finders.show:not(.configuration) .board-box .bulk-header .bulk--rename,
.bulk_finders.show:not(.configuration) .onboarding-box .bulk-header .bulk--rename,
.bulk_verifications.show .board-box .bulk-header .bulk--rename,
.bulk_verifications.show .onboarding-box .bulk-header .bulk--rename,
.bulk_searches.confirmation.show .board-box .bulk-header .bulk--rename {
  width: 100%;
}
.bulk_searches.show .board-box .bulk-header .subtitle, .bulk_searches.show .onboarding-box .bulk-header .subtitle,
.bulk_finders.show:not(.configuration) .board-box .bulk-header .subtitle,
.bulk_finders.show:not(.configuration) .onboarding-box .bulk-header .subtitle,
.bulk_verifications.show .board-box .bulk-header .subtitle,
.bulk_verifications.show .onboarding-box .bulk-header .subtitle,
.bulk_searches.confirmation.show .board-box .bulk-header .subtitle {
  padding-left: 10px;
}
.bulk_searches.show .board-box .bulk-header .header, .bulk_searches.show .onboarding-box .bulk-header .header,
.bulk_finders.show:not(.configuration) .board-box .bulk-header .header,
.bulk_finders.show:not(.configuration) .onboarding-box .bulk-header .header,
.bulk_verifications.show .board-box .bulk-header .header,
.bulk_verifications.show .onboarding-box .bulk-header .header,
.bulk_searches.confirmation.show .board-box .bulk-header .header {
  display: inline-block;
  width: 100%;
  margin-bottom: 30px;
}
.bulk_searches.show .board-box .bulk-header .header .dropdown, .bulk_searches.show .onboarding-box .bulk-header .header .dropdown,
.bulk_finders.show:not(.configuration) .board-box .bulk-header .header .dropdown,
.bulk_finders.show:not(.configuration) .onboarding-box .bulk-header .header .dropdown,
.bulk_verifications.show .board-box .bulk-header .header .dropdown,
.bulk_verifications.show .onboarding-box .bulk-header .header .dropdown,
.bulk_searches.confirmation.show .board-box .bulk-header .header .dropdown {
  display: flex;
  align-items: center;
}
.bulk_searches.show .board-box .bulk-header .header #list-select, .bulk_searches.show .onboarding-box .bulk-header .header #list-select,
.bulk_finders.show:not(.configuration) .board-box .bulk-header .header #list-select,
.bulk_finders.show:not(.configuration) .onboarding-box .bulk-header .header #list-select,
.bulk_verifications.show .board-box .bulk-header .header #list-select,
.bulk_verifications.show .onboarding-box .bulk-header .header #list-select,
.bulk_searches.confirmation.show .board-box .bulk-header .header #list-select {
  margin-left: 0px;
}
.bulk_searches.show .board-box .bulk-header .header .dropdown-menu, .bulk_searches.show .onboarding-box .bulk-header .header .dropdown-menu,
.bulk_finders.show:not(.configuration) .board-box .bulk-header .header .dropdown-menu,
.bulk_finders.show:not(.configuration) .onboarding-box .bulk-header .header .dropdown-menu,
.bulk_verifications.show .board-box .bulk-header .header .dropdown-menu,
.bulk_verifications.show .onboarding-box .bulk-header .header .dropdown-menu,
.bulk_searches.confirmation.show .board-box .bulk-header .header .dropdown-menu {
  min-width: 230px;
}
.bulk_searches.show .board-box .bulk-header .header .archived-label, .bulk_searches.show .onboarding-box .bulk-header .header .archived-label,
.bulk_finders.show:not(.configuration) .board-box .bulk-header .header .archived-label,
.bulk_finders.show:not(.configuration) .onboarding-box .bulk-header .header .archived-label,
.bulk_verifications.show .board-box .bulk-header .header .archived-label,
.bulk_verifications.show .onboarding-box .bulk-header .header .archived-label,
.bulk_searches.confirmation.show .board-box .bulk-header .header .archived-label {
  color: var(--colors-grey-600);
  font-size: 14px;
  text-transform: uppercase;
  font-weight: 600;
  flex: auto;
  text-align: right;
}
.bulk_searches.show .bulk-actions,
.bulk_finders.show:not(.configuration) .bulk-actions,
.bulk_verifications.show .bulk-actions,
.bulk_searches.confirmation.show .bulk-actions {
  padding: var(--spacing-06) 0;
  border-top: 1px solid var(--colors-grey-300);
}
.bulk_searches.show .bulk-info,
.bulk_finders.show:not(.configuration) .bulk-info,
.bulk_verifications.show .bulk-info,
.bulk_searches.confirmation.show .bulk-info {
  display: flex;
  flex: 1;
  align-items: center;
  gap: var(--spacing-06);
  padding: var(--spacing-06) 0;
  border-top: 1px solid var(--colors-grey-300);
}
.bulk_searches.show .bulk-info .header,
.bulk_finders.show:not(.configuration) .bulk-info .header,
.bulk_verifications.show .bulk-info .header,
.bulk_searches.confirmation.show .bulk-info .header {
  display: flex;
  flex: 1;
}
.bulk_searches.show .bulk-info .bulk-text,
.bulk_finders.show:not(.configuration) .bulk-info .bulk-text,
.bulk_verifications.show .bulk-info .bulk-text,
.bulk_searches.confirmation.show .bulk-info .bulk-text {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.bulk_searches.show .bulk-info .bulk-progress,
.bulk_finders.show:not(.configuration) .bulk-info .bulk-progress,
.bulk_verifications.show .bulk-info .bulk-progress,
.bulk_searches.confirmation.show .bulk-info .bulk-progress {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-01);
  width: 20%;
  max-width: 26rem;
}
.bulk_searches.show .bulk-info .bulk-progress .progress,
.bulk_finders.show:not(.configuration) .bulk-info .bulk-progress .progress,
.bulk_verifications.show .bulk-info .bulk-progress .progress,
.bulk_searches.confirmation.show .bulk-info .bulk-progress .progress {
  margin: 0;
  width: 200px;
  border-radius: 3px;
  height: 20px;
  align-self: flex-end;
}
.bulk_searches.show .bulk-info .bulk-progress .progress .progress-bar,
.bulk_finders.show:not(.configuration) .bulk-info .bulk-progress .progress .progress-bar,
.bulk_verifications.show .bulk-info .bulk-progress .progress .progress-bar,
.bulk_searches.confirmation.show .bulk-info .bulk-progress .progress .progress-bar {
  background-color: var(--colors-primary-600);
}
.bulk_searches.show .bulk-info .bulk-progress .bulk-actions h3,
.bulk_finders.show:not(.configuration) .bulk-info .bulk-progress .bulk-actions h3,
.bulk_verifications.show .bulk-info .bulk-progress .bulk-actions h3,
.bulk_searches.confirmation.show .bulk-info .bulk-progress .bulk-actions h3 {
  margin: 0;
}
.bulk_searches.show .bulk-info .bulk-progress .bulk-actions .h-button,
.bulk_finders.show:not(.configuration) .bulk-info .bulk-progress .bulk-actions .h-button,
.bulk_verifications.show .bulk-info .bulk-progress .bulk-actions .h-button,
.bulk_searches.confirmation.show .bulk-info .bulk-progress .bulk-actions .h-button {
  margin-top: -5px;
}
.bulk_searches.show .bulk-info .bulk-progress .bulk-actions .fa-question-circle,
.bulk_finders.show:not(.configuration) .bulk-info .bulk-progress .bulk-actions .fa-question-circle,
.bulk_verifications.show .bulk-info .bulk-progress .bulk-actions .fa-question-circle,
.bulk_searches.confirmation.show .bulk-info .bulk-progress .bulk-actions .fa-question-circle {
  margin: 0;
  font-size: 12px;
}
.bulk_searches.show .score-message,
.bulk_finders.show:not(.configuration) .score-message,
.bulk_verifications.show .score-message,
.bulk_searches.confirmation.show .score-message {
  padding: 20px;
  border-radius: 3px;
  margin-bottom: 30px;
}
.bulk_searches.show .score-message.green-message,
.bulk_finders.show:not(.configuration) .score-message.green-message,
.bulk_verifications.show .score-message.green-message,
.bulk_searches.confirmation.show .score-message.green-message {
  background-color: var(--colors-success-100);
}
.bulk_searches.show .score-message.beige-message,
.bulk_finders.show:not(.configuration) .score-message.beige-message,
.bulk_verifications.show .score-message.beige-message,
.bulk_searches.confirmation.show .score-message.beige-message {
  background-color: var(--colors-warning-100);
}
.bulk_searches.show .score-message.red-message,
.bulk_finders.show:not(.configuration) .score-message.red-message,
.bulk_verifications.show .score-message.red-message,
.bulk_searches.confirmation.show .score-message.red-message {
  background-color: var(--colors-danger-100);
}
.bulk_searches.show .score-message ul,
.bulk_finders.show:not(.configuration) .score-message ul,
.bulk_verifications.show .score-message ul,
.bulk_searches.confirmation.show .score-message ul {
  margin: 0;
}
.bulk_searches.show .score-label,
.bulk_finders.show:not(.configuration) .score-label,
.bulk_verifications.show .score-label,
.bulk_searches.confirmation.show .score-label {
  display: inline-block;
  margin-right: 15px;
  padding: 2px 8px;
  border-radius: 3px;
  font-size: 13px;
}
.bulk_searches.show .green-label,
.bulk_finders.show:not(.configuration) .green-label,
.bulk_verifications.show .green-label,
.bulk_searches.confirmation.show .green-label {
  color: var(--colors-success-700);
  background-color: var(--colors-success-100);
}
.bulk_searches.show .beige-label,
.bulk_finders.show:not(.configuration) .beige-label,
.bulk_verifications.show .beige-label,
.bulk_searches.confirmation.show .beige-label {
  color: var(--colors-warning-800);
  background-color: var(--colors-warning-100);
}
.bulk_searches.show .red-label,
.bulk_finders.show:not(.configuration) .red-label,
.bulk_verifications.show .red-label,
.bulk_searches.confirmation.show .red-label {
  color: var(--colors-danger-700);
  background-color: var(--colors-danger-100);
}
.bulk_searches.show .score-circle,
.bulk_finders.show:not(.configuration) .score-circle,
.bulk_verifications.show .score-circle,
.bulk_searches.confirmation.show .score-circle {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin-right: 10px;
}
.bulk_searches.show .score-circle.green-circle,
.bulk_finders.show:not(.configuration) .score-circle.green-circle,
.bulk_verifications.show .score-circle.green-circle,
.bulk_searches.confirmation.show .score-circle.green-circle {
  background-color: var(--colors-success-600);
}
.bulk_searches.show .score-circle.beige-circle,
.bulk_finders.show:not(.configuration) .score-circle.beige-circle,
.bulk_verifications.show .score-circle.beige-circle,
.bulk_searches.confirmation.show .score-circle.beige-circle {
  background-color: var(--colors-warning-700);
}
.bulk_searches.show .score-circle.red-circle,
.bulk_finders.show:not(.configuration) .score-circle.red-circle,
.bulk_verifications.show .score-circle.red-circle,
.bulk_searches.confirmation.show .score-circle.red-circle {
  background-color: var(--colors-danger-600);
}
.bulk_searches.show .toggle-table,
.bulk_finders.show:not(.configuration) .toggle-table,
.bulk_verifications.show .toggle-table,
.bulk_searches.confirmation.show .toggle-table {
  line-height: 36px;
}
.bulk_searches.show .toggle-table .filter-title,
.bulk_finders.show:not(.configuration) .toggle-table .filter-title,
.bulk_verifications.show .toggle-table .filter-title,
.bulk_searches.confirmation.show .toggle-table .filter-title {
  display: inline-block;
  width: 250px;
}
.bulk_searches.show .toggle-table .row-detail,
.bulk_finders.show:not(.configuration) .toggle-table .row-detail,
.bulk_verifications.show .toggle-table .row-detail,
.bulk_searches.confirmation.show .toggle-table .row-detail {
  padding: 20px 25px;
  border-bottom: 2px solid var(--colors-grey-300);
  line-height: 36px;
}
.bulk_searches.show .toggle-table .complete-label,
.bulk_finders.show:not(.configuration) .toggle-table .complete-label,
.bulk_verifications.show .toggle-table .complete-label,
.bulk_searches.confirmation.show .toggle-table .complete-label {
  display: inline;
  background-color: var(--colors-grey-600);
  font-weight: 600;
  font-size: 10px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 2px 6px;
  margin-left: 30px;
  border-radius: 3px;
}
.bulk_searches.show .bulk-details,
.bulk_finders.show:not(.configuration) .bulk-details,
.bulk_verifications.show .bulk-details,
.bulk_searches.confirmation.show .bulk-details {
  padding: var(--spacing-06) 0;
  border-top: 1px solid var(--colors-grey-300);
}
.bulk_searches.show .bulk-details.no-padding,
.bulk_finders.show:not(.configuration) .bulk-details.no-padding,
.bulk_verifications.show .bulk-details.no-padding,
.bulk_searches.confirmation.show .bulk-details.no-padding {
  padding: 5px 28px 0;
}
.bulk_searches.show .bulk-details .additional-details,
.bulk_finders.show:not(.configuration) .bulk-details .additional-details,
.bulk_verifications.show .bulk-details .additional-details,
.bulk_searches.confirmation.show .bulk-details .additional-details {
  margin-top: 20px;
}
.bulk_searches.show .bulk-pie,
.bulk_finders.show:not(.configuration) .bulk-pie,
.bulk_verifications.show .bulk-pie,
.bulk_searches.confirmation.show .bulk-pie {
  margin: 0 -28px;
  width: calc(100% + 56px);
  padding: 30px 28px;
  border-top: 1px solid var(--colors-grey-300);
}
.bulk_searches.show .bulk-preview,
.bulk_finders.show:not(.configuration) .bulk-preview,
.bulk_verifications.show .bulk-preview,
.bulk_searches.confirmation.show .bulk-preview {
  margin: 30px -28px 0;
  width: calc(100% + 56px);
  padding: 30px 28px 0;
  border-top: 1px solid var(--colors-grey-300);
}
.bulk_searches.show .bulk-preview .more-results-row,
.bulk_finders.show:not(.configuration) .bulk-preview .more-results-row,
.bulk_verifications.show .bulk-preview .more-results-row,
.bulk_searches.confirmation.show .bulk-preview .more-results-row {
  padding: 0 0 20px;
}
.bulk_searches.show .bulk-preview .more-results-row:last-child,
.bulk_finders.show:not(.configuration) .bulk-preview .more-results-row:last-child,
.bulk_verifications.show .bulk-preview .more-results-row:last-child,
.bulk_searches.confirmation.show .bulk-preview .more-results-row:last-child {
  padding: 0;
}
.bulk_searches.show #preview-loader,
.bulk_finders.show:not(.configuration) #preview-loader,
.bulk_verifications.show #preview-loader,
.bulk_searches.confirmation.show #preview-loader {
  margin: 20px 0 0 0;
  color: var(--colors-grey-600);
}
.bulk_searches.show #preview-loader .far,
.bulk_finders.show:not(.configuration) #preview-loader .far,
.bulk_verifications.show #preview-loader .far,
.bulk_searches.confirmation.show #preview-loader .far {
  margin-right: 5px;
}
.bulk_searches.show #preview-container,
.bulk_finders.show:not(.configuration) #preview-container,
.bulk_verifications.show #preview-container,
.bulk_searches.confirmation.show #preview-container {
  margin: 20px 0 0 0;
}
.bulk_searches.show canvas,
.bulk_finders.show:not(.configuration) canvas,
.bulk_verifications.show canvas,
.bulk_searches.confirmation.show canvas {
  margin-bottom: 15px;
}
.bulk_searches.show .legend-color,
.bulk_finders.show:not(.configuration) .legend-color,
.bulk_verifications.show .legend-color,
.bulk_searches.confirmation.show .legend-color {
  display: inline-block;
  width: 8px;
  height: 8px;
  margin-right: 5px;
  border-radius: 50%;
}
.bulk_searches.show .legend-color.invalid-color,
.bulk_finders.show:not(.configuration) .legend-color.invalid-color,
.bulk_verifications.show .legend-color.invalid-color,
.bulk_searches.confirmation.show .legend-color.invalid-color {
  background-color: var(--colors-danger-600);
}
.bulk_searches.show .legend-color.accept_all-color,
.bulk_finders.show:not(.configuration) .legend-color.accept_all-color,
.bulk_verifications.show .legend-color.accept_all-color,
.bulk_searches.confirmation.show .legend-color.accept_all-color {
  background-color: var(--colors-warning-600);
}
.bulk_searches.show .legend-color.valid-color, .bulk_searches.show .legend-color.found-color,
.bulk_finders.show:not(.configuration) .legend-color.valid-color,
.bulk_finders.show:not(.configuration) .legend-color.found-color,
.bulk_verifications.show .legend-color.valid-color,
.bulk_verifications.show .legend-color.found-color,
.bulk_searches.confirmation.show .legend-color.valid-color,
.bulk_searches.confirmation.show .legend-color.found-color {
  background-color: var(--colors-success-600);
}
.bulk_searches.show .legend-color.unknown-color,
.bulk_finders.show:not(.configuration) .legend-color.unknown-color,
.bulk_verifications.show .legend-color.unknown-color,
.bulk_searches.confirmation.show .legend-color.unknown-color {
  background-color: var(--colors-grey-600);
}
.bulk_searches.show .legend-color.webmail-color,
.bulk_finders.show:not(.configuration) .legend-color.webmail-color,
.bulk_verifications.show .legend-color.webmail-color,
.bulk_searches.confirmation.show .legend-color.webmail-color {
  background-color: var(--colors-magenta-700);
}
.bulk_searches.show .legend-color.disposable-color,
.bulk_finders.show:not(.configuration) .legend-color.disposable-color,
.bulk_verifications.show .legend-color.disposable-color,
.bulk_searches.confirmation.show .legend-color.disposable-color {
  background-color: var(--colors-secondary-600);
}
.bulk_searches.show .legend-color.not_found-color,
.bulk_finders.show:not(.configuration) .legend-color.not_found-color,
.bulk_verifications.show .legend-color.not_found-color,
.bulk_searches.confirmation.show .legend-color.not_found-color {
  background-color: var(--colors-grey-500);
}
.bulk_searches.show .status-popover ul,
.bulk_finders.show:not(.configuration) .status-popover ul,
.bulk_verifications.show .status-popover ul,
.bulk_searches.confirmation.show .status-popover ul {
  list-style-type: none;
  padding: 0;
}
.bulk_searches.show .status-popover .legend-color,
.bulk_finders.show:not(.configuration) .status-popover .legend-color,
.bulk_verifications.show .status-popover .legend-color,
.bulk_searches.confirmation.show .status-popover .legend-color {
  margin-right: 10px;
}
.bulk_searches.show .verification-legend,
.bulk_finders.show:not(.configuration) .verification-legend,
.bulk_verifications.show .verification-legend,
.bulk_searches.confirmation.show .verification-legend {
  margin: 20px;
  font-size: 13px;
}
.bulk_searches.show .verification-legend h3,
.bulk_finders.show:not(.configuration) .verification-legend h3,
.bulk_verifications.show .verification-legend h3,
.bulk_searches.confirmation.show .verification-legend h3 {
  margin: 0 0 10px;
  font-size: 15px;
}
.bulk_searches.show .verification-legend p,
.bulk_finders.show:not(.configuration) .verification-legend p,
.bulk_verifications.show .verification-legend p,
.bulk_searches.confirmation.show .verification-legend p {
  margin: 0 0 3px;
}
.bulk_searches.show .verification-legend p strong,
.bulk_finders.show:not(.configuration) .verification-legend p strong,
.bulk_verifications.show .verification-legend p strong,
.bulk_searches.confirmation.show .verification-legend p strong {
  display: inline-block;
  margin-left: 5px;
}
.bulk_searches.show .verification-legend p.not-found,
.bulk_finders.show:not(.configuration) .verification-legend p.not-found,
.bulk_verifications.show .verification-legend p.not-found,
.bulk_searches.confirmation.show .verification-legend p.not-found {
  margin: 15px 0 0;
}
.bulk_searches.show #download-modal .block-radio-container .fa-shield-check,
.bulk_searches.show #import-modal .block-radio-container .fa-shield-check,
.bulk_finders.show:not(.configuration) #download-modal .block-radio-container .fa-shield-check,
.bulk_finders.show:not(.configuration) #import-modal .block-radio-container .fa-shield-check,
.bulk_verifications.show #download-modal .block-radio-container .fa-shield-check,
.bulk_verifications.show #import-modal .block-radio-container .fa-shield-check,
.bulk_searches.confirmation.show #download-modal .block-radio-container .fa-shield-check,
.bulk_searches.confirmation.show #import-modal .block-radio-container .fa-shield-check {
  color: var(--colors-success-600);
  font-size: 13px;
  margin-left: 3px;
}
.bulk_searches.new .container,
.bulk_finders.new .container,
.bulk_verifications.new .container {
  max-width: 900px;
}
.bulk_searches.new h3,
.bulk_finders.new h3,
.bulk_verifications.new h3 {
  margin: 30px 0;
}
.bulk_searches.new textarea,
.bulk_finders.new textarea,
.bulk_verifications.new textarea {
  height: 80px;
  padding: 8px 12px;
}
.bulk_searches.new img,
.bulk_finders.new img,
.bulk_verifications.new img {
  max-width: 32rem;
}
.bulk_searches.new #bulk-filters,
.bulk_searches.new #bulk-upload,
.bulk_finders.new #bulk-filters,
.bulk_finders.new #bulk-upload,
.bulk_verifications.new #bulk-filters,
.bulk_verifications.new #bulk-upload {
  padding: 0 28px 0;
  margin: 40px -28px 0;
  border-top: 1px solid var(--colors-grey-300);
}
input[type=text],
input[type=email],
input[type=password],
input[type=phone],
input[type=number],
input[type=tel],
input[type=url],
select,
textarea {
  border: 1px solid var(--colors-grey-400);
  box-shadow: none;
  border-radius: 3px;
  background-color: rgb(252.45, 252.45, 252.45);
  transition: all 250ms ease;
  height: 36px;
  font-size: 13px;
  line-height: 25px;
  padding: 6px 8px;
}
input[type=text]:focus, input[type=text]:active, input[type=text].focus,
input[type=email]:focus,
input[type=email]:active,
input[type=email].focus,
input[type=password]:focus,
input[type=password]:active,
input[type=password].focus,
input[type=phone]:focus,
input[type=phone]:active,
input[type=phone].focus,
input[type=number]:focus,
input[type=number]:active,
input[type=number].focus,
input[type=tel]:focus,
input[type=tel]:active,
input[type=tel].focus,
input[type=url]:focus,
input[type=url]:active,
input[type=url].focus,
select:focus,
select:active,
select.focus,
textarea:focus,
textarea:active,
textarea.focus {
  background-color: #fff;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none !important;
  border: 1px solid var(--colors-primary-600) !important;
}
input[type=text]:disabled,
input[type=email]:disabled,
input[type=password]:disabled,
input[type=phone]:disabled,
input[type=number]:disabled,
input[type=tel]:disabled,
input[type=url]:disabled,
select:disabled,
textarea:disabled {
  background-color: var(--colors-grey-200);
  color: var(--colors-grey-600);
  opacity: 1;
}
input[type=text].input-lg,
input[type=email].input-lg,
input[type=password].input-lg,
input[type=phone].input-lg,
input[type=number].input-lg,
input[type=tel].input-lg,
input[type=url].input-lg,
select.input-lg,
textarea.input-lg {
  height: 46px;
  padding: 10px 12px;
  font-size: 15px;
}
textarea {
  width: 100%;
  height: 100px;
}
select {
  background-color: #ffffff;
}
input[type=text]::-webkit-input-placeholder,
input[type=email]::-webkit-input-placeholder,
input[type=password]::-webkit-input-placeholder,
input[type=number]::-webkit-input-placeholder,
input[type=tel]::-webkit-input-placeholder,
select::-webkit-input-placeholder,
textarea::-webkit-input-placeholder {
  color: var(--colors-grey-500);
}
input[type=text]:focus::-webkit-input-placeholder,
input[type=email]:focus::-webkit-input-placeholder,
input[type=password]:focus::-webkit-input-placeholder,
input[type=number]:focus::-webkit-input-placeholder,
input[type=tel]:focus::-webkit-input-placeholder,
select:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder {
  color: var(--colors-grey-400);
}
input[type=text]:disabled::-webkit-input-placeholder,
input[type=email]:disabled::-webkit-input-placeholder,
input[type=password]:disabled::-webkit-input-placeholder,
input[type=number]:disabled::-webkit-input-placeholder,
input[type=tel]:disabled::-webkit-input-placeholder,
select:disabled::-webkit-input-placeholder,
textarea:disabled::-webkit-input-placeholder {
  color: var(--colors-grey-400);
}
[type=search]::-webkit-search-cancel-button,
[type=search]::-webkit-search-decoration {
  -webkit-appearance: none;
  appearance: none;
}
label {
  font-size: 13px;
  color: var(--colors-grey-1000);
  font-weight: 600;
  margin-bottom: 3px;
}
abbr[title=required] {
  display: none;
}
.main-input-group {
  width: calc(100% + 8px);
  margin: 0 -4px;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.06);
  border-radius: 3px;
  transition: all 150ms ease;
  height: 52px;
  z-index: 1;
}
.main-input-group.focus, .main-input-group:focus-within {
  border-color: var(--colors-grey-400);
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.08);
}
.main-input-group.focus button, .main-input-group:focus-within button {
  border-color: var(--colors-grey-400);
}
.main-input-group input[type=text],
.main-input-group input[type=email] {
  background: #ffffff;
  padding: 15px 14px;
  font-size: 15px;
  height: 52px;
  border: 0 !important;
}
.main-input-group button {
  text-align: center;
  padding: 12px 30px;
  color: var(--colors-grey-700);
  height: 52px;
  min-width: 82px;
  text-align: center;
  font-size: 14px;
  font-weight: 600;
  border: 0;
  border-left: 1px solid var(--colors-grey-300);
  border-radius: 0 3px 3px 0;
  transition: all 150ms ease;
}
.main-input-group button:hover, .main-input-group button:focus {
  color: var(--colors-grey-700);
  background-color: var(--colors-grey-100);
}
.main-input-group button:active {
  background-color: var(--colors-grey-200);
}
.main-input-group button:disabled {
  color: var(--colors-grey-400);
  background-color: var(--colors-grey-100);
  cursor: default !important;
}
.main-input-group button .far,
.main-input-group button .fal,
.main-input-group button .fas {
  margin: 0;
}
.main-input-group button .loader {
  display: inline-block;
  border: 2px solid var(--colors-grey-500);
  border-top: 2px solid var(--colors-grey-900);
  border-radius: 50%;
  width: 18px;
  height: 18px;
  animation: spin 0.4s linear infinite;
  margin-top: 4px;
}
@keyframes spin {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.checkbox-container {
  position: relative;
  font-weight: 500;
}
.checkbox-container:hover {
  cursor: pointer;
}
.checkbox-container.disabled {
  user-select: none;
  cursor: none;
  opacity: 0.6;
}
.checkbox-container [type=checkbox] {
  position: absolute;
  opacity: 0;
  z-index: -10;
}
.checkbox-container [type=checkbox]:focus-visible + .checkbox-icon {
  box-shadow: 0px 0px 0 1px #fff, 0px 0px 0 3px var(--colors-secondary-700);
}
.checkbox-container .checkbox-icon {
  display: inline-block;
  font-size: 14px;
  margin: 0 3px 0 0;
  border-radius: 2px;
  vertical-align: text-top;
}
.checkbox-container .checkbox-icon.fa-check-square {
  color: var(--colors-primary-600);
}
.checkbox-container .checkbox-icon.fa-square {
  color: var(--colors-grey-300);
}
.checkbox-container .checkbox-icon.checked {
  background-position-y: 0px;
}
.checkbox-container.checkbox-container-lg {
  font-size: 15px;
}
.checkbox-container.checkbox-container-lg .checkbox-icon {
  font-size: 17px;
  margin-right: 5px;
  margin-top: 2px;
}
.checkbox-container.disabled {
  opacity: 0.6;
  cursor: auto;
}
.radios-container {
  position: relative;
}
.radios-container label, .radios-containerlabel {
  font-weight: 500;
}
.radios-container label:hover, .radios-containerlabel:hover {
  cursor: pointer;
}
.radios-container [type=radio] {
  position: absolute;
  opacity: 0;
  z-index: -10;
}
.radios-container [type=radio]:focus-visible + .radio-icon {
  box-shadow: 0px 0px 0 1px #fff, 0px 0px 0 3px var(--colors-secondary-700);
}
.radios-container .radio-icon {
  display: inline-block;
  font-size: 15px;
  border-radius: 50%;
  margin: 0 3px 0 0;
  vertical-align: text-top;
  transition: color 150ms ease-in;
}
.radios-container .radio-icon.fa-check-circle {
  color: var(--colors-primary-600);
}
.radios-container .radio-icon.fa-circle {
  color: var(--colors-grey-300);
}
.block-radio-container,
.block-checkbox-container {
  position: relative;
  border: 1px solid var(--colors-grey-300);
  border-radius: 3px;
  transition: all 150ms ease;
  width: 100%;
  padding: 10px 15px 10px 42px;
  background: #ffffff;
  opacity: 1;
  font-weight: 500;
  line-height: 1.5;
}
.block-radio-container > strong,
.block-checkbox-container > strong {
  display: inline-block;
  font-size: 15px;
  margin-bottom: 5px;
}
.block-radio-container .radio-icon,
.block-radio-container .checkbox-icon,
.block-checkbox-container .radio-icon,
.block-checkbox-container .checkbox-icon {
  color: var(--colors-primary-600);
  position: absolute;
  border-radius: 2px;
  left: 15px;
  top: calc(50% - 8px);
  font-size: 14px;
}
.block-radio-container .radio-icon,
.block-checkbox-container .radio-icon {
  border-radius: 50%;
}
.block-radio-container:hover,
.block-checkbox-container:hover {
  border-color: var(--colors-grey-400);
  cursor: pointer;
  opacity: 1;
}
.block-radio-container.active,
.block-checkbox-container.active {
  border-color: var(--colors-grey-500);
  opacity: 1;
}
.block-radio-container.disabled,
.block-checkbox-container.disabled {
  opacity: 0.6;
  border-color: var(--colors-grey-300);
  cursor: auto;
}
.block-radio-container [type=radio],
.block-checkbox-container [type=radio] {
  position: absolute;
  opacity: 0;
  z-index: -10;
}
.block-radio-container [type=radio]:focus-visible + .radio-icon,
.block-checkbox-container [type=radio]:focus-visible + .radio-icon {
  box-shadow: 0px 0px 0 1px #fff, 0px 0px 0 3px var(--colors-secondary-700);
}
.block-radio-container .block-lg, .block-radio-container.block-lg,
.block-checkbox-container .block-lg,
.block-checkbox-container.block-lg {
  padding: 15px 20px 15px 58px;
  font-size: 14px;
}
.block-radio-container .block-lg .radio-icon,
.block-radio-container .block-lg .checkbox-icon, .block-radio-container.block-lg .radio-icon,
.block-radio-container.block-lg .checkbox-icon,
.block-checkbox-container .block-lg .radio-icon,
.block-checkbox-container .block-lg .checkbox-icon,
.block-checkbox-container.block-lg .radio-icon,
.block-checkbox-container.block-lg .checkbox-icon {
  left: 20px;
  top: calc(50% - 10px);
  font-size: 18px;
}
.form-group {
  margin-bottom: 20px;
}
.form-group .help-block {
  margin-top: var(--spacing-01);
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
.help-block {
  font-size: 13px;
  margin-top: 8px;
}
input[type=range] {
  -webkit-appearance: none;
  width: 100%;
  background: transparent;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
}
input[type=range]:focus {
  outline: none;
}
input[type=range]::-ms-track {
  width: 100%;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  color: transparent;
}
input[type=range]::-webkit-slider-thumb {
  -webkit-appearance: none;
  height: 18px;
  width: 18px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.3);
  cursor: pointer;
  margin-top: -7px;
}
input[type=range]::-moz-range-thumb {
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
input[type=range]::-ms-thumb {
  height: 16px;
  width: 16px;
  border-radius: 16px;
  background: #ffffff;
  border: 1px solid #ccc;
  box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
  cursor: pointer;
}
input[type=range]::-webkit-slider-runnable-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background-color: var(--colors-grey-200);
  border-radius: 3px;
}
input[type=range]::-moz-range-track {
  width: 100%;
  height: 3px;
  cursor: pointer;
  background-color: var(--colors-grey-200);
  border-radius: 3px;
}
input[type=range]::-ms-track {
  width: 100%;
  height: 5px;
  cursor: pointer;
  background: transparent;
  border-color: transparent;
  border-width: 16px 0;
  color: transparent;
}
input[type=range]::-ms-fill-lower {
  background: #2a6495;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
}
input[type=range]::-ms-fill-upper {
  background: #3071a9;
  border: 0.2px solid #010101;
  border-radius: 2.6px;
}
.autocomplete-suggestions {
  background: #ffffff;
  overflow: auto;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15);
  border-radius: 3px;
  margin-top: 4px;
}
.autocomplete-suggestion {
  padding: 12px;
  font-size: 13px;
  white-space: nowrap;
  overflow: hidden;
  display: block;
  cursor: pointer;
}
.autocomplete-suggestion .autocomplete-emails-count {
  background-color: var(--colors-grey-200);
  float: right;
  padding: 4px 8px;
  color: var(--colors-grey-700);
  vertical-align: bottom;
  border-radius: 3px;
  line-height: 16px;
  font-weight: 600;
  font-size: 11px;
}
.autocomplete-suggestion .autocomplete-value {
  display: inline-block;
  max-width: 300px;
  vertical-align: bottom;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.autocomplete-suggestion .results-found {
  background-color: var(--colors-grey-600);
  color: #fff;
}
.autocomplete-suggestion img {
  display: inline !important;
  margin-right: 8px;
  width: 27px;
  height: 27px;
  background-color: var(--colors-grey-100);
  background-size: 27px 27px;
  border-radius: 3px;
}
.autocomplete-suggestion .autocomplete-data {
  display: inline-block;
  vertical-align: bottom;
  margin-left: 3px;
  color: var(--colors-grey-600);
  font-size: 12px;
}
.autocomplete-suggestion .suggestion-data-highlight {
  font-weight: 600;
}
.autocomplete-selected {
  background: var(--colors-grey-100);
}
body.search .autocomplete-suggestions,
body.email_finder .autocomplete-suggestions {
  background: #FFFFFF;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
body.search .autocomplete-suggestion,
body.email_finder .autocomplete-suggestion {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-02) var(--spacing-04);
  transition: background-color 150ms ease-in;
}
body.search .autocomplete-suggestion:not(:first-child),
body.email_finder .autocomplete-suggestion:not(:first-child) {
  border-top: 1px solid var(--colors-grey-300);
}
body.search .autocomplete-suggestion:hover,
body.email_finder .autocomplete-suggestion:hover {
  background-color: var(--colors-grey-100);
}
body.search .autocomplete-logo,
body.email_finder .autocomplete-logo {
  width: 2.4rem;
  height: 2.4rem;
}
body.search .autocomplete-logo img,
body.email_finder .autocomplete-logo img {
  display: inline-block !important;
  width: 2.4rem;
  height: 2.4rem;
  object-fit: cover;
  margin-right: 0;
  background-size: 2.4rem 2.4rem;
  border-radius: 0.2rem;
}
body.search .autocomplete-value,
body.email_finder .autocomplete-value {
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-900);
}
body.search .autocomplete-data,
body.email_finder .autocomplete-data {
  margin-left: auto;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
}
body.search .autocomplete-count,
body.email_finder .autocomplete-count {
  font-size: 1.1rem;
  font-weight: 500;
}
.trix-button-group {
  border: 1px solid var(--colors-grey-400) !important;
}
.trix-button {
  border-bottom: 0 !important;
}
.trix-button:not(:first-child) {
  border-left: 1px solid var(--colors-grey-400) !important;
}
.trix-button.trix-active {
  background: var(--colors-grey-200) !important;
}
trix-editor {
  min-height: 15em !important;
}
trix-editor:empty:not(:focus)::before {
  color: var(--colors-grey-600) !important;
}
trix-editor,
.trix-input {
  border: 1px solid var(--colors-grey-400) !important;
  background-color: rgb(252.45, 252.45, 252.45) !important;
  transition: all 250ms ease;
}
trix-editor:focus, trix-editor:active,
.trix-input:focus,
.trix-input:active {
  background-color: #ffffff !important;
  border: 1px solid var(--colors-primary-600) !important;
}
.trix-dialog {
  padding: 10px !important;
  border: 1px solid var(--colors-grey-400) !important;
}
.trix-dialog input[name=href] {
  border: 0 !important;
  font-size: 14px !important;
  background: #ffffff !important;
}
.trix-dialog .trix-button {
  font-size: 12px !important;
}
/* Files uploads */
#upload-overlay {
  transition: all 250ms ease;
}
#upload-overlay .upload-instructions {
  position: fixed;
  top: 200px;
  left: 20px;
  right: 20px;
  text-align: center;
  font-weight: 600;
  font-size: 22px;
  color: #ffffff;
}
#upload-overlay .upload-instructions i {
  font-size: 160px;
  margin-bottom: 40px;
}
.file-area {
  min-height: 18rem;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-08) var(--spacing-06);
  border: 0.2rem dashed var(--colors-grey-300);
  color: var(--colors-grey-700);
  background-color: var(--colors-grey-100);
  border-radius: 0.8rem;
  text-align: center;
  transition: all 250ms ease;
}
.file-area:hover, .file-area.is-uploading {
  cursor: pointer;
  border-color: var(--colors-secondary-300);
  background-color: var(--colors-secondary-100);
}
.file-area__icon {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-01);
  font-size: 2rem;
  line-height: 1;
  background-color: var(--colors-secondary-600);
  color: #fff;
  border-radius: 2rem;
}
.file-area__title {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  font-weight: 500;
  color: var(--colors-grey-900);
}
.file-area__title u {
  color: var(--colors-secondary-700);
}
.file-area__hint {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.file-preview {
  min-height: 18rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-06);
  background-color: var(--colors-grey-50);
  border: 0.2rem solid var(--colors-grey-200);
  border-radius: 0.8rem;
}
.file-preview--auto-height {
  min-height: 0;
}
.file-preview__header {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
}
.file-preview__heading {
  flex: 1;
  min-width: 0;
}
.file-preview__title {
  display: block;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  margin-bottom: var(--spacing-005);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.file-preview__metas {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
}
.file-preview__infos {
  width: 100%;
  margin: var(--spacing-03) 0 0;
  padding-top: var(--spacing-04);
  border-top: 0.1rem solid var(--colors-grey-300);
  display: flex;
  gap: var(--spacing-10);
  align-items: center;
  justify-content: flex-start;
}
.file-preview__infos:has(.file-preview-info--ignored) {
  gap: var(--spacing-04);
  justify-content: space-between;
}
.file-preview-info__name {
  margin-bottom: var(--spacing-02);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.file-preview-info__value {
  margin-bottom: 0;
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
}
.selected-file {
  display: none;
  margin-top: 15px;
  padding: 14px 18px;
  background: var(--colors-grey-100);
  font-weight: 600;
  border-radius: 3px;
}
.selected-file .remove-selected-file {
  float: right;
  display: inline-block;
  line-height: 21px;
  font-size: 24px;
  color: var(--colors-grey-600);
  transition: all 150ms ease;
}
.selected-file .remove-selected-file:hover, .selected-file .remove-selected-file:active, .selected-file .remove-selected-file:focus {
  color: var(--colors-grey-800);
  cursor: pointer;
}
/* Selectized fields */
/* To prevent a "jump" when the element is initialized, it is hidden by
 * by default. It is shown once the element has been initialized. */
.selectize {
  visibility: hidden;
}
.selectize-input {
  border: 1px solid var(--colors-grey-400);
  box-shadow: none;
  border-radius: 3px !important;
  background-color: rgb(252.45, 252.45, 252.45);
  transition: all 250ms ease;
  min-height: 36px;
  height: auto;
  font-size: 13px;
  line-height: 25px;
  padding: 6px 8px;
}
.selectize-input input[type^=select-multiple],
.selectize-input input[type^=select-one] {
  width: fit-content;
}
.selectize-input > input {
  height: auto;
}
.selectize-input > input[placeholder] {
  width: 100% !important;
}
.selectize-input.focus {
  background-color: #fff;
  outline: 0;
  -webkit-box-shadow: none;
  box-shadow: none !important;
  border: 1px solid var(--colors-primary-600) !important;
}
.selectize-input.focus input {
  border: 0 !important;
}
.selectize-input:after {
  right: 12px !important;
  top: calc(50% + 1px) !important;
}
.selectize-input > div {
  border-radius: 3px;
  padding: 2px 4px 2px 8px;
}
.selectize-input .remove {
  border: 0 !important;
  padding: 2px 2px 0;
}
.selectize-dropdown {
  margin-top: 4px;
  border-radius: 5px;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0 1px 5px rgba(0, 0, 0, 0.2);
}
.selectize-dropdown--auto-width {
  width: max-content !important;
}
.selectize-dropdown-content {
  border-radius: 5px;
}
.selectize-dropdown-content::-webkit-scrollbar {
  width: 10px;
}
.selectize-dropdown-content::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: var(--colors-grey-100);
}
.selectize-dropdown-content::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--colors-grey-200);
}
.selectize-dropdown-content::-webkit-scrollbar-thumb:hover {
  background-color: var(--colors-grey-300);
}
.selectize-dropdown-content::-webkit-scrollbar-thumb:active {
  background-color: var(--colors-grey-400);
}
.selectize-dropdown-content .optgroup-header {
  padding: 12px;
  font-weight: 600;
}
.selectize-dropdown-content .option {
  padding: 12px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  color: var(--colors-grey-900);
}
.selectize-dropdown-content .option.active {
  color: var(--colors-grey-900);
  background-color: var(--colors-grey-100);
}
.selectize-dropdown-content .option .highlight {
  background-color: var(--colors-grey-100);
}
.selectize-dropdown-content .option:hover {
  cursor: pointer;
}
.selectize-control.multi {
  line-height: normal;
}
.selectize-control.multi .selectize-input {
  transition: none;
}
.selectize-control.multi .selectize-input > input[placeholder] {
  width: 100% !important;
}
/* Mobile */
@media screen and (max-width: 767px) {
  .autocomplete-suggestion .autocomplete-emails-count,
  .autocomplete-suggestion img {
    display: none !important;
  }
  .autocomplete-suggestion {
    padding: 10px;
    font-size: 12px;
  }
  .autocomplete-value {
    max-width: 190px;
  }
  .main-input-group button {
    padding: 12px 20px;
    font-size: 13px;
  }
  .main-input-group input[type=text],
  .main-input-group input[type=email] {
    font-size: 14px;
    padding: 15px 10px;
  }
}
/**
* Tag
* A tag labels UI objects for quick recognition and navigation.
*
* @selector .tag

%span.tag.tag--dissmissable.tag--info
  %i.tag__icon.far.fa-check
  Connected (can be link)
  %button.tag__dissmiss{ type: "button", "aria-label": "Dissmiss tag" }
    %i.tag__dissmiss-icon.far.fa-times

*/
.tag {
  --c-tag-background: var(--colors-grey-200);
  --c-tag-background-hover: var(--colors-grey-300);
  --c-tag-color: var(--colors-grey-700);
  --c-tag-icon-color: var(--colors-grey-600);
  --c-tag-padding: var(--spacing-01) var(--spacing-02);
  display: inline-flex;
  align-items: center;
  padding: var(--c-tag-padding);
  overflow: hidden;
  border: 0;
  border-radius: 0.4rem;
  background-color: var(--c-tag-background);
  color: var(--c-tag-color);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2307692308;
}
.tag--end {
  float: right;
}
.tag__icon {
  color: var(--c-tag-icon-color) !important;
}
.tag__avatar {
  margin-right: var(--spacing-01);
}
.tag__avatar:first-child {
  margin-left: calc(var(--spacing-01) * -1);
}
.tag__label {
  white-space: nowrap;
  overflow: hidden;
  color: var(--c-tag-color);
  text-decoration: none;
  text-overflow: ellipsis;
}
.tag__label:has(.tag__icon) {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.tag__tooltip-icon {
  font-size: 1.2rem;
  opacity: 0.7;
}
.tag__live-dot {
  display: block;
  width: 0.7rem;
  height: 0.7rem;
  margin-right: var(--spacing-01);
  border: 0.05rem solid var(--colors-danger-700);
  border-radius: 1em;
  background-color: #fff;
  animation: liveStatus 1.8s ease-in-out infinite;
}
.tag__dissmiss {
  align-self: stretch;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--spacing-02) 0 var(--spacing-01);
  border: 0;
  background-color: transparent;
  font-size: 1.2rem;
  color: var(--c-tag-icon-color, var(--colors-grey-600));
  transition: color 100ms ease-in;
}
.tag__dissmiss:hover, .tag__dissmiss:focus {
  color: var(--colors-grey-900);
}
/* MODIFIER */
/* Is link */
.tag--linkable {
  padding: 0;
}
.tag--linkable .tag__label {
  padding: var(--spacing-01) var(--spacing-02);
}
.tag--linkable .tag__label:hover, .tag--linkable .tag__label:focus {
  text-decoration: none;
  background-color: var(--c-tag-background-hover);
  color: var(--c-tag-color);
}
/* Dissmissable */
.tag--dissmissable {
  padding-right: 0;
}
/* Rounded */
.tag--rounded {
  border-radius: 1em;
}
/* Size */
.tag--sm {
  --c-tag-padding: var(--spacing-005) var(--spacing-02);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
.tag--md {
  --c-tag-padding: var(--spacing-02);
}
/* Colors */
.tag--success {
  --c-tag-background: var(--colors-success-200);
  --c-tag-background-hover: var(--colors-success-300);
  --c-tag-color: var(--colors-success-700);
  --c-tag-icon-color: var(--colors-success-600);
}
.tag--warning {
  --c-tag-background: var(--colors-warning-200);
  --c-tag-background-hover: var(--colors-warning-300);
  --c-tag-color: var(--colors-warning-800);
  --c-tag-icon-color: var(--colors-warning-600);
}
.tag--danger {
  --c-tag-background: var(--colors-danger-200);
  --c-tag-background-hover: var(--colors-danger-300);
  --c-tag-color: var(--colors-danger-700);
  --c-tag-icon-color: var(--colors-danger-600);
}
.tag--info {
  --c-tag-background: var(--colors-secondary-200);
  --c-tag-background-hover: var(--colors-secondary-300);
  --c-tag-color: var(--colors-secondary-700);
  --c-tag-icon-color: var(--colors-secondary-600);
}
.tag--primary {
  --c-tag-background: var(--colors-primary-200);
  --c-tag-background-hover: var(--colors-primary-300);
  --c-tag-color: var(--colors-primary-600);
  --c-tag-icon-color: var(--colors-primary-600);
}
.tag--cardinal {
  --c-tag-background: var(--colors-cardinal-200);
  --c-tag-background-hover: var(--colors-cardinal-200);
  --c-tag-color: var(--colors-cardinal-700);
  --c-tag-icon-color: var(--colors-cardinal-500);
}
.tag--emerald {
  --c-tag-background: var(--colors-emerald-200);
  --c-tag-background-hover: var(--colors-emerald-200);
  --c-tag-color: var(--colors-emerald-700);
  --c-tag-icon-color: var(--colors-emerald-500);
}
.tag--magenta {
  --c-tag-background: var(--colors-magenta-200);
  --c-tag-background-hover: var(--colors-magenta-200);
  --c-tag-color: var(--colors-magenta-700);
  --c-tag-icon-color: var(--colors-magenta-500);
}
.tag--cyan {
  --c-tag-background: var(--colors-cyan-200);
  --c-tag-background-hover: var(--colors-cyan-200);
  --c-tag-color: var(--colors-cyan-700);
  --c-tag-icon-color: var(--colors-cyan-500);
}
.tag--dark {
  --c-tag-background: var(--colors-grey-800);
  --c-tag-background-hover: var(--colors-grey-1000);
  --c-tag-color: var(--colors-grey-100);
  --c-tag-icon-color: var(--colors-grey-300);
}
.tag--light {
  --c-tag-background: #fff;
  --c-tag-background-hover: var(--colors-grey-100);
  --c-tag-color: var(--colors-grey-600);
  --c-tag-icon-color: var(--colors-grey-500);
}
.tag--secondary {
  --c-tag-background: var(--colors-secondary-700);
  --c-tag-background-hover: var(--colors-secondary-800);
  --c-tag-color: #fff;
  --c-tag-icon-color: #fff;
}
.tag--live {
  --c-tag-background: var(--colors-danger-700);
  --c-tag-background-hover: var(--colors-danger-700);
  --c-tag-color: #fff;
  --c-tag-icon-color: #fff;
}
.tags-list {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-01);
}
.tags-list:has(.tags-list__actions) {
  flex-wrap: nowrap;
}
.tags-list:has(.tags-list__actions) .tag__label {
  min-width: 0;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.tags-list__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.tags-list__action {
  padding: var(--spacing-01);
  border: 0;
  background-color: transparent;
  border-radius: 0.2rem;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
  transition: color 150ms ease-in, background-color 150ms ease-in;
}
.tags-list__action:hover, .tags-list__action:focus {
  color: var(--colors-grey-800);
  background-color: var(--colors-grey-50);
}
.tags-list__action.active {
  color: var(--colors-grey-800);
  text-decoration: underline;
}
.tag-pill {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: var(--spacing-01) var(--spacing-02);
  font-size: 1.3rem;
  font-weight: 450;
  line-height: 1.2307692308;
  border: 0.1rem solid var(--tag-pill-accent, var(--colors-grey-300));
  border-radius: 2rem;
}
.tag-pill__marker {
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--tag-pill-accent, var(--colors-grey-300));
}
@keyframes liveStatus {
  0% {
    box-shadow: 0 0 0 0 rgba(255, 255, 255, 0.8);
  }
  100% {
    box-shadow: 0 0 0 1rem rgba(255, 255, 255, 0);
  }
}
/*! purgecss end ignore */
/*
* Badges
* the "h-" prefixe is for Hunter, because there is the Bootstrap badge too which should be remove in the future
*/
.h-badge {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.25em;
  border: 1px solid transparent;
  font-size: 12px;
  line-height: 16px;
  padding: 0.25em 0.5em;
  border-radius: 2px;
  font-weight: 600;
}
.h-badge__icon {
  color: var(--colors-grey-600);
}
.h-badge--rounded {
  border-radius: 2em;
}
.h-badge--default {
  background-color: var(--colors-grey-100);
  border-color: var(--colors-grey-300);
  color: var(--colors-grey-700);
}
.btn-google, .btn-outlook {
  display: inline-block;
  border: 0;
  text-align: center;
  color: var(--colors-grey-900);
  background-color: #ffffff;
  padding: 18px 24px 18px 18px;
  font-size: 14px;
  line-height: 14px;
  font-weight: 500;
  border-radius: 3px;
  transition: all 250ms ease;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  border: 1px solid var(--colors-grey-300);
  vertical-align: baseline;
  height: 54px;
}
.btn-google.btn-google--sm, .btn-outlook.btn-google--sm {
  height: auto;
  font-size: 1.3rem;
  line-height: 1.5384615385;
  padding: var(--spacing-02) var(--spacing-03);
}
.btn-google.btn-google--sm img, .btn-outlook.btn-google--sm img {
  margin-right: var(--spacing-01);
}
.btn-google img, .btn-outlook img {
  display: inline-block;
  margin-right: 16px;
  vertical-align: middle;
  width: 16px;
  margin-top: -1px !important;
}
.btn-google .fa-linkedin, .btn-outlook .fa-linkedin {
  font-size: 1.125em;
  margin-right: 0.25em;
  color: var(--colors-brand-linkedin-blue);
}
.btn-google:hover, .btn-google:focus, .btn-outlook:hover, .btn-outlook:focus {
  color: var(--colors-grey-900);
  text-decoration: none;
  box-shadow: 0px 2px 7px rgba(0, 0, 0, 0.12);
}
.btn-google:active, .btn-outlook:active {
  background-color: var(--colors-grey-100);
}
.btn-google:focus, .btn-outlook:focus {
  outline: 0 !important;
}
.btn-google:disabled, .btn-google.disabled, .btn-outlook:disabled, .btn-outlook.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}
.action_lead_button {
  display: inline-block;
  color: var(--colors-grey-600);
  border: 2px solid var(--colors-grey-300);
  border-radius: 30px;
  text-align: center;
  padding: 4px 10px;
  background: var(--colors-grey-100);
  font-size: 12px;
  line-height: 20px;
  transition: all 150ms ease;
  cursor: pointer;
  outline: 0;
}
.action_lead_button:hover, .action_lead_button:focus, .action_lead_button:active {
  text-decoration: none;
  border-color: var(--colors-grey-400);
}
.action_lead_button:active {
  transform: scale(1.1);
}
.action_lead_button:disabled {
  opacity: 0.9;
  background: var(--colors-grey-100);
  border-color: var(--colors-grey-200);
  cursor: default;
}
.action_lead_button .far, .action_lead_button .fas, .action_lead_button .fal, .action_lead_button .fab {
  margin-right: 0;
  color: var(--colors-grey-600);
}
.action_lead_button .fa-check {
  color: var(--colors-success-600);
}
.action_lead_button .fa-times {
  color: var(--colors-danger-600);
}
.action_lead_button .lead_status {
  margin-left: 5px;
  text-transform: uppercase;
  font-weight: 600;
  color: var(--colors-grey-600);
}
.action_lead_button.is-checked {
  border-color: var(--colors-success-600);
}
.action_lead_button.is-error {
  border-color: var(--colors-danger-600);
}
.action_lead_button.round {
  padding: 4px;
  width: 32px;
}
.btn-empty, .question-circle {
  padding: 0;
  border: 0;
  background-color: transparent;
}
.h-button {
  --h-button-padding: var(--spacing-03) var(--spacing-04);
  --h-button-gap: var(--spacing-02);
  --h-button-border-color: var(--colors-grey-300);
  --h-button-border-radius: 4px;
  --h-button-box-shadow: 0px 1px 1px rgba(29, 38, 46, 0.05);
  --h-button-font-size: 1.3rem;
  --h-button-line-height: calc(16/13);
  --h-button-text-shadow: none;
  --h-button-color: var(--colors-grey-800);
  --h-button-background: #fff;
  --h-button-height: 4rem;
  --h-button-width: max-content;
  --h-button-icon-color: var(--colors-grey-600);
  --h-button-suffix-border-color: var(--colors-grey-300);
  --h-button-color-hover: var(--colors-grey-800);
  --h-button-background-hover: var(--colors-grey-100);
  --h-button-border-color-hover: var(--colors-grey-300);
  --h-button-box-shadow-hover: 0px 1px 4px 2px rgba(29, 38, 46, 0.04), 0px 1px 1px rgba(29, 38, 46, 0.05);
  --h-button-box-shadow-focus: 0px 0px 0px 2px var(--colors-secondary-600), 0px 1px 1px rgba(29, 38, 46, 0.05);
  --h-button-color-active: var(--colors-grey-800);
  --h-button-background-active: var(--colors-grey-100);
  --h-button-box-shadow-active: none;
  --h-button-hint-color: var(--colors-grey-600);
  --h-button-hint-font-size: .8em;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: var(--h-button-gap);
  padding: var(--h-button-padding);
  height: var(--h-button-height);
  width: var(--h-button-width);
  border: 1px solid var(--h-button-border-color);
  border-radius: var(--h-button-border-radius);
  box-shadow: var(--h-button-box-shadow);
  font-size: var(--h-button-font-size);
  font-weight: 500;
  line-height: var(--h-button-line-height);
  text-decoration: none;
  text-shadow: var(--h-button-text-shadow);
  background: var(--h-button-background);
  color: var(--h-button-color);
  cursor: pointer;
  white-space: nowrap;
  transition: background-color 250ms ease, color 250ms ease-in, border-color 250ms ease-in;
}
.h-button img {
  width: 1.6rem;
  height: auto;
}
.h-button:not(.h-button--icon) [class*=fa-] {
  color: var(--h-button-icon-color);
}
.h-button:hover, .h-button:focus {
  color: var(--h-button-color-hover);
  background-color: var(--h-button-background-hover);
  border-color: var(--h-button-border-color-hover);
  box-shadow: var(--h-button-box-shadow-hover);
  text-decoration: none;
  outline: none;
}
.h-button:focus-visible {
  box-shadow: var(--h-button-box-shadow-focus);
}
.h-button:active, .h-button.active, .h-button[aria-expanded=true] {
  color: var(--h-button-color-active);
  background-color: var(--h-button-background-active);
  box-shadow: var(--h-button-box-shadow-active);
}
.h-button:disabled, .h-button.disabled {
  opacity: 0.5;
  user-select: none;
  cursor: not-allowed;
}
.h-button[data-bs-toggle=dropdown][aria-expanded=true] .fa-angle-down {
  transform: rotate(180deg);
}
.h-button__hint {
  font-size: var(--h-button-hint-font-size);
  color: var(--h-button-hint-color);
}
.h-button__suffix {
  line-height: 1;
  padding-left: var(--h-button-gap);
  border-left: 1px solid var(--h-button-suffix-border-color, var(--colors-grey-300));
}
.h-button--primary {
  --h-button-border-color: transparent;
  --h-button-box-shadow: none;
  --h-button-text-shadow: 0px 1px 0px rgba(212, 69, 25, 0.5);
  --h-button-color: #fff;
  --h-button-background: var(--colors-primary-600);
  --h-button-icon-color: currentColor;
  --h-button-suffix-border-color: var(--colors-primary-500);
  --h-button-color-hover: #fff;
  --h-button-background-hover: var(--colors-primary-700);
  --h-button-border-color-hover: var(--colors-primary-700);
  --h-button-box-shadow-hover: none;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-primary-700);
  --h-button-color-active: #fff;
  --h-button-background-active: var(--colors-primary-700);
  --h-button-box-shadow-active: none;
  --h-button-hint-color: var(--colors-primary-200);
  border-bottom-color: var(--colors-primary-700);
}
.h-button--secondary {
  --h-button-border-color: transparent;
  --h-button-box-shadow: none;
  --h-button-color: var(--colors-secondary-600);
  --h-button-background: var(--colors-secondary-100);
  --h-button-icon-color: currentColor;
  --h-button-color-hover: #fff;
  --h-button-background-hover: var(--colors-secondary-600);
  --h-button-border-color-hover: var(--colors-secondary-600);
  --h-button-box-shadow-hover: none;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-secondary-600);
  --h-button-color-active: #fff;
  --h-button-background-active: var(--colors-secondary-600);
  --h-button-box-shadow-active: none;
  --h-button-hint-color: var(--colors-primary-200);
}
.h-button--danger {
  --h-button-border-color: transparent;
  --h-button-box-shadow: none;
  --h-button-color: #fff;
  --h-button-background: var(--colors-danger-700);
  --h-button-icon-color: currentColor;
  --h-button-color-hover: #fff;
  --h-button-background-hover: var(--colors-danger-800);
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-danger-700);
  --h-button-color-active: #fff;
  --h-button-background-active: var(--colors-danger-800);
  --h-button-box-shadow-active: none;
}
.h-button--ghost {
  --h-button-border-color: transparent;
  --h-button-box-shadow: none;
  --h-button-background: transparent;
  --h-button-background-hover: var(--colors-grey-100);
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-box-shadow-focus: 0px 0px 0px 1px var(--colors-grey-100), 0px 0px 0px 3px var(--colors-grey-300);
  --h-button-background-active: var(--colors-grey-100);
  --h-button-box-shadow-active: none;
}
.h-button--danger-light {
  --h-button-border-color: var(--colors-danger-600);
  --h-button-color: var(--colors-danger-700);
  --h-button-background: #fff;
  --h-button-icon-color: var(--colors-danger-600);
  --h-button-color-hover: var(--colors-danger-700);
  --h-button-background-hover: var(--colors-danger-100);
  --h-button-border-color-hover: currentColor;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-danger-700);
  --h-button-color-active: var(--colors-danger-700);
  --h-button-background-active: var(--colors-danger-100);
  --h-button-box-shadow-active: none;
}
.h-button--success-light {
  --h-button-border-color: var(--colors-success-600);
  --h-button-color: var(--colors-success-700);
  --h-button-background: #fff;
  --h-button-icon-color: var(--colors-success-600);
  --h-button-color-hover: var(--colors-success-700);
  --h-button-background-hover: var(--colors-success-100);
  --h-button-border-color-hover: currentColor;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-success-700);
  --h-button-color-active: var(--colors-success-700);
  --h-button-background-active: var(--colors-success-100);
  --h-button-box-shadow-active: none;
}
.h-button--invert {
  --h-button-border-color: var(--colors-grey-700);
  --h-button-color: var(--colors-grey-300);
  --h-button-background: var(--colors-grey-900);
  --h-button-icon-color: var(--colors-grey-500);
  --h-button-color-hover: var(--colors-grey-100);
  --h-button-background-hover: var(--colors-grey-800);
  --h-button-border-color-hover: var(--colors-grey-600);
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-grey-700);
  --h-button-color-active: var(--colors-grey-100);
  --h-button-background-active: var(--colors-grey-700);
  --h-button-box-shadow-active: none;
}
.h-button--sm {
  --h-button-padding: var(--spacing-02);
  --h-button-font-size: 1.3rem;
  --h-button-line-height: calc(16/13);
  --h-button-height: 3.2rem;
}
.h-button--xs {
  --h-button-padding: var(--spacing-01) var(--spacing-02);
  --h-button-gap: var(--spacing-01);
  --h-button-font-size: 1.2rem;
  --h-button-line-height: calc(16/12);
  --h-button-height: 2.4rem;
}
.h-button--xxs {
  --h-button-padding: var(--spacing-005);
  --h-button-gap: var(--spacing-01);
  --h-button-font-size: .8rem;
  --h-button-line-height: calc(12/8);
  --h-button-height: 1.6rem;
}
.h-button--md {
  --h-button-font-size: 1.4rem;
  --h-button-line-height: calc(24/14);
}
.h-button--lg {
  --h-button-padding: var(--spacing-04);
  --h-button-font-size: 1.6rem;
  --h-button-line-height: calc(24/16);
  --h-button-height: 5.6rem;
}
.h-button--block {
  width: 100%;
  justify-content: center;
  text-align: center;
}
.h-button--link-grey {
  --h-button-height: auto;
  --h-button-padding: 0;
  --h-button-border-color: transparent;
  --h-button-color: var(--colors-grey-700);
  --h-button-background: transparent;
  --h-button-box-shadow: none;
  --h-button-icon-color: var(--colors-grey-600);
  --h-button-color-hover: var(--colors-grey-900);
  --h-button-background-hover: transparent;
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-secondary-700);
  --h-button-color-active: var(--colors-grey-900);
  --h-button-background-active: transparent;
  --h-button-box-shadow-active: none;
  font-weight: normal;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-400);
  text-underline-offset: var(--spacing-01);
  transition: color 250ms ease-in, text-decoration-color 250ms ease-in;
}
.h-button--link-grey:hover, .h-button--link-grey:focus {
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-500);
}
.h-button--link {
  --h-button-height: auto;
  --h-button-padding: 0;
  --h-button-border-color: transparent;
  --h-button-color: var(--colors-secondary-700);
  --h-button-background: transparent;
  --h-button-box-shadow: none;
  --h-button-icon-color: var(--colors-secondary-600);
  --h-button-color-hover: var(--colors-secondary-800);
  --h-button-background-hover: transparent;
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-box-shadow-focus: 0px 0px 0px 1px #FFFFFF, 0px 0px 0px 3px var(--colors-secondary-700);
  --h-button-color-active: var(--colors-secondary-900);
  --h-button-background-active: transparent;
  --h-button-box-shadow-active: none;
  font-weight: normal;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-secondary-300);
  text-underline-offset: var(--spacing-01);
  transition: color 250ms ease-in, text-decoration-color 250ms ease-in;
}
.h-button--link:hover, .h-button--link:focus {
  text-decoration-line: underline;
  text-decoration-color: var(--colors-secondary-400);
}
.h-button--icon {
  --h-button-padding: 0;
  --h-button-width: 4rem;
  justify-content: center;
}
.h-button--icon.h-button--sm {
  --h-button-width: 3.2rem;
}
.h-button--icon.h-button--xs {
  --h-button-width: 2.4rem;
}
.h-button--icon.h-button--xxs {
  --h-button-width: 1.6rem;
}
.h-button--icon.h-button--lg {
  --h-button-width: 5.6rem;
}
.h-button-group {
  display: flex;
  max-inline-size: max-content;
}
.h-button-group > .h-button {
  --h-button-border-radius: 0;
  margin-inline-end: -1px;
}
.h-button-group > .h-button:first-child {
  --h-button-border-radius: 4px;
  border-radius: var(--h-button-border-radius) 0 0 var(--h-button-border-radius);
}
.h-button-group > .h-button:last-child {
  --h-button-border-radius: 4px;
  border-radius: 0 var(--h-button-border-radius) var(--h-button-border-radius) 0;
}
.h-button-group .h-button--primary,
.h-button-group .h-button--danger {
  position: relative;
}
.h-button-group .h-button--primary:not(:last-child)::after,
.h-button-group .h-button--danger:not(:last-child)::after {
  content: "";
  position: absolute;
  inline-size: 1px;
  inset-block: 0;
  inset-inline-end: 0px;
  background-color: rgba(0, 0, 0, 0.15);
  z-index: 10;
}
.h-button-group .dropdown > .h-button {
  --h-button-border-radius: 0 .4rem .4rem 0;
}
.card {
  background-color: #fff;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
  border-radius: 4px;
  margin-bottom: 30px;
  min-height: 340px;
  overflow: hidden;
  position: relative;
  transition: all 0.2s ease-in-out;
}
.card:hover, .card:focus-within {
  box-shadow: 0 10px 30px rgba(0, 0, 0, 0.25);
}
.card__media {
  text-align: center;
}
.card__img {
  margin: 0 auto;
  width: 100%;
  height: auto;
}
.card__content {
  padding: 25px;
}
.card__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 10px;
  margin-bottom: 15px;
}
.card__title {
  font-size: 18px;
  font-weight: 500 !important;
  margin: 0 !important;
  text-align: left !important;
}
.card__link {
  color: var(--colors-grey-1000);
  text-decoration: none;
}
.card__link::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.card__link:hover, .card__link:focus {
  color: var(--colors-grey-1000);
  text-decoration: none;
}
.card__description {
  font-size: 14px;
  line-height: 1.5;
  color: var(--colors-grey-700);
}
.card__description p {
  margin: 0 0 1em 0;
}
.card__description--big {
  font-size: 16px;
}
/**
* Horizontal
*/
.card--horizontal {
  min-height: auto;
}
@media screen and (min-width: 48em) {
  .card--horizontal {
    display: flex;
    align-items: center;
    gap: 20px;
  }
  .card--horizontal .card__media {
    width: 50%;
    flex: 0 0 auto;
  }
}
@media screen and (min-width: 85em) {
  .card__title {
    font-size: 19px;
  }
}
html {
  height: 100%;
}
body {
  font-display: swap;
  font-family: var(--fonts-family-body) !important;
  font-feature-settings: var(--fonts-family-feature-settings);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.8em;
  padding: 0;
  color: var(--colors-grey-900);
}
body h1,
body h2,
body h3,
body h4,
body h5,
body h6 {
  font-family: var(--fonts-family-heading);
  line-height: 1.5em;
}
body .container {
  max-width: 980px;
}
a {
  color: var(--colors-secondary-700);
  transition: color 100ms ease-in, text-decoration-color 100ms ease-in;
}
a:hover, a:focus, a:active {
  color: var(--colors-secondary-700);
  text-decoration-line: underline;
  text-decoration-color: var(--colors-secondary-700);
  text-underline-offset: var(--spacing-01);
}
/*! purgecss start ignore */
.registrations.new,
.registrations.create,
.sessions.new,
.passwords.new,
.passwords.create,
.passwords.edit,
.passwords.update,
.onboarding.team_selections.show,
.onboarding.team_creations.show,
.onboarding.intents_selections.show,
.onboarding.main_intent_selections.show,
.onboarding.discovers.show,
.onboarding.apis.show,
.onboarding.explores.show,
.onboarding.find_emails.show,
.onboarding.campaigns.show,
.onboarding.verify_emails.show,
.check_your_inbox.index,
.registration_blocked.index,
.onboarding {
  /* Mobile */
}
.registrations.new .l-app-grid,
.registrations.create .l-app-grid,
.sessions.new .l-app-grid,
.passwords.new .l-app-grid,
.passwords.create .l-app-grid,
.passwords.edit .l-app-grid,
.passwords.update .l-app-grid,
.onboarding.team_selections.show .l-app-grid,
.onboarding.team_creations.show .l-app-grid,
.onboarding.intents_selections.show .l-app-grid,
.onboarding.main_intent_selections.show .l-app-grid,
.onboarding.discovers.show .l-app-grid,
.onboarding.apis.show .l-app-grid,
.onboarding.explores.show .l-app-grid,
.onboarding.find_emails.show .l-app-grid,
.onboarding.campaigns.show .l-app-grid,
.onboarding.verify_emails.show .l-app-grid,
.check_your_inbox.index .l-app-grid,
.registration_blocked.index .l-app-grid,
.onboarding .l-app-grid {
  display: block;
}
.registrations.new .l-main,
.registrations.create .l-main,
.sessions.new .l-main,
.passwords.new .l-main,
.passwords.create .l-main,
.passwords.edit .l-main,
.passwords.update .l-main,
.onboarding.team_selections.show .l-main,
.onboarding.team_creations.show .l-main,
.onboarding.intents_selections.show .l-main,
.onboarding.main_intent_selections.show .l-main,
.onboarding.discovers.show .l-main,
.onboarding.apis.show .l-main,
.onboarding.explores.show .l-main,
.onboarding.find_emails.show .l-main,
.onboarding.campaigns.show .l-main,
.onboarding.verify_emails.show .l-main,
.check_your_inbox.index .l-main,
.registration_blocked.index .l-main,
.onboarding .l-main {
  background-color: var(--colors-grey-50);
}
.registrations.new .dashboard-body,
.registrations.create .dashboard-body,
.sessions.new .dashboard-body,
.passwords.new .dashboard-body,
.passwords.create .dashboard-body,
.passwords.edit .dashboard-body,
.passwords.update .dashboard-body,
.onboarding.team_selections.show .dashboard-body,
.onboarding.team_creations.show .dashboard-body,
.onboarding.intents_selections.show .dashboard-body,
.onboarding.main_intent_selections.show .dashboard-body,
.onboarding.discovers.show .dashboard-body,
.onboarding.apis.show .dashboard-body,
.onboarding.explores.show .dashboard-body,
.onboarding.find_emails.show .dashboard-body,
.onboarding.campaigns.show .dashboard-body,
.onboarding.verify_emails.show .dashboard-body,
.check_your_inbox.index .dashboard-body,
.registration_blocked.index .dashboard-body,
.onboarding .dashboard-body {
  margin-top: 0;
}
.registrations.new .dashboard-body > .container-fluid, .registrations.new .dashboard-body > .container-sm, .registrations.new .dashboard-body > .container-md, .registrations.new .dashboard-body > .container-lg, .registrations.new .dashboard-body > .container-xl, .registrations.new .dashboard-body > .container-xxl,
.registrations.create .dashboard-body > .container-fluid,
.registrations.create .dashboard-body > .container-sm,
.registrations.create .dashboard-body > .container-md,
.registrations.create .dashboard-body > .container-lg,
.registrations.create .dashboard-body > .container-xl,
.registrations.create .dashboard-body > .container-xxl,
.sessions.new .dashboard-body > .container-fluid,
.sessions.new .dashboard-body > .container-sm,
.sessions.new .dashboard-body > .container-md,
.sessions.new .dashboard-body > .container-lg,
.sessions.new .dashboard-body > .container-xl,
.sessions.new .dashboard-body > .container-xxl,
.passwords.new .dashboard-body > .container-fluid,
.passwords.new .dashboard-body > .container-sm,
.passwords.new .dashboard-body > .container-md,
.passwords.new .dashboard-body > .container-lg,
.passwords.new .dashboard-body > .container-xl,
.passwords.new .dashboard-body > .container-xxl,
.passwords.create .dashboard-body > .container-fluid,
.passwords.create .dashboard-body > .container-sm,
.passwords.create .dashboard-body > .container-md,
.passwords.create .dashboard-body > .container-lg,
.passwords.create .dashboard-body > .container-xl,
.passwords.create .dashboard-body > .container-xxl,
.passwords.edit .dashboard-body > .container-fluid,
.passwords.edit .dashboard-body > .container-sm,
.passwords.edit .dashboard-body > .container-md,
.passwords.edit .dashboard-body > .container-lg,
.passwords.edit .dashboard-body > .container-xl,
.passwords.edit .dashboard-body > .container-xxl,
.passwords.update .dashboard-body > .container-fluid,
.passwords.update .dashboard-body > .container-sm,
.passwords.update .dashboard-body > .container-md,
.passwords.update .dashboard-body > .container-lg,
.passwords.update .dashboard-body > .container-xl,
.passwords.update .dashboard-body > .container-xxl,
.onboarding.team_selections.show .dashboard-body > .container-fluid,
.onboarding.team_selections.show .dashboard-body > .container-sm,
.onboarding.team_selections.show .dashboard-body > .container-md,
.onboarding.team_selections.show .dashboard-body > .container-lg,
.onboarding.team_selections.show .dashboard-body > .container-xl,
.onboarding.team_selections.show .dashboard-body > .container-xxl,
.onboarding.team_creations.show .dashboard-body > .container-fluid,
.onboarding.team_creations.show .dashboard-body > .container-sm,
.onboarding.team_creations.show .dashboard-body > .container-md,
.onboarding.team_creations.show .dashboard-body > .container-lg,
.onboarding.team_creations.show .dashboard-body > .container-xl,
.onboarding.team_creations.show .dashboard-body > .container-xxl,
.onboarding.intents_selections.show .dashboard-body > .container-fluid,
.onboarding.intents_selections.show .dashboard-body > .container-sm,
.onboarding.intents_selections.show .dashboard-body > .container-md,
.onboarding.intents_selections.show .dashboard-body > .container-lg,
.onboarding.intents_selections.show .dashboard-body > .container-xl,
.onboarding.intents_selections.show .dashboard-body > .container-xxl,
.onboarding.main_intent_selections.show .dashboard-body > .container-fluid,
.onboarding.main_intent_selections.show .dashboard-body > .container-sm,
.onboarding.main_intent_selections.show .dashboard-body > .container-md,
.onboarding.main_intent_selections.show .dashboard-body > .container-lg,
.onboarding.main_intent_selections.show .dashboard-body > .container-xl,
.onboarding.main_intent_selections.show .dashboard-body > .container-xxl,
.onboarding.discovers.show .dashboard-body > .container-fluid,
.onboarding.discovers.show .dashboard-body > .container-sm,
.onboarding.discovers.show .dashboard-body > .container-md,
.onboarding.discovers.show .dashboard-body > .container-lg,
.onboarding.discovers.show .dashboard-body > .container-xl,
.onboarding.discovers.show .dashboard-body > .container-xxl,
.onboarding.apis.show .dashboard-body > .container-fluid,
.onboarding.apis.show .dashboard-body > .container-sm,
.onboarding.apis.show .dashboard-body > .container-md,
.onboarding.apis.show .dashboard-body > .container-lg,
.onboarding.apis.show .dashboard-body > .container-xl,
.onboarding.apis.show .dashboard-body > .container-xxl,
.onboarding.explores.show .dashboard-body > .container-fluid,
.onboarding.explores.show .dashboard-body > .container-sm,
.onboarding.explores.show .dashboard-body > .container-md,
.onboarding.explores.show .dashboard-body > .container-lg,
.onboarding.explores.show .dashboard-body > .container-xl,
.onboarding.explores.show .dashboard-body > .container-xxl,
.onboarding.find_emails.show .dashboard-body > .container-fluid,
.onboarding.find_emails.show .dashboard-body > .container-sm,
.onboarding.find_emails.show .dashboard-body > .container-md,
.onboarding.find_emails.show .dashboard-body > .container-lg,
.onboarding.find_emails.show .dashboard-body > .container-xl,
.onboarding.find_emails.show .dashboard-body > .container-xxl,
.onboarding.campaigns.show .dashboard-body > .container-fluid,
.onboarding.campaigns.show .dashboard-body > .container-sm,
.onboarding.campaigns.show .dashboard-body > .container-md,
.onboarding.campaigns.show .dashboard-body > .container-lg,
.onboarding.campaigns.show .dashboard-body > .container-xl,
.onboarding.campaigns.show .dashboard-body > .container-xxl,
.onboarding.verify_emails.show .dashboard-body > .container-fluid,
.onboarding.verify_emails.show .dashboard-body > .container-sm,
.onboarding.verify_emails.show .dashboard-body > .container-md,
.onboarding.verify_emails.show .dashboard-body > .container-lg,
.onboarding.verify_emails.show .dashboard-body > .container-xl,
.onboarding.verify_emails.show .dashboard-body > .container-xxl,
.check_your_inbox.index .dashboard-body > .container-fluid,
.check_your_inbox.index .dashboard-body > .container-sm,
.check_your_inbox.index .dashboard-body > .container-md,
.check_your_inbox.index .dashboard-body > .container-lg,
.check_your_inbox.index .dashboard-body > .container-xl,
.check_your_inbox.index .dashboard-body > .container-xxl,
.registration_blocked.index .dashboard-body > .container-fluid,
.registration_blocked.index .dashboard-body > .container-sm,
.registration_blocked.index .dashboard-body > .container-md,
.registration_blocked.index .dashboard-body > .container-lg,
.registration_blocked.index .dashboard-body > .container-xl,
.registration_blocked.index .dashboard-body > .container-xxl,
.onboarding .dashboard-body > .container-fluid,
.onboarding .dashboard-body > .container-sm,
.onboarding .dashboard-body > .container-md,
.onboarding .dashboard-body > .container-lg,
.onboarding .dashboard-body > .container-xl,
.onboarding .dashboard-body > .container-xxl {
  margin-top: 0;
}
.registrations.new .login-header,
.registrations.create .login-header,
.sessions.new .login-header,
.passwords.new .login-header,
.passwords.create .login-header,
.passwords.edit .login-header,
.passwords.update .login-header,
.onboarding.team_selections.show .login-header,
.onboarding.team_creations.show .login-header,
.onboarding.intents_selections.show .login-header,
.onboarding.main_intent_selections.show .login-header,
.onboarding.discovers.show .login-header,
.onboarding.apis.show .login-header,
.onboarding.explores.show .login-header,
.onboarding.find_emails.show .login-header,
.onboarding.campaigns.show .login-header,
.onboarding.verify_emails.show .login-header,
.check_your_inbox.index .login-header,
.registration_blocked.index .login-header,
.onboarding .login-header {
  margin: 30px 0 40px;
  padding: 0 var(--spacing-06);
}
.registrations.new .logo,
.registrations.create .logo,
.sessions.new .logo,
.passwords.new .logo,
.passwords.create .logo,
.passwords.edit .logo,
.passwords.update .logo,
.onboarding.team_selections.show .logo,
.onboarding.team_creations.show .logo,
.onboarding.intents_selections.show .logo,
.onboarding.main_intent_selections.show .logo,
.onboarding.discovers.show .logo,
.onboarding.apis.show .logo,
.onboarding.explores.show .logo,
.onboarding.find_emails.show .logo,
.onboarding.campaigns.show .logo,
.onboarding.verify_emails.show .logo,
.check_your_inbox.index .logo,
.registration_blocked.index .logo,
.onboarding .logo {
  display: block;
  margin-bottom: 40px;
}
.registrations.new h1,
.registrations.create h1,
.sessions.new h1,
.passwords.new h1,
.passwords.create h1,
.passwords.edit h1,
.passwords.update h1,
.onboarding.team_selections.show h1,
.onboarding.team_creations.show h1,
.onboarding.intents_selections.show h1,
.onboarding.main_intent_selections.show h1,
.onboarding.discovers.show h1,
.onboarding.apis.show h1,
.onboarding.explores.show h1,
.onboarding.find_emails.show h1,
.onboarding.campaigns.show h1,
.onboarding.verify_emails.show h1,
.check_your_inbox.index h1,
.registration_blocked.index h1,
.onboarding h1 {
  font-size: 24px;
  text-align: center;
  margin: 0 0 30px;
  font-weight: 600;
}
.registrations.new h1 .subtitle,
.registrations.create h1 .subtitle,
.sessions.new h1 .subtitle,
.passwords.new h1 .subtitle,
.passwords.create h1 .subtitle,
.passwords.edit h1 .subtitle,
.passwords.update h1 .subtitle,
.onboarding.team_selections.show h1 .subtitle,
.onboarding.team_creations.show h1 .subtitle,
.onboarding.intents_selections.show h1 .subtitle,
.onboarding.main_intent_selections.show h1 .subtitle,
.onboarding.discovers.show h1 .subtitle,
.onboarding.apis.show h1 .subtitle,
.onboarding.explores.show h1 .subtitle,
.onboarding.find_emails.show h1 .subtitle,
.onboarding.campaigns.show h1 .subtitle,
.onboarding.verify_emails.show h1 .subtitle,
.check_your_inbox.index h1 .subtitle,
.registration_blocked.index h1 .subtitle,
.onboarding h1 .subtitle {
  color: var(--colors-grey-600);
  font-size: 18px;
  font-weight: 500;
}
.registrations.new .login-container,
.registrations.create .login-container,
.sessions.new .login-container,
.passwords.new .login-container,
.passwords.create .login-container,
.passwords.edit .login-container,
.passwords.update .login-container,
.onboarding.team_selections.show .login-container,
.onboarding.team_creations.show .login-container,
.onboarding.intents_selections.show .login-container,
.onboarding.main_intent_selections.show .login-container,
.onboarding.discovers.show .login-container,
.onboarding.apis.show .login-container,
.onboarding.explores.show .login-container,
.onboarding.find_emails.show .login-container,
.onboarding.campaigns.show .login-container,
.onboarding.verify_emails.show .login-container,
.check_your_inbox.index .login-container,
.registration_blocked.index .login-container,
.onboarding .login-container {
  max-width: 400px;
  margin: 0 auto;
  font-size: 15px;
  text-align: center;
}
.registrations.new .login-container .board-box a, .registrations.new .login-container .onboarding-box a,
.registrations.create .login-container .board-box a,
.registrations.create .login-container .onboarding-box a,
.sessions.new .login-container .board-box a,
.sessions.new .login-container .onboarding-box a,
.passwords.new .login-container .board-box a,
.passwords.new .login-container .onboarding-box a,
.passwords.create .login-container .board-box a,
.passwords.create .login-container .onboarding-box a,
.passwords.edit .login-container .board-box a,
.passwords.edit .login-container .onboarding-box a,
.passwords.update .login-container .board-box a,
.passwords.update .login-container .onboarding-box a,
.onboarding.team_selections.show .login-container .board-box a,
.onboarding.team_creations.show .login-container .board-box a,
.onboarding.intents_selections.show .login-container .board-box a,
.onboarding.main_intent_selections.show .login-container .board-box a,
.onboarding.discovers.show .login-container .board-box a,
.onboarding.apis.show .login-container .board-box a,
.onboarding.explores.show .login-container .board-box a,
.onboarding.find_emails.show .login-container .board-box a,
.onboarding.campaigns.show .login-container .board-box a,
.onboarding.verify_emails.show .login-container .board-box a,
.check_your_inbox.index .login-container .board-box a,
.check_your_inbox.index .login-container .onboarding-box a,
.registration_blocked.index .login-container .board-box a,
.registration_blocked.index .login-container .onboarding-box a,
.onboarding .login-container .board-box a,
.onboarding .login-container .onboarding-box a {
  text-decoration-line: underline;
  text-decoration-color: var(--colors-secondary-300);
  text-underline-offset: var(--spacing-01);
  transition: text-decoration-color 150ms ease-in;
}
.registrations.new .login-container .board-box a:hover, .registrations.new .login-container .onboarding-box a:hover, .registrations.new .login-container .board-box a:focus, .registrations.new .login-container .onboarding-box a:focus,
.registrations.create .login-container .board-box a:hover,
.registrations.create .login-container .onboarding-box a:hover,
.registrations.create .login-container .board-box a:focus,
.registrations.create .login-container .onboarding-box a:focus,
.sessions.new .login-container .board-box a:hover,
.sessions.new .login-container .onboarding-box a:hover,
.sessions.new .login-container .board-box a:focus,
.sessions.new .login-container .onboarding-box a:focus,
.passwords.new .login-container .board-box a:hover,
.passwords.new .login-container .onboarding-box a:hover,
.passwords.new .login-container .board-box a:focus,
.passwords.new .login-container .onboarding-box a:focus,
.passwords.create .login-container .board-box a:hover,
.passwords.create .login-container .onboarding-box a:hover,
.passwords.create .login-container .board-box a:focus,
.passwords.create .login-container .onboarding-box a:focus,
.passwords.edit .login-container .board-box a:hover,
.passwords.edit .login-container .onboarding-box a:hover,
.passwords.edit .login-container .board-box a:focus,
.passwords.edit .login-container .onboarding-box a:focus,
.passwords.update .login-container .board-box a:hover,
.passwords.update .login-container .onboarding-box a:hover,
.passwords.update .login-container .board-box a:focus,
.passwords.update .login-container .onboarding-box a:focus,
.onboarding.team_selections.show .login-container .board-box a:hover,
.onboarding.team_selections.show .login-container .board-box a:focus,
.onboarding.team_creations.show .login-container .board-box a:hover,
.onboarding.team_creations.show .login-container .board-box a:focus,
.onboarding.intents_selections.show .login-container .board-box a:hover,
.onboarding.intents_selections.show .login-container .board-box a:focus,
.onboarding.main_intent_selections.show .login-container .board-box a:hover,
.onboarding.main_intent_selections.show .login-container .board-box a:focus,
.onboarding.discovers.show .login-container .board-box a:hover,
.onboarding.discovers.show .login-container .board-box a:focus,
.onboarding.apis.show .login-container .board-box a:hover,
.onboarding.apis.show .login-container .board-box a:focus,
.onboarding.explores.show .login-container .board-box a:hover,
.onboarding.explores.show .login-container .board-box a:focus,
.onboarding.find_emails.show .login-container .board-box a:hover,
.onboarding.find_emails.show .login-container .board-box a:focus,
.onboarding.campaigns.show .login-container .board-box a:hover,
.onboarding.campaigns.show .login-container .board-box a:focus,
.onboarding.verify_emails.show .login-container .board-box a:hover,
.onboarding.verify_emails.show .login-container .board-box a:focus,
.check_your_inbox.index .login-container .board-box a:hover,
.check_your_inbox.index .login-container .onboarding-box a:hover,
.check_your_inbox.index .login-container .board-box a:focus,
.check_your_inbox.index .login-container .onboarding-box a:focus,
.registration_blocked.index .login-container .board-box a:hover,
.registration_blocked.index .login-container .onboarding-box a:hover,
.registration_blocked.index .login-container .board-box a:focus,
.registration_blocked.index .login-container .onboarding-box a:focus,
.onboarding .login-container .board-box a:hover,
.onboarding .login-container .onboarding-box a:hover,
.onboarding .login-container .board-box a:focus,
.onboarding .login-container .onboarding-box a:focus {
  color: var(--colors-secondary-700);
  text-decoration-color: currentColor;
}
.registrations.new .login-container button:not(#change-email):not(.h-button),
.registrations.create .login-container button:not(#change-email):not(.h-button),
.sessions.new .login-container button:not(#change-email):not(.h-button),
.passwords.new .login-container button:not(#change-email):not(.h-button),
.passwords.create .login-container button:not(#change-email):not(.h-button),
.passwords.edit .login-container button:not(#change-email):not(.h-button),
.passwords.update .login-container button:not(#change-email):not(.h-button),
.onboarding.team_selections.show .login-container button:not(#change-email):not(.h-button),
.onboarding.team_creations.show .login-container button:not(#change-email):not(.h-button),
.onboarding.intents_selections.show .login-container button:not(#change-email):not(.h-button),
.onboarding.main_intent_selections.show .login-container button:not(#change-email):not(.h-button),
.onboarding.discovers.show .login-container button:not(#change-email):not(.h-button),
.onboarding.apis.show .login-container button:not(#change-email):not(.h-button),
.onboarding.explores.show .login-container button:not(#change-email):not(.h-button),
.onboarding.find_emails.show .login-container button:not(#change-email):not(.h-button),
.onboarding.campaigns.show .login-container button:not(#change-email):not(.h-button),
.onboarding.verify_emails.show .login-container button:not(#change-email):not(.h-button),
.check_your_inbox.index .login-container button:not(#change-email):not(.h-button),
.registration_blocked.index .login-container button:not(#change-email):not(.h-button),
.onboarding .login-container button:not(#change-email):not(.h-button) {
  width: 100%;
  padding: 15px;
}
.registrations.new .or-login,
.registrations.create .or-login,
.sessions.new .or-login,
.passwords.new .or-login,
.passwords.create .or-login,
.passwords.edit .or-login,
.passwords.update .or-login,
.onboarding.team_selections.show .or-login,
.onboarding.team_creations.show .or-login,
.onboarding.intents_selections.show .or-login,
.onboarding.main_intent_selections.show .or-login,
.onboarding.discovers.show .or-login,
.onboarding.apis.show .or-login,
.onboarding.explores.show .or-login,
.onboarding.find_emails.show .or-login,
.onboarding.campaigns.show .or-login,
.onboarding.verify_emails.show .or-login,
.check_your_inbox.index .or-login,
.registration_blocked.index .or-login,
.onboarding .or-login {
  overflow: hidden;
  text-align: center;
  color: var(--colors-grey-600);
  margin: 16px 0;
  font-size: 11px;
  font-weight: 700;
}
.registrations.new .or-login > span,
.registrations.create .or-login > span,
.sessions.new .or-login > span,
.passwords.new .or-login > span,
.passwords.create .or-login > span,
.passwords.edit .or-login > span,
.passwords.update .or-login > span,
.onboarding.team_selections.show .or-login > span,
.onboarding.team_creations.show .or-login > span,
.onboarding.intents_selections.show .or-login > span,
.onboarding.main_intent_selections.show .or-login > span,
.onboarding.discovers.show .or-login > span,
.onboarding.apis.show .or-login > span,
.onboarding.explores.show .or-login > span,
.onboarding.find_emails.show .or-login > span,
.onboarding.campaigns.show .or-login > span,
.onboarding.verify_emails.show .or-login > span,
.check_your_inbox.index .or-login > span,
.registration_blocked.index .or-login > span,
.onboarding .or-login > span {
  position: relative;
  display: inline-block;
}
.registrations.new .or-login > span:before,
.registrations.new .or-login > span:after,
.registrations.create .or-login > span:before,
.registrations.create .or-login > span:after,
.sessions.new .or-login > span:before,
.sessions.new .or-login > span:after,
.passwords.new .or-login > span:before,
.passwords.new .or-login > span:after,
.passwords.create .or-login > span:before,
.passwords.create .or-login > span:after,
.passwords.edit .or-login > span:before,
.passwords.edit .or-login > span:after,
.passwords.update .or-login > span:before,
.passwords.update .or-login > span:after,
.onboarding.team_selections.show .or-login > span:before,
.onboarding.team_selections.show .or-login > span:after,
.onboarding.team_creations.show .or-login > span:before,
.onboarding.team_creations.show .or-login > span:after,
.onboarding.intents_selections.show .or-login > span:before,
.onboarding.intents_selections.show .or-login > span:after,
.onboarding.main_intent_selections.show .or-login > span:before,
.onboarding.main_intent_selections.show .or-login > span:after,
.onboarding.discovers.show .or-login > span:before,
.onboarding.discovers.show .or-login > span:after,
.onboarding.apis.show .or-login > span:before,
.onboarding.apis.show .or-login > span:after,
.onboarding.explores.show .or-login > span:before,
.onboarding.explores.show .or-login > span:after,
.onboarding.find_emails.show .or-login > span:before,
.onboarding.find_emails.show .or-login > span:after,
.onboarding.campaigns.show .or-login > span:before,
.onboarding.campaigns.show .or-login > span:after,
.onboarding.verify_emails.show .or-login > span:before,
.onboarding.verify_emails.show .or-login > span:after,
.check_your_inbox.index .or-login > span:before,
.check_your_inbox.index .or-login > span:after,
.registration_blocked.index .or-login > span:before,
.registration_blocked.index .or-login > span:after,
.onboarding .or-login > span:before,
.onboarding .or-login > span:after {
  content: "";
  position: absolute;
  top: 50%;
  border-bottom: 1px solid var(--colors-grey-300);
  width: 200px;
  /* half of limiter*/
  margin: 0 20px;
}
.registrations.new .or-login > span:before,
.registrations.create .or-login > span:before,
.sessions.new .or-login > span:before,
.passwords.new .or-login > span:before,
.passwords.create .or-login > span:before,
.passwords.edit .or-login > span:before,
.passwords.update .or-login > span:before,
.onboarding.team_selections.show .or-login > span:before,
.onboarding.team_creations.show .or-login > span:before,
.onboarding.intents_selections.show .or-login > span:before,
.onboarding.main_intent_selections.show .or-login > span:before,
.onboarding.discovers.show .or-login > span:before,
.onboarding.apis.show .or-login > span:before,
.onboarding.explores.show .or-login > span:before,
.onboarding.find_emails.show .or-login > span:before,
.onboarding.campaigns.show .or-login > span:before,
.onboarding.verify_emails.show .or-login > span:before,
.check_your_inbox.index .or-login > span:before,
.registration_blocked.index .or-login > span:before,
.onboarding .or-login > span:before {
  right: 100%;
}
.registrations.new .or-login > span:after,
.registrations.create .or-login > span:after,
.sessions.new .or-login > span:after,
.passwords.new .or-login > span:after,
.passwords.create .or-login > span:after,
.passwords.edit .or-login > span:after,
.passwords.update .or-login > span:after,
.onboarding.team_selections.show .or-login > span:after,
.onboarding.team_creations.show .or-login > span:after,
.onboarding.intents_selections.show .or-login > span:after,
.onboarding.main_intent_selections.show .or-login > span:after,
.onboarding.discovers.show .or-login > span:after,
.onboarding.apis.show .or-login > span:after,
.onboarding.explores.show .or-login > span:after,
.onboarding.find_emails.show .or-login > span:after,
.onboarding.campaigns.show .or-login > span:after,
.onboarding.verify_emails.show .or-login > span:after,
.check_your_inbox.index .or-login > span:after,
.registration_blocked.index .or-login > span:after,
.onboarding .or-login > span:after {
  left: 100%;
}
.registrations.new button[type=submit],
.registrations.new input[type=submit],
.registrations.create button[type=submit],
.registrations.create input[type=submit],
.sessions.new button[type=submit],
.sessions.new input[type=submit],
.passwords.new button[type=submit],
.passwords.new input[type=submit],
.passwords.create button[type=submit],
.passwords.create input[type=submit],
.passwords.edit button[type=submit],
.passwords.edit input[type=submit],
.passwords.update button[type=submit],
.passwords.update input[type=submit],
.onboarding.team_selections.show button[type=submit],
.onboarding.team_selections.show input[type=submit],
.onboarding.team_creations.show button[type=submit],
.onboarding.team_creations.show input[type=submit],
.onboarding.intents_selections.show button[type=submit],
.onboarding.intents_selections.show input[type=submit],
.onboarding.main_intent_selections.show button[type=submit],
.onboarding.main_intent_selections.show input[type=submit],
.onboarding.discovers.show button[type=submit],
.onboarding.discovers.show input[type=submit],
.onboarding.apis.show button[type=submit],
.onboarding.apis.show input[type=submit],
.onboarding.explores.show button[type=submit],
.onboarding.explores.show input[type=submit],
.onboarding.find_emails.show button[type=submit],
.onboarding.find_emails.show input[type=submit],
.onboarding.campaigns.show button[type=submit],
.onboarding.campaigns.show input[type=submit],
.onboarding.verify_emails.show button[type=submit],
.onboarding.verify_emails.show input[type=submit],
.check_your_inbox.index button[type=submit],
.check_your_inbox.index input[type=submit],
.registration_blocked.index button[type=submit],
.registration_blocked.index input[type=submit],
.onboarding button[type=submit],
.onboarding input[type=submit] {
  margin-top: 10px;
}
@media screen and (max-width: calc(62em - 1px)) {
  .registrations.new,
  .registrations.create,
  .sessions.new,
  .passwords.new,
  .passwords.create,
  .passwords.edit,
  .passwords.update,
  .onboarding.team_selections.show,
  .onboarding.team_creations.show,
  .onboarding.intents_selections.show,
  .onboarding.main_intent_selections.show,
  .onboarding.discovers.show,
  .onboarding.apis.show,
  .onboarding.explores.show,
  .onboarding.find_emails.show,
  .onboarding.campaigns.show,
  .onboarding.verify_emails.show,
  .check_your_inbox.index,
  .registration_blocked.index,
  .onboarding {
    margin-top: 0;
  }
}
@media screen and (max-width: 767px) {
  .registrations.new .board-box, .registrations.new .onboarding-box,
  .registrations.create .board-box,
  .registrations.create .onboarding-box,
  .sessions.new .board-box,
  .sessions.new .onboarding-box,
  .passwords.new .board-box,
  .passwords.new .onboarding-box,
  .passwords.create .board-box,
  .passwords.create .onboarding-box,
  .passwords.edit .board-box,
  .passwords.edit .onboarding-box,
  .passwords.update .board-box,
  .passwords.update .onboarding-box,
  .onboarding.team_selections.show .board-box,
  .onboarding.team_creations.show .board-box,
  .onboarding.intents_selections.show .board-box,
  .onboarding.main_intent_selections.show .board-box,
  .onboarding.discovers.show .board-box,
  .onboarding.apis.show .board-box,
  .onboarding.explores.show .board-box,
  .onboarding.find_emails.show .board-box,
  .onboarding.campaigns.show .board-box,
  .onboarding.verify_emails.show .board-box,
  .check_your_inbox.index .board-box,
  .check_your_inbox.index .onboarding-box,
  .registration_blocked.index .board-box,
  .registration_blocked.index .onboarding-box,
  .onboarding .board-box,
  .onboarding .onboarding-box {
    border: 1px solid var(--colors-grey-300);
    padding: 28px !important;
  }
  .registrations.new h1,
  .registrations.create h1,
  .sessions.new h1,
  .passwords.new h1,
  .passwords.create h1,
  .passwords.edit h1,
  .passwords.update h1,
  .onboarding.team_selections.show h1,
  .onboarding.team_creations.show h1,
  .onboarding.intents_selections.show h1,
  .onboarding.main_intent_selections.show h1,
  .onboarding.discovers.show h1,
  .onboarding.apis.show h1,
  .onboarding.explores.show h1,
  .onboarding.find_emails.show h1,
  .onboarding.campaigns.show h1,
  .onboarding.verify_emails.show h1,
  .check_your_inbox.index h1,
  .registration_blocked.index h1,
  .onboarding h1 {
    font-size: 24px;
  }
}
/*! purgecss end ignore */
#frozen-bar,
#quota-reached-bar,
#terms-acceptance-bar,
#pending-invite-bar {
  text-align: center;
  font-size: 14px;
  padding: 18px 10px 20px;
  font-weight: 600;
  background-color: var(--colors-warning-100);
}
#frozen-bar .far,
#frozen-bar .fas,
#frozen-bar .fal,
#quota-reached-bar .far,
#quota-reached-bar .fas,
#quota-reached-bar .fal,
#terms-acceptance-bar .far,
#terms-acceptance-bar .fas,
#terms-acceptance-bar .fal,
#pending-invite-bar .far,
#pending-invite-bar .fas,
#pending-invite-bar .fal {
  margin-right: 10px;
}
#frozen-bar .close-bar,
#quota-reached-bar .close-bar,
#terms-acceptance-bar .close-bar,
#pending-invite-bar .close-bar {
  line-height: 16px;
  float: right;
  font-size: 20px;
}
#frozen-bar .close-bar:hover,
#quota-reached-bar .close-bar:hover,
#terms-acceptance-bar .close-bar:hover,
#pending-invite-bar .close-bar:hover {
  cursor: pointer;
}
#frozen-bar .h-button,
#quota-reached-bar .h-button,
#terms-acceptance-bar .h-button,
#pending-invite-bar .h-button {
  margin: 0 0 0 10px;
}
#terms-acceptance-bar {
  border-bottom: 1px solid var(--colors-grey-300);
}
#terms-acceptance-bar form {
  margin-top: 10px;
}
.tooltip {
  --bs-tooltip-font-size: 1.3rem;
  --bs-tooltip-padding-y: var(--spacing-02);
  --bs-tooltip-padding-x: var(--spacing-03);
  --h-cost-indicator-color: var(--colors-grey-400);
  --h-cost-indicator-icon-color: var(--colors-grey-400);
  --h-cost-indicator-border-color: var(--colors-grey-700);
}
.tooltip:not(.show) {
  pointer-events: none;
}
.popover {
  font-family: var(--fonts-family-body);
  font-feature-settings: var(--fonts-family-feature-settings);
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  line-height: 1.6em;
  max-width: 400px;
  border-radius: 4px;
}
.popover-body {
  line-height: 1.5;
}
.popover-body ul {
  padding-left: 15px;
  list-style-type: disc;
}
.popover-body li {
  margin: 0 0 5px 0;
}
.popover-body p:last-child,
.popover-body ul:last-child {
  margin-bottom: 0;
}
.new-label, .current-label {
  display: inline-block;
  text-transform: uppercase;
  font-size: 10px;
  font-weight: 600;
  background-color: var(--colors-secondary-700);
  color: #ffffff;
  line-height: 12px;
  padding: 3px 4px;
  border-radius: 3px;
  margin-left: 3px;
}
.current-label {
  background-color: var(--colors-grey-600);
}
.premium-filter-button {
  display: flex;
  justify-content: space-between;
  opacity: 0.5;
}
.premium-feature-popover {
  width: 24rem;
  text-align: center;
  line-height: 1.5;
}
.premium-feature-popover strong {
  display: block;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.25;
}
.premium-feature-popover p {
  margin: 5px 20px 20px;
}
.premium-feature-popover .h-button--primary {
  width: 100%;
  justify-content: center;
}
.premium-feature-popover .light-grey, .premium-feature-popover .card-security-hint, .premium-feature-popover .checkout.index .address-hint, .checkout.index .premium-feature-popover .address-hint, .premium-feature-popover .search_landing_page.show .search-container .search-loader, .search_landing_page.show .search-container .premium-feature-popover .search-loader, .premium-feature-popover .compose-modal .modal-body .template-line .manage-templates, .compose-modal .modal-body .template-line .premium-feature-popover .manage-templates,
.premium-feature-popover .compose-modal .modal-body .email-account-line .manage-templates,
.compose-modal .modal-body .email-account-line .premium-feature-popover .manage-templates, .premium-feature-popover .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .premium-feature-popover .back-button,
.premium-feature-popover .audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button,
.audience.show .campaign-breadcrumb .breadcrumb-buttons .premium-feature-popover .back-button,
.premium-feature-popover .content.show .campaign-breadcrumb .breadcrumb-buttons .back-button,
.content.show .campaign-breadcrumb .breadcrumb-buttons .premium-feature-popover .back-button,
.premium-feature-popover .messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button,
.messages.index .campaign-breadcrumb .breadcrumb-buttons .premium-feature-popover .back-button,
.premium-feature-popover .stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button,
.stats.index .campaign-breadcrumb .breadcrumb-buttons .premium-feature-popover .back-button,
.premium-feature-popover .webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons .premium-feature-popover .back-button, .premium-feature-popover .onboarding-box.onboarding-box-horizontal .close-onboarding-box, .onboarding-box.onboarding-box-horizontal .premium-feature-popover .close-onboarding-box, .premium-feature-popover .alert-no-content p, .alert-no-content .premium-feature-popover p, .premium-feature-popover .bulk_searches.show .bulk-details .additional-details, .bulk_searches.show .bulk-details .premium-feature-popover .additional-details,
.premium-feature-popover .bulk_finders.show:not(.configuration) .bulk-details .additional-details,
.bulk_finders.show:not(.configuration) .bulk-details .premium-feature-popover .additional-details,
.premium-feature-popover .bulk_verifications.show .bulk-details .additional-details,
.bulk_verifications.show .bulk-details .premium-feature-popover .additional-details {
  margin: 10px 0;
  font-size: 12px;
}
.gmail-connect-popover {
  width: 300px;
  text-align: center;
}
.gmail-connect-popover .gmail-logo {
  width: 56px;
  height: 56px;
  margin: 0 auto 15px;
}
.gmail-connect-popover .btn-google {
  margin-top: 15px !important;
  padding: 14px 20px 14px 14px;
  font-size: 13px;
  line-height: 13px;
  height: 44px;
}
.gmail-connect-popover .light-grey, .gmail-connect-popover .card-security-hint, .gmail-connect-popover .checkout.index .address-hint, .checkout.index .gmail-connect-popover .address-hint, .gmail-connect-popover .search_landing_page.show .search-container .search-loader, .search_landing_page.show .search-container .gmail-connect-popover .search-loader, .gmail-connect-popover .compose-modal .modal-body .template-line .manage-templates, .compose-modal .modal-body .template-line .gmail-connect-popover .manage-templates,
.gmail-connect-popover .compose-modal .modal-body .email-account-line .manage-templates,
.compose-modal .modal-body .email-account-line .gmail-connect-popover .manage-templates, .gmail-connect-popover .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button, .campaigns.show .campaign-breadcrumb .breadcrumb-buttons .gmail-connect-popover .back-button,
.gmail-connect-popover .audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button,
.audience.show .campaign-breadcrumb .breadcrumb-buttons .gmail-connect-popover .back-button,
.gmail-connect-popover .content.show .campaign-breadcrumb .breadcrumb-buttons .back-button,
.content.show .campaign-breadcrumb .breadcrumb-buttons .gmail-connect-popover .back-button,
.gmail-connect-popover .messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button,
.messages.index .campaign-breadcrumb .breadcrumb-buttons .gmail-connect-popover .back-button,
.gmail-connect-popover .stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button,
.stats.index .campaign-breadcrumb .breadcrumb-buttons .gmail-connect-popover .back-button,
.gmail-connect-popover .webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons .gmail-connect-popover .back-button, .gmail-connect-popover .onboarding-box.onboarding-box-horizontal .close-onboarding-box, .onboarding-box.onboarding-box-horizontal .gmail-connect-popover .close-onboarding-box, .gmail-connect-popover .alert-no-content p, .alert-no-content .gmail-connect-popover p, .gmail-connect-popover .bulk_searches.show .bulk-details .additional-details, .bulk_searches.show .bulk-details .gmail-connect-popover .additional-details,
.gmail-connect-popover .bulk_finders.show:not(.configuration) .bulk-details .additional-details,
.bulk_finders.show:not(.configuration) .bulk-details .gmail-connect-popover .additional-details,
.gmail-connect-popover .bulk_verifications.show .bulk-details .additional-details,
.bulk_verifications.show .bulk-details .gmail-connect-popover .additional-details {
  margin: 10px 0;
  font-size: 12px;
}
.fa-spin {
  -webkit-animation-duration: 400ms !important;
  animation-duration: 400ms !important;
}
#api_key {
  display: none;
}
.turbo-progress-bar {
  background-color: var(--colors-primary-600);
}
.gmail-signature-container {
  padding: 15px;
  margin: 10px 0;
  max-width: 700px;
  border: 1px solid var(--colors-grey-300);
  border-radius: 3px;
}
.gmail-signature-dots {
  display: inline-block;
  line-height: 12px;
  padding: 0 4px;
  font-size: 16px;
  color: var(--colors-grey-600);
  border-radius: 3px;
  background-color: var(--colors-grey-100);
}
.gmail-signature-dots:hover {
  background-color: var(--colors-grey-200);
  cursor: pointer;
}
.gmail-signature {
  font-family: Arial, Helvetica, sans-serif;
}
.gmail-signature img {
  display: inline;
}
.gmail-signature a {
  text-decoration: underline;
  color: #15c;
}
.gmail-signature blockquote {
  font-size: 13px;
  padding: 0;
}
.unsubscribe-footer {
  font-family: Arial, Helvetica, sans-serif;
  margin-top: 15px;
  font-size: 12px;
  color: var(--colors-grey-500);
}
.unsubscribe-footer a {
  color: var(--colors-grey-500);
  text-decoration: underline;
}
.attachments-toolbar {
  border-top: 1px solid var(--colors-grey-300);
  margin-top: 20px;
  padding-top: 20px;
}
.attachments-toolbar .attachment-container {
  display: inline-block;
  background-color: var(--colors-grey-100);
  border-radius: 5px;
  padding: 4px 10px;
  margin-bottom: 5px;
  font-weight: 600;
}
.attachments-toolbar .attachment-title {
  display: inline-block;
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
  color: var(--colors-grey-1000);
}
.attachments-toolbar .attachment-remove {
  margin-left: 5px;
  font-size: 12px;
  font-weight: 500;
}
.blue-link, .application-front section sup > a, .application-front section .blue-cta, .sources-list a {
  color: var(--colors-secondary-700) !important;
  border-bottom: 1px solid var(--colors-secondary-400) !important;
  transition: all 250ms ease;
  text-decoration: none;
}
.blue-link:hover, .application-front section sup > a:hover, .application-front section .blue-cta:hover, .sources-list a:hover, .blue-link:active, .application-front section sup > a:active, .application-front section .blue-cta:active, .sources-list a:active, .blue-link:focus, .application-front section sup > a:focus, .application-front section .blue-cta:focus, .sources-list a:focus {
  color: var(--colors-secondary-700);
  text-decoration: none;
  border-bottom: 1px solid var(--colors-secondary-600) !important;
  cursor: pointer;
}
.blue {
  color: var(--colors-secondary-700) !important;
  transition: all 250ms ease;
  text-decoration: none;
}
::selection {
  background: var(--colors-grey-900);
  color: #ffffff;
}
.email-container {
  padding: 0;
  position: relative;
  display: inline-block;
  padding-right: 80px;
}
.email-container .email {
  font-weight: 500;
  font-size: 14px;
  display: inline-block;
  cursor: pointer;
  color: var(--colors-grey-900);
}
.email-container .email:active {
  color: var(--colors-primary-600);
}
.email-container .email span {
  color: transparent;
  text-shadow: 0 0 6px var(--colors-grey-600);
  cursor: help;
}
.email-container .email-copied {
  opacity: 0;
  position: absolute;
  left: 0;
  top: -8px;
  font-weight: 600;
  font-size: 14px;
}
.email-container .copy-status {
  display: none;
  color: var(--colors-grey-600);
  font-weight: 500;
  font-size: 12px;
  line-height: 18px;
  margin-left: 5px;
}
.email-container .verified-icon {
  display: inline-block;
  font-size: 13px;
  color: var(--colors-success-600);
  margin-left: 5px;
}
.email-container .verification-link {
  display: inline-block;
  color: var(--colors-grey-600);
  cursor: pointer;
  font-size: 13px;
  margin-left: 5px;
}
.email-container .verification-link.verification-link-disabled {
  color: var(--colors-grey-300);
  cursor: default;
}
.email-container .verification-result {
  margin-left: 4px;
  display: inline-block;
  font-size: 12px;
}
.email-container .verification-result .far {
  margin-right: 2px;
}
.email-container .email-verification-status {
  margin-top: 5px;
  color: var(--colors-grey-600);
  font-size: 13px;
}
.email-container .email-verification-status strong {
  font-size: 14px;
  font-weight: 500;
  text-transform: uppercase;
  margin-right: 5px;
}
.popover-body .score {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  margin: 0 2px;
  border: 2px solid transparent;
}
.popover-body .score.low-score {
  border-color: var(--colors-grey-500);
}
.popover-body .score.average-score {
  background: linear-gradient(0deg, var(--colors-grey-500), var(--colors-grey-500) 50%, transparent 0, transparent);
  border-color: var(--colors-grey-500);
}
.popover-body .score.high-score {
  background-color: var(--colors-grey-500);
}
@media screen and (max-width: 767px) {
  .email-container {
    padding-right: 0;
  }
}
.sources-link {
  float: right;
  color: var(--colors-grey-600);
  font-size: 14px;
}
.sources-link .fa-angle-down,
.sources-link .fa-angle-up {
  margin-left: 3px;
}
.sources-link:hover {
  cursor: pointer;
}
.sources-list {
  display: none;
  padding-top: 10px;
  font-size: 13px;
  line-height: 20px;
}
.sources-list .not-on-page a,
.sources-list .not-on-page .source-date {
  opacity: 0.7;
}
.sources-list a {
  display: inline-block;
  vertical-align: text-bottom;
  max-width: 450px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 8px;
}
.sources-list .source-date {
  color: var(--colors-grey-600);
  vertical-align: text-bottom;
  margin-left: 5px;
}
.sources-list .not-on-page-label {
  display: inline-block;
  background: var(--colors-grey-600);
  color: white;
  font-size: 9px;
  font-weight: 600;
  text-transform: uppercase;
  padding: 0 5px;
  border-radius: 3px;
  vertical-align: text-bottom;
  line-height: 20px;
  margin-left: 5px;
}
a:hover,
a:active,
a:focus {
  outline: none;
}
a:focus-visible {
  box-shadow: 0 0 0 2px var(--colors-secondary-700);
}
img {
  max-width: 100%;
  height: auto;
  display: block;
}
.gap-top-sm {
  margin-top: 5px;
}
.gap-top-md {
  margin-top: 20px;
}
.gap-top-lg {
  margin-top: 40px;
}
.gap-bottom-md {
  margin-bottom: 20px;
}
.gap-bottom-lg {
  margin-bottom: 100px;
}
.gap-left-xs {
  margin-left: 2px;
}
.gap-left-sm {
  margin-left: 5px;
}
.gap-left-md {
  margin-left: 20px;
}
.gap-right-xs {
  margin-right: 2px;
}
.gap-right-sm {
  margin-right: 5px;
}
.gap-right-md {
  margin-right: 20px;
}
.md-thin-text {
  font-size: 18px;
  font-weight: normal;
}
code,
.CodeRay {
  color: var(--colors-grey-900);
  background-color: var(--colors-grey-100);
  border-radius: 3px;
  display: inline-block;
  padding: 0 5px;
}
code .integer,
.CodeRay .integer {
  color: var(--colors-primary-500);
}
code .key,
.CodeRay .key {
  color: var(--colors-success-500);
}
code .value,
.CodeRay .value {
  color: var(--colors-secondary-500);
}
code .param,
.CodeRay .param {
  color: var(--colors-secondary-500);
}
pre,
.CodeRay {
  border-radius: 5px;
  background-color: var(--colors-grey-1000);
  border: 0;
  color: #ffffff;
  margin-bottom: 0;
  width: 100%;
  overflow-x: auto;
  padding: 15px;
}
pre code,
.CodeRay code {
  background-color: transparent;
  font-size: 13px;
  white-space: pre;
  padding: 0;
}
pre::-webkit-scrollbar,
.CodeRay::-webkit-scrollbar {
  height: 10px;
}
pre::-webkit-scrollbar-track,
.CodeRay::-webkit-scrollbar-track {
  border-radius: 5px;
  background-color: var(--colors-grey-700);
}
pre::-webkit-scrollbar-thumb,
.CodeRay::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background-color: var(--colors-grey-600);
}
pre::-webkit-scrollbar-thumb:hover,
.CodeRay::-webkit-scrollbar-thumb:hover {
  background-color: var(--colors-grey-500);
}
pre::-webkit-scrollbar-thumb:active,
.CodeRay::-webkit-scrollbar-thumb:active {
  background-color: var(--colors-grey-400);
}
.CodeRay {
  padding: 0;
}
/*! purgecss start ignore */
.grecaptcha-badge {
  visibility: hidden;
}
/*! purgecss end ignore */
a .fa,
a .icon {
  margin-right: 5px;
  display: inline-block;
}
strong,
b {
  font-weight: 600;
}
.center {
  text-align: center;
}
th {
  font-weight: 600;
}
.full-width {
  width: 100%;
}
.text-align-center {
  text-align: center;
}
#copy-area {
  position: fixed;
  top: 0px;
  left: 0px;
}
.ff-private {
  position: relative !important;
  outline-offset: var(--spacing-01) !important;
  outline: 0.2rem solid var(--colors-primary-200) !important;
}
.ff-private::before {
  content: "FF";
  position: absolute;
  top: -0.4rem;
  right: -0.4rem;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.6rem;
  padding: 0 0.4rem;
  background-color: var(--colors-primary-200);
  color: var(--colors-primary-700);
}
.h-separator--full {
  width: calc(100% + var(--spacing-06) * 2);
  margin-left: calc(var(--spacing-06) * -1);
  margin-right: calc(var(--spacing-06) * -1);
  height: 0.1rem;
  border: 0;
  background-color: var(--colors-grey-200);
}
.usage.index .requests-table,
.credits.index .requests-table {
  margin-bottom: 15px;
}
.usage.index .requests-table .row-title,
.credits.index .requests-table .row-title {
  padding: 10px 28px;
}
.usage.index .requests-table .row-title .request-title,
.credits.index .requests-table .row-title .request-title {
  display: inline-block;
  width: 180px;
}
.usage.index .requests-table .row-title .request-source,
.credits.index .requests-table .row-title .request-source {
  display: inline-block;
  color: var(--colors-grey-600);
  width: 180px;
}
.usage.index .requests-table .row-title .request-date,
.credits.index .requests-table .row-title .request-date {
  float: right;
  color: var(--colors-grey-600);
  margin-right: 25px;
}
.usage.index .requests-table .row-title .profile-pic,
.usage.index .requests-table .row-title .profile-pic img,
.credits.index .requests-table .row-title .profile-pic,
.credits.index .requests-table .row-title .profile-pic img {
  display: inline;
}
.usage.index .requests-table .row-title .fa-angle-down,
.credits.index .requests-table .row-title .fa-angle-down {
  font-size: 16px;
}
.usage.index .requests-table .row-detail code,
.credits.index .requests-table .row-detail code {
  margin-bottom: 10px;
}
.usage.index .requests-table .row-detail p,
.credits.index .requests-table .row-detail p {
  margin: 0 0 5px;
}
.email_verifier .dashboard-body {
  min-height: calc(100vh - 28rem);
}
.email_verifier .video-onboarding {
  --iframe-ratio: 55.938951559389515%;
}
.verify-result {
  padding: var(--spacing-08) !important;
}
.verify-result__data {
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
}
.verify-result__icon {
  --verify-result-background: var(--colors-grey-100);
  --verify-result-color: var(--colors-grey-600);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  border-radius: 50%;
  background-color: var(--verify-result-background);
  color: var(--verify-result-color);
}
.verify-result__icon .verification-status-icon {
  font-size: 1.6rem;
}
.verify-result__icon--valid {
  --verify-result-background: var(--colors-success-200);
  --verify-result-color: var(--colors-success-600);
}
.verify-result__icon--accept_all {
  --verify-result-background: var(--colors-warning-200);
  --verify-result-color: var(--colors-warning-600);
}
.verify-result__icon--invalid {
  --verify-result-background: var(--colors-danger-200);
  --verify-result-color: var(--colors-danger-600);
}
.verify-result__avatar {
  display: flex;
  min-width: 8rem;
  width: 8rem;
  height: 8rem;
  margin-right: var(--spacing-01);
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
}
.verify-result__avatar img {
  object-fit: contain;
}
.verify-result__primary {
  flex: 1;
  min-width: 0;
}
.verify-result__primary .verify-result__title {
  margin: 0;
  font-family: var(--fonts-family-body);
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3333333333;
  color: var(--colors-grey-800);
  overflow: hidden;
  text-overflow: ellipsis;
}
.verify-result__primary .verify-result__title--sm {
  font-size: 1.6rem;
}
/*! purgecss start ignore */
.verify-result__email {
  user-select: all;
  cursor: pointer;
}
/*! purgecss end ignore */
.verify-result__subtitle {
  margin-top: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.verify-result__verification {
  margin-top: var(--spacing-02);
  display: flex;
  gap: var(--spacing-03);
  align-items: center;
  line-height: 1.3333333333;
}
.verify-result__actions {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-02);
  align-self: center;
  min-width: 12rem;
  text-align: right;
}
.verify-result__actions .h-button {
  text-wrap: nowrap;
}
.verify-result__actions .h-button-group {
  max-inline-size: none;
  width: 100%;
}
.verify-result__sources {
  margin-top: var(--spacing-08);
  padding-top: var(--spacing-04);
  border-top: 1px solid var(--colors-grey-300);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
}
.verify-result__sources-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-04);
}
.verify-result-details {
  margin: var(--spacing-06) calc(var(--spacing-08) * -1) calc(var(--spacing-08) * -1);
  width: calc(100% + var(--spacing-08) * 2);
  padding: var(--spacing-08) var(--spacing-08) var(--spacing-02);
  border-radius: 0 0 0.3rem 0.3rem;
  background-color: var(--colors-grey-100);
  position: relative;
  z-index: 5;
}
.verify-result-detail {
  margin-bottom: var(--spacing-06);
}
.verify-result-detail .verify-result-detail__title {
  font-family: var(--fonts-family-body);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  color: var(--colors-grey-900);
  margin: 0;
}
.verify-result-detail__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.verify-result-detail__desc {
  margin-top: var(--spacing-02);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.verify-result-detail__desc a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-400);
  text-decoration-line: underline;
  text-underline-offset: var(--spacing-01);
}
.verify-result-detail__desc a:hover, .verify-result-detail__desc a:focus {
  text-decoration-color: currentColor;
}
.visitors.email_verifier .data-product-demo:not(:has(.product-no-demo)) {
  max-width: 64rem;
}
.visitors.email_verifier .verify-result {
  padding-bottom: 0 !important;
}
.visitors.email_verifier .verify-result-details {
  margin: var(--spacing-06) calc(var(--spacing-08) * -1) 0;
}
@media screen and (max-width: calc(48em - 1px)) {
  .verify-result {
    padding: var(--spacing-06) !important;
  }
  .verify-result__data {
    flex-direction: column;
  }
  .verify-result__avatar {
    display: none;
  }
  .verify-result__primary {
    width: 100%;
  }
  .verify-result__actions {
    flex-direction: row;
    width: 100%;
    margin-top: var(--spacing-04);
  }
}
.external-integrations-table {
  width: 100%;
}
.external-integrations-table__name {
  font-weight: 600;
  font-size: 1.4rem;
  white-space: nowrap;
}
.external-integrations-table__name img {
  display: inline-block;
  vertical-align: middle;
  max-width: 2rem;
  height: auto;
  margin-right: var(--spacing-01);
}
.external-integrations-table__desc {
  font-size: 1.3rem;
  color: var(--colors-grey-600);
}
.external-integrations-table__link {
  font-size: 1.3rem;
  white-space: nowrap;
}
@media screen and (max-width: calc(48em - 1px)) {
  .external-integrations-table tr {
    display: flex;
    flex-direction: column;
    padding-top: var(--spacing-06);
    padding-bottom: var(--spacing-06);
    border-bottom: 1px solid var(--colors-grey-300);
  }
  .external-integrations-table__name {
    flex: 1;
    min-width: 100%;
  }
}
@media screen and (min-width: 48em) {
  .external-integrations-table td {
    padding-top: var(--spacing-04);
    padding-bottom: var(--spacing-04);
  }
  .external-integrations-table tr + tr td {
    border-top: 1px solid var(--colors-grey-300);
  }
  .external-integrations-table__desc {
    padding-left: var(--spacing-08);
    padding-right: var(--spacing-08);
  }
  .external-integrations-table__link {
    text-align: right;
  }
}
.visitors .finder-result {
  margin-top: var(--spacing-08);
  padding: 0;
  border-bottom: 0;
}
.visitors .finder-no-result {
  margin-top: var(--spacing-08);
}
.visitors .finder-message {
  margin-top: var(--spacing-04);
  color: var(--colors-grey-600);
}
.main-footer {
  background-color: var(--colors-grey-1000);
  color: var(--colors-grey-500);
  font-size: 15px;
  padding: 120px 15px 40px 15px;
}
.main-footer button, .main-footer a {
  transition: all 100ms ease-in-out;
  color: var(--colors-grey-500);
  font-size: 14px;
}
.main-footer button:hover, .main-footer button:focus, .main-footer button:active, .main-footer a:hover, .main-footer a:focus, .main-footer a:active {
  text-decoration: none;
  color: #ffffff;
}
.main-footer .footer-navigation {
  margin-bottom: 80px;
}
.main-footer .footer-navigation .footer__title {
  display: block;
  margin: 13px 0 19px 0;
  font-weight: 600;
  color: #ffffff;
  letter-spacing: 1.5px;
  text-transform: uppercase;
  font-size: 15px;
}
.main-footer .footer-navigation .fa-envelope {
  font-size: 0.8em;
  margin-right: 3px;
}
.main-footer .footer-navigation .status-color-dot {
  border-radius: 100px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.main-footer .footer-navigation .status-color-dot.down {
  background-color: var(--colors-danger-600);
}
.main-footer .footer-navigation .status-color-dot.up {
  background-color: var(--colors-success-600);
}
.main-footer .footer-navigation .status-color-description {
  font-size: 14px;
}
.main-footer .social-icons {
  margin-top: 30px;
  text-align: center;
}
.main-footer .social-icons .fab {
  font-size: 19px;
  margin: 0 8px;
  display: inline-block;
}
.main-footer .legal-mentions {
  margin-top: 30px;
  font-size: 12px;
  color: var(--colors-grey-500);
  text-align: center;
}
.main-footer .legal-mentions hr {
  width: 120px;
  border-top: 1px solid var(--colors-grey-700);
}
.main-footer .legal-mentions .separator {
  display: inline-block;
  margin: 0 3px;
  color: var(--colors-grey-500);
}
.main-footer .legal-mentions .legal-links {
  margin-top: 10px;
}
.main-footer .legal-mentions a {
  font-size: 12px;
  margin: 0;
  color: var(--colors-grey-500);
}
.main-footer .legal-mentions a:hover, .main-footer .legal-mentions a:focus, .main-footer .legal-mentions a:active {
  color: var(--colors-grey-300);
}
@media screen and (max-width: 992px) {
  .main-footer {
    text-align: center;
    padding-top: 60px;
  }
  .main-footer h3 {
    margin: 50px 0 10px 0 !important;
  }
  .main-footer .legal-mentions:before {
    left: calc(50% - 60px);
  }
  .main-footer .legal-mentions {
    text-align: center;
  }
  .main-footer .legal-mentions .legal-links {
    float: none;
    margin-top: 5px;
  }
}
/*! purgecss start ignore */
.pac-container {
  font-family: "Inter", sans-serif !important;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  border-radius: 5px;
  box-shadow: none;
  border: 1px solid var(--colors-grey-300);
  z-index: 1056;
}
.pac-container::after {
  content: "Powered by Google" !important;
  background: none !important;
  color: var(--colors-grey-400);
  height: 28px;
  font-size: 11px;
  background: none;
  padding: 0 15px;
}
.pac-container .pac-item {
  padding: 8px 15px;
}
.pac-container .pac-item:hover, .pac-container .pac-item.pac-item-selected {
  cursor: pointer;
  background: var(--colors-grey-100);
}
/*! purgecss end ignore */
/**
* Highlighted Icon
*
* Display on icon in a rounded-square with a light background
* Mainly used for features icons in menu and landing pages
*
* @type: component
*/
.highlighted-icon {
  background-color: var(--colors-secondary-200);
  color: var(--colors-secondary-600);
  border-radius: 0.8rem;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  padding: var(--spacing-01);
  transition: background-color 0.25s ease-in-out, color 0.15s ease-in-out;
  border: 0.2rem solid transparent;
}
.highlighted-icon__icon {
  width: 3.2rem;
  height: 3.2rem;
  font-size: 2.4rem;
  line-height: 1.2;
  text-align: center;
  fill: currentColor;
  margin-right: 0;
}
/* Modifier
============================= */
/* Style */
.highlighted-icon--bordered {
  border-color: var(--colors-secondary-400);
}
/* Size */
.highlighted-icon--xs {
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 0.2rem;
}
.highlighted-icon--xs .highlighted-icon__icon {
  width: 2rem;
  height: 2rem;
}
.highlighted-icon--sm {
  width: 4rem;
  height: 4rem;
  border-radius: 0.4rem;
}
.highlighted-icon--sm .highlighted-icon__icon {
  width: 2.8rem;
  height: 2.8rem;
}
@media screen and (min-width: 48em) {
  .highlighted-icon--lg {
    width: 6rem;
    height: 6rem;
  }
  .highlighted-icon--lg .highlighted-icon__icon {
    width: 4rem;
    height: 4rem;
  }
}
/**
* HORIZONTAL SUBMENU
* Can be used for a secondary menu or tabs-as-buttons
*/
.horizontal-submenu {
  margin-bottom: 15px;
  display: flex;
  align-items: center;
  gap: 0.25em;
}
.horizontal-submenu > a,
.horizontal-submenu > button {
  display: inline-block;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-800);
  background-color: transparent;
  padding: var(--spacing-02) var(--spacing-03);
  width: 100%;
  border-radius: 0.4rem;
  border: 0;
  width: auto;
  text-align: center;
  cursor: pointer;
  transition: all 150ms ease-in-out;
  /* States */
}
.horizontal-submenu > a:hover,
.horizontal-submenu > button:hover {
  text-decoration: none;
  background: var(--colors-grey-100);
}
.horizontal-submenu > a.active, .horizontal-submenu > a[aria-selected=true],
.horizontal-submenu > button.active,
.horizontal-submenu > button[aria-selected=true] {
  font-weight: 500;
  background: var(--colors-grey-200);
}
.horizontal-submenu > a:active, .horizontal-submenu > a:focus,
.horizontal-submenu > button:active,
.horizontal-submenu > button:focus {
  text-decoration: none;
  background: var(--colors-grey-200);
  transform: scale(0.99);
}
/*
Dashboard layout

This sheet contains common styles for
UI elements in the dashboard.
*/
:root {
  --app-header-wrapper-width: var(--app-header-wrapper-width--collapsed);
  --app-header-wrapper-width--collapsed: 5.7rem;
  --app-header-width: var(--app-header-wrapper-width--collapsed);
  --app-header-width--expanded: 18rem;
  --app-main-nav-width: auto;
}
.l-app-wrapper {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-005);
  height: 100vh;
}
.l-app-grid {
  width: 100%;
  display: grid;
  grid-template-columns: 0 1fr 0;
  grid-template-areas: "header main sidepanel";
  height: 100%;
  transition: 400ms;
}
.l-app-grid--row {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-005);
  height: auto;
}
.l-app-grid--row .l-header,
.l-app-grid--row .l-main {
  height: auto;
  overflow: initial;
}
.l-app-grid--row .app-header {
  width: 100% !important;
  box-shadow: none !important;
  flex-direction: row;
  align-items: center;
  padding: var(--spacing-06) var(--spacing-04);
}
.l-app-grid--row .app-header__logo {
  margin-bottom: 0;
  margin-left: 0;
  width: auto !important;
  height: 2.4rem;
}
.l-app-grid--row .l-main {
  min-height: calc(100vh - 8rem);
}
.l-app-grid--row .main-wrapper {
  margin-top: var(--spacing-16);
  margin-bottom: var(--spacing-16);
}
.l-header,
.l-main,
.l-sidepanel {
  height: 100%;
  background-color: #fff;
}
.l-header {
  grid-area: header;
}
.l-main {
  grid-area: main;
  overflow: auto;
}
.l-sidepanel {
  grid-area: sidepanel;
  overflow: auto;
}
.main-wrapper {
  margin: var(--spacing-04) auto;
  width: calc(100% - 8rem);
}
.application-back {
  background-color: var(--colors-grey-200);
  padding-bottom: 0;
}
.application-back .dashboard-body {
  margin-top: 40px;
  overflow-x: auto;
}
.application-back .dashboard-body > .container {
  max-width: 820px;
}
.application-back .dashboard-body > .container,
.application-back .dashboard-body > .container-fluid,
.application-back .dashboard-body > .container-sm,
.application-back .dashboard-body > .container-md,
.application-back .dashboard-body > .container-lg,
.application-back .dashboard-body > .container-xl,
.application-back .dashboard-body > .container-xxl {
  min-width: 370px;
  margin-top: 20px;
}
#cio-banner:empty {
  display: none;
}
@media screen and (max-width: calc(62em - 1px)) {
  .application-back {
    margin-top: 5.4rem;
  }
  .l-app-wrapper {
    padding: 0;
    gap: 0;
  }
  .l-main {
    padding-bottom: var(--spacing-20);
  }
}
@media screen and (max-width: calc(87.5em - 1px)) {
  .l-sidepanel {
    position: absolute;
    width: calc(100% - 4rem);
    max-width: 60rem;
    right: 0;
    box-shadow: -4px 0 8px rgba(0, 0, 0, 0.1);
  }
}
@media screen and (min-width: 62em) {
  .l-app-grid {
    grid-template-columns: var(--app-header-wrapper-width--collapsed) 1fr 0;
  }
}
@media screen and (min-width: 75em) {
  :root {
    --app-header-wrapper-width: 18rem;
  }
  .l-app-grid {
    grid-template-columns: var(--app-header-wrapper-width) 1fr 0;
  }
  .l-app-grid:has(.app-header--collapsed) {
    --app-header-wrapper-width: 5.7rem;
  }
}
@media screen and (min-width: 87.5em) {
  .app-header:not(.app-header--collapsed) .support-menu__link.is-active + .app-main-subnav,
  .app-header:not(.app-header--collapsed) .app-main-menu__link.is-active + .app-main-subnav {
    opacity: 1;
    visibility: visible;
  }
  .app-main-subnav {
    left: var(--app-header-wrapper-width--collapsed);
    box-shadow: none;
  }
}
.dashboard-main {
  height: 100%;
  display: flex;
  align-items: stretch;
}
.dashboard-main__sidebar {
  position: relative;
  flex: 0 0 28rem;
  padding: var(--spacing-08) var(--spacing-04);
  overflow: auto;
}
.dashboard-main__submenu {
  position: relative;
  flex: 0 0 20rem;
  overflow: auto;
}
.dashboard-main__filters {
  position: relative;
  flex: 0 0 clamp(28rem, 20%, 32rem);
  height: 100%;
  overflow: auto;
  background-color: #fff;
  border-right: 0.1rem solid var(--colors-grey-300);
}
.dashboard-main__content {
  min-width: 0;
  flex: 1;
  background-color: #fff;
  overflow: auto;
}
.dashboard-main__content .board-box:not(.onboarding-box), .dashboard-main__content .onboarding-box:not(.onboarding-box) {
  overflow: auto;
  padding: var(--spacing-06) var(--spacing-06) var(--spacing-20);
  margin-bottom: 0;
  border-radius: 0;
  box-shadow: none;
  border-width: 0;
  min-height: 100%;
}
.master-details-view {
  padding-bottom: 0;
}
.master-details {
  position: relative;
  height: 100%;
  gap: var(--spacing-005);
  background-color: var(--colors-grey-200);
  overflow: hidden;
  display: flex;
  align-items: stretch;
}
.master-details__master {
  flex: 1;
  min-width: 0;
  overflow: hidden;
}
.master-details__master > .board-box, .master-details__master > .onboarding-box {
  height: 100%;
  overflow: auto;
  padding: var(--spacing-06) var(--spacing-06) var(--spacing-24);
  margin-bottom: 0;
  border-radius: 0;
  box-shadow: none;
  border-width: 0;
}
.master-details__details {
  position: relative;
  flex: 0;
  min-width: 0;
  z-index: 1001;
  transition: min-width 400ms ease-in-out;
}
.master-details__details[aria-hidden=false] {
  min-width: clamp(55rem, 40%, 60rem);
}
.master-details__details[aria-hidden=false].master-details__details--lg {
  min-width: clamp(60rem, 50%, 68rem);
}
.page-header {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-02);
  padding: var(--spacing-04) var(--spacing-06);
  margin: 0 calc(var(--spacing-06) * -1) var(--spacing-04);
  border-bottom: 0.1rem solid var(--colors-grey-200);
  background-color: #fff;
}
.page-header .page-header__title {
  margin: 0;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: -0.01em;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.page-header .page-header__title > .far {
  font-size: 1.4rem;
  color: var(--colors-grey-600);
}
.page-header:has(.page-header__tabs) {
  padding-bottom: 0;
}
.page-header .dropdown__trigger {
  margin-left: calc(var(--spacing-01) * -1);
  max-width: calc(100% + 0.8rem);
}
.page-header__subtitle {
  flex-basis: 100%;
  color: var(--colors-grey-600);
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.page-header__subtitle:not(:last-child) {
  margin-bottom: var(--spacing-02);
}
.page-header--not-full {
  margin-left: 0;
  margin-right: 0;
  padding-left: 0;
  padding-right: 0;
}
.page-header--not-full:has(:not(.page-header__tabs)) {
  border-bottom: 0;
}
.page-header__title-dropdown,
.page-header__title--truncated {
  max-width: max(20rem, 50%, 56rem);
}
.page-header__heading {
  flex: 1;
  display: flex;
  align-items: center;
}
.page-header-breadcrumb {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  display: flex;
  font-size: 1.8rem;
  line-height: 1.7777777778;
  letter-spacing: -0.01em;
  color: var(--colors-grey-600);
}
.page-header-breadcrumb__item {
  display: flex;
}
.page-header-breadcrumb__item::after {
  content: "/";
  margin: 0 0.25em;
  color: var(--colors-grey-400);
}
.page-header-breadcrumb__link {
  color: currentColor;
}
.page-header-breadcrumb__link:hover, .page-header-breadcrumb__link:focus {
  color: var(--colors-grey-800);
  text-decoration: none;
}
.page-header__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.page-header__tabs {
  flex-basis: 100%;
  margin-bottom: -0.1rem;
}
.page-header__tabs .h-tabs__list {
  box-shadow: 0;
}
.main-heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  margin-bottom: var(--spacing-04);
}
.main-heading .main-heading__count {
  font-size: 1.4rem;
  font-weight: normal;
  line-height: 1.4285714286;
  margin: 0;
}
.main-heading__separator {
  height: 2.4rem;
  width: 0.1rem;
  margin: 0;
  background-color: var(--colors-grey-300);
}
.main-heading__filtering,
.main-heading__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.main-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-04);
}
.main-actions__start {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
}
.main-actions__end {
  flex: 1;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-02);
}
.main-actions__dropdown {
  min-width: 20rem;
}
.bulk-actions-count {
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.8461538462;
  color: var(--colors-grey-600);
}
.bulk-actions-count__selected {
  color: var(--colors-grey-900);
}
.main-filters {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  flex-wrap: wrap;
}
.main-filters__separator {
  height: 2.4rem;
  width: 0.1rem;
  margin: 0 var(--spacing-01);
  background-color: var(--colors-grey-300);
}
.board-box, .onboarding-box {
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border: 1px solid var(--colors-grey-300);
  padding: 30px 28px 28px 28px;
  background-color: #fff;
  border-radius: 0.4rem;
  margin-bottom: var(--spacing-08);
  text-align: left;
  font-size: 1.4rem;
}
.board-box:has(.page-header:not(.page-header--not-full)), .onboarding-box:has(.page-header:not(.page-header--not-full)) {
  padding-top: 0 !important;
}
.board-box .board-box__title, .onboarding-box .board-box__title {
  margin: 0;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.7777777778;
  color: var(--colors-grey-900);
}
.board-box .board-box__title--truncated, .onboarding-box .board-box__title--truncated {
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.7777777778;
  color: var(--colors-grey-900);
  max-width: 50%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.board-box .board-box__title--lg, .onboarding-box .board-box__title--lg {
  font-size: 1.8rem;
  line-height: 1.7777777778;
}
.board-box .board-box__subtitle, .onboarding-box .board-box__subtitle {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
}
.board-box .board-box__title-hint, .onboarding-box .board-box__title-hint {
  margin: 0;
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-600);
}
.board-box h1, .onboarding-box h1,
.board-box h2,
.onboarding-box h2 {
  font-size: 20px;
  margin: 0 0 25px;
  font-weight: 600;
}
.board-box h1 .subtitle, .onboarding-box h1 .subtitle,
.board-box h2 .subtitle,
.onboarding-box h2 .subtitle {
  margin-top: 5px;
  font-size: 15px;
  line-height: 22px;
  font-weight: 400;
}
.board-box h1 .shared-icon, .onboarding-box h1 .shared-icon,
.board-box h2 .shared-icon,
.onboarding-box h2 .shared-icon {
  margin-left: var(--spacing-01);
  vertical-align: middle;
}
.board-box h1 em, .onboarding-box h1 em,
.board-box h2 em,
.onboarding-box h2 em {
  color: var(--colors-grey-600);
  font-weight: 500;
  font-size: 13px;
  margin-left: 10px;
  font-style: normal;
}
.board-box h1, .onboarding-box h1 {
  font-size: 28px;
}
.board-box h3, .onboarding-box h3 {
  font-size: 17px;
  font-weight: 600;
  margin: 30px 0 15px;
}
.board-box h3.header, .onboarding-box h3.header {
  margin-top: 0 !important;
}
.board-box h3 .step-count, .onboarding-box h3 .step-count {
  display: inline-block;
  height: 24px;
  width: 24px;
  background-color: var(--colors-primary-600);
  border-radius: 50%;
  color: #ffffff;
  margin-right: 8px;
  text-align: center;
  font-size: 13px;
  font-weight: 700;
}
.board-box h3 em, .onboarding-box h3 em {
  color: var(--colors-grey-600);
  font-weight: 500;
  font-size: 13px;
  margin-left: 5px;
  font-style: normal;
}
.board-box h4, .onboarding-box h4 {
  margin: 15px 0;
  font-weight: 600;
  font-size: 17px;
}
.board-box h4.small, .onboarding-box h4.small {
  font-size: 14px;
}
.board-box .no-bottom-margin-table, .onboarding-box .no-bottom-margin-table {
  margin-bottom: -26px;
}
.board-box .no-bottom-margin-table tr:last-child, .onboarding-box .no-bottom-margin-table tr:last-child {
  border-bottom: 0;
}
.board-box .box-submenu, .onboarding-box .box-submenu {
  list-style: none;
  padding: 0;
  margin: -30px -28px 30px;
  border-bottom: 1px solid var(--colors-grey-300);
  background-color: var(--colors-grey-100);
  border-radius: 3px 3px 0 0;
}
.board-box .box-submenu li, .onboarding-box .box-submenu li {
  display: inline-block;
}
.board-box .box-submenu li:first-child, .onboarding-box .box-submenu li:first-child {
  margin-left: 18px;
}
.board-box .box-submenu li > a, .onboarding-box .box-submenu li > a {
  display: inline-block;
  padding: 18px 3px 14px;
  margin: 0 5px;
  font-size: 14px;
  color: var(--colors-grey-700);
  transition: all 100ms ease-in-out;
  border-bottom: 2px solid var(--colors-grey-100);
}
.board-box .box-submenu li > a:hover, .onboarding-box .box-submenu li > a:hover, .board-box .box-submenu li > a:focus, .onboarding-box .box-submenu li > a:focus {
  text-decoration: none;
  border-bottom: 2px solid var(--colors-grey-300);
}
.board-box .box-submenu li > a.active, .onboarding-box .box-submenu li > a.active {
  border-bottom: 2px solid currentColor;
  color: var(--colors-primary-600);
}
.board-box h2.header, .onboarding-box h2.header {
  font-size: 17px;
  margin-bottom: 20px;
  display: inline-block;
}
.board-box h2.header #list-select, .onboarding-box h2.header #list-select {
  display: inline-block;
  margin-left: -10px;
  padding: 7px 10px;
  border: 1px solid #fff;
  border-radius: 3px;
  transition: all 150ms ease-in-out;
}
.board-box h2.header #list-select:hover, .onboarding-box h2.header #list-select:hover {
  background: var(--colors-grey-100);
  border: 1px solid var(--colors-grey-300);
  background-color: #ffffff;
  cursor: pointer;
}
.board-box h2.header #list-select .fa-angle-down, .onboarding-box h2.header #list-select .fa-angle-down {
  margin-left: 5px;
  color: var(--colors-grey-600);
  font-size: 15px;
}
.board-box h2.header #list-generic-title, .onboarding-box h2.header #list-generic-title {
  display: inline-block;
  padding: 6px 11px;
}
.board-box .close-box, .onboarding-box .close-box {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 3.6rem;
  height: 3.6rem;
  padding: 0;
  color: var(--colors-grey-500);
  font-size: 2rem;
  margin: calc(var(--spacing-02) * -1) 0 0 0;
  background-color: var(--colors-grey-100);
  border: 0;
  border-radius: 50%;
  transition: all ease-in-out 0.15s;
}
.board-box .close-box:hover, .onboarding-box .close-box:hover, .board-box .close-box:focus, .onboarding-box .close-box:focus {
  color: var(--colors-grey-700);
  background: var(--colors-grey-200);
  text-decoration: none;
  cursor: pointer;
}
.board-box .close-box:active, .onboarding-box .close-box:active {
  background: var(--colors-grey-300);
}
.board-box .back-box, .onboarding-box .back-box {
  color: var(--colors-grey-600);
  font-size: 16px;
  margin: -1px 15px 10px 0;
  background: var(--colors-grey-100);
  width: 32px;
  height: 32px;
  text-align: center;
  line-height: 32px;
  border-radius: 50%;
  transition: all ease-in-out 0.2s;
  float: left;
}
.board-box .back-box:hover, .onboarding-box .back-box:hover, .board-box .back-box:focus, .onboarding-box .back-box:focus {
  color: var(--colors-grey-700);
  background: var(--colors-grey-200);
  text-decoration: none;
  cursor: pointer;
}
.board-box .back-box:active, .onboarding-box .back-box:active {
  background: var(--colors-grey-300);
}
.board-box .back-box--sm, .onboarding-box .back-box--sm {
  width: 2.4rem;
  height: 2.4rem;
  line-height: 2.4rem;
  font-size: 1.2rem;
}
.board-box .search-form, .onboarding-box .search-form {
  position: relative;
}
.board-box .search-form input[type=text], .onboarding-box .search-form input[type=text] {
  border: 1px solid var(--colors-grey-400) !important;
  min-width: 220px;
}
.board-box .search-form button, .onboarding-box .search-form button,
.board-box .search-form .search-form-reset,
.onboarding-box .search-form .search-form-reset {
  position: absolute;
  font-size: 13px;
  background-color: transparent;
  border: 0;
  border-radius: 3px;
  transition: background-color 250ms ease;
  color: var(--colors-grey-700);
}
.board-box .search-form button:hover, .onboarding-box .search-form button:hover,
.board-box .search-form .search-form-reset:hover,
.onboarding-box .search-form .search-form-reset:hover {
  background-color: var(--colors-grey-200);
}
.board-box .search-form button:active, .onboarding-box .search-form button:active,
.board-box .search-form .search-form-reset:active,
.onboarding-box .search-form .search-form-reset:active {
  background-color: var(--colors-grey-300);
}
.board-box .search-form button, .onboarding-box .search-form button {
  right: 5px;
  top: 5px;
}
.board-box .search-form .search-form-reset, .onboarding-box .search-form .search-form-reset {
  right: 30px;
  top: 5px;
  text-decoration: none;
  padding: 0 5px;
}
.board-box .box-pagination, .onboarding-box .box-pagination {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin: 30px 0 10px;
}
.board-box .box-pagination .elements-count, .onboarding-box .box-pagination .elements-count {
  margin-right: auto;
  font-weight: 500;
}
.board-box .box-pagination .elements-count select, .onboarding-box .box-pagination .elements-count select {
  height: 28px;
}
.board-box .box-pagination .elements-count span, .onboarding-box .box-pagination .elements-count span {
  color: var(--colors-grey-600);
  font-weight: 500;
  margin-left: 2px;
}
.board-box .highlight-container, .onboarding-box .highlight-container {
  background-color: var(--colors-grey-100);
  padding: 20px;
  border-radius: 3px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}
.board-box .highlight-container ol:last-child, .onboarding-box .highlight-container ol:last-child,
.board-box .highlight-container ul:last-child,
.onboarding-box .highlight-container ul:last-child,
.board-box .highlight-container p:last-child,
.onboarding-box .highlight-container p:last-child {
  margin: 0;
}
.board-box .highlight-container__start, .onboarding-box .highlight-container__start {
  flex: 1;
}
.board-box--unboxed {
  max-width: 108rem;
  margin: 0 auto;
  border: 0;
  box-shadow: none;
  overflow: visible !important;
}
.dropdown-menu:not(.datepicker-dropdown):not(.leads-list-aside-filters) {
  overflow: hidden;
}
.dropdown-menu:not(.datepicker-dropdown):not(.leads-list-aside-filters) ul {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.board-box__header {
  display: flex;
  align-items: center;
  margin-bottom: var(--spacing-04);
}
.board-box__header .back-box {
  margin: 0 var(--spacing-03) 0 0;
}
.board-box--standalone {
  max-width: 108rem;
  margin: 0 auto;
}
.full-width-table {
  width: calc(100% + 56px);
  margin: 0 -28px;
  font-size: 13px;
}
.full-width-table tr {
  border-bottom: 1px solid var(--colors-grey-300);
}
.full-width-table tr.row-link {
  transition: all 100ms ease;
}
.full-width-table tr.row-link:focus, .full-width-table tr.row-link:hover {
  background-color: var(--colors-grey-100);
  outline: none;
  cursor: pointer;
}
.full-width-table tr.row-link:active {
  background-color: var(--colors-grey-200);
}
.full-width-table tr.row-link .caret-link {
  float: right;
  font-size: 32px;
  height: 32px;
  color: var(--colors-grey-400);
}
.full-width-table td,
.full-width-table th {
  padding: 8px;
}
.full-width-table td:first-child,
.full-width-table th:first-child {
  padding-left: 28px;
}
.full-width-table td:last-child,
.full-width-table th:last-child {
  padding-right: 28px;
}
.full-width-table th {
  padding-top: 8px;
  padding-bottom: 8px;
  color: var(--colors-grey-600);
  font-size: 12px;
  text-transform: uppercase;
}
.full-width-table th .sort-link {
  color: var(--colors-grey-600);
  text-decoration: none;
}
.full-width-table th .sort-link i {
  opacity: 0;
  font-size: 10px;
  margin-left: 5px;
  transition: opacity ease-in-out 150ms;
}
.full-width-table th.active-sort .sort-link {
  color: var(--colors-grey-1000);
}
.full-width-table th.active-sort .sort-link i {
  opacity: 1;
}
.full-width-table th .sort-link:hover i {
  opacity: 1;
}
.full-width-table h3 {
  color: var(--colors-grey-1000);
  font-weight: 500;
  font-size: 15px;
  margin: 0;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.full-width-table .delete-column {
  width: 30px;
}
.full-width-table .delete-column .delete-element {
  font-size: 28px;
  line-height: 28px;
  color: var(--colors-grey-400);
  border: 0;
}
.full-width-table .delete-column .delete-element:hover, .full-width-table .delete-column .delete-element:focus, .full-width-table .delete-column .delete-element:active {
  color: var(--colors-grey-600);
  text-decoration: none;
}
.horizontal-scroll {
  overflow-x: scroll;
  padding-bottom: 10px;
}
.horizontal-scroll::-webkit-scrollbar {
  height: 10px;
}
.horizontal-scroll::-webkit-scrollbar-track {
  border-radius: 3px;
  background-color: var(--colors-grey-100);
}
.horizontal-scroll::-webkit-scrollbar-thumb {
  border-radius: 3px;
  background-color: var(--colors-grey-200);
}
.horizontal-scroll::-webkit-scrollbar-thumb:hover {
  background-color: var(--colors-grey-300);
}
.horizontal-scroll::-webkit-scrollbar-thumb:active {
  background-color: var(--colors-grey-400);
}
.onboarding-box.onboarding-box-large .center {
  padding: 20px 140px;
}
.onboarding-box.onboarding-box-large img {
  margin-bottom: 30px;
  background-color: var(--colors-grey-50);
  border: 0.1rem solid var(--colors-grey-200);
  border-radius: 0.8rem;
}
.onboarding-box.onboarding-box-large h2 {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3333333333;
  margin: 0 0 var(--spacing-02);
}
.onboarding-box.onboarding-box-large p {
  margin: 0;
  color: var(--colors-grey-700);
}
.onboarding-box.onboarding-box-large .h-button {
  margin-top: var(--spacing-04);
}
.onboarding-box.onboarding-box-large .row img {
  margin: 0;
}
.onboarding-box.onboarding-box-horizontal h2 {
  font-size: 16px;
  margin: 0 0 3px;
}
.onboarding-box.onboarding-box-horizontal img {
  margin-top: 5px;
  max-height: 48px;
}
.onboarding-box.onboarding-box-horizontal > .fal {
  color: var(--colors-secondary-700);
  font-size: 42px;
  float: left;
  margin: 4px 30px 0 0;
}
.onboarding-box.onboarding-box-horizontal p {
  margin: 0;
  color: var(--colors-grey-700);
}
.onboarding-box.onboarding-box-horizontal ul {
  padding-left: 20px;
  margin-bottom: 0;
}
.onboarding-box.onboarding-box-horizontal .h-button--primary {
  margin-top: 5px;
  float: right;
}
.onboarding-box.onboarding-box-horizontal .close-onboarding-box {
  float: right;
  line-height: 42px;
  margin-left: 20px;
}
.onboarding-box--blue {
  height: auto;
  min-height: auto;
  padding: var(--spacing-06);
  background-color: var(--colors-secondary-100);
  border: 1px solid var(--colors-secondary-300);
}
.submenu {
  padding-left: 0;
  margin-bottom: 30px;
}
.submenu .submenu-title {
  color: var(--colors-grey-600);
  margin: 0 0 5px;
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
}
.submenu li {
  list-style: none;
}
.submenu li a {
  display: inline-block;
  font-size: 14px;
  line-height: 15px;
  color: var(--colors-grey-800);
  padding: 12px;
  width: 100%;
  border-radius: 5px;
  cursor: pointer;
  transition: all 150ms ease-in-out;
  margin: 3px -12px 0;
  width: calc(100% + 24px);
}
.submenu li a:hover {
  text-decoration: none;
  background: var(--colors-grey-200);
}
.submenu li a.active {
  font-weight: 600;
  background: var(--colors-grey-200);
}
.submenu li a:active,
.submenu li a:focus {
  text-decoration: none;
  background: var(--colors-grey-300);
  transform: scale(0.99);
}
.submenu li .element-counter {
  display: none;
  opacity: 0;
  min-width: 20px;
  padding: 0px 2px;
  margin-left: 5px;
  font-size: 10px;
  line-height: 18px;
  font-weight: 600;
  border-radius: 20px;
  background-color: var(--colors-grey-600);
  color: #ffffff;
  vertical-align: text-top;
  text-align: center;
}
.submenu li .submenu-icon {
  display: inline-block;
  width: 25px;
}
.submenu li .submenu__warning-icon {
  color: var(--colors-warning-600);
  float: right;
}
.block-link {
  display: block;
  text-align: left;
  border: 1px solid var(--colors-grey-300);
  border-radius: 3px;
  transition: all 250ms ease;
  width: 100%;
  padding: 25px;
  font-size: 15px;
  background: #ffffff;
  color: var(--colors-grey-1000);
  margin-bottom: 8px;
  font-weight: 600;
}
.block-link:hover {
  cursor: pointer;
  text-decoration: none;
  color: var(--colors-grey-1000);
  border-color: var(--colors-grey-400);
  box-shadow: 0 2px 7px rgba(0, 0, 0, 0.05);
}
.block-link .caret-link {
  float: right;
  font-size: 32px;
  line-height: 15px;
  color: var(--colors-grey-400);
}
.box-subtitle {
  color: var(--colors-grey-600);
  font-size: 12px;
  font-weight: 600;
  text-transform: uppercase;
  margin: 0 0 5px 7px;
}
.button-container {
  margin: 30px -28px -28px;
  padding: 30px 28px 30px;
  background: var(--colors-grey-100);
  border-radius: 0 0 3px 3px;
}
.button-container ul {
  margin: 20px 0 0;
  padding-left: 25px;
  font-size: 13px;
  line-height: 22px;
}
.button-container li {
  margin-top: 5px;
}
.button-container .button-container-hint {
  margin-top: 20px;
  font-size: 13px;
}
#lists-manager-container #lists-manager {
  position: fixed;
  bottom: 0px;
  left: 15px;
  display: -moz-box;
  display: -webkit-box;
  display: box;
  -webkit-box-align: end;
  z-index: 1;
}
#lists-manager-container #list-container {
  position: relative;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  border: 1px solid var(--colors-grey-400);
  border-bottom: 0;
  border-radius: 3px 3px 0 0;
}
#lists-manager-container #list-change,
#lists-manager-container #list-create {
  margin-left: 8px;
  -moz-box-flex: 1;
  -webkit-box-flex: 1;
  box-flex: 1;
  border: 1px solid var(--colors-grey-400);
  border-bottom: 0;
  background: #ffffff;
  border-radius: 3px 3px 0 0;
  padding: 9px 12px 10px;
  font-size: 12px;
  color: var(--colors-grey-900);
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
}
#lists-manager-container #list-change:hover,
#lists-manager-container #list-create:hover {
  cursor: pointer;
  background: var(--colors-grey-100);
}
#lists-manager-container #list-create {
  margin-right: 40px;
}
#lists-manager-container #list-link,
#lists-manager-container #list-detail {
  font-size: 13px;
  color: var(--colors-grey-900);
  padding: 12px 12px 6px;
  border-radius: 3px 3px 0 0;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
  transition: background-color 0.2s ease-in-out;
}
#lists-manager-container #list-link:hover,
#lists-manager-container #list-detail:hover {
  cursor: pointer;
  background: var(--colors-grey-100);
}
#lists-manager-container #list-link .list-name,
#lists-manager-container #list-detail .list-name {
  display: inline-block;
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  line-height: 13px;
}
#lists-manager-container #list-link .leads-count,
#lists-manager-container #list-detail .leads-count {
  display: inline-block;
  min-width: 22px;
  padding: 1px 5px;
  margin-left: 5px;
  font-size: 10px;
  line-height: 20px;
  font-weight: 600;
  border-radius: 50%;
  background-color: var(--colors-grey-600);
  color: #ffffff;
  vertical-align: top;
  text-align: center;
}
#lists-manager-container #list-detail {
  display: none;
  padding: 0;
  width: 330px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
}
#lists-manager-container #list-detail .list-header {
  padding: 8px 12px 6px;
  background-color: var(--colors-grey-100);
  border-bottom: 1px solid var(--colors-grey-300);
  border-radius: 3px 3px 0 0;
}
#lists-manager-container #list-detail .list-header .list-name {
  max-width: 250px;
}
#lists-manager-container #list-detail .list-header .list-name a {
  color: var(--colors-grey-1000);
}
#lists-manager-container #list-detail .list-header .list-close {
  font-size: 20px;
  color: var(--color-grey-600);
  float: right;
}
#lists-manager-container #list-detail .list-header .list-close:hover, #lists-manager-container #list-detail .list-header .list-close:focus, #lists-manager-container #list-detail .list-header .list-close:active {
  color: var(--colors-grey-600);
  text-decoration: none;
}
#lists-manager-container #list-detail .list-header:hover {
  cursor: pointer;
  background: var(--colors-grey-100);
}
#lists-manager-container #list-detail .list-content {
  padding: 12px;
}
#lists-manager-container #list-detail .list-content-title {
  color: var(--colors-grey-600);
  text-transform: uppercase;
  font-size: 11px;
  font-weight: 600;
  margin-left: 6px;
}
#lists-manager-container #list-detail .lead-detail-element {
  margin: 6px;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
#lists-manager-container #list-detail .lead-detail-element a {
  color: var(--colors-grey-1000);
}
#lists-manager-container #list-detail:hover {
  cursor: default;
  background: #ffffff;
}
#lists-manager-container #list-selector {
  display: none;
  width: 330px;
  padding: 10px 12px 8px;
  box-shadow: 0px 0px 20px rgba(0, 0, 0, 0.08);
  background-color: #ffffff;
}
#lists-manager-container #list-selector label {
  font-size: 13px;
  margin-bottom: 10px;
}
#lists-manager-container #list-selector select {
  font-size: 13px;
  height: 30px;
  width: 100%;
  padding: 10px;
  margin-bottom: 4px;
}
#lists-manager-container #close-list-selector {
  float: right;
  color: var(--colors-grey-600);
  font-size: 20px;
  margin-top: -3px;
}
#lists-manager-container #close-list-selector:hover {
  color: var(--colors-grey-1000);
  cursor: pointer;
}
.profile-pic {
  width: 36px;
  height: 36px;
  border-radius: 50%;
  background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAASFBMVEX////////////////////////////8/Pz5+fn39/f6+vr29vbz8/Py8vLx8fH19fXw8PD7+/v+/v709PT9/f34+Pj///////9iuP+MAAAAGHRSTlPk8eP6//nw////////////////////++JV5WRSAAAMZUlEQVR4AezSBQEAMAADoLv1D/wggwyUUgnWSh/BmKWOYCwBBEAABEAABEAABEAABEAABEAABIgiAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAALsc+/ZI5QA77N3JzjOq1gUxzVEYobDBfa/1e5Wv0jvG6qckEq42Oe3g5L/ZQMGJ8SUY/G3K2IAPuIfsd7oagFIwb+E27UwAJPwi9ZvdKEAasZvotyeIyIMYFcm4w/x9gSxJcYYPAPY//rPjANsulfjGcB+JOGv7Mz40TGA7TT8Xe63R/Rf+ynCAPbi8JU2cf2BwgC2UvE1P3X/cAxg9wHAXZbbkYA/DQaw/wPgwX9mj78xDGAXHd/Kfer+ERnALgq+F+buH44B7MHjSL99w+ArhgFsIeJImFlBABoD2EHFoSwzNwDAM4ANNByzcwOIyAD083hAm7oBAIMBqNfwiD43g0gMQDuDh9jJAcRgAMoFPKRNLiEkYQCqSQYw/wzoGQcsA1DN4kF28v4RGcDOQ8CDF/wdxzwD2PU10PFakMOxxgAUG3iYnx1AGAagV8PD3Gw+gQGo1TMeFuVoH8AXcmcAmz4BDm7lHo+xDGDHrYDHz4CIx0QGoJTFM9LkDQCoDGCDG8CxOjuALAxAJYfnhOPXQBsNAxmAyXhOnLwBAJYBKBTxLDN3AwAaA9Bn4Gl28gYAGAaw20aQg0GAx1McA9jqAXC8uyPhKYkBKOMww0w/PzwDUMVjSjh+h7DDUgAD6BlTssw+P3JnAHpIxN3ULaDgeZYB6FEwzYmYhgmRAajhMA85Y05lAEpYLFEYgA4Va+TOADQwGYsMBqBAz1glCQNYries4xnApa8/GgNYTCKW6gxgqd6wlmMAK/WExZIwgHVMwnKeASxTE9YrDGAVn6FBZwBrOOjgGMAKpkGJxAA+TwL08Azg02yCIo0BfFZtUCV3BvBBvUAbxwA+prsMdZIwgA8ZCRp5BvARNkKnxgCWjv3WMwxg5eVfLzCA9zIFqmVhAG9kHLSzDOBtxGWoFxnAm8jI2EE9eQBc9V8wE2QAPmIbhgGsnPmtF84aAGd+C2aCDEBCxmYGA/gxMhK2k4UBrBz7rWcZwMrtnuslBrB0u+d6lgHoX/jhziDNAZiGrVkG8Apx2FxiAC/wCduzDEDjbm+uBegPwCacgmMAS//91+sMQNVBf/3fi2AAUnAmlQHoGfxzd6D+ABzOZjAAHUt/PC2uPwCbcUKFATzI4ZwsA1j9lVc+BPQHUBNOqzCAQxZnNhjAAYdzMwxg5eLfelEYwNd6xOkVBrD0I+/rWQaw9PqvVxnAgne/XA3QHkDFZUQGsOD6qx4IMgCPS3EM4Fc1Q7HUyv+09KapAAOo0Cu5eh+0SR3xDV8RZgAmQ6s05Pfvk+QfngwygJ6glZO/5BrwE7JhAP8nCUrF+sb9avcCGECDUk1uXxkZr0udAfxX2HKqZtrPFMAAxq5TdXfCAhYE4KFU+cjWpWQuHkDP0Kl96O1lrtcOIG79wq5H3QXoD8BBkYl1OvmJAvx+AXAAcCftc7WdL4CeT/Axh4LXuYsG0KBU+PRfES4ZgIVW5uMD2SLXC6Dnk/zIi0S8LvbLBdAUH99aUECuFwvAQ6265n32uFQAkqBV6ot2tBS5UAAOaiVZtact1csE0KE/gBVPtHGVAAr0ymbha+3SLxGAgWZ+5caW5K8QQIFmZe28tvTTB2Cgm1k7sUn+7AEU6NZWb28v/dQBGGg3Vh9wyUNOHECDenX5EbfoTxtAxwbs+jecrZ40AIcdOAWnHIo5YwCSsYVYp/66iJ9U6vkCGNhFMQpGuM3LyQKI2EeoCo66pWHOFEDFVuLo6ye5uQ1zmgACNpObNbJ+jJOCrV32D0ASNhTDqLL+d45zLMENX40RkU0D8NhVimF4890/oXTvWsIH5JRSjLGEEMYYtZouskkAAZtLrYQxrPe+mrvq/XClZayTUyvOViPKA5AMem+fzoviADw+gBF40RpAeOwPCM4OO0LEHMrO6Awg4UAutvbbnRkZUyiHrjAAg2+lUuWnfkKO8tAXwMA3ipUf3T5ErWsLoMw8tBomUTIrAphYBkyuv+MYMWWvKgDz/QeZf34HCWWjKQA7cfnv3cyh3BUFUCa3vzZMo6YogIjfuf7uXYRk1QQgeXLPlcc8SqIlgDq7892AXmC1BGBn16kkYx5FJQFImD79lkAvMDoCMG36/GsCvcCJigB8xD+C3D4YALWuIoCRpo/cJNALklcRgJs/dJdAL8hDRQDl/iW0DwdA2akIIAIIsuCzwlRUBJCnn0UGdIIAWuzcS3yCABawoJ3HADxOxFnAys/KUfTrA1h4opia2TuAFz+/R0H+w96dZNeOAkEYnvznCCEEBUL732rNPKm+Db8bEVvwZ5GQCVcPIBcKhanoAQiflUr29weQmVCDgZC8KSDKqwegfFs6OfQAUgII8yACkBIg9wL0PzGb3EsPIKcAwpzoAaQTpEtfegBpBAhzogOgf1w66UsPIJtAYQp6ALqfF0gaegA5BhRm6gEIf2EqGegBZAXQpW89gKwAwlT0ALIC6HKhA5BTIH3upQOQUyB9+oEegK4PkBR0ADIMps+FDkDuBOrzoAOQWSB97qUHkFkgfQGoByBpBCaTjwDwNw8BkoIOQIYB9SnoAOhLwKSgA6AvAZMTPQBdHyg50QPQ9YGSEx0AfQmYFHQA9CVgUpAByCiQPr2iByBrBCfPRgUge0B9+gsqAGkD6DM2KgD6PWDyTBAB0O8Bk1ZBBEC/B0yeChoA+mHgpJ8TNADyOrg+rWyQAMghkD7tnIACQA6B9LmvuUABIIdA+rQxF6AHkEMg3ZdfACDXgeTpTzkWiADkOpA27SobQAYgh0C69PFOACkAzR4w6e2qG5ADEMyCJvd4DwAfAHkV6iv9eecCvAB8rQD57i8AOwDvT0nXf/dVALIH6O2cG3AEkFOg+ykbwBjAdD7jrQtwBJASoLf3WEAAXJ413wYIAMcasI+6+UoAtBR9LgByH2CUDQSA5zBQKwcQAJ4Hwfd1IEoA6DMqogSAPvcfb/kCINe4AuAT08+DP0gA9A8u+xd/mGwD70/99hf+RAJgtc+s+yf6pBegyjj4swmAkf/+zAPkz28MoObxnk8BkG7QXSEAbAcC+rsIAN+ZsLEhAGzHgtuEAPC9GHAuAsB3DXgm2ALIRrC/EAC+c6HtIAD+Wc78ZpM3gP0DH/1MAsC4DBybADD+BLwQAL494V4JAONPQDswBpCNwFgEgPF58AkBYPxecCEAnIdDKwFgfEWoVwLAeDq0HwTAf5GRv783gN3z97cGwMzf/7sDSBkwCQDnMqASAM53hQsB4PxcwEsAOL8YcuEMIFuBhwBwbgvdKwCsBRwEgLOAQgA4CxgEgECAaQEQAFTvAiAAmP37TwAGgMuZYCMABAJaFgBrAKyRFoA1ADizAHgDoGQGxBsAR0sPUAzAvRDoOwC0eb0rwABg3voz4ABwXQYqAYDxbuAmAMB4N1AD4LvkzBmQNwBmywfAGgDrtK4AAgBmywfAGgC8PR8AawDskUNAawBQ7nQBrAGwzrQBrQHAMTIHYA0AasshkDUAVunOd8ECANb13xLYAYA+ulJgEAB8+xxPTgGtAUD9jwj0RQDwQ6S2rADWAFilZQVwBgCUlhXAGgCUlhXAGgDMJ6dA1gCgDusL4QEAx+jpAzgDgH3d6QQ7A4D93tkEOgOAVVtmgZwBAHN05xIgAOB4b+dX4QIAVnmcS4AAAObVMwviDAD23zgjbotPSQAAx7jTCHAGAKsM/Y2gANAfD6UG9AUAzOtOJ8gZAKw68jCYMwBgv63n5+GMAQDH+6QV6AwAmG/LJsAZAHCcT88mwBgAcLwjmwBnAMCuo2ci3BgAsOrVep6G8gUAcJTrzi7QGACw5vvcPa0gWwDAPspo98uvJgB+bpdOBACAYSCA7UdY/U0LcglDEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABBPiHYHusR7Bq0xEiBzkg7xEAAAAASUVORK5CYII=");
  background-size: 36px 36px;
}
.profile-pic img {
  background: #ffffff;
  transition: opacity 0.3s;
  border-radius: 50%;
  opacity: 0;
  width: 36px;
  height: 36px;
}
.profile-pic.pic-sm {
  width: 20px;
  height: 20px;
  background-size: 20px 20px;
}
.profile-pic.pic-sm img {
  width: 20px;
  height: 20px;
}
.profile-pic.pic-float {
  float: left;
}
.profile-pic.pic-inline, .campaigns.show .campaign-header .profile-pic,
.audience.show .campaign-header .profile-pic,
.content.show .campaign-header .profile-pic,
.messages.index .campaign-header .profile-pic,
.stats.index .campaign-header .profile-pic,
.webhooks.index .campaign-header .profile-pic {
  display: inline-block;
  vertical-align: sub;
  margin: 0 5px 0 3px;
}
.grey-label, .blue-label {
  display: inline;
  background-color: var(--colors-grey-600);
  font-weight: 600;
  font-size: 9px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 1px 3px;
  margin-left: 5px;
  border-radius: 3px;
}
.blue-label {
  background-color: var(--colors-secondary-700);
}
@keyframes slideInFromBottom {
  0% {
    transform: translateY(200%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
/* Mobile */
@media screen and (max-width: 992px) {
  .submenu {
    margin-bottom: 0 !important;
  }
  .submenu .submenu-title {
    display: none;
  }
  .submenu li,
  .submenu a {
    display: inline-block !important;
    line-height: 50px;
  }
  .submenu li a {
    margin: 0 10px 0 0;
    width: auto;
    background: var(--colors-grey-100) !important;
  }
  .submenu li a.active, .submenu li a:hover {
    background: var(--colors-grey-200) !important;
  }
  .onboarding-box {
    display: none;
  }
}
@media screen and (max-width: 767px) {
  .application-back {
    padding-bottom: 140px;
  }
  .application-back .dashboard-body {
    margin-top: 10px;
  }
  .application-back .board-box h1, .application-back .onboarding-box h1,
  .application-back .board-box h2,
  .application-back .onboarding-box h2 {
    font-size: 18px;
    margin: 0 0 20px;
  }
  .application-back .board-box h1 .fa-question-circle, .application-back .onboarding-box h1 .fa-question-circle,
  .application-back .board-box h2 .fa-question-circle,
  .application-back .onboarding-box h2 .fa-question-circle {
    display: none;
  }
  .application-back .board-box .full-width-table h3, .application-back .onboarding-box .full-width-table h3 {
    max-width: 260px;
  }
  .application-back #lists-manager-container {
    display: none;
  }
  /*! purgecss start ignore */
  .application-back .intercom-lightweight-app-launcher {
    bottom: 80px !important;
  }
  /*! purgecss end ignore */
}
@media screen and (max-width: 500px) {
  .application-back .board-box .full-width-table h3, .application-back .onboarding-box .full-width-table h3 {
    max-width: 180px;
  }
}
@media screen and (max-width: calc(87.5em - 1px)) {
  .master-details__details {
    width: clamp(50rem, 40%, 60rem);
    position: absolute;
    right: 0;
    top: 0;
    bottom: 0;
    transform: translateX(105%);
    box-shadow: -4px 0px 16px rgba(0, 0, 0, 0.05);
  }
  .master-details__details[aria-hidden=false] {
    transform: translateX(0);
  }
}
.lead-save-manager,
.lead-campaigns-manager {
  min-width: 32rem;
}
.lead-save-manager .selectize-dropdown-content,
.lead-campaigns-manager .selectize-dropdown-content {
  max-height: 13rem;
}
#message-detail .message-activity {
  margin: var(--spacing-06) var(--spacing-06) var(--spacing-08);
  font-size: 1.3rem;
}
#message-detail .message-status {
  margin-top: 5px;
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 13px;
}
#message-detail .events-number {
  font-weight: 600;
}
#message-detail .events-number .far {
  margin-right: 3px;
  font-size: 12px;
}
#message-detail .event-details {
  color: var(--colors-grey-600);
  margin-top: 10px;
  font-size: 13px;
  display: none;
}
#message-detail .event-details .event-icon {
  font-size: 9px;
  color: var(--colors-grey-500);
  margin-left: 5px;
}
#message-detail .see-events,
#message-detail .hide-events {
  display: inline-block;
  margin-top: 3px;
  color: var(--colors-grey-600);
  text-decoration: none !important;
  cursor: pointer;
  font-size: 13px;
}
#message-detail .hide-events {
  display: none;
}
.modal .modal-dialog {
  margin: 60px auto;
}
.modal .modal-header {
  border-bottom: 0;
  border-radius: 0.8rem 0.8rem 0 0;
  padding: var(--spacing-06) var(--spacing-06) var(--spacing-06) var(--spacing-08);
  background-color: var(--colors-grey-100);
  border-bottom: 1px solid var(--colors-grey-300);
  margin: calc(var(--spacing-02) * -1) calc(var(--spacing-02) * -1) var(--spacing-02);
}
.modal .modal-header h2 {
  margin: 0 !important;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}
.modal .modal-content {
  padding: var(--spacing-02);
}
.modal .modal-loading {
  padding: 50px;
  font-size: 30px;
  text-align: center;
  color: var(--colors-grey-400);
}
.modal .close {
  font-size: 24px;
}
.modal .modal-footer {
  border-top: 0.1rem solid var(--colors-grey-200);
  padding: var(--spacing-04) var(--spacing-06);
  margin: 0 calc(var(--spacing-02) * -1) calc(var(--spacing-02) * -1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.modal .modal-footer a, .modal .modal-footer button {
  margin-left: var(--spacing-02);
}
.modal .modal-footer__start {
  margin-right: auto;
}
.modal-title {
  flex: 1;
}
.modal-body {
  padding: var(--spacing-04);
}
.modal-section {
  margin: 20px -25px;
  padding: 20px 25px;
  border-top: 1px solid var(--colors-grey-300);
}
.modal-section:last-child {
  margin-bottom: 0;
}
.modal-section__title {
  margin: 0 0 0.5em 0;
  font-size: 16px;
  font-weight: bold;
}
.modal-backdrop.in {
  opacity: 0.2;
}
.modal-content {
  box-shadow: 0 0.4rem 1.6rem rgba(0, 0, 0, 0.1);
}
.modal-content > .modal-close {
  position: absolute;
  top: var(--spacing-02);
  right: var(--spacing-02);
  z-index: 10;
}
.modal-close:not(.h-button) {
  padding: 0;
  background-color: transparent;
  font-size: 2.4rem;
  line-height: 1;
  color: var(--colors-grey-600);
  border: 0;
}
.modal-close:not(.h-button):hover, .modal-close:not(.h-button):focus {
  color: var(--colors-grey-900);
}
.modal-no-padding .modal-content {
  padding: 0;
}
.modal-no-padding .modal-dialog {
  max-width: 90%;
}
@media (min-width: 768px) {
  .modal-dialog {
    width: 630px;
    margin: 30px auto;
  }
}
@media (min-width: 1060px) {
  .modal-md {
    width: 850px;
  }
  .modal-lg {
    width: 1000px;
  }
}
@media (min-width: 1260px) {
  .modal-lg {
    width: 1200px;
  }
}
.app-header {
  height: 100%;
  display: flex;
  flex-direction: column;
  position: relative;
  padding: var(--spacing-05) var(--spacing-03) var(--spacing-04);
  overflow: auto;
  scrollbar-width: none;
  background-color: #fff;
  border-right: 0.1rem solid var(--colors-grey-300);
  width: var(--app-header-width--expanded);
  z-index: 100;
  transition: width 0.2s ease-in-out;
}
.app-header.is-expanded .app-main-nav__toggle {
  opacity: 1;
  transition: opacity 200ms 150ms ease-in;
}
.app-header__logo {
  flex-shrink: 0;
  width: var(--app-main-nav-width);
  overflow: hidden;
  margin-bottom: var(--spacing-10);
  margin-left: var(--spacing-02);
  line-height: 2rem;
  transition: width 0.2s ease-in-out;
}
.app-header__logo svg {
  fill: var(--colors-primary-600);
  height: 1.6rem;
}
.app-header__user {
  margin-left: auto;
  font-size: 1.3rem;
  color: var(--colors-grey-700);
}
.app-main-nav__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--spacing-01);
  min-width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.8rem;
  background-color: var(--colors-secondary-600);
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
}
.app-main-menu,
.app-main-submenu {
  list-style-type: none;
  padding: 0;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-01);
}
.app-main-menu--mobile {
  display: none;
}
.app-main-menu,
.support-nav {
  width: var(--app-main-nav-width);
}
.app-main-nav__category {
  display: block;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
  margin-left: var(--spacing-02);
  margin-bottom: var(--spacing-02);
}
.app-main-menu__item {
  position: relative;
}
.app-main-menu__link {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 var(--spacing-005);
  font-weight: 450;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  color: var(--colors-grey-800);
  border-radius: 0.4rem;
  transition: color 150ms ease-in, background-color 150ms ease-in;
}
.app-main-menu__link:hover, .app-main-menu__link:focus {
  color: var(--colors-grey-1000);
  background-color: var(--colors-grey-100);
  text-decoration: none;
}
.app-main-menu__link:hover .app-main-menu__icon, .app-main-menu__link:focus .app-main-menu__icon {
  color: currentColor;
}
.app-main-menu__link.is-active {
  background-color: var(--colors-primary-100);
  color: var(--colors-grey-1000);
  font-weight: 500;
}
.app-main-menu__link.is-active .app-main-menu__icon {
  color: var(--colors-primary-600);
}
.app-main-menu__link.is-disabled {
  opacity: 0.5;
}
.app-main-menu__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.8rem;
  height: 3.2rem;
  fill: var(--colors-grey-600);
  transition: color 150ms ease-in;
}
.app-main-menu__icon svg {
  width: 2rem;
  aspect-ratio: 1/1;
}
.app-main-menu__label {
  flex: 1;
  overflow: hidden;
  transition: opacity 200ms ease-in, flex 200ms ease-in;
}
.app-main-nav-empty-state {
  margin-left: var(--spacing-03);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.app-main-nav-empty-state__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  margin-bottom: var(--spacing-01);
}
.app-main-nav-empty-state__title img {
  width: 1.6rem;
  height: auto;
}
.app-main-subnav {
  height: 100%;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-05) var(--spacing-02) var(--spacing-06);
  background-color: #fff;
  border-right: 0.2rem solid var(--colors-grey-200);
  z-index: 5;
  overflow: auto;
  transition: opacity 400ms ease-in-out, box-shadow 250ms ease-in;
  box-shadow: 2px 0px 4px rgba(29, 38, 46, 0.03), 6px 0px 12px rgba(29, 38, 46, 0.02);
}
.app-main-subnav--end {
  justify-content: flex-end;
}
.app-main-user-subnav {
  position: fixed;
  bottom: var(--spacing-02);
  left: calc(var(--app-header-width--expanded) + var(--spacing-02));
  padding: var(--spacing-02);
  background-color: #fff;
  width: 24rem;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--colors-grey-300);
  box-shadow: 0 24px 48px rgba(18, 18, 23, 0.03), 0 10px 18px rgba(18, 18, 23, 0.03), 0 5px 8px rgba(18, 18, 23, 0.04), 0 2px 4px rgba(18, 18, 23, 0.04);
  visibility: hidden;
  opacity: 0;
  transition: opacity 150ms ease-in-out;
  z-index: 50;
}
.app-main-user-subnav.is-open {
  opacity: 1;
  visibility: visible;
}
.app-main-user-subnav--help {
  width: 34rem;
}
.app-main-subnav__heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  margin-bottom: var(--spacing-02);
}
.app-main-subnav__title {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  color: var(--colors-grey-1000);
  margin-left: var(--spacing-03);
}
.app-main-nav__toggle {
  position: absolute;
  top: var(--spacing-06);
  right: var(--spacing-04);
  opacity: 0;
  transition: opacity 150ms ease-in;
}
.app-header--collapsed .app-main-nav__toggle {
  transform: rotate(180deg);
}
.app-main-subnav__subtitle {
  flex: 1;
  display: block;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
  margin-left: var(--spacing-03);
}
.app-main-submenu {
  margin-bottom: var(--spacing-03);
}
.app-main-submenu--child {
  position: relative;
  padding-left: var(--spacing-05);
}
.app-main-submenu--child::before {
  content: "";
  position: absolute;
  top: 0;
  left: var(--spacing-03);
  width: 0.2rem;
  height: calc(100% - var(--spacing-04));
  background-color: var(--colors-grey-200);
}
.app-main-submenu--child .app-main-submenu__item::before {
  content: "";
  position: absolute;
  top: 50%;
  margin-top: -0.1rem;
  left: -0.8rem;
  width: 0.8rem;
  height: 0.2rem;
  background-color: var(--colors-grey-200);
}
.app-main-submenu--child .app-main-submenu__link {
  padding-left: var(--spacing-02);
}
.app-main-submenu__item {
  position: relative;
}
.app-main-submenu__item:hover .app-main-submenu__on-hover {
  opacity: 1;
}
.app-main-submenu__link {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: var(--spacing-02) var(--spacing-03);
  min-width: 0;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2307692308;
  border-radius: 0.4rem;
  color: var(--colors-grey-800);
  white-space: nowrap;
  transition: color 150ms ease-in, background-color 150ms ease-in;
}
.app-main-submenu__link:has(.app-main-submenu__toggle) {
  padding-right: var(--spacing-06);
}
.app-main-submenu__link:has(.app-main-submenu__icon) {
  padding-left: var(--spacing-02);
}
.app-main-submenu__link:hover, .app-main-submenu__link:focus {
  color: var(--colors-grey-1000);
  background-color: var(--colors-grey-100);
  text-decoration: none;
}
.app-main-submenu__link.is-active {
  background-color: var(--colors-primary-100);
  color: var(--colors-grey-1000);
}
.app-main-submenu__on-hover {
  opacity: 0;
  transition: opacity 150ms ease-in;
}
.app-main-submenu__item-actions {
  position: absolute;
  right: var(--spacing-01);
  top: 50%;
  transform: translateY(-50%);
}
.app-main-subnav__category {
  width: 100%;
  display: flex;
  align-items: center;
  padding: var(--spacing-01) var(--spacing-02);
  gap: var(--spacing-01);
  margin-bottom: var(--spacing-01);
  background-color: #fff;
  border: 0;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
  border-radius: 0.4rem;
  transition: color 150ms ease-in, background-color 150ms ease-in;
}
.app-main-subnav__category:hover, .app-main-subnav__category:focus {
  color: var(--colors-grey-800);
  background-color: var(--colors-grey-100);
  text-decoration: none;
}
.app-main-subnav__category.is-active {
  background-color: var(--colors-primary-100);
  color: var(--colors-grey-800);
}
.app-main-submenu__icon {
  width: 1.6rem;
  text-align: center;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
}
.app-main-submenu__hint {
  font-size: 1.2rem;
  color: var(--colors-grey-700);
}
.app-main-submenu__link--admin {
  background-color: var(--colors-primary-100);
  color: var(--colors-primary-600);
}
.app-main-submenu__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.app-main-submenu__logo {
  height: 1.6rem;
  width: auto;
  margin-right: var(--spacing-01);
}
.app-main-submenu__suffix {
  margin-left: auto;
  font-weight: normal;
  font-size: 1.2rem;
}
.app-main-menu__toggle,
.app-main-submenu__toggle {
  position: absolute;
  top: var(--spacing-01);
  right: var(--spacing-01);
  padding: var(--spacing-01) var(--spacing-02);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
  border-radius: 0.2rem;
  border: 0;
  background-color: transparent;
  transition: color 150ms ease-in, background-color 150ms ease-in;
}
.app-main-menu__toggle:hover, .app-main-menu__toggle:focus,
.app-main-submenu__toggle:hover,
.app-main-submenu__toggle:focus {
  color: var(--colors-grey-800);
  background-color: var(--colors-grey-100);
}
.app-main-submenu__toggle:hover, .app-main-submenu__toggle:focus {
  background-color: #fff;
}
.app-main-subnav__carret {
  margin-left: auto;
  font-size: 1.2rem;
  width: 1.6rem;
  text-align: center;
  color: var(--colors-grey-600);
}
.app-main-submenu__more {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-secondary-700);
  text-decoration: underline;
  margin-left: var(--spacing-03);
}
.app-main-submenu__more:hover, .app-main-submenu__more:focus {
  text-decoration: none;
}
.app-main-submenu__divider {
  display: block;
  margin: var(--spacing-04) var(--spacing-02);
  border: 0;
  min-height: 0.1rem;
  background-color: var(--colors-grey-300);
}
.app-main-subsubmenu {
  list-style-type: none;
  padding: 0;
  margin: var(--spacing-02) 0 var(--spacing-03) var(--spacing-02);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-02);
}
.app-main-subsubmenu {
  border-left: 0.2rem solid var(--colors-grey-200);
}
.app-main-subsubmenu__link {
  display: block;
  padding-left: var(--spacing-02);
  margin-left: -0.2rem;
  border-left: 0.2rem solid transparent;
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-800);
  transition: color 150ms ease-in, border-color 150ms ease-in;
}
.app-main-subsubmenu__link:hover, .app-main-subsubmenu__link:focus {
  border-left-color: var(--colors-grey-400);
  color: var(--colors-grey-1000);
  text-decoration: none;
}
.app-main-subsubmenu__link.is-active {
  font-weight: 500;
  color: var(--colors-grey-1000);
  border-left-color: var(--colors-primary-600);
}
.support-nav {
  margin-top: auto;
  padding-top: var(--spacing-06);
}
.support-menu {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-005);
  list-style-type: none;
  padding: 0;
  margin-bottom: 0;
}
.support-menu__link {
  width: 100%;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-03);
  line-height: 1.2307692308;
  font-size: 1.3rem;
  font-weight: 500;
  background-color: #fff;
  border: 0;
  color: var(--colors-grey-800);
  border-radius: 0.4rem;
  text-align: left;
  transition: color 150ms ease-in, background-color 150ms ease-in;
}
.support-menu__link:hover, .support-menu__link:focus {
  color: var(--colors-grey-1000);
  background-color: var(--colors-grey-100);
  text-decoration: none;
}
.support-menu__link:hover .support-menu__icon, .support-menu__link:focus .support-menu__icon {
  color: currentColor;
}
.support-menu__link:hover .support-menu__toggle-icon, .support-menu__link:focus .support-menu__toggle-icon {
  opacity: 1;
}
.support-menu__link[data-notifications-count] {
  position: relative;
}
.support-menu__link[data-notifications-count]::after {
  content: attr(data-notifications-count);
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--spacing-01);
  min-width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.8rem;
  background-color: var(--colors-secondary-600);
  color: #fff;
  font-size: 1rem;
  font-weight: 600;
}
.support-menu__link--user {
  transition: padding 200ms ease-in-out;
}
.support-menu__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
}
.support-menu__label {
  flex: 1;
  font-weight: 400;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-800);
  overflow: hidden;
}
.support-menu__avatar {
  flex-shrink: 0;
  min-width: 3.2rem;
  width: 3.2rem;
  height: 3.2rem;
  object-fit: contain;
  border-radius: 50%;
}
.support-menu-user {
  flex: 1;
  min-width: 0;
  display: flex;
  flex-direction: column;
  text-align: left;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.support-menu-user__name {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-800);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.support-menu-user__plan {
  font-size: 1.2rem;
  font-weight: 400;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
}
.support-menu__toggle-icon {
  font-size: 1.3rem;
  opacity: 0;
  color: var(--colors-grey-600);
  transition: opacity 150ms ease-in;
}
.support-menu-help {
  --bs-popover-box-shadow: 0 20px 40px rgba(199, 205, 212, 0.25), 0 0 20px rgba(29, 38, 46, 0.1);
  --bs-popover-body-padding-x: var(--spacing-01);
  --bs-popover-body-padding-y: var(--spacing-01);
  margin-left: var(--spacing-03) !important;
  box-shadow: var(--bs-popover-box-shadow);
}
.support-menu-help .popover-arrow {
  display: none;
}
.support-menu-help__link {
  display: block;
  position: relative;
  padding: var(--spacing-02) var(--spacing-03) var(--spacing-02) var(--spacing-08);
  color: var(--colors-grey-800);
  border-radius: 0.2rem;
  transition: color 150ms ease-in, background-color 150ms ease-in;
}
.support-menu-help__link:hover, .support-menu-help__link:focus {
  text-decoration: none;
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-1000);
}
.support-menu-help__icon {
  position: absolute;
  left: var(--spacing-02);
  top: var(--spacing-03);
  width: 1.6rem;
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.2307692308 !important;
  color: var(--colors-grey-700);
}
.support-menu-help__title {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2307692308;
}
.support-menu-help__subtitle {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  margin: var(--spacing-01) 0 0;
}
.support-menu-secondary {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  margin: 0 var(--spacing-03);
}
.support-menu-secondary__link {
  flex: 1;
  padding: var(--spacing-02);
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3333333333;
  text-align: center;
  color: var(--colors-grey-800);
  background-color: var(--colors-grey-100);
  border-radius: 0.4rem;
  transition: color 150ms ease-in, background-color 150ms ease-in;
}
.support-menu-secondary__link:hover, .support-menu-secondary__link:focus {
  text-decoration: none;
  background-color: var(--colors-grey-200);
  color: var(--colors-grey-1000);
}
.app-header--collapsed.is-expanded {
  box-shadow: 2px 0px 4px rgba(29, 38, 46, 0.03), 6px 0px 12px rgba(29, 38, 46, 0.02);
}
.app-header--collapsed:not(.is-expanded) {
  width: 100%;
}
.app-header--collapsed:not(.is-expanded) .app-header__logo {
  width: 2rem;
}
.app-header--collapsed:not(.is-expanded) .app-main-nav__category {
  margin-left: 0;
  width: 100%;
  color: var(--colors-grey-100);
  background-color: var(--colors-grey-100);
  border-radius: 1em;
  overflow: hidden;
}
.app-header--collapsed:not(.is-expanded) .app-main-nav__toggle {
  right: var(--spacing-01);
}
.app-header--collapsed:not(.is-expanded) .app-main-menu__toggle,
.app-header--collapsed:not(.is-expanded) .support-menu__toggle-icon,
.app-header--collapsed:not(.is-expanded) .app-main-menu__link .tag {
  display: none;
}
.app-header--collapsed:not(.is-expanded) .support-menu-user,
.app-header--collapsed:not(.is-expanded) .support-menu__label,
.app-header--collapsed:not(.is-expanded) .app-main-menu__label {
  width: 0;
  flex: 0;
  opacity: 0;
}
.app-header--collapsed:not(.is-expanded) .support-menu__link--user {
  padding-left: 0;
  padding-right: 0;
}
.app-header--collapsed:not(.is-expanded) .support-menu__link[data-notifications-count]::after {
  content: "";
  position: absolute;
  top: 1rem;
  right: 0.4rem;
  min-width: 0.9rem;
  height: 0.9rem;
  border: 0.1rem solid #fff;
}
.app-header--collapsed:not(.is-expanded) .app-header-upgrade__content,
.app-header--collapsed:not(.is-expanded) .app-header-usage__content {
  opacity: 0;
}
.app-header--collapsed:not(.is-expanded) .app-header-upgrade__icon,
.app-header--collapsed:not(.is-expanded) .app-header-usage-preview {
  opacity: 1;
}
.header-help-menu .popover-body {
  padding: 0;
}
.header-help-menu__link {
  display: block;
  padding: var(--spacing-03) var(--spacing-04);
  text-decoration: none;
  font-size: 1.3rem;
}
.header-help-menu__link:not(:first-child) {
  border-top: 1px solid var(--colors-grey-300);
}
.header-help-menu__link[target=_blank] .header-help-menu__title::after {
  content: "\f08e";
  margin-left: var(--spacing-01);
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  font-size: 1rem;
  line-height: 1.6;
  color: var(--colors-grey-600);
  display: inline-block;
  vertical-align: middle;
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
}
.header-help-menu__link:hover, .header-help-menu__link:focus {
  text-decoration: none;
  background: var(--colors-grey-100);
  cursor: pointer;
}
.header-help-menu__link:hover .header-help-menu__title::after, .header-help-menu__link:focus .header-help-menu__title::after {
  opacity: 1;
}
.header-help-menu__title {
  font-weight: 500;
  color: var(--colors-grey-1000);
}
.header-help-menu__subtitle {
  font-size: 1.2rem;
  color: var(--colors-grey-600);
}
.app-main-nav-quotas {
  margin: 0 var(--spacing-03);
}
.app-main-nav-quotas__header {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.3333333333;
  padding: var(--spacing-02);
  margin: 0 calc(var(--spacing-02) * -1) var(--spacing-02);
  border-radius: 0.4rem;
  transition: background-color 100ms ease-in;
}
.app-main-nav-quotas__header:hover, .app-main-nav-quotas__header:focus {
  background-color: var(--colors-grey-100);
  text-decoration: none;
}
.app-main-nav-quotas__header.is-active {
  background-color: var(--colors-primary-100);
}
.app-main-nav-quotas__header.is-active .app-main-menu__icon {
  color: var(--colors-primary-600);
}
.app-main-nav-quotas__title {
  flex: 1;
  font-weight: 500;
  color: var(--colors-grey-1000);
}
.app-main-nav-quotas__icon {
  font-size: 1.2rem;
  color: var(--colors-grey-700);
}
.app-main-nav-quota + .app-main-nav-quota {
  margin-top: var(--spacing-03);
}
.app-main-nav-quota__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.app-main-nav-quota__title {
  flex: 1;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3333333333;
  color: var(--colors-grey-900);
}
.app-main-nav-quota__credits {
  text-align: right;
  font-size: 1.1rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.app-main-nav-quota__bar {
  display: flex;
  align-items: stretch;
  margin-top: var(--spacing-01);
  position: relative;
  height: 0.4rem;
  border-radius: 0.8rem;
  background-color: var(--colors-grey-300);
}
.app-main-nav-quota__bar-used {
  width: 0;
  background-color: var(--colors-secondary-600);
  border-radius: 0.8rem;
}
.app-main-nav-quota__bar-used.is-loading {
  flex: 1;
  width: 100%;
  animation: 2s skeletonShine linear infinite;
}
.app-main-nav-quota__bar-overage {
  position: relative;
  background-color: var(--colors-danger-600);
  border-radius: 0.8rem;
}
.app-main-nav-quota__bar-overage::before {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: -0.4rem;
  height: 1.2rem;
  width: 0.5rem;
  border: 0.2rem solid #fff;
  background-color: var(--colors-grey-700);
  border-radius: 0.4rem;
}
.app-main-nav-quota__overage,
.app-main-nav-quota__info {
  margin-top: var(--spacing-03);
  font-size: 1.1rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.app-main-nav-quota__overage p,
.app-main-nav-quota__info p {
  margin-bottom: var(--spacing-01);
}
.app-header-upgrade {
  --app-header-upgrade-background-color: var(--colors-grey-100);
  --app-header-upgrade-border-color: var(--colors-grey-300);
  position: relative;
  margin: auto 0 0 var(--spacing-01);
}
.app-header-upgrade + .support-nav {
  margin-top: 0;
  padding-top: var(--spacing-04);
}
.app-header-upgrade--highlighted {
  --app-header-upgrade-background-color: var(--colors-warning-100);
  --app-header-upgrade-border-color: var(--colors-warning-300);
}
.app-header-upgrade--highlighted .app-header-upgrade__icon {
  color: var(--colors-warning-700);
}
.app-header-upgrade__icon {
  --fa-display: flex;
  position: absolute;
  left: 0;
  bottom: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  border-radius: 50%;
  background-color: var(--app-header-upgrade-background-color);
  border: 0.1rem solid var(--app-header-upgrade-border-color);
  color: var(--colors-grey-700);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: -1;
}
.app-header-upgrade__content {
  opacity: 1;
  user-select: none;
  width: 15.2rem;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-02);
  padding: var(--spacing-03);
  background-color: var(--app-header-upgrade-background-color);
  border-radius: 0.4rem;
  border: 0.1rem solid var(--app-header-upgrade-border-color);
  transition: opacity 0.2s ease-in-out;
}
.app-header-upgrade__title {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.2307692308;
}
.app-header-upgrade__description {
  margin: 0;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
@media screen and (max-height: 51.25em) {
  .app-header-usage-wrapper,
  .app-header-upgrade {
    display: none;
  }
  .app-header-usage-wrapper + .support-nav,
  .app-header-upgrade + .support-nav {
    margin-top: auto;
  }
}
.app-header-usage-wrapper {
  margin-top: auto;
}
.app-header-usage-wrapper + .support-nav {
  margin-top: 0;
}
.app-header-usage {
  --app-header-usage-preview-color: var(--colors-secondary-600);
  position: relative;
  margin-top: auto;
}
.app-header-usage:has(.app-header-usage__footer) .app-header-usage__content {
  box-shadow: 0px 1px 2px 0px rgba(29, 38, 46, 0.04);
}
.app-header-usage.is-reached {
  --app-header-usage-preview-color: var(--colors-danger-600);
}
.app-header-usage__content {
  width: 15.2rem;
  user-select: none;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.app-header-usage__body {
  position: relative;
  padding: var(--spacing-01);
  background: #fff;
  border: 1px solid var(--colors-grey-300);
  border-radius: 0.4rem;
  z-index: 1;
}
.app-header-usage__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: var(--spacing-01);
  border-radius: 0.4rem;
  transition: background-color 150ms ease-in;
}
.app-header-usage__header:hover, .app-header-usage__header:focus {
  background-color: var(--colors-grey-100);
  text-decoration: none;
}
.app-header-usage__title {
  flex: 1;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-900);
}
.app-header-usage__cost-icon {
  font-size: 1.2rem;
  color: var(--colors-grey-600);
  transform: rotate(-45deg);
}
.app-header-usage__icon {
  font-size: 1.2rem;
  color: var(--colors-grey-700);
}
.app-header-usage__bar {
  margin: var(--spacing-01);
  position: relative;
  height: 0.4rem;
  border-radius: 0.8rem;
  background-color: var(--colors-grey-300);
}
.app-header-usage__bar-used {
  position: absolute;
  left: 0;
  top: 0;
  height: 100%;
  width: 0;
  background-color: var(--app-header-usage-preview-color);
  border-radius: 0.8rem;
  transition: width 150ms ease-in-out;
}
.app-header-usage__bar-used.is-almost-reached {
  box-shadow: 0px 0px 2px var(--app-header-usage-preview-color);
}
.app-header-usage__bar-used.is-reached {
  box-shadow: 0px 0px 2px var(--app-header-usage-preview-color);
  animation: pulsingDangerShadow 1.125s ease-in-out infinite;
}
.app-header-usage__credits {
  display: flex;
  align-items: center;
  gap: 0.125em;
  margin: var(--spacing-01);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
}
.app-header-usage__footer {
  background-color: var(--colors-grey-200);
  padding: var(--spacing-02) var(--spacing-01) var(--spacing-01);
  margin-top: -0.5rem;
  border-radius: 0 0 0.4rem 0.4rem;
}
@keyframes pulsingDangerShadow {
  0% {
    box-shadow: 0 0 1px var(--colors-danger-600);
  }
  60% {
    box-shadow: 0px 0px 4px var(--colors-danger-600);
  }
}
.app-header-usage-preview {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  box-shadow: inset 0 0 0 0.3rem var(--colors-grey-300);
  opacity: 0;
  transition: opacity 0.2s ease-in-out;
  z-index: -1;
}
.app-header-usage-preview__used {
  color: var(--app-header-usage-preview-color);
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
}
@media screen and (max-width: calc(62em - 1px)) {
  .app-header {
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    height: auto;
    width: 100% !important;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    padding: var(--spacing-02);
    border-top: 0.1rem solid var(--colors-grey-300);
  }
  .app-header__logo {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    width: 100% !important;
    margin-bottom: 0;
    margin-left: 0;
    padding: var(--spacing-04);
    border-bottom: 0.2rem solid var(--colors-grey-200);
    background-color: #fff;
    z-index: 999;
    text-align: center;
  }
  .app-main-nav {
    flex: 1;
  }
  .app-main-nav__toggle {
    display: none;
  }
  .app-main-menu--mobile {
    --app-main-nav-width: auto;
    display: flex;
    flex: 1;
    flex-direction: row;
    margin: 0;
    gap: var(--spacing-02);
  }
  .app-main-menu--mobile .app-main-menu__item {
    flex: 1;
  }
  .app-main-menu--mobile .app-main-menu__link {
    font-size: 2rem;
    padding: var(--spacing-03);
    justify-content: center;
    align-items: center;
  }
  .app-main-menu--mobile .app-main-menu__icon svg {
    width: 2.4rem;
  }
}
@media screen and (max-width: calc(75em - 1px)) {
  .app-main-nav__toggle {
    display: none;
  }
  .app-header:hover {
    width: var(--app-header-width--expanded);
    box-shadow: 2px 0px 4px rgba(29, 38, 46, 0.03), 6px 0px 12px rgba(29, 38, 46, 0.02);
  }
  .app-header:not(:hover) {
    width: 100%;
  }
  .app-header:not(:hover) .app-header__logo {
    width: 2rem;
    margin-left: 0;
  }
  .app-header:not(:hover) .app-main-nav__category {
    margin-left: 0;
    width: 100%;
    color: var(--colors-grey-100);
    background-color: var(--colors-grey-100);
    border-radius: 1em;
    overflow: hidden;
  }
  .app-header:not(:hover) .app-main-nav__toggle {
    right: var(--spacing-01);
  }
  .app-header:not(:hover) .app-main-menu__toggle,
  .app-header:not(:hover) .support-menu__toggle-icon,
  .app-header:not(:hover) .app-main-menu__link .tag {
    display: none;
  }
  .app-header:not(:hover) .support-menu-user,
  .app-header:not(:hover) .support-menu__label,
  .app-header:not(:hover) .app-main-menu__label {
    width: 0;
    flex: 0;
    opacity: 0;
  }
  .app-header:not(:hover) .support-menu__link--user {
    padding-left: 0;
    padding-right: 0;
  }
  .app-header:not(:hover) .support-menu__link[data-notifications-count]::after {
    content: "";
    position: absolute;
    top: 1rem;
    right: 0.4rem;
    min-width: 0.9rem;
    height: 0.9rem;
    border: 0.1rem solid #fff;
  }
}
@media screen and (min-width: 87.5em) {
  .app-header:not(.app-header--collapsed) .support-menu__link.is-active + .app-main-subnav,
  .app-header:not(.app-header--collapsed) .app-main-menu__link.is-active + .app-main-subnav {
    opacity: 1;
    visibility: visible;
  }
  .app-main-subnav {
    left: var(--app-header-wrapper-width--collapsed);
    box-shadow: none;
  }
}
.notifications-center {
  --h-tab-font-size: 1.3rem;
  --h-tab-padding: var(--spacing-03) 0 calc(var(--spacing-03) - var(--h-tab-border-width));
  position: fixed;
  bottom: var(--spacing-02);
  left: calc(var(--app-header-width--expanded) + var(--spacing-02));
  width: 36rem;
  background-color: #fff;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0 20px 40px rgba(199, 205, 212, 0.25), 0 0 20px rgba(29, 38, 46, 0.1);
  border-radius: 0.4rem;
  visibility: hidden;
  opacity: 0;
  z-index: 50;
  transition: opacity 150ms ease-in-out;
}
.notifications-center.is-open {
  opacity: 1;
  visibility: visible;
}
.notifications-center:focus {
  outline: none;
}
.notifications-center .empty-state {
  min-height: 34.8rem;
}
.notifications-center__header {
  display: flex;
  align-items: center;
  padding: var(--spacing-03) var(--spacing-04);
}
.notifications-center__title {
  flex: 1;
  margin: 0;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-900);
}
.notifications-center__footer {
  position: sticky;
  bottom: 0;
  padding: var(--spacing-02);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-04);
  font-size: 1.2rem;
  line-height: 1.25;
  background-color: #fff;
  border-top: 1px solid var(--colors-grey-300);
  border-radius: 0 0 0.4rem 0.4rem;
  box-shadow: 0px -2px 6px rgba(29, 38, 46, 0.04);
}
.notifications-center__action {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: var(--spacing-01) var(--spacing-02);
  border-radius: 0.2rem;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  font-weight: 500;
  color: var(--colors-grey-700);
  transition: background-color 150ms ease-in;
}
.notifications-center__action:hover, .notifications-center__action:focus {
  background-color: var(--colors-grey-100);
}
.notifications-center__action--primary {
  color: var(--colors-secondary-700);
}
.notifications-center__action--primary .far {
  color: var(--colors-secondary-600);
}
.notifications-center__settings {
  color: var(--colors-grey-600);
  margin-left: auto;
}
.notifications-center__settings:hover, .notifications-center__settings:focus {
  color: var(--colors-grey-900);
}
.notifications-center__tabs {
  background-color: var(--colors-grey-100);
}
.notifications-list {
  padding: 0;
  margin: 0;
  height: 34.8rem;
  overflow: auto;
  list-style-type: none;
  background-color: #fff;
  border-radius: 0 0 0.4rem 0.4rem;
}
.notifications-list li:not(:first-child) {
  border-top: 1px solid var(--colors-grey-300);
}
.notification-item {
  --notification-item-opacity: 1;
  --notification-item-background: #fff;
  --notification-item-background-hover: var(--colors-secondary-100);
  --notification-item-icon-color: var(--colors-secondary-600);
  --notification-item-icon-background: var(--colors-secondary-200);
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
  padding: var(--spacing-04) var(--spacing-08) var(--spacing-04) var(--spacing-04);
  background-color: var(--notification-item-background);
  opacity: var(--notification-item-opacity);
  line-height: 1.5;
  transition: background-color 150ms ease-in;
}
.notification-item:hover, .notification-item:focus-within {
  background-color: var(--notification-item-background-hover);
}
.notification-item[data-status=unread]::after {
  content: "";
  position: absolute;
  right: var(--spacing-04);
  top: 50%;
  margin-top: -0.3rem;
  width: 0.6rem;
  height: 0.6rem;
  border-radius: 50%;
  background-color: var(--colors-secondary-600);
}
.notification-item[data-status=read] {
  --notification-item-opacity: .7;
  --notification-item-icon-color: var(--colors-grey-600);
  --notification-item-icon-background: var(--colors-grey-200);
  --notification-item-background-hover: var(--colors-grey-100);
}
.notification-item__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: 0 0 3.6rem;
  height: 3.6rem;
  border-radius: 0.4rem;
  font-size: 1.6rem;
  line-height: 1;
  background-color: var(--notification-item-icon-background);
  color: var(--notification-item-icon-color);
}
.notification-item__icon > svg {
  width: 2rem;
  height: 2rem;
}
.notification-item__metas {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
.notification-item__category {
  color: var(--colors-grey-700);
}
.notification-item__category::after {
  content: "•";
  opacity: 0.5;
  margin-left: var(--spacing-01);
}
.notification-item__date {
  color: var(--colors-grey-600);
}
.notification-item__title {
  display: block;
  margin-top: var(--spacing-005);
  color: var(--colors-grey-900);
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.2307692308;
}
.notification-item__title::before {
  content: "";
  position: absolute;
  inset: 0;
}
.notification-item__title:hover, .notification-item__title:focus {
  color: var(--colors-grey-1000);
  text-decoration: none;
}
@media screen and (max-width: 48em) {
  .notifications-center {
    position: fixed;
    max-width: calc(100% - var(--spacing-06));
    left: auto;
    right: var(--spacing-04);
    top: 6.4rem;
    transform: scale(0.9);
  }
  .notifications-center::before {
    left: auto;
    right: 4.9rem;
  }
  .notifications-center::after {
    left: auto;
    right: 5.1rem;
  }
  .notifications-center.is-open {
    transform: scale(1);
  }
}
@keyframes swing {
  20% {
    -webkit-transform: rotate3d(0, 0, 1, 15deg);
    transform: rotate3d(0, 0, 1, 15deg);
  }
  40% {
    -webkit-transform: rotate3d(0, 0, 1, -10deg);
    transform: rotate3d(0, 0, 1, -10deg);
  }
  60% {
    -webkit-transform: rotate3d(0, 0, 1, 5deg);
    transform: rotate3d(0, 0, 1, 5deg);
  }
  80% {
    -webkit-transform: rotate3d(0, 0, 1, -5deg);
    transform: rotate3d(0, 0, 1, -5deg);
  }
  to {
    -webkit-transform: rotate3d(0, 0, 1, 0deg);
    transform: rotate3d(0, 0, 1, 0deg);
  }
}
#support-notification {
  display: none;
  position: fixed;
  height: 50px;
  line-height: 20px;
  font-weight: 600;
  border-radius: 30px;
  padding: 15px 24px;
  bottom: 19px;
  right: 80px;
  background: #ffffff;
  box-shadow: rgba(0, 0, 0, 0.06) 0px 1px 6px 0px, rgba(0, 0, 0, 0.16) 0px 2px 32px 0px;
  transform: translateY(200%);
  opacity: 0;
  animation-name: slideInFromBottom;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
  transition: all 150ms ease-in-out;
  z-index: 100;
}
#support-notification:hover {
  background-color: var(--colors-grey-100);
  cursor: pointer;
}
#intercom-container iframe.intercom-launcher-frame {
  border: none;
}
.application-back.history .container {
  max-width: 1000px;
}
.application-back.history table ul {
  padding-left: 0;
  margin: 0;
  list-style-type: none;
}
.application-back.history .history-log-modal h2 span {
  font-size: 13px;
  color: var(--colors-grey-600);
  font-weight: 500;
  margin-left: 5px;
}
.application-back.history .history-log-modal .log-message-container {
  margin: 10px 0 20px;
  background-color: var(--colors-grey-100);
  padding: 15px 20px;
  border-radius: 5px;
}
.application-back.history .history-log-modal .log-message-container:last-child {
  margin-bottom: 0;
}
.preview-table {
  width: 100%;
  margin: 0;
}
.preview-table tr:last-child {
  border-bottom: 0;
}
.preview-table td,
.preview-table th {
  padding: 8px;
  min-width: 160px;
}
.preview-table td:first-child,
.preview-table th:first-child {
  padding-left: 0;
}
.preview-table td:last-child,
.preview-table th:last-child {
  padding-right: 0;
}
.preview-table td span,
.preview-table th span {
  color: transparent;
  text-shadow: 0 0 6px var(--colors-grey-600);
}
.preview-table .far {
  margin-right: 5px;
  font-size: 11px;
}
.preview-table .fa-times {
  font-size: 12px;
}
.preview-table__department {
  text-transform: capitalize;
}
body.search .l-main {
  background-color: var(--colors-grey-50);
}
body.search .main-wrapper {
  margin-top: var(--spacing-20);
  max-width: 108rem;
}
body.search .h-pill-tabs__link {
  min-width: 20rem;
}
body.search .page-header {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 var(--spacing-04);
  padding: 0;
  border: 0;
}
body.search .page-title {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 2.4rem;
  line-height: 1.3333333333;
  margin: 0;
}
.ds-form {
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin-bottom: var(--spacing-06);
  border: 1px solid var(--colors-grey-300);
}
.ds-search {
  margin: -1px;
  display: flex;
  align-items: center;
  border: 1px solid var(--colors-grey-300);
  border-radius: 4px;
  transition: border-color 150ms ease-in, box-shadow 150ms ease-in;
}
.ds-search:focus-within {
  border-color: var(--colors-secondary-600);
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-300);
}
.ds-search-result {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: 0 var(--spacing-03) 0 var(--spacing-04);
  min-width: 0;
}
.ds-search-result .ds-search-result__input {
  flex: 1;
  padding: var(--spacing-05) 0;
  height: auto;
  align-self: stretch;
  min-width: 0;
  border: 0;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  background-color: #fff;
}
.ds-search-result .ds-search-result__input:hover, .ds-search-result .ds-search-result__input:focus, .ds-search-result .ds-search-result__input:focus-visible {
  border: 0 !important;
}
.ds-search-result--smaller {
  flex: 0.9;
}
.ds-search-result__logo {
  width: 2.4rem;
  height: auto;
  border-radius: 0.2rem;
}
.ds-search-result__logo[src=""] {
  display: none;
}
.ds-search-result__summary {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.ds-search-result__domain {
  font-size: 1.2rem;
  color: var(--colors-grey-600);
  margin-right: var(--spacing-01);
}
.ds-search-result__count {
  font-size: 1.1rem;
  font-weight: 500;
}
.ds-search__at {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0 var(--spacing-04);
  border-left: 1px solid var(--colors-grey-300);
  border-right: 1px solid var(--colors-grey-300);
  font-size: 1.6rem;
  color: var(--colors-grey-500);
}
.ds-search__submit {
  --h-cost-indicator-gap: var(--spacing-02);
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: var(--spacing-02) var(--spacing-06);
  border-width: 0 0 0 1px;
  border-color: var(--colors-grey-300);
  border-radius: 0 4px 4px 0;
  background-color: #fff;
  transition: background-color 150ms ease-in;
}
.ds-search__submit:hover {
  background-color: var(--colors-grey-100);
}
.ds-search__submit--text {
  font-weight: 500;
  color: var(--colors-grey-900);
}
body.search .autocomplete-suggestions {
  min-width: calc(100vw - 3rem - 6.4rem);
  margin-left: calc((var(--spacing-04) + 1px) * -1);
}
body.search.show .autocomplete-suggestions {
  margin-left: calc((var(--spacing-12) + 1px) * -1);
}
.ds-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-04);
  padding: var(--spacing-04);
  border-radius: 0 0 4px 4px;
}
.ds-results .ds-filters {
  display: flex;
  background-color: var(--colors-grey-50);
  border-bottom: 0.1rem solid var(--colors-grey-200);
  border-radius: 0;
}
.ds-filters .tags-list:empty {
  display: none;
}
.ds-filters--grey {
  background-color: var(--colors-grey-100);
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.ds-filters__clear {
  margin-left: auto;
}
.ds-recent-searches {
  margin: var(--spacing-06) 0;
}
.ds-recent-searches .ds-recent-searches__title {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--colors-grey-700);
}
.ds-recent-searches__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  margin-bottom: var(--spacing-01);
}
.ds-recent-searches__header hr {
  flex: 1;
}
.ds-recent-searches-list {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  align-items: center;
  flex-wrap: wrap;
  padding-left: 0;
  margin: 0;
}
.ds-recent-search {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-02) var(--spacing-03);
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-900);
  background: #fff;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 1px 1px rgba(29, 38, 46, 0.05);
  border-radius: 4px;
  transition: background-color 250ms ease, color 250ms ease-in, border-color 250ms ease-in;
}
.ds-recent-search:hover, .ds-recent-search:focus {
  text-decoration: none;
  color: var(--colors-grey-900);
  background-color: var(--colors-grey-100);
  box-shadow: 0px 1px 4px 2px rgba(29, 38, 46, 0.04), 0px 1px 1px rgba(29, 38, 46, 0.05);
}
.ds-recent-search:focus-visible {
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-600), 0px 1px 1px rgba(29, 38, 46, 0.05);
}
.ds-recent-search:active {
  box-shadow: none;
  background-color: var(--colors-grey-100);
  transform: translateY(1px);
}
.ds-recent-search__logo {
  height: 1.6rem;
  width: auto;
  border-radius: 0.1rem;
}
.ds-results {
  position: relative;
  padding: 0;
}
.ds-results__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-04) var(--spacing-04) var(--spacing-04) var(--spacing-06);
  border-bottom: 1px solid var(--colors-grey-300);
}
.ds-results__header .ds-results__title {
  margin: 0 !important;
  font-size: 1.6rem !important;
  font-weight: 400;
  line-height: 1.7142857143;
  color: var(--colors-grey-900);
}
.ds-results__body {
  padding: 0 var(--spacing-06);
}
.ds-section__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  margin-top: var(--spacing-04);
}
.ds-section__header .ds-section__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
.ds-section__header::after {
  content: "";
  flex: 1;
  height: 0.1rem;
  margin-left: var(--spacing-01);
  background-color: var(--colors-grey-300);
}
.ds-section__header:has(.ds-section__toggle[aria-expanded=true]):hover .ds-section__checkbox {
  opacity: 1;
}
.ds-section__count {
  padding: 0 var(--spacing-01);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
  background-color: var(--colors-grey-200);
  border-radius: 0.4rem;
}
.ds-section__toggle {
  padding: 0;
  width: 1.6rem;
  text-align: center;
  font-size: 1.2rem;
  color: var(--colors-grey-600);
  border: 0;
  background-color: transparent;
}
.ds-section__toggle::before {
  content: "";
  position: absolute;
  inset: 0;
}
.ds-section__checkbox {
  position: absolute;
  top: 50%;
  left: 0;
  margin: 0 !important;
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity 100ms ease-in;
  z-index: 5;
}
.ds-finder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-02);
  padding: var(--spacing-04);
  background-color: var(--colors-grey-100);
  border-bottom: 1px solid var(--colors-grey-300);
}
.ds-finder-form {
  flex: 1;
  display: flex;
  min-width: 0;
  border: 1px solid var(--colors-grey-300);
  border-radius: 4px;
  background-color: #fff;
  transition: border-color 150ms ease-in, box-shadow 150ms ease-in;
}
.ds-finder-form:focus-within {
  border-color: var(--colors-secondary-600);
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-300);
}
.ds-finder-form--makers {
  max-width: 28rem;
}
.ds-finder-form--makers .ds-finder-form__submit {
  border-left: 0;
  padding: 0 var(--spacing-03);
}
.ds-finder-form--makers .ds-finder-form-name__field {
  padding: 0 !important;
}
.ds-finder-form-name {
  flex: 1;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-01) var(--spacing-03);
}
.ds-finder-form-name .ds-finder-form-name__field {
  padding: var(--spacing-01) 0;
  border: 0;
  height: auto;
  min-width: 0;
  border: 0;
  background-color: #fff;
}
.ds-finder-form-name .ds-finder-form-name__field:last-child {
  flex: 1;
}
.ds-finder-form-name .ds-finder-form-name__field:hover, .ds-finder-form-name .ds-finder-form-name__field:focus {
  border: 0 !important;
}
.ds-finder-form-name__icon {
  width: 2rem;
  height: 2rem;
  color: var(--colors-grey-500);
}
.ds-finder-form__at {
  padding: var(--spacing-03);
  border-left: 1px solid var(--colors-grey-300);
  border-right: 1px solid var(--colors-grey-300);
  color: var(--colors-grey-500);
  font-size: 1.4rem;
  line-height: 1.1428571429;
}
.ds-finder-form-company {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-01) var(--spacing-03);
  max-width: 28rem;
}
.ds-finder-form-company__logo {
  height: 1.6rem;
  width: auto;
}
.ds-finder-form-company__name {
  flex: 2;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ds-finder-form-company__domain {
  flex: 1;
  margin-left: auto;
  text-align: right;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ds-finder-form__submit {
  padding: var(--spacing-02) var(--spacing-04);
  border-width: 0 0 0 1px;
  border-color: var(--colors-grey-300);
  border-radius: 0 4px 4px 0;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
  transition: background-color 150ms ease-in, color 150ms ease-in;
}
.ds-finder-form__submit:hover, .ds-finder-form__submit:focus {
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-900);
}
.ds-finder__close {
  font-size: 1.6rem;
  color: var(--colors-grey-600);
}
.ds-bulk-actions {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  visibility: hidden;
  align-items: center;
  gap: var(--spacing-02);
  margin: 0;
  padding: var(--spacing-01) var(--spacing-04);
  background-color: var(--colors-secondary-700);
  color: #fff;
  opacity: 0;
  z-index: 10;
  transition: opacity 250ms ease-in, height 250ms ease-in;
  height: 0;
}
.ds-bulk-actions.is-visible {
  visibility: visible;
  opacity: 1;
  z-index: 20;
  height: 4rem;
}
.ds-bulk-actions .h-button:not(.dropdown-menu .h-button) {
  --h-button-font-size: 1.3rem;
  --h-button-line-height: calc(16/13);
  --h-button-color: #fff;
  --h-button-border-color: transparent;
  --h-button-background: transparent;
  --h-button-icon-color: currentColor;
  --h-button-suffix-border-color: rgba(255, 255, 255, .2);
  --h-button-color-hover: #fff;
  --h-button-background-hover: rgba(255, 255, 255, .1);
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-color-active: #fff;
  --h-button-background-active: rgba(255, 255, 255, .1);
  --h-button-box-shadow-active: none;
}
.ds-bulk-actions .h-button--ghost:not(.dropdown-menu .h-button) {
  --h-button-font-size: 1.3rem;
  --h-button-line-height: calc(16/13);
  --h-button-color: #fff;
  --h-button-background: transparent;
  --h-button-color-hover: #fff;
  --h-button-background-hover: rgba(255, 255, 255, .1);
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-color-active: #fff;
  --h-button-background-active: rgba(255, 255, 255, .1);
  --h-button-box-shadow-active: none;
}
.ds-result {
  display: block;
  padding: var(--spacing-06) 0;
  border-bottom: 1px solid var(--colors-grey-300);
  transition: background-color 150ms ease-in, box-shadow 150ms ease-in;
}
.ds-result:last-child {
  border-bottom: 0;
}
.ds-result.selected {
  background-color: var(--colors-grey-100);
  box-shadow: var(--spacing-02) 0 0 0 var(--colors-grey-100), calc(var(--spacing-02) * -1) 0 0 0 var(--colors-grey-100);
}
.ds-result--single {
  padding: var(--spacing-08);
  border-bottom: 0;
}
.ds-result--single .ds-result__primary {
  flex: 1;
  max-width: none;
}
.ds-result--single .ds-result__secondary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-06);
  margin-top: var(--spacing-04);
  padding-left: 0;
}
.ds-result--single .ds-result__fullname {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  font-size: 1.6rem;
}
.ds-result--single .ds-result__sources {
  margin-top: var(--spacing-04);
  padding-top: var(--spacing-04);
  border-top: 1px solid var(--colors-grey-300);
}
.ds-result--single .ds-result__email {
  white-space: normal;
  overflow: visible;
  overflow-wrap: break-word;
}
.ds-result__avatar {
  display: flex;
  width: 8rem;
  height: 8rem;
  margin-right: var(--spacing-02);
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
}
.ds-result__avatar img {
  object-fit: contain;
}
.ds-result__data {
  display: flex;
  gap: var(--spacing-02);
}
.ds-result__data:not(:has(.ds-result__secondary)) .ds-result__primary {
  flex: 1;
  max-width: 100%;
}
.ds-result__data:hover .ds-result__checkbox, .ds-result__data:focus-within .ds-result__checkbox {
  opacity: 1;
}
.ds-result__checkbox {
  opacity: 0;
  transition: opacity 100ms ease-in;
  align-self: flex-start;
}
.ds-result__checkbox:checked {
  opacity: 1;
}
.ds-result__primary {
  flex: 0 0 35%;
  max-width: 35%;
}
.sidepanel .ds-result__primary {
  flex: 0 0 40%;
  max-width: 40%;
}
.ds-result__secondary {
  flex: 1;
  padding-left: var(--spacing-02);
}
.ds-result__fullname {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-1000);
}
.ds-result__email {
  display: inline-block;
  max-width: 100%;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  user-select: all;
  cursor: pointer;
}
.ds-result__email span {
  filter: blur(4px);
}
.ds-result__verification {
  margin-top: var(--spacing-01);
  display: flex;
  gap: var(--spacing-01);
  align-items: center;
  line-height: 1.3333333333;
}
.ds-result__verification-details {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3333333333;
  margin: 0;
  color: var(--colors-grey-700);
}
.ds-result__verification-details a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: var(--spacing-01);
  text-decoration-color: var(--colors-grey-400);
}
.ds-result__verification-details a:hover, .ds-result__verification-details a:focus {
  color: var(--colors-grey-900);
  text-decoration-color: var(--colors-grey-600);
}
.ds-result__attribute {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-800);
}
.ds-result__attribute .far {
  color: var(--colors-grey-500);
}
.ds-result__attribute:not(:first-child) {
  margin-top: var(--spacing-01);
}
.ds-result__actions {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-02);
  align-self: center;
  min-width: 12rem;
  text-align: right;
}
.ds-result__actions .h-button-group {
  max-inline-size: none;
  width: 100%;
}
.company-emails .ds-result__actions {
  min-width: 0;
}
.ds-result__source {
  align-self: center;
  padding: var(--spacing-005);
  margin-top: var(--spacing-02);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.ds-result__source:hover, .ds-result__source:focus {
  color: var(--colors-grey-900);
}
.ds-result__social[href*="twitter.com"] {
  color: var(--colors-brand-twitter-black);
}
.ds-result__social[href*="linkedin.com"] {
  color: var(--colors-brand-linkedin-blue);
}
.ds-result__social:hover, .ds-result__social:focus {
  text-decoration: none;
  opacity: 0.8;
}
.ds-result__sources-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-04);
}
.ds-result__sources-info a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-400);
  text-decoration-line: underline;
  text-underline-offset: var(--spacing-01);
}
.ds-result__sources-info a:hover, .ds-result__sources-info a:focus {
  text-decoration-color: currentColor;
}
.ds-result__sources-info .ds-result__source {
  margin-top: 0;
}
.ds-result__sources {
  margin-top: var(--spacing-04);
  padding-left: var(--spacing-06);
  color: var(--colors-grey-700);
  font-size: 1.3rem;
  line-height: 1.2307692308;
}
.ds-sources-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.ds-sources-list__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.ds-sources-list__item:not(:first-child) {
  margin-top: var(--spacing-02);
}
.ds-sources-list__link {
  flex: 1;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.3rem;
  line-height: 1.5384615385;
  white-space: nowrap;
}
.ds-sources-list__link:hover, .ds-sources-list__link:focus {
  text-decoration: underline;
}
.ds-sources-list__date {
  margin-left: auto;
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  line-height: 1.6666666667;
}
.ds-sources-list--outdated .ds-sources-list__link,
.ds-sources-list__item--outdated .ds-sources-list__link {
  color: var(--colors-grey-600);
  text-decoration: line-through;
}
.ds-sources__toggle {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: 0;
  background-color: transparent;
  border: 0;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.ds-result__hint {
  margin: var(--spacing-10) calc(var(--spacing-08) * -1) calc(var(--spacing-08) * -1);
  padding: var(--spacing-04) var(--spacing-08);
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
.ds-result__hint .open-intercom {
  text-decoration: underline;
}
.ds-result__hint .open-intercom:hover, .ds-result__hint .open-intercom:focus {
  text-decoration: none;
}
.ds-paging {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-04) var(--spacing-06);
  background-color: var(--colors-grey-50);
  border-top: 0.1rem solid var(--colors-grey-300);
  border-radius: 0 0 0.3rem 0.3rem;
}
.ds-paging__count {
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.ds-upgrade {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  margin: var(--spacing-02);
  padding: var(--spacing-06) var(--spacing-08);
  border-radius: 4px;
  background-color: var(--colors-secondary-100);
}
.ds-upgrade__content {
  flex: 1;
}
.ds-upgrade__title {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
}
.ds-upgrade__desc {
  max-width: 32rem;
  margin-top: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
  margin-bottom: 0;
}
.ds-upgrade__desc--full {
  max-width: none;
}
.ds-follow {
  position: relative;
  padding: var(--spacing-04) var(--spacing-06) var(--spacing-04) var(--spacing-10);
  margin-bottom: var(--spacing-06);
  background: var(--colors-primary-100);
  border: 1px solid var(--colors-primary-300);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0.4rem;
}
.ds-follow__icon {
  position: absolute;
  top: var(--spacing-05);
  left: var(--spacing-04);
  color: var(--colors-primary-600);
  font-size: 1.4rem;
}
.ds-follow__title {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  margin: 0 0 var(--spacing-005);
  color: var(--colors-grey-900);
}
.ds-follow__description,
.ds-follow-upgrade__description {
  margin-bottom: var(--spacing-02);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.ds-following {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-06);
}
.ds-follow-upgrade {
  text-align: center;
  background: url("data:image/svg+xml,%3csvg%20fill='none'%20height='206'%20viewBox='0%200%20336%20206'%20width='336'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cfilter%20id='a'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%20height='60'%20width='60'%20x='138'%20y='125'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20mode='normal'%20result='shape'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeMorphology%20in='SourceAlpha'%20operator='erode'%20radius='4'%20result='effect1_innerShadow_1208_5914'/%3e%3cfeOffset/%3e%3cfeComposite%20in2='hardAlpha'%20k2='-1'%20k3='1'%20operator='arithmetic'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.9702%200%200%200%200%200.9751%200%200%200%200%200.98%200%200%200%201%200'/%3e%3cfeBlend%20in2='shape'%20mode='normal'%20result='effect1_innerShadow_1208_5914'/%3e%3c/filter%3e%3clinearGradient%20id='b'%20gradientUnits='userSpaceOnUse'%20x1='177.5'%20x2='177.5'%20y1='207'%20y2='50.5'%3e%3cstop%20offset='0'%20stop-color='%23fff'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cmask%20id='c'%20height='206'%20maskUnits='userSpaceOnUse'%20width='336'%20x='0'%20y='0'%3e%3crect%20fill='%23fff'%20height='205'%20rx='2.5'%20stroke='%23dfe3e8'%20width='335'%20x='.5'%20y='.5'/%3e%3c/mask%3e%3cg%20mask='url(%23c)'%20opacity='.25'%3e%3cg%20filter='url(%23a)'%3e%3ccircle%20cx='168'%20cy='155'%20fill='%23eef0f3'%20r='30'/%3e%3c/g%3e%3cg%20stroke='%23dfe3e8'%3e%3ccircle%20cx='168'%20cy='155'%20r='29.5'/%3e%3ccircle%20cx='168'%20cy='155'%20r='46.375'/%3e%3ccircle%20cx='168'%20cy='155'%20r='65.125'/%3e%3ccircle%20cx='168'%20cy='155'%20r='93.25'/%3e%3ccircle%20cx='168'%20cy='155'%20r='121.375'/%3e%3ccircle%20cx='168'%20cy='155'%20r='149.5'/%3e%3ccircle%20cx='168'%20cy='155'%20r='187'/%3e%3ccircle%20cx='168'%20cy='155'%20r='243.25'/%3e%3ccircle%20cx='168'%20cy='155'%20r='299.5'/%3e%3c/g%3e%3cpath%20d='m0%207.00001c0-4.41828%203.58172-8.00001%208-8.00001h321c4.418%200%208%203.58172%208%208v200h-337z'%20fill='url(%23b)'/%3e%3c/g%3e%3c/svg%3e") no-repeat center #fff;
}
.ds-follow-upgrade .ds-follow-upgrade__title {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  margin: 0 0 var(--spacing-01);
  color: var(--colors-grey-900);
}
.ds-follow-upgrade__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-06);
  margin-top: var(--spacing-04);
}
.modal-follow-company__visual {
  position: relative;
}
.modal-follow-company__image {
  width: 100%;
}
.modal-follow-company__logo {
  position: absolute;
  bottom: 14%;
  left: calc(50% - 1.2rem);
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
  border-radius: 0.2rem;
}
.modal-follow-company__body {
  padding: var(--spacing-08) min(8vw, var(--spacing-16)) var(--spacing-08);
  text-align: center;
}
.modal-follow-company__label {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-primary-600);
}
.modal-follow-company__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--colors-grey-800);
  margin: var(--spacing-02) 0 var(--spacing-04);
}
.modal-follow-company__description {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
}
.modal-follow-company__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-04);
  flex-wrap: wrap;
  margin-top: var(--spacing-08);
}
.ds-company {
  padding: var(--spacing-04) var(--spacing-04) var(--spacing-06);
  color: var(--colors-grey-700);
}
.ds-company__heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.ds-company__logo {
  max-width: 2rem;
  height: auto;
  border-radius: 0.2rem;
}
.ds-company__name {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
  color: var(--colors-grey-800);
}
.ds-company__desc {
  margin-top: var(--spacing-02);
  font-size: 1.2rem;
  line-height: 1.6666666667;
}
.ds-company__links {
  display: flex;
  gap: var(--spacing-03);
  padding-left: 0;
  margin-top: var(--spacing-02);
  list-style-type: none;
}
.ds-company__link {
  text-decoration: none;
  font-size: 1.6rem;
  color: var(--colors-grey-400);
  transition: color 150ms ease-in;
}
.ds-company__link:hover, .ds-company__link:focus {
  color: var(--colors-grey-700);
}
.ds-company__link:focus-visible {
  outline: 0.2rem solid var(--colors-secondary-600);
}
.ds-more-results {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  padding: var(--spacing-06) var(--spacing-08);
  margin-bottom: 0;
}
.ds-more-results__body {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
}
.ds-more-results__content {
  flex: 1;
}
.ds-more-results__title {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
}
.ds-more-results__desc {
  max-width: 36rem;
  margin-top: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
  margin-bottom: 0;
}
.ds-more-results__actions {
  display: flex;
  gap: var(--spacing-04);
  align-items: center;
}
.ds-tech {
  padding: var(--spacing-04) var(--spacing-04) var(--spacing-06);
  color: var(--colors-grey-600);
  font-size: 1.3rem;
}
.ds-tech .key-value__desc + .key-value__desc {
  margin-top: 0;
}
.ds-tech__link {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
  padding: var(--spacing-02);
  margin-left: calc(var(--spacing-02) * -1);
  margin-right: calc(var(--spacing-02) * -1);
  border-radius: 0.4rem;
  transition: background-color 150ms ease-in, color 150ms ease-in;
}
.ds-tech__link:hover, .ds-tech__link:focus {
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-900);
  text-decoration: none;
}
.ds-tech__link:hover .ds-tech__info, .ds-tech__link:focus .ds-tech__info {
  opacity: 1;
}
.ds-tech__link img {
  width: 1.6rem;
  height: 1.6rem;
  object-fit: contain;
}
.ds-tech__info {
  font-size: 1.1rem;
  line-height: 1.4545454545;
  color: var(--colors-grey-600);
  margin-left: auto;
  opacity: 0;
  transition: opacity 150ms ease-in;
}
.ds-related-companies {
  padding: var(--spacing-03) var(--spacing-02);
  margin: 0;
  list-style-type: none;
}
.ds-related-companies__more {
  background-color: var(--colors-grey-100);
  border-radius: 0.4rem;
  margin: 0 var(--spacing-01) var(--spacing-01);
  padding: var(--spacing-02);
}
.ds-related-company {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
  padding: var(--spacing-01) var(--spacing-02);
  border-radius: 0.4rem;
  transition: background-color 200ms ease-in;
}
.ds-related-company:hover, .ds-related-company:focus-within {
  background-color: var(--colors-grey-100);
}
.ds-related-company:hover .ds-related-company__cta, .ds-related-company:focus-within .ds-related-company__cta {
  opacity: 1;
  z-index: 5;
}
.ds-related-company:hover::after, .ds-related-company:focus-within::after {
  opacity: 1;
  z-index: 1;
  transition: opacity 0s ease-in 200ms;
}
.ds-related-company::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60%;
  opacity: 0;
  background: linear-gradient(270deg, var(--colors-grey-100) 80%, rgba(255, 255, 255, 0) 100%);
  transition: opacity 200ms ease-in;
  z-index: -1;
}
.ds-related-company:not(:first-child) {
  margin-top: var(--spacing-02);
}
.ds-related-company__logo {
  flex-grow: 0;
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  object-fit: contain;
  border: 0.1rem solid rgba(0, 0, 0, 0.05);
}
.ds-related-company__name {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-900);
  text-decoration: none;
}
.ds-related-company__name:hover {
  text-decoration: none;
  color: var(--colors-grey-900);
}
.ds-related-company__name::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}
.ds-related-company__subtitle {
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.ds-related-company__cta {
  position: absolute;
  right: var(--spacing-02);
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 200ms ease-in;
  z-index: -1;
}
.ds-related-company__cta:active {
  transform: translateY(-50%);
}
.accordion--lightgrey {
  background-color: var(--colors-grey-100);
  border-radius: 0.4rem;
}
.accordion__header {
  position: relative;
  padding: var(--spacing-04);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion__header:hover .accordion__title, .accordion__header:focus-within .accordion__title {
  color: var(--colors-grey-900);
}
.accordion__header .accordion__title {
  font-size: 1.4rem !important;
  font-weight: 500;
  line-height: 1.4285714286;
  color: var(--colors-grey-700);
  margin: 0 !important;
  transition: color 150ms ease-in;
}
.accordion__expand::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.accordion__content {
  border-top: 1px solid var(--colors-grey-300);
}
.accordion__body {
  padding: 0 var(--spacing-04) var(--spacing-04);
}
.key-value {
  margin: 0;
  padding: 0;
}
.key-value--inline .key-value__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  flex-wrap: wrap;
}
.key-value--inline .key-value__item:not(:first-child) {
  margin-top: var(--spacing-02);
}
.key-value--inline .key-value__item--nowrap {
  flex-wrap: nowrap;
  align-items: flex-start;
}
.key-value--inline .key-value__title {
  margin-bottom: 0;
}
.key-value--columns {
  columns: 2;
  gap: var(--spacing-10);
}
.key-value--columns .key-value__item {
  break-inside: avoid;
}
.key-value__item:not(:first-child) {
  margin-top: var(--spacing-04);
}
.key-value__title {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2307692308;
  color: var(--colors-grey-600);
  margin-bottom: var(--spacing-02);
}
.key-value__desc {
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
  margin-bottom: 0;
}
.key-value__desc + .key-value__desc {
  margin-top: var(--spacing-02);
}
.key-value__desc ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.key-value__desc ul li:not(:first-child) {
  margin-top: var(--spacing-01);
}
@media screen and (max-width: calc(48em - 1px)) {
  .search .autocomplete-count {
    display: none;
  }
  .ds-filters {
    display: flex !important;
  }
  .ds-filters [data-selected-filters] .fa-angle-down {
    order: 10;
  }
  .ds-filters [data-selected-filters]::after {
    content: attr(data-selected-filters);
    width: var(--spacing-04);
    height: var(--spacing-04);
    background-color: var(--colors-grey-700);
    color: #fff;
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1.6;
  }
  .ds-result__data {
    flex-direction: column;
    position: relative;
  }
  .ds-result__primary {
    flex: 0 0 calc(100% - 12rem);
    max-width: calc(100% - 12rem);
  }
  .ds-result__secondary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-04);
    margin-top: var(--spacing-02);
    padding-left: 0;
  }
  .ds-result__attribute:not(:first-child) {
    margin: 0;
  }
  .ds-result__fullname,
  .ds-result__email {
    max-width: 20rem;
  }
  .ds-result__actions {
    position: absolute;
    right: -8px;
    top: 0;
  }
  .ds-result__source {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 0;
    width: var(--spacing-06);
    height: var(--spacing-06);
    padding: 0;
    border-radius: 50%;
    background-color: var(--colors-grey-100);
    text-align: center;
    line-height: var(--spacing-06);
  }
}
@media screen and (min-width: 48em) {
  body.search .dashboard-body {
    margin-left: calc(100vw - 100%);
  }
  body.search .autocomplete-suggestions {
    min-width: 551px;
  }
  .ds-search__submit--text {
    min-width: 10rem;
  }
}
@media screen and (min-width: 62em) {
  body.search .autocomplete-suggestions {
    min-width: 771px;
  }
}
@media screen and (min-width: 75em) {
  body.search .autocomplete-suggestions {
    min-width: 88rem;
  }
}
/**
 * Swiper 6.6.1
 * Most modern mobile touch slider and framework with hardware accelerated transitions
 * https://swiperjs.com
 *
 * Copyright 2014-2021 Vladimir Kharlampidi
 *
 * Released under the MIT License
 *
 * Released on: May 11, 2021
 */
@font-face {
  font-family: swiper-icons;
  src: url("data:application/font-woff;charset=utf-8;base64, d09GRgABAAAAAAZgABAAAAAADAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAGRAAAABoAAAAci6qHkUdERUYAAAWgAAAAIwAAACQAYABXR1BPUwAABhQAAAAuAAAANuAY7+xHU1VCAAAFxAAAAFAAAABm2fPczU9TLzIAAAHcAAAASgAAAGBP9V5RY21hcAAAAkQAAACIAAABYt6F0cBjdnQgAAACzAAAAAQAAAAEABEBRGdhc3AAAAWYAAAACAAAAAj//wADZ2x5ZgAAAywAAADMAAAD2MHtryVoZWFkAAABbAAAADAAAAA2E2+eoWhoZWEAAAGcAAAAHwAAACQC9gDzaG10eAAAAigAAAAZAAAArgJkABFsb2NhAAAC0AAAAFoAAABaFQAUGG1heHAAAAG8AAAAHwAAACAAcABAbmFtZQAAA/gAAAE5AAACXvFdBwlwb3N0AAAFNAAAAGIAAACE5s74hXjaY2BkYGAAYpf5Hu/j+W2+MnAzMYDAzaX6QjD6/4//Bxj5GA8AuRwMYGkAPywL13jaY2BkYGA88P8Agx4j+/8fQDYfA1AEBWgDAIB2BOoAeNpjYGRgYNBh4GdgYgABEMnIABJzYNADCQAACWgAsQB42mNgYfzCOIGBlYGB0YcxjYGBwR1Kf2WQZGhhYGBiYGVmgAFGBiQQkOaawtDAoMBQxXjg/wEGPcYDDA4wNUA2CCgwsAAAO4EL6gAAeNpj2M0gyAACqxgGNWBkZ2D4/wMA+xkDdgAAAHjaY2BgYGaAYBkGRgYQiAHyGMF8FgYHIM3DwMHABGQrMOgyWDLEM1T9/w8UBfEMgLzE////P/5//f/V/xv+r4eaAAeMbAxwIUYmIMHEgKYAYjUcsDAwsLKxc3BycfPw8jEQA/gZBASFhEVExcQlJKWkZWTl5BUUlZRVVNXUNTQZBgMAAMR+E+gAEQFEAAAAKgAqACoANAA+AEgAUgBcAGYAcAB6AIQAjgCYAKIArAC2AMAAygDUAN4A6ADyAPwBBgEQARoBJAEuATgBQgFMAVYBYAFqAXQBfgGIAZIBnAGmAbIBzgHsAAB42u2NMQ6CUAyGW568x9AneYYgm4MJbhKFaExIOAVX8ApewSt4Bic4AfeAid3VOBixDxfPYEza5O+Xfi04YADggiUIULCuEJK8VhO4bSvpdnktHI5QCYtdi2sl8ZnXaHlqUrNKzdKcT8cjlq+rwZSvIVczNiezsfnP/uznmfPFBNODM2K7MTQ45YEAZqGP81AmGGcF3iPqOop0r1SPTaTbVkfUe4HXj97wYE+yNwWYxwWu4v1ugWHgo3S1XdZEVqWM7ET0cfnLGxWfkgR42o2PvWrDMBSFj/IHLaF0zKjRgdiVMwScNRAoWUoH78Y2icB/yIY09An6AH2Bdu/UB+yxopYshQiEvnvu0dURgDt8QeC8PDw7Fpji3fEA4z/PEJ6YOB5hKh4dj3EvXhxPqH/SKUY3rJ7srZ4FZnh1PMAtPhwP6fl2PMJMPDgeQ4rY8YT6Gzao0eAEA409DuggmTnFnOcSCiEiLMgxCiTI6Cq5DZUd3Qmp10vO0LaLTd2cjN4fOumlc7lUYbSQcZFkutRG7g6JKZKy0RmdLY680CDnEJ+UMkpFFe1RN7nxdVpXrC4aTtnaurOnYercZg2YVmLN/d/gczfEimrE/fs/bOuq29Zmn8tloORaXgZgGa78yO9/cnXm2BpaGvq25Dv9S4E9+5SIc9PqupJKhYFSSl47+Qcr1mYNAAAAeNptw0cKwkAAAMDZJA8Q7OUJvkLsPfZ6zFVERPy8qHh2YER+3i/BP83vIBLLySsoKimrqKqpa2hp6+jq6RsYGhmbmJqZSy0sraxtbO3sHRydnEMU4uR6yx7JJXveP7WrDycAAAAAAAH//wACeNpjYGRgYOABYhkgZgJCZgZNBkYGLQZtIJsFLMYAAAw3ALgAeNolizEKgDAQBCchRbC2sFER0YD6qVQiBCv/H9ezGI6Z5XBAw8CBK/m5iQQVauVbXLnOrMZv2oLdKFa8Pjuru2hJzGabmOSLzNMzvutpB3N42mNgZGBg4GKQYzBhYMxJLMlj4GBgAYow/P/PAJJhLM6sSoWKfWCAAwDAjgbRAAB42mNgYGBkAIIbCZo5IPrmUn0hGA0AO8EFTQAA") format("woff");
  font-weight: 400;
  font-style: normal;
}
:root {
  --swiper-theme-color:#007aff;
}
.swiper-container {
  margin-left: auto;
  margin-right: auto;
  position: relative;
  overflow: hidden;
  list-style: none;
  padding: 0;
  z-index: 1;
}
.swiper-container-vertical > .swiper-wrapper {
  flex-direction: column;
}
.swiper-wrapper {
  position: relative;
  width: 100%;
  height: 100%;
  z-index: 1;
  display: flex;
  transition-property: transform;
  box-sizing: content-box;
}
.swiper-container-android .swiper-slide, .swiper-wrapper {
  transform: translate3d(0px, 0, 0);
}
.swiper-container-multirow > .swiper-wrapper {
  flex-wrap: wrap;
}
.swiper-container-multirow-column > .swiper-wrapper {
  flex-wrap: wrap;
  flex-direction: column;
}
.swiper-container-free-mode > .swiper-wrapper {
  transition-timing-function: ease-out;
  margin: 0 auto;
}
.swiper-container-pointer-events {
  touch-action: pan-y;
}
.swiper-container-pointer-events.swiper-container-vertical {
  touch-action: pan-x;
}
.swiper-slide {
  flex-shrink: 0;
  width: 100%;
  height: 100%;
  position: relative;
  transition-property: transform;
}
.swiper-slide-invisible-blank {
  visibility: hidden;
}
.swiper-container-autoheight, .swiper-container-autoheight .swiper-slide {
  height: auto;
}
.swiper-container-autoheight .swiper-wrapper {
  align-items: flex-start;
  transition-property: transform, height;
}
.swiper-container-3d {
  perspective: 1200px;
}
.swiper-container-3d .swiper-cube-shadow, .swiper-container-3d .swiper-slide, .swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top, .swiper-container-3d .swiper-wrapper {
  transform-style: preserve-3d;
}
.swiper-container-3d .swiper-slide-shadow-bottom, .swiper-container-3d .swiper-slide-shadow-left, .swiper-container-3d .swiper-slide-shadow-right, .swiper-container-3d .swiper-slide-shadow-top {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
  z-index: 10;
}
.swiper-container-3d .swiper-slide-shadow-left {
  background-image: linear-gradient(to left, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-right {
  background-image: linear-gradient(to right, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-top {
  background-image: linear-gradient(to top, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-3d .swiper-slide-shadow-bottom {
  background-image: linear-gradient(to bottom, rgba(0, 0, 0, 0.5), rgba(0, 0, 0, 0));
}
.swiper-container-css-mode > .swiper-wrapper {
  overflow: auto;
  scrollbar-width: none;
  -ms-overflow-style: none;
}
.swiper-container-css-mode > .swiper-wrapper::-webkit-scrollbar {
  display: none;
}
.swiper-container-css-mode > .swiper-wrapper > .swiper-slide {
  scroll-snap-align: start start;
}
.swiper-container-horizontal.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: x mandatory;
}
.swiper-container-vertical.swiper-container-css-mode > .swiper-wrapper {
  scroll-snap-type: y mandatory;
}
:root {
  --swiper-navigation-size:44px;
}
.swiper-button-next, .swiper-button-prev {
  position: absolute;
  top: 50%;
  width: calc(var(--swiper-navigation-size) / 44 * 27);
  height: var(--swiper-navigation-size);
  margin-top: calc(0px - var(--swiper-navigation-size) / 2);
  z-index: 10;
  cursor: pointer;
  display: flex;
  align-items: center;
  justify-content: center;
  color: var(--swiper-navigation-color, var(--swiper-theme-color));
}
.swiper-button-next.swiper-button-disabled, .swiper-button-prev.swiper-button-disabled {
  opacity: 0.35;
  cursor: auto;
  pointer-events: none;
}
.swiper-button-next:after, .swiper-button-prev:after {
  font-family: swiper-icons;
  font-size: var(--swiper-navigation-size);
  text-transform: none !important;
  letter-spacing: 0;
  text-transform: none;
  font-variant: initial;
  line-height: 1;
}
.swiper-button-prev, .swiper-container-rtl .swiper-button-next {
  left: 10px;
  right: auto;
}
.swiper-button-prev:after, .swiper-container-rtl .swiper-button-next:after {
  content: "prev";
}
.swiper-button-next, .swiper-container-rtl .swiper-button-prev {
  right: 10px;
  left: auto;
}
.swiper-button-next:after, .swiper-container-rtl .swiper-button-prev:after {
  content: "next";
}
.swiper-button-next.swiper-button-white, .swiper-button-prev.swiper-button-white {
  --swiper-navigation-color:#ffffff;
}
.swiper-button-next.swiper-button-black, .swiper-button-prev.swiper-button-black {
  --swiper-navigation-color:#000000;
}
.swiper-button-lock {
  display: none;
}
.swiper-pagination {
  position: absolute;
  text-align: center;
  transition: 0.3s opacity;
  transform: translate3d(0, 0, 0);
  z-index: 10;
}
.swiper-pagination.swiper-pagination-hidden {
  opacity: 0;
}
.swiper-container-horizontal > .swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction {
  bottom: 10px;
  left: 0;
  width: 100%;
}
.swiper-pagination-bullets-dynamic {
  overflow: hidden;
  font-size: 0;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transform: scale(0.33);
  position: relative;
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-main {
  transform: scale(1);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-prev-prev {
  transform: scale(0.33);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next {
  transform: scale(0.66);
}
.swiper-pagination-bullets-dynamic .swiper-pagination-bullet-active-next-next {
  transform: scale(0.33);
}
.swiper-pagination-bullet {
  width: 8px;
  height: 8px;
  display: inline-block;
  border-radius: 50%;
  background: #000;
  opacity: 0.2;
}
button.swiper-pagination-bullet {
  border: none;
  margin: 0;
  padding: 0;
  box-shadow: none;
  -webkit-appearance: none;
  appearance: none;
}
.swiper-pagination-clickable .swiper-pagination-bullet {
  cursor: pointer;
}
.swiper-pagination-bullet-active {
  opacity: 1;
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
}
.swiper-container-vertical > .swiper-pagination-bullets {
  right: 10px;
  top: 50%;
  transform: translate3d(0px, -50%, 0);
}
.swiper-container-vertical > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 6px 0;
  display: block;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  top: 50%;
  transform: translateY(-50%);
  width: 8px;
}
.swiper-container-vertical > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  display: inline-block;
  transition: 0.2s transform, 0.2s top;
}
.swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {
  margin: 0 4px;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic {
  left: 50%;
  transform: translateX(-50%);
  white-space: nowrap;
}
.swiper-container-horizontal > .swiper-pagination-bullets.swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s left;
}
.swiper-container-horizontal.swiper-container-rtl > .swiper-pagination-bullets-dynamic .swiper-pagination-bullet {
  transition: 0.2s transform, 0.2s right;
}
.swiper-pagination-progressbar {
  background: rgba(0, 0, 0, 0.25);
  position: absolute;
}
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  background: var(--swiper-pagination-color, var(--swiper-theme-color));
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  transform: scale(0);
  transform-origin: left top;
}
.swiper-container-rtl .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
  transform-origin: right top;
}
.swiper-container-horizontal > .swiper-pagination-progressbar, .swiper-container-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
  width: 100%;
  height: 4px;
  left: 0;
  top: 0;
}
.swiper-container-horizontal > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite, .swiper-container-vertical > .swiper-pagination-progressbar {
  width: 4px;
  height: 100%;
  left: 0;
  top: 0;
}
.swiper-pagination-white {
  --swiper-pagination-color:#ffffff;
}
.swiper-pagination-black {
  --swiper-pagination-color:#000000;
}
.swiper-pagination-lock {
  display: none;
}
.swiper-scrollbar {
  border-radius: 10px;
  position: relative;
  -ms-touch-action: none;
  background: rgba(0, 0, 0, 0.1);
}
.swiper-container-horizontal > .swiper-scrollbar {
  position: absolute;
  left: 1%;
  bottom: 3px;
  z-index: 50;
  height: 5px;
  width: 98%;
}
.swiper-container-vertical > .swiper-scrollbar {
  position: absolute;
  right: 3px;
  top: 1%;
  z-index: 50;
  width: 5px;
  height: 98%;
}
.swiper-scrollbar-drag {
  height: 100%;
  width: 100%;
  position: relative;
  background: rgba(0, 0, 0, 0.5);
  border-radius: 10px;
  left: 0;
  top: 0;
}
.swiper-scrollbar-cursor-drag {
  cursor: move;
}
.swiper-scrollbar-lock {
  display: none;
}
.swiper-zoom-container {
  width: 100%;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
}
.swiper-zoom-container > canvas, .swiper-zoom-container > img, .swiper-zoom-container > svg {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}
.swiper-slide-zoomed {
  cursor: move;
}
.swiper-lazy-preloader {
  width: 42px;
  height: 42px;
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -21px;
  margin-top: -21px;
  z-index: 10;
  transform-origin: 50%;
  animation: swiper-preloader-spin 1s infinite linear;
  box-sizing: border-box;
  border: 4px solid var(--swiper-preloader-color, var(--swiper-theme-color));
  border-radius: 50%;
  border-top-color: transparent;
}
.swiper-lazy-preloader-white {
  --swiper-preloader-color:#fff;
}
.swiper-lazy-preloader-black {
  --swiper-preloader-color:#000;
}
@keyframes swiper-preloader-spin {
  100% {
    transform: rotate(360deg);
  }
}
.swiper-container .swiper-notification {
  position: absolute;
  left: 0;
  top: 0;
  pointer-events: none;
  opacity: 0;
  z-index: -1000;
}
.swiper-container-fade.swiper-container-free-mode .swiper-slide {
  transition-timing-function: ease-out;
}
.swiper-container-fade .swiper-slide {
  pointer-events: none;
  transition-property: opacity;
}
.swiper-container-fade .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-fade .swiper-slide-active, .swiper-container-fade .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube {
  overflow: visible;
}
.swiper-container-cube .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
  visibility: hidden;
  transform-origin: 0 0;
  width: 100%;
  height: 100%;
}
.swiper-container-cube .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-cube.swiper-container-rtl .swiper-slide {
  transform-origin: 100% 0;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-cube .swiper-slide-active, .swiper-container-cube .swiper-slide-next, .swiper-container-cube .swiper-slide-next + .swiper-slide, .swiper-container-cube .swiper-slide-prev {
  pointer-events: auto;
  visibility: visible;
}
.swiper-container-cube .swiper-slide-shadow-bottom, .swiper-container-cube .swiper-slide-shadow-left, .swiper-container-cube .swiper-slide-shadow-right, .swiper-container-cube .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.swiper-container-cube .swiper-cube-shadow {
  position: absolute;
  left: 0;
  bottom: 0px;
  width: 100%;
  height: 100%;
  opacity: 0.6;
  z-index: 0;
}
.swiper-container-cube .swiper-cube-shadow:before {
  content: "";
  background: #000;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  filter: blur(50px);
}
.swiper-container-flip {
  overflow: visible;
}
.swiper-container-flip .swiper-slide {
  pointer-events: none;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  z-index: 1;
}
.swiper-container-flip .swiper-slide .swiper-slide {
  pointer-events: none;
}
.swiper-container-flip .swiper-slide-active, .swiper-container-flip .swiper-slide-active .swiper-slide-active {
  pointer-events: auto;
}
.swiper-container-flip .swiper-slide-shadow-bottom, .swiper-container-flip .swiper-slide-shadow-left, .swiper-container-flip .swiper-slide-shadow-right, .swiper-container-flip .swiper-slide-shadow-top {
  z-index: 0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
/**
* TABS
* see tabs_controller for behavior
*/
/* Minimal CSS */
[data-tabs-target=tabContent][aria-hidden=true] {
  display: none;
}
.tabs-switcher {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 40px;
  display: flex;
  justify-content: center;
  border-radius: 4px;
}
.tabs-switcher__item {
  background-color: var(--colors-grey-300);
}
.tabs-switcher__item:first-child {
  border-radius: 4px 0 0 4px;
}
.tabs-switcher__item:last-child {
  border-radius: 0 4px 4px 0;
}
.tabs-switcher__link {
  display: block;
  padding: 8px 16px;
  color: var(--colors-grey-700);
  font-size: 14px;
  line-height: 24px;
}
.tabs-switcher__link:hover, .tabs-switcher__link:focus {
  color: var(--colors-grey-900);
  text-decoration: none;
}
.tabs-switcher__link.active {
  font-weight: bold;
  background-color: #fff;
  box-shadow: 0px 1px 4px rgba(0, 0, 0, 0.18);
  border-radius: 4px;
  color: var(--colors-grey-900);
}
@media screen and (max-width: 767px) {
  .tabs-switcher {
    margin-bottom: 30px;
  }
  .tabs-switcher__link {
    font-size: 13px;
  }
}
.technologies.index .front-breadcrumb li,
.technologies.show .front-breadcrumb li,
.domains_lists.new .front-breadcrumb li,
.domains_lists.show .front-breadcrumb li,
.verification.show .front-breadcrumb li {
  font-weight: 600;
}
.technologies.index .front-breadcrumb li:not(:first-child):before,
.technologies.show .front-breadcrumb li:not(:first-child):before,
.domains_lists.new .front-breadcrumb li:not(:first-child):before,
.domains_lists.show .front-breadcrumb li:not(:first-child):before,
.verification.show .front-breadcrumb li:not(:first-child):before {
  color: #ffffff;
}
.technologies.index .front-header,
.technologies.show .front-header,
.domains_lists.new .front-header,
.domains_lists.show .front-header,
.verification.show .front-header {
  border: 0;
  background: linear-gradient(to top, rgba(255, 59, 95, 0.7), rgba(253, 96, 47, 0));
  position: relative;
}
.technologies.index .front-header::before,
.technologies.show .front-header::before,
.domains_lists.new .front-header::before,
.domains_lists.show .front-header::before,
.verification.show .front-header::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: #ff7144;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 304 304' width='304' height='304'%3E%3Cpath fill='%23fd6433' fill-opacity='1' d='M44.1 224a5 5 0 1 1 0 2H0v-2h44.1zm160 48a5 5 0 1 1 0 2H82v-2h122.1zm57.8-46a5 5 0 1 1 0-2H304v2h-42.1zm0 16a5 5 0 1 1 0-2H304v2h-42.1zm6.2-114a5 5 0 1 1 0 2h-86.2a5 5 0 1 1 0-2h86.2zm-256-48a5 5 0 1 1 0 2H0v-2h12.1zm185.8 34a5 5 0 1 1 0-2h86.2a5 5 0 1 1 0 2h-86.2zM258 12.1a5 5 0 1 1-2 0V0h2v12.1zm-64 208a5 5 0 1 1-2 0v-54.2a5 5 0 1 1 2 0v54.2zm48-198.2V80h62v2h-64V21.9a5 5 0 1 1 2 0zm16 16V64h46v2h-48V37.9a5 5 0 1 1 2 0zm-128 96V208h16v12.1a5 5 0 1 1-2 0V210h-16v-76.1a5 5 0 1 1 2 0zm-5.9-21.9a5 5 0 1 1 0 2H114v48H85.9a5 5 0 1 1 0-2H112v-48h12.1zm-6.2 130a5 5 0 1 1 0-2H176v-74.1a5 5 0 1 1 2 0V242h-60.1zm-16-64a5 5 0 1 1 0-2H114v48h10.1a5 5 0 1 1 0 2H112v-48h-10.1zM66 284.1a5 5 0 1 1-2 0V274H50v30h-2v-32h18v12.1zM236.1 176a5 5 0 1 1 0 2H226v94h48v32h-2v-30h-48v-98h12.1zm25.8-30a5 5 0 1 1 0-2H274v44.1a5 5 0 1 1-2 0V146h-10.1zm-64 96a5 5 0 1 1 0-2H208v-80h16v-14h-42.1a5 5 0 1 1 0-2H226v18h-16v80h-12.1zm86.2-210a5 5 0 1 1 0 2H272V0h2v32h10.1zM98 101.9V146H53.9a5 5 0 1 1 0-2H96v-42.1a5 5 0 1 1 2 0zM53.9 34a5 5 0 1 1 0-2H80V0h2v34H53.9zm60.1 3.9V66H82v64H69.9a5 5 0 1 1 0-2H80V64h32V37.9a5 5 0 1 1 2 0zM101.9 82a5 5 0 1 1 0-2H128V37.9a5 5 0 1 1 2 0V82h-28.1zm16-64a5 5 0 1 1 0-2H146v44.1a5 5 0 1 1-2 0V18h-26.1zm102.2 270a5 5 0 1 1 0 2H98v14h-2v-16h124.1zM242 149.9V160h16v34h-16v62h48v48h-2v-46h-48v-66h16v-30h-16v-12.1a5 5 0 1 1 2 0zM53.9 18a5 5 0 1 1 0-2H64V2H48V0h18v18H53.9zm112 32a5 5 0 1 1 0-2H192V0h50v2h-48v48h-28.1zm-48-48a5 5 0 0 1-9.8-2h2.07a3 3 0 1 0 5.66 0H178v34h-18V21.9a5 5 0 1 1 2 0V32h14V2h-58.1zm0 96a5 5 0 1 1 0-2H137l32-32h39V21.9a5 5 0 1 1 2 0V66h-40.17l-32 32H117.9zm28.1 90.1a5 5 0 1 1-2 0v-76.51L175.59 80H224V21.9a5 5 0 1 1 2 0V82h-49.59L146 112.41v75.69zm16 32a5 5 0 1 1-2 0v-99.51L184.59 96H300.1a5 5 0 0 1 3.9-3.9v2.07a3 3 0 0 0 0 5.66v2.07a5 5 0 0 1-3.9-3.9H185.41L162 121.41v98.69zm-144-64a5 5 0 1 1-2 0v-3.51l48-48V48h32V0h2v50H66v55.41l-48 48v2.69zM50 53.9v43.51l-48 48V208h26.1a5 5 0 1 1 0 2H0v-65.41l48-48V53.9a5 5 0 1 1 2 0zm-16 16V89.41l-34 34v-2.82l32-32V69.9a5 5 0 1 1 2 0zM12.1 32a5 5 0 1 1 0 2H9.41L0 43.41V40.6L8.59 32h3.51zm265.8 18a5 5 0 1 1 0-2h18.69l7.41-7.41v2.82L297.41 50H277.9zm-16 160a5 5 0 1 1 0-2H288v-71.41l16-16v2.82l-14 14V210h-28.1zm-208 32a5 5 0 1 1 0-2H64v-22.59L40.59 194H21.9a5 5 0 1 1 0-2H41.41L66 216.59V242H53.9zm150.2 14a5 5 0 1 1 0 2H96v-56.6L56.6 162H37.9a5 5 0 1 1 0-2h19.5L98 200.6V256h106.1zm-150.2 2a5 5 0 1 1 0-2H80v-46.59L48.59 178H21.9a5 5 0 1 1 0-2H49.41L82 208.59V258H53.9zM34 39.8v1.61L9.41 66H0v-2h8.59L32 40.59V0h2v39.8zM2 300.1a5 5 0 0 1 3.9 3.9H3.83A3 3 0 0 0 0 302.17V256h18v48h-2v-46H2v42.1zM34 241v63h-2v-62H0v-2h34v1zM17 18H0v-2h16V0h2v18h-1zm273-2h14v2h-16V0h2v16zm-32 273v15h-2v-14h-14v14h-2v-16h18v1zM0 92.1A5.02 5.02 0 0 1 6 97a5 5 0 0 1-6 4.9v-2.07a3 3 0 1 0 0-5.66V92.1zM80 272h2v32h-2v-32zm37.9 32h-2.07a3 3 0 0 0-5.66 0h-2.07a5 5 0 0 1 9.8 0zM5.9 0A5.02 5.02 0 0 1 0 5.9V3.83A3 3 0 0 0 3.83 0H5.9zm294.2 0h2.07A3 3 0 0 0 304 3.83V5.9a5 5 0 0 1-3.9-5.9zm3.9 300.1v2.07a3 3 0 0 0-1.83 1.83h-2.07a5 5 0 0 1 3.9-3.9zM97 100a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-48 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 96a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-144a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm96 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM49 36a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-32 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM33 68a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 240a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm80-176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 48a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm112 176a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm-16 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 180a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0 16a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm0-32a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16 0a3 3 0 1 0 0-6 3 3 0 0 0 0 6zM17 84a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm32 64a3 3 0 1 0 0-6 3 3 0 0 0 0 6zm16-16a3 3 0 1 0 0-6 3 3 0 0 0 0 6z'%3E%3C/path%3E%3C/svg%3E");
  z-index: -1;
}
.technologies.index .front-header .techlookup-header__title,
.technologies.show .front-header .techlookup-header__title,
.domains_lists.new .front-header .techlookup-header__title,
.domains_lists.show .front-header .techlookup-header__title,
.verification.show .front-header .techlookup-header__title {
  margin: 0 !important;
  font-weight: 600;
  color: #ffffff;
  text-align: left;
}
.technologies.index .front-header .techlookup-header__subtitle,
.technologies.show .front-header .techlookup-header__subtitle,
.domains_lists.new .front-header .techlookup-header__subtitle,
.domains_lists.show .front-header .techlookup-header__subtitle,
.verification.show .front-header .techlookup-header__subtitle {
  color: #fff;
  opacity: 0.9;
}
.email_templates.show .templates-header__illustration,
.email_templates.index .templates-header__illustration {
  margin-top: var(--spacing-10);
}
.email_templates.show .front-breadcrumb,
.email_templates.index .front-breadcrumb {
  background-color: var(--colors-grey-100);
  text-align: center;
}
.email_templates.show .text-subtitle,
.email_templates.index .text-subtitle {
  display: block;
  margin-bottom: var(--spacing-04);
  color: var(--colors-grey-600);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 1.2rem;
}
.email_templates.show .templates-faq__item:not(:first-child),
.email_templates.index .templates-faq__item:not(:first-child) {
  padding-top: var(--spacing-20);
  border-top: 1px solid var(--colors-grey-300);
}
.email_templates.show .templates-faq__item:not(:last-child),
.email_templates.index .templates-faq__item:not(:last-child) {
  padding-bottom: var(--spacing-20);
}
.email_templates.show .templates-faq__item h2,
.email_templates.index .templates-faq__item h2 {
  text-align: left;
  font-size: 3.6rem;
  line-height: 1.2;
}
.email_templates.show .templates-faq__item li,
.email_templates.index .templates-faq__item li {
  margin-bottom: 10px;
}
.email_templates.show .templates-faq__item ul,
.email_templates.show .templates-faq__item p,
.email_templates.index .templates-faq__item ul,
.email_templates.index .templates-faq__item p {
  margin-bottom: 20px;
}
.email_templates.show .templates-faq__item ul,
.email_templates.index .templates-faq__item ul {
  padding-left: 20px;
}
.email_templates.show .template-tags-related,
.email_templates.index .template-tags-related {
  padding-top: 0;
  text-align: center;
}
.email_templates.show .template-tags-related > .container,
.email_templates.index .template-tags-related > .container {
  max-width: 800px;
}
.email_templates.show .templates-pagination,
.email_templates.index .templates-pagination {
  text-align: center;
  padding-top: 30px;
  font-size: 14px;
}
.email_templates.show .templates-pagination .h-button,
.email_templates.index .templates-pagination .h-button {
  margin: 0 20px;
}
.email_templates.show .templates-list-header,
.email_templates.index .templates-list-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-06);
  font-size: 1.4rem;
}
.email_templates.show .templates-list__count,
.email_templates.index .templates-list__count {
  font-weight: 600;
}
.email_templates.show .templates-list-sorting,
.email_templates.index .templates-list-sorting {
  color: var(--colors-grey-600);
}
.email_templates.show .templates-list-sorting__choice,
.email_templates.index .templates-list-sorting__choice {
  color: var(--colors-grey-800);
}
.email_templates.show .templates-list-sorting__choice.active,
.email_templates.index .templates-list-sorting__choice.active {
  font-weight: 600;
}
.email_templates.show .templates-list-sorting__choice.active:hover, .email_templates.show .templates-list-sorting__choice.active:focus,
.email_templates.index .templates-list-sorting__choice.active:hover,
.email_templates.index .templates-list-sorting__choice.active:focus {
  text-decoration: none;
}
.email_templates.show .templates-grid,
.email_templates.index .templates-grid {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(25.6rem, 100%), 1fr));
  gap: var(--spacing-08);
}
.email_templates.show .template-votes,
.email_templates.index .template-votes {
  display: flex;
  gap: var(--spacing-02);
  margin-top: var(--spacing-02);
}
.email_templates.show .template-placeholder,
.email_templates.index .template-placeholder {
  font-size: 0.9em;
}
.email_templates.show .template-box-sample-data,
.email_templates.index .template-box-sample-data {
  display: flex;
  align-items: center;
}
.email_templates.show .template-box-sample-data .template-box-sample-data__checkbox,
.email_templates.index .template-box-sample-data .template-box-sample-data__checkbox {
  margin: 0 var(--spacing-01) 0 0;
  accent-color: var(--colors-primary-600);
}
.email_templates.show .template-box-sample-data__label,
.email_templates.index .template-box-sample-data__label {
  font-size: 1.2rem;
  margin: 0;
  color: var(--colors-grey-600);
}
.email_templates.show .template-metas,
.email_templates.index .template-metas {
  margin: var(--spacing-10) 0 0;
  font-size: 1.4rem;
  line-height: 1.5;
}
.email_templates.show .template-metas .popover-body,
.email_templates.index .template-metas .popover-body {
  text-align: center;
}
.email_templates.show .templates-main,
.email_templates.index .templates-main {
  padding-top: 0;
}
.email_templates.show .templates-main .template-box,
.email_templates.index .templates-main .template-box {
  margin-top: -8rem;
  margin-bottom: var(--spacing-10);
  border: 1px solid var(--colors-grey-300);
  border-radius: 0.4rem;
  background-color: #ffffff;
  font-size: 1.5rem;
  line-height: 1.6;
}
.email_templates.show .templates-main .template-box p,
.email_templates.index .templates-main .template-box p {
  margin: 0 0 20px;
}
.email_templates.show .templates-main .template-box__from,
.email_templates.show .templates-main .template-box__subject,
.email_templates.index .templates-main .template-box__from,
.email_templates.index .templates-main .template-box__subject {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: var(--spacing-04) var(--spacing-08);
  border-bottom: 1px solid var(--colors-grey-300);
}
.email_templates.show .templates-main .template-box__from,
.email_templates.index .templates-main .template-box__from {
  color: var(--colors-grey-800);
  font-size: 1.4rem;
}
.email_templates.show .templates-main .template-box__from .profile-pic,
.email_templates.index .templates-main .template-box__from .profile-pic {
  margin: 0;
}
.email_templates.show .templates-main .template-box__subject,
.email_templates.index .templates-main .template-box__subject {
  flex-wrap: wrap;
}
.email_templates.show .templates-main .template-box__label,
.email_templates.index .templates-main .template-box__label {
  align-self: flex-start;
  margin-right: var(--spacing-01);
  color: var(--colors-grey-600);
  font-size: 1.4rem;
}
.email_templates.show .templates-main .template-box__title,
.email_templates.index .templates-main .template-box__title {
  font-family: var(--fonts-family-body);
  flex: 1;
  margin: 0;
  font-size: 1.5rem;
  font-weight: 600;
}
.email_templates.show .templates-main .template-box__body,
.email_templates.index .templates-main .template-box__body {
  padding: var(--spacing-06) var(--spacing-08);
}
.email_templates.show .templates-main .template-quote,
.email_templates.index .templates-main .template-quote {
  margin-top: 40px;
}
.email_templates.show .templates-main .template-quote blockquote,
.email_templates.index .templates-main .template-quote blockquote {
  font-size: 20px;
  line-height: 32px;
}
.email_templates.show .templates-main .template-quote blockquote span,
.email_templates.index .templates-main .template-quote blockquote span {
  float: left;
  margin: 0 15px 0 0;
  color: var(--colors-grey-300);
  font-size: 80px;
}
.email_templates.show .templates-main .template-quote .template-quote-author,
.email_templates.index .templates-main .template-quote .template-quote-author {
  font-size: 15px;
}
.email_templates.show .templates-cta,
.email_templates.index .templates-cta {
  text-align: center;
}
.email_templates.show .templates-cta h2,
.email_templates.index .templates-cta h2 {
  font-size: 3.2rem;
  line-height: 1.2;
  margin: 0 0 var(--spacing-06);
}
.email_templates.show .templates-cta .big-p,
.email_templates.index .templates-cta .big-p {
  line-height: 1.5;
  margin-bottom: 3rem;
}
.email_templates.show .templates-cta__visual,
.email_templates.index .templates-cta__visual {
  position: relative;
  max-width: 48rem;
  margin: 4rem auto 0;
  z-index: 1;
}
.email_templates.show .templates-cta__visual img,
.email_templates.index .templates-cta__visual img {
  border: 1px solid var(--colors-grey-300);
  border-radius: 4px;
  box-shadow: 0 3px 15px rgba(0, 0, 0, 0.1);
}
.email_templates.show .templates-cta__visual::before,
.email_templates.index .templates-cta__visual::before {
  content: "";
  position: absolute;
  top: -1rem;
  left: -3.2rem;
  right: -3.2rem;
  bottom: -1rem;
  background: url("data:image/svg+xml,%3csvg%20fill='none'%20height='281'%20viewBox='0%200%20537%20281'%20width='537'%20xmlns='http://www.w3.org/2000/svg'%3e%3cg%20stroke-linecap='round'%20stroke-linejoin='round'%20stroke-width='1.59'%3e%3cpath%20d='m55.41%20138h-49.41v5.72h49.41z'%20fill='%23ff5722'%20stroke='%23ff5722'/%3e%3cpath%20d='m146%201h-21v9h21z'%20stroke='%23ff5722'/%3e%3cpath%20d='m19%20236.7h27.01v-5.7h-27.01z'%20fill='%23ff8980'%20stroke='%23ff8980'/%3e%3cpath%20d='m496.4%2063.17c7.49-2%2018.31-3.16%2012.63%201s6.19%206.23%2021.29-.68'%20stroke='%231680d3'/%3e%3cpath%20d='m227%20268h-5v12h5z'%20fill='%23ffbaac'%20stroke='%23ffbaac'/%3e%3cpath%20d='m330.71%204.47998h-6.9v5.72002h6.9z'%20fill='%231680d3'%20stroke='%231680d3'/%3e%3cpath%20d='m25%2060h-24v6h24z'%20fill='%2386b8df'%20stroke='%2386b8df'/%3e%3cpath%20d='m20.02%2049.22h-6.9v5.72h6.9z'%20fill='%231680d3'%20stroke='%231680d3'/%3e%3cpath%20d='m509.5%20258.05h-97.58v4.97h97.58z'%20fill='%2386b8df'%20stroke='%2386b8df'/%3e%3cpath%20d='m536%20245h-29v5h29z'%20fill='%231680d3'%20stroke='%231680d3'/%3e%3c/g%3e%3c/svg%3e") center no-repeat;
  background-size: cover;
  z-index: -1;
}
@media screen and (min-width: 48em) {
  .email_templates.show .front-header--templates .row,
  .email_templates.index .front-header--templates .row {
    display: flex;
    align-items: center;
    margin-right: -15px;
    margin-left: -15px;
  }
  .email_templates.show .templates-header__illustration,
  .email_templates.index .templates-header__illustration {
    margin-top: 0;
  }
  .email_templates.show .templates-tag-list,
  .email_templates.index .templates-tag-list {
    margin-bottom: var(--spacing-10);
    padding-right: var(--spacing-08);
  }
  .email_templates.show .templates-list-aside,
  .email_templates.index .templates-list-aside {
    position: sticky;
    top: 2rem;
  }
  .email_templates.show .templates-cta,
  .email_templates.index .templates-cta {
    text-align: left;
  }
  .email_templates.show .templates-cta h2,
  .email_templates.index .templates-cta h2 {
    font-size: 3.6rem;
    text-align: left;
  }
  .email_templates.show .templates-cta .big-p,
  .email_templates.index .templates-cta .big-p {
    max-width: 42rem;
  }
  .email_templates.show .template-box,
  .email_templates.index .template-box {
    min-height: 46.5rem;
  }
  .email_templates.show .template-box-sample-data,
  .email_templates.index .template-box-sample-data {
    margin-left: auto;
  }
}
@media screen and (min-width: 75em) {
  .email_templates.show .templates-list > .container,
  .email_templates.show .templates-faq > .container,
  .email_templates.index .templates-list > .container,
  .email_templates.index .templates-faq > .container {
    max-width: 1200px;
    width: 1200px;
  }
}
@media screen and (min-width: 48em) {
  .email_templates.index .front-header__title,
  .email_templates.index .front-header__subtitle {
    text-align: left;
    justify-content: flex-start;
  }
  .email_templates.index .front-header__subtitle {
    margin-left: 0;
    margin-right: 0;
  }
}
.email_templates.show .template-placeholder,
.email_templates.index .template-placeholder {
  background-color: var(--colors-warning-200);
}
.template-card {
  display: block;
  border: 1px solid var(--colors-grey-300);
  border-radius: 4px;
  box-shadow: 0px 1px 4px var(--colors-grey-300);
  background-color: #ffffff;
  transition: transform 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
.template-card:focus, .template-card:hover, .template-card:focus-within {
  outline: none;
  transform: scale(1.01);
  box-shadow: 0 1px 8px var(--colors-grey-400);
}
.template-card__title {
  display: block;
  margin-bottom: var(--spacing-03);
  color: var(--colors-grey-900);
  font-weight: 600;
  font-size: 1.4rem;
}
.template-card__title::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.template-card__title:hover, .template-card__title:focus {
  text-decoration: none;
  color: var(--colors-grey-900);
}
.template-card__body {
  position: relative;
  overflow: hidden;
  height: 24rem;
  padding: var(--spacing-04);
  padding-bottom: 0;
  color: var(--colors-grey-700);
  font-size: 1.3rem;
  line-height: 1.5;
  cursor: pointer;
}
.template-card__body::after {
  content: "";
  position: absolute;
  right: 0;
  bottom: 0;
  left: 0;
  height: 4.4rem;
  background: linear-gradient(0deg, #FFFFFF 25%, rgba(255, 255, 255, 0) 100%);
}
.template-card__footer {
  display: flex;
  align-items: center;
  padding: var(--spacing-03) var(--spacing-04);
  background-color: var(--colors-grey-100);
  border-radius: 0 0 3px 3px;
  font-size: 1.2rem;
  line-height: 1.2;
  color: var(--colors-grey-700);
}
.template-card-tags {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-right: var(--spacing-03);
}
.template-card__upvotes {
  white-space: nowrap;
  margin-left: auto;
  font-weight: 600;
  color: var(--colors-grey-800);
}
.template-card__upvotes .far {
  color: var(--colors-grey-600);
}
.templates-tag-selector {
  display: block;
  width: 100%;
  margin-bottom: var(--spacing-10);
  border: 0;
  border-radius: 4px;
  font-size: 1.6rem;
  background-color: var(--colors-grey-200);
}
.templates-tag-selector__primary {
  font-weight: 600;
}
.email_templates .template-related .container {
  padding-right: 15px;
  padding-left: 15px;
}
.email_templates .template-related .row {
  margin-right: -15px;
  margin-left: -15px;
}
.email_templates .template-related h2 {
  text-align: left;
}
.email_templates.single .front-breadcrumb {
  text-align: left;
}
.video-onboarding {
  --iframe-ratio: calc(62.3718887262079% + 29px);
  width: calc(100% - 4rem);
  max-width: 120rem;
}
.video-onboarding .modal-content {
  display: flex;
  align-items: center;
  padding: 0 0 var(--iframe-ratio);
  height: 0;
  width: 100%;
  position: relative;
  overflow: hidden;
  border-radius: 0.8rem;
}
.video-onboarding__video {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.video-onboarding__skip {
  position: absolute;
  left: var(--spacing-04);
  bottom: var(--spacing-05);
  z-index: 10;
}
/*! purgecss start ignore */
trix-editor {
  border: none !important;
  background: none !important;
  margin: 0;
  padding: 0.4em 0.6em;
  min-height: 5em;
  outline: none;
}
trix-editor:focus {
  border: none !important;
}
trix-editor a {
  color: var(--colors-secondary-700) !important;
  text-decoration: underline;
}
trix-editor a code {
  color: var(--colors-secondary-700);
}
trix-editor a code::before {
  content: "\f0c1";
  font-family: var(--fa-style-family, "Font Awesome 6 Pro");
  font-weight: normal;
  font-size: 1rem;
  color: var(--colors-secondary-600);
}
trix-editor ul,
trix-editor ol {
  padding-left: 30px;
}
trix-editor figcaption {
  display: none;
}
trix-editor figure {
  position: relative;
}
trix-editor figure[data-trix-content-type^="application/"] {
  display: none;
}
trix-editor code {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: var(--spacing-01) var(--spacing-02);
  margin: 0 0.25em;
  background-color: var(--colors-grey-200);
  color: var(--colors-grey-700);
  border-radius: 2px;
  font-family: var(--fonts-family-code);
  font-size: 1.2rem;
  font-weight: normal;
  line-height: 1.33333;
}
#trix-link-dialog {
  background-color: #ffffff;
  padding: 3px 10px 4px;
  display: none;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
  border-radius: 3px;
  font-size: 13px;
  z-index: 2050;
  user-select: none;
  white-space: nowrap;
}
#trix-link-dialog a {
  display: inline-block;
  color: var(--colors-secondary-700) !important;
  text-decoration: underline;
  cursor: pointer;
  max-width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  vertical-align: bottom;
}
#href-modal,
#video-modal,
#attribute-modal {
  z-index: 2050;
}
#href-modal .modal-dialog,
#video-modal .modal-dialog,
#attribute-modal .modal-dialog {
  width: 560px;
  margin: 100px auto;
}
.trix-toolbar {
  padding-top: 20px;
}
.trix-toolbar .popover-title {
  display: none;
}
.trix-toolbar .trix-toolbar-button .far:not(.fa-brackets-curly) {
  margin: 0;
}
.attachment.attachment--preview {
  display: inline-block;
  margin-bottom: 0;
}
.attachment.attachment--preview img {
  margin: 0;
}
.attachment.attachment--preview .attachment__toolbar {
  display: none;
}
.attachment:has(.video) .attachment__toolbar {
  display: none;
}
.attachment__progress {
  display: none;
}
/*! purgecss end ignore */
/*! purgecss start ignore */
.autocomplete-suggestions {
  background: #FFFFFF;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
}
.autocomplete-suggestion {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-02) var(--spacing-04);
  transition: background-color 150ms ease-in;
}
.autocomplete-suggestion:not(:first-child) {
  border-top: 1px solid var(--colors-grey-300);
}
.autocomplete-suggestion:hover {
  background-color: var(--colors-grey-100);
}
.autocomplete-logo {
  width: 2.4rem;
  height: 2.4rem;
}
.autocomplete-logo img {
  display: inline-block !important;
  width: 2.4rem;
  height: 2.4rem;
  object-fit: cover;
  margin-right: 0;
  background-size: 2.4rem 2.4rem;
  border-radius: 0.2rem;
}
.autocomplete-value {
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-900);
}
.autocomplete-data {
  margin-left: auto;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
}
.autocomplete-count {
  font-size: 1.1rem;
  font-weight: 500;
}
.activity-timeline__title {
  margin: 0 0 var(--spacing-04);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-900);
}
.activity-timeline__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.activity-timeline-item {
  position: relative;
}
.activity-timeline-item:not(:first-child) {
  margin-top: var(--spacing-06);
}
.activity-timeline-item:not(:last-child)::after {
  content: "";
  width: 1px;
  position: absolute;
  top: var(--spacing-05);
  bottom: calc(var(--spacing-05) * -1);
  left: var(--spacing-02);
  background-color: var(--colors-grey-300);
}
.activity-timeline-item--continue {
  margin-bottom: var(--spacing-08);
}
.activity-timeline-item--continue::after {
  content: "";
  width: 1px;
  position: absolute;
  top: var(--spacing-05);
  bottom: 0;
  left: var(--spacing-02);
  background-color: var(--colors-grey-300);
}
.activity-timeline-item--continue::before {
  content: "";
  width: 1px;
  position: absolute;
  height: var(--spacing-04);
  top: calc(100% + var(--spacing-005));
  left: var(--spacing-02);
  background: linear-gradient(180deg, var(--colors-grey-300) 0%, var(--colors-grey-300) 25%, rgba(0, 0, 0, 0) 25%, rgba(0, 0, 0, 0) 37.5%, var(--colors-grey-200) 37.5%, var(--colors-grey-200) 62.5%, rgba(0, 0, 0, 0) 62.5%, rgba(0, 0, 0, 0) 75%, var(--colors-grey-100) 75%, var(--colors-grey-100) 100%);
}
.activity-timeline-item__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
}
.activity-timeline-item__avatar {
  position: relative;
  margin-right: calc(var(--spacing-01) * -1);
  margin-left: calc(var(--spacing-01) * -1);
  outline: 4px solid #fff;
  z-index: 1;
}
.activity-timeline-item__bullet {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  color: #fff;
  background-color: var(--colors-grey-600);
  font-size: 0.8rem;
}
.activity-timeline-item__bullet[data-type=replied] {
  background-color: var(--colors-magenta-700);
}
.activity-timeline-item__bullet[data-type=opened] {
  background-color: var(--colors-success-600);
}
.activity-timeline-item__bullet[data-type=clicked] {
  background-color: var(--colors-cyan-700);
}
.activity-timeline-item__bullet[data-type=sent] {
  background-color: var(--colors-secondary-600);
}
.activity-timeline-item__bullet[data-type=canceled], .activity-timeline-item__bullet[data-type=error] {
  background-color: var(--colors-danger-600);
}
.activity-timeline-item__bullet[data-type=unsubscribed] {
  background-color: var(--colors-warning-600);
}
.activity-timeline-item__bullet[data-type=bounced] {
  background-color: var(--colors-grey-900);
}
.activity-timeline-item__bullet[data-type=successful] {
  background-color: var(--colors-emerald-500);
}
.activity-timeline-item__title {
  font-size: 1.4rem;
  line-height: 1.1428571429;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.activity-timeline-item__date {
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  white-space: nowrap;
}
.activity-timeline-item__content {
  margin-top: var(--spacing-02);
  margin-left: calc(var(--spacing-base) * 7);
}
.activity-history-list {
  list-style-type: none;
  padding: 0;
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.activity-history-list li:not(:first-child) {
  margin-top: var(--spacing-01);
}
/**
* Alerts
* Provide contextual feedback messages to users
*
* @selector .h-alert
* @haml app/views/components/_alert.haml
*/
:root {
  --c-alert-border: var(--colors-grey-400);
  --c-alert-background: var(--colors-grey-100);
  --c-alert-title-color: var(--colors-grey-800);
  --c-alert-icon-color: var(--colors-grey-600);
}
.h-alert {
  position: relative;
  display: flex;
  align-items: top;
  justify-content: space-between;
  width: 100%;
  padding: var(--spacing-04);
  background-color: var(--c-alert-background);
  border: 1px solid var(--c-alert-border);
  border-radius: 4px;
  font-size: 1.4rem;
}
.h-alert__icon-wrapper {
  padding-right: var(--spacing-03);
}
.h-alert__icon {
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--c-alert-icon-color);
}
.h-alert__illus {
  margin-right: var(--spacing-04);
  margin-left: var(--spacing-01);
}
.h-alert__content {
  flex: 1;
}
.h-alert__content a:not(.h-button):not(.btn-google) {
  color: currentColor;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-500);
  text-underline-offset: var(--spacing-01);
  cursor: pointer;
}
.h-alert__content a:not(.h-button):not(.btn-google):hover, .h-alert__content a:not(.h-button):not(.btn-google):focus {
  text-decoration-color: currentColor;
}
.h-alert__title {
  display: block;
  margin-bottom: var(--spacing-01);
  color: var(--c-alert-title-color);
  font-size: 1em;
  font-weight: 600;
  line-height: 1.4285;
}
.h-alert__description {
  margin-top: var(--spacing-005);
  font-size: 1.3rem;
  line-height: 1.5385;
  color: var(--colors-grey-800);
}
.h-alert__description a:not(.h-button),
.h-alert__description a:not([class*=btn]) {
  color: currentColor;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-500);
  text-underline-offset: var(--spacing-01);
  cursor: pointer;
}
.h-alert__description a:not(.h-button):hover, .h-alert__description a:not(.h-button):focus,
.h-alert__description a:not([class*=btn]):hover,
.h-alert__description a:not([class*=btn]):focus {
  text-decoration-color: currentColor;
}
.h-alert__description ul:last-child,
.h-alert__description ol:last-child,
.h-alert__description p:last-child {
  margin-bottom: 0;
}
.h-alert__description ul,
.h-alert__description ol {
  padding-left: 1em;
}
.h-alert__actions {
  margin-top: var(--spacing-03);
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.h-alert__dissmiss {
  position: absolute;
  top: var(--spacing-04);
  right: var(--spacing-02);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 2.4rem;
  height: 2.4rem;
  border: 0;
  background-color: transparent;
  font-size: 1.6rem;
  color: var(--colors-grey-600);
  transition: color 100ms ease-in;
}
.h-alert__dissmiss:hover, .h-alert__dissmiss:focus {
  color: var(--colors-grey-800);
}
.h-alert__dissmiss:active {
  transform: scale(0.96);
}
/**
* MODIFIER
*/
/* Sizing */
.h-alert--sm {
  padding: var(--spacing-02) var(--spacing-03);
}
.h-alert--sm .h-alert__dissmiss {
  top: var(--spacing-02);
}
/* Is dissmissable */
.h-alert--dissmissable {
  padding-right: var(--spacing-10);
}
/* Box Model */
.h-alert--inline {
  display: inline-flex;
  width: auto;
}
/* Colors */
.h-alert--success {
  --c-alert-border: var(--colors-success-400);
  --c-alert-background: var(--colors-success-100);
  --c-alert-icon-color: var(--colors-success-600);
  --c-alert-title-color: var(--colors-success-700);
}
.h-alert--info {
  --c-alert-border: var(--colors-secondary-400);
  --c-alert-background: var(--colors-secondary-100);
  --c-alert-icon-color: var(--colors-secondary-600);
  --c-alert-title-color: var(--colors-secondary-700);
}
.h-alert--warning {
  --c-alert-border: var(--colors-warning-400);
  --c-alert-background: var(--colors-warning-100);
  --c-alert-icon-color: var(--colors-warning-600);
  --c-alert-title-color: var(--colors-warning-800);
}
.h-alert--danger {
  --c-alert-border: var(--colors-danger-400);
  --c-alert-background: var(--colors-danger-100);
  --c-alert-icon-color: var(--colors-danger-600);
  --c-alert-title-color: var(--colors-danger-700);
}
.h-data-table {
  --h-data-table-cell--padding-x: var(--spacing-04);
  --h-data-table-cell--padding-y: var(--spacing-02);
  position: relative;
}
.h-data-table table {
  min-width: 100%;
}
.h-data-table table th,
.h-data-table table td {
  border: 0.1rem solid var(--colors-grey-200);
  font-size: 1.4rem;
  line-height: 1.7142857143;
  letter-spacing: -0.006em;
  color: var(--colors-grey-800);
  padding: 0;
  transition: background-color 150ms ease-in;
  text-wrap: nowrap;
}
.h-data-table table th.h-data-table__checkbox,
.h-data-table table td.h-data-table__checkbox {
  border-right: 0;
  border-left: 0;
  width: 4rem;
  max-width: 4rem;
}
.h-data-table table th.h-data-table__checkbox + td,
.h-data-table table th.h-data-table__checkbox + th,
.h-data-table table td.h-data-table__checkbox + td,
.h-data-table table td.h-data-table__checkbox + th {
  border-left: 0;
}
.h-data-table table th.h-data-table__checkbox + td .h-data-table-cell,
.h-data-table table th.h-data-table__checkbox + th .h-data-table-cell,
.h-data-table table td.h-data-table__checkbox + td .h-data-table-cell,
.h-data-table table td.h-data-table__checkbox + th .h-data-table-cell {
  padding-left: var(--spacing-03);
}
.h-data-table table th:has(.h-data-table-cell--sticky),
.h-data-table table td:has(.h-data-table-cell--sticky) {
  position: sticky;
  left: 0;
  transition: background-color 100ms ease-in, box-shadow 150ms ease-in !important;
  z-index: 10;
}
.h-data-table table th:has(.h-data-table-cell--sticky) {
  z-index: 15;
}
.h-data-table table th.dragging {
  opacity: 0.5;
  background-color: var(--color-grey-100);
  cursor: grabbing !important;
}
.h-data-table table tr:has(.h-data-table__checkbox :checked) td,
.h-data-table table tr:has(.h-data-table__checkbox :checked) th,
.h-data-table table tr:has(.h-data-table__checkbox :checked) .h-data-table-cell, .h-data-table table tr.selected td,
.h-data-table table tr.selected th,
.h-data-table table tr.selected .h-data-table-cell {
  background-color: var(--colors-secondary-100);
}
.h-data-table table tr.highlighted td, .h-data-table table tr.highlighted th, .h-data-table table tr.highlighted .h-data-table-cell {
  transition: background-color 0.5s ease-out;
  background-color: var(--colors-secondary-100);
}
.h-data-table table tr.fading-out td, .h-data-table table tr.fading-out th, .h-data-table table tr.fading-out .h-data-table-cell {
  background-color: transparent;
}
.h-data-table table .h-data-table-cell {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  height: 100%;
  width: 100%;
  padding: var(--h-data-table-cell--padding-y) var(--h-data-table-cell--padding-x);
  border: 0;
  color: var(--colors-grey-800);
  background-color: #fff;
  overflow: hidden;
  transition: background-color 150ms ease-in;
}
.h-data-table table .h-data-table-cell:hover .h-data-table-cell__actions, .h-data-table table .h-data-table-cell:focus .h-data-table-cell__actions {
  transform: translateX(0);
  opacity: 1;
}
.h-data-table table .h-data-table-cell:hover .h-data-table-cell__drag-drop, .h-data-table table .h-data-table-cell:focus .h-data-table-cell__drag-drop {
  opacity: 1;
}
.h-data-table table .h-data-table-cell:has(.dropdown) {
  overflow: visible;
}
.h-data-table table .h-data-table-cell--hoverable:hover .h-data-table-cell__on-hover, .h-data-table table .h-data-table-cell--hoverable:focus .h-data-table-cell__on-hover {
  opacity: 1;
}
.h-data-table table .h-data-table-cell--heading {
  background-color: var(--colors-grey-50);
  font-weight: 500;
}
.h-data-table table .h-data-table-cell--heading:hover, .h-data-table table .h-data-table-cell--heading:focus {
  background-color: var(--colors-grey-100);
}
.h-data-table table .h-data-table-cell--heading.is-disabled {
  pointer-events: none;
}
.h-data-table table .h-data-table-cell--checkbox {
  justify-content: center;
  padding-right: 0;
  padding-left: 0;
}
.h-data-table table .h-data-table-cell--skeleton {
  padding: 0;
  margin: var(--spacing-03) var(--spacing-04);
  height: 1.6rem;
  width: 80%;
  border-radius: 0.2rem;
  animation: 2s skeletonShine linear infinite;
}
.h-data-table table .h-data-table-cell--skeleton-checkbox {
  padding: 0;
  margin: 0.1rem 0;
  height: 1.4rem;
  width: 1.4rem;
  border-radius: 0.2rem;
  animation: 2s skeletonShine linear infinite;
}
.h-data-table table .h-data-table__thead-actions {
  border-left: 0;
  border-right: 0;
  max-width: 16rem;
}
.h-data-table table .h-data-table__columns-management {
  position: sticky;
  right: 0;
  max-width: 4rem;
  border-left: 0;
  text-align: right;
  background-color: #fff;
  z-index: 5;
}
.h-data-table table .h-data-table__columns-management .h-button {
  border-radius: 0;
  border-left: 0.1rem solid var(--colors-grey-200);
}
.h-data-table table .h-data-table-cell--actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.h-data-table table .h-data-table-cell--calculation {
  color: var(--colors-grey-700);
  font-size: 1.3rem;
}
.h-data-table table .h-data-table-cell--calculation:hover, .h-data-table table .h-data-table-cell--calculation:focus {
  background-color: var(--colors-grey-100);
}
.h-data-table table .h-data-table-cell--loading,
.h-data-table table .h-data-table-cell__loading {
  gap: var(--spacing-02);
  color: var(--colors-grey-600);
}
.h-data-table table .h-data-table-cell__loading {
  display: flex;
  align-items: center;
}
.h-data-table table .h-data-table-cell--empty {
  color: var(--colors-grey-600);
}
.h-data-table table .h-data-table-cell--warning::after,
.h-data-table table .h-data-table-cell--error::after {
  content: "";
  position: absolute;
  right: var(--spacing-02);
  top: 50%;
  margin-top: -0.4rem;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
}
.h-data-table table .h-data-table-cell--warning::after {
  background-color: var(--colors-warning-500);
}
.h-data-table table .h-data-table-cell--error::after {
  background-color: var(--colors-danger-600);
}
.h-data-table table .h-data-table-cell--editing {
  background-color: var(--colors-secondary-100);
  outline: 0.1rem solid var(--colors-secondary-600);
  outline-offset: -0.1rem;
}
.h-data-table table .h-data-table-cell--editing > *:not(.h-data-table-cell__content),
.h-data-table table .h-data-table-cell--editing > *:not(.h-data-table-cell__info-icon) {
  display: none;
}
.h-data-table table .h-data-table-cell--link:hover, .h-data-table table .h-data-table-cell--link:focus {
  text-decoration: none;
  background-color: var(--colors-grey-100);
}
.h-data-table .dropdown-menu {
  margin-top: calc(var(--spacing-01) * -1) !important;
}
.h-data-table .h-data-table__row-group td,
.h-data-table .h-data-table__row-group .h-data-table-cell {
  background-color: var(--colors-grey-100);
}
.h-data-table__heading th {
  background-color: var(--colors-grey-50);
}
.h-data-table-cell__dropdown-trigger {
  font-size: 1.3rem;
  color: var(--colors-grey-600);
  opacity: 0;
  transition: opacity 150ms ease-in;
}
.h-data-table-cell__dropdown-trigger.is-visible {
  opacity: 1;
}
.h-data-table-cell__content {
  flex: 1;
  max-width: 100%;
  text-overflow: ellipsis;
  overflow: hidden;
}
.h-data-table-cell__link {
  position: relative;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  text-decoration-line: underline;
  color: var(--colors-grey-600);
}
.h-data-table-cell__link::after {
  content: "\e09f";
  position: absolute;
  display: inline-block;
  font-family: "Font Awesome 6 Pro";
  font-size: 1rem;
  line-height: 2;
  opacity: 0;
  left: 95%;
  transition: opacity 150ms ease-in, left 150ms ease-in;
}
.h-data-table-cell__link:hover, .h-data-table-cell__link:focus {
  text-decoration: none;
  color: var(--colors-grey-800);
}
.h-data-table-cell__link:hover::after, .h-data-table-cell__link:focus::after {
  opacity: 1;
  left: calc(100% + 0.375em);
}
.h-data-table-cell__count {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 0 var(--spacing-01);
  border-radius: 0.4rem;
  font-size: 1.2rem;
  font-weight: 450;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
  background-color: var(--colors-grey-200);
  font-variant-numeric: tabular-nums;
}
.h-data-table-cell__actions {
  position: absolute;
  right: var(--spacing-02);
  transform: translateX(calc(110% + var(--h-data-table-cell--padding-x)));
  opacity: 0;
  transition: transform 200ms 100ms ease-in-out, opacity 150ms 100ms ease-in-out;
  z-index: 5;
}
.h-data-table-cell__actions.is-visible {
  transform: translateX(0);
  opacity: 1;
}
.h-data-table-cell__sort-icon {
  margin-left: var(--spacing-01);
  font-size: 1.1rem;
  color: var(--colors-grey-600);
}
.h-data-table-cell__info-icon {
  position: absolute;
  right: var(--spacing-02);
  color: var(--colors-grey-600);
  transition: transform 250ms ease-in-out, opacity 200ms ease-in-out;
}
.h-data-table-cell__info-icon.is-hidden {
  transform: translateX(calc(100% + var(--spacing-02)));
  opacity: 0;
}
.h-data-table-cell__info-icon + .h-data-table-cell__content {
  padding-right: var(--spacing-03);
}
.h-data-table-cell__drag-drop {
  position: absolute;
  right: var(--spacing-01);
  opacity: 0;
  transition: opacity 150ms ease-in;
  cursor: grab !important;
}
.h-data-table-cell__drag-drop:active {
  cursor: grabbing !important;
}
.h-data-table-cell__on-hover {
  opacity: 0;
  transition: opacity 150ms ease-in;
}
.h-data-table-cell__on-hover[aria-expanded=true], .h-data-table-cell__on-hover:focus-within {
  opacity: 1;
}
.rtc-wrapper[data-horizontal-scroll-position=scrolling] .h-data-table-cell--sticky,
.rtc-wrapper[data-horizontal-scroll-position=scrolling] .h-data-table-cell--sticky,
.rtc-wrapper[data-horizontal-scroll-position=end] .h-data-table-cell--sticky,
.rtc-wrapper[data-horizontal-scroll-position=end] .h-data-table-cell--sticky {
  box-shadow: 1px 0 0 var(--colors-grey-200), 8px 0 8px -16px rgba(0, 0, 0, 0.06), 3px 0 6px -2px rgba(0, 0, 0, 0.08);
}
.h-data-table__tag-pill {
  display: flex;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-01);
  border: 1px solid;
  border-radius: 1rem;
  padding: 0 1rem;
}
.h-data-table__foot {
  font-size: 1.3rem;
  font-weight: normal;
}
.h-data-table__footer {
  display: flex;
  width: 100%;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-02) var(--spacing-06);
  background-color: var(--colors-grey-50);
  border-bottom: 0.1rem solid var(--colors-grey-200);
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.h-data-table--full {
  width: calc(100% + var(--spacing-06) * 2);
  margin-left: calc(var(--spacing-06) * -1);
  margin-right: calc(var(--spacing-06) * -1);
}
.h-data-table--full td:first-child,
.h-data-table--full th:first-child {
  padding-left: var(--spacing-06);
}
#flash {
  display: block;
  position: fixed;
  margin-left: auto;
  margin-right: auto;
  left: 0;
  right: 0;
  bottom: 30px;
  width: max-content;
  z-index: 1000;
  text-align: center;
  transform: translateY(200%);
  opacity: 0;
  animation-name: slideInFromBottom;
  animation-duration: 250ms;
  animation-timing-function: ease-in-out;
  animation-fill-mode: forwards;
}
#flash .alert {
  color: #fff;
  margin: auto;
  display: inline-flex;
  align-items: center;
  background: rgba(0, 0, 0, 0.8);
  padding: 16px 20px;
  font-size: 14px;
  border: 0;
  text-align: center;
  font-weight: 600;
  border-radius: 5px;
  box-shadow: 0 3px 15px 0 rgba(0, 0, 0, 0.3);
}
#flash .alert > .fas, #flash .alert .far {
  margin-right: var(--spacing-02);
  font-size: 19px;
  color: #fff;
}
#flash .alert .fa-circle-xmark {
  color: var(--colors-danger-600);
}
#flash .alert .fa-check {
  color: var(--colors-success-600);
}
#flash .alert .fa-exclamation-triangle {
  color: var(--colors-warning-600);
}
#flash .alert a {
  color: currentColor;
  text-decoration: none;
  border-bottom: 1px solid rgba(255, 255, 255, 0.5);
}
#flash .alert a:hover, #flash .alert a:focus {
  color: #fff;
  border-bottom: 1px solid #fff;
  text-decoration: none;
}
#flash .alert-dismissible .close {
  background-color: transparent;
  border: 0;
  padding: 0;
  color: var(--colors-grey-500);
  right: 0;
  top: 0;
  opacity: 1;
  text-shadow: none;
  font-size: 1.6rem;
  margin-left: var(--spacing-04);
}
#flash .alert-dismissible .close:hover, #flash .alert-dismissible .close:focus {
  color: var(--colors-grey-400);
}
#flash .alert-dismissible .close .far {
  margin-right: 0;
}
.modal-open #flash {
  z-index: 1060;
}
body.discover #flash {
  z-index: 1005;
}
@keyframes slideInFromBottom {
  0% {
    transform: translateY(200%);
    opacity: 0;
  }
  100% {
    transform: translateX(0);
    opacity: 1;
  }
}
.h-avatar {
  --h-avatar-size: 2.4rem;
  --h-avatar-background: var(--colors-grey-200);
  --h-avatar-color: var(--colors-grey-600);
  --h-avatar-radius: 50%;
  --h-avatar-background-hover: var(--colors-secondary-600);
  --h-avatar-color-hover: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: var(--h-avatar-size);
  aspect-ratio: 1/1;
  border-radius: var(--h-avatar-radius);
  background-color: var(--h-avatar-background);
  color: var(--h-avatar-color);
  font-size: 0.8rem;
  font-weight: 500;
  overflow: hidden;
  transition: background-color 150ms ease-in, color 150ms ease-in;
}
.h-avatar img {
  object-fit: cover;
  transition: opacity 150ms ease-in;
}
a.h-avatar:hover, a.h-avatar:focus {
  text-decoration: none;
  background-color: var(--h-avatar-background-hover);
  color: var(--h-avatar-color-hover);
}
.h-avatar--squared {
  --h-avatar-radius: .2rem;
}
.h-avatar--auto {
  --h-avatar-size: auto;
}
.h-avatar--xs {
  --h-avatar-size: 1.6rem;
}
.h-avatar--sm {
  --h-avatar-size: 2rem;
}
.h-avatar--lg {
  --h-avatar-size: 3.6rem;
}
.h-avatar--lg.h-avatar--squared {
  --h-avatar-radius: .4rem;
}
.h-avatars {
  display: flex;
  align-items: center;
}
.h-avatars .h-avatar,
.h-avatars .profile-pic,
.h-avatars .h-avatars__more {
  position: relative;
  box-shadow: 0 0 0 2px #fff;
  z-index: 1;
}
.h-avatars .h-avatar:not(:first-child),
.h-avatars .profile-pic:not(:first-child),
.h-avatars .h-avatars__more:not(:first-child) {
  margin-left: calc(var(--spacing-01) * -1);
}
/**
* Icon Card
* A card with an icon, title and description
*
* @selector .icon-card
* @haml app/views/components/icon-card.haml
*/
.application-front .icon-card {
  text-align: center;
  display: block;
  margin-top: 3rem;
  padding: var(--spacing-06);
  border-radius: 4px;
  border: 1px solid var(--colors-grey-300);
  background-color: #ffffff;
  color: var(--colors-grey-1000);
  text-decoration: none;
  transition: all 250ms ease;
}
.application-front .icon-card:hover, .application-front .icon-card:focus, .application-front .icon-card:focus-within {
  transform: translateY(-3px);
  box-shadow: 0 3px 10px rgba(0, 0, 0, 0.1);
}
.application-front .icon-card:active {
  background-color: var(--colors-grey-100);
}
.application-front .icon-card .icon-card__title {
  margin: var(--spacing-06) 0 var(--spacing-01);
  font-weight: 600;
  font-size: 17px;
  color: var(--colors-grey-1000);
}
.application-front .icon-card__icon {
  font-size: 35px;
  color: var(--colors-secondary-600);
}
.application-front .icon-card__link {
  color: var(--colors-grey-1000);
}
.application-front .icon-card__link:hover, .application-front .icon-card__link:focus {
  text-decoration: none;
}
.application-front .icon-card__link::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.application-front .icon-card__description {
  color: var(--colors-grey-700);
  font-size: 14px;
  margin: 0;
}
.option-item {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
  padding: var(--spacing-03) var(--spacing-04);
  background-color: #fff;
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.4rem;
  transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
  cursor: pointer;
}
.option-item:hover {
  border-color: var(--colors-grey-400);
}
.option-item:has(:checked) {
  background-color: #fff;
  border-color: var(--colors-secondary-600);
  box-shadow: 0 0 0 0.2rem var(--colors-secondary-300);
}
.option-item:has(.option-item__icon), .option-item:has(.option-item__logo) {
  padding: var(--spacing-03) var(--spacing-04) var(--spacing-03) var(--spacing-03);
}
.option-item .h-button {
  position: relative;
  z-index: 1;
}
.option-item--alt {
  background-color: var(--colors-grey-100);
  border-color: transparent;
}
.option-item__icon {
  width: 4rem;
  aspect-ratio: 1;
  border-radius: 0.2rem;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: var(--colors-grey-200);
  color: var(--colors-grey-600);
  font-size: 1.6rem;
}
.option-item__logo {
  flex-grow: 0;
  flex-shrink: 0;
  width: 4rem;
  aspect-ratio: 1;
  border-radius: 0.2rem;
  object-fit: contain;
  border: 0.1rem solid rgba(0, 0, 0, 0.05);
}
.option-item__body {
  flex: 1;
  line-height: 1;
}
.option-item__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.option-item__title {
  margin-bottom: 0;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
}
.option-item__title::before {
  content: "";
  position: absolute;
  inset: 0;
}
.option-item-price {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.option-item-price__crossed {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-600);
  text-decoration: line-through;
}
.option-item-price__value {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.25;
}
.option-item__description {
  display: flex;
  align-items: center;
  gap: 0.25em;
  margin-top: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.option-item__description--sm {
  font-size: 1.2rem;
  line-height: 1.6666666667;
}
.h-popup {
  position: fixed;
  z-index: 50;
  bottom: var(--spacing-05);
  left: var(--spacing-05);
  padding: var(--spacing-06);
  background-color: white;
  max-width: 42rem;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--colors-grey-300);
  box-shadow: 0 0 0.4rem var(--colors-secondary-100), 0 0.4rem 1.6rem rgba(29, 38, 46, 0.12);
  -webkit-backdrop-filter: blur(4px);
  backdrop-filter: blur(4px);
}
.h-popup__header {
  display: flex;
  align-items: center;
  font-weight: 600;
  font-size: 1.6rem;
  margin-bottom: var(--spacing-02);
}
.h-popup__body {
  margin-bottom: var(--spacing-04);
}
.h-popup__footer {
  display: flex;
  justify-content: space-between;
}
.toggle-table {
  width: 100%;
}
.toggle-table .row-container {
  border-bottom: 1px solid var(--colors-grey-300);
}
.toggle-table .row-container:last-child {
  border: 0;
}
.toggle-table .row-container.active .caret-icon {
  transform: rotate(180deg);
}
.toggle-table .row-container.preopened .row-detail {
  display: block;
}
.toggle-table .row-title {
  padding: 20px;
  transition: all 100ms ease;
}
.toggle-table .row-title:focus, .toggle-table .row-title:hover, .toggle-table .row-title:focus-within {
  cursor: pointer;
  background-color: var(--colors-grey-100);
  outline: none;
}
.toggle-table .row-title:active {
  background-color: var(--colors-grey-200);
}
.toggle-table .row-title .row-title-icon {
  font-size: 30px;
  width: 55px;
  padding: 15px 0;
  color: var(--colors-secondary-600);
}
.toggle-table h3 {
  display: block;
  margin: 0 0 5px;
  font-weight: 500;
}
.toggle-table .toggle-table__title {
  font-family: var(--fonts-family-body);
  font-weight: 600;
  font-size: 16px;
  margin: 0;
}
.toggle-table .caret-icon {
  font-size: 20px;
  color: var(--colors-grey-600);
  transition: transform 200ms ease;
  margin-left: 15px;
  float: right;
}
.toggle-table .row-detail {
  display: none;
  padding: 20px;
  border-top: 1px solid var(--colors-grey-300);
}
.toggle-table.full-width-toggle-table {
  border: 0.1rem solid var(--colors-grey-300);
  width: 100%;
  margin: 0;
  border-radius: 0.4rem;
  font-size: 1.3rem;
  overflow: hidden;
}
.toggle-table.full-width-toggle-table .row-title {
  padding: 20px 28px;
}
.toggle-table.full-width-toggle-table .row-detail {
  padding: 28px;
}
.toggle-table.full-width-toggle-table .caret-icon {
  margin-top: var(--spacing-04);
}
.visitors .toggle-table .toggle-table__title {
  font-weight: 500;
}
/*
* Question circle
*/
.question-circle {
  display: inline-block;
  color: var(--colors-grey-600);
  font-size: 1.3rem;
  line-height: 1;
  height: 1em;
  transition: color 150ms ease-in-out;
}
.question-circle:hover {
  color: var(--color-grey-700);
}
.question-circle > .fa-question-circle {
  display: inline;
}
.h-qty-selector {
  --h-qty-selector-height: 3.2rem;
  --h-qty-selector-font-size: 1.3rem;
  --h-qty-selector-input-width: 3em;
  --h-qty-selector-shadow-focus: 0px 0px 0px 2px var(--colors-secondary-300);
  --h-qty-selector-border-focus: var(--colors-secondary-600);
  display: flex;
  height: var(--h-qty-selector-height);
  width: max-content;
  align-items: center;
  padding: var(--spacing-005);
  border: 1px solid var(--colors-grey-300);
  border-radius: 0.4rem;
  font-size: var(--h-qty-selector-font-size);
}
.h-qty-selector:focus-within {
  border-color: var(--h-qty-selector-border-focus);
  box-shadow: var(--h-qty-selector-shadow-focus);
}
.h-qty-selector .h-qty-selector__input {
  width: var(--h-qty-selector-input-width);
  height: auto;
  padding: 0 var(--spacing-02);
  align-self: stretch;
  -moz-appearance: textfield;
  border: 0;
  line-height: 2rem;
  font-size: var(--h-qty-selector-font-size);
  text-align: center;
}
.h-qty-selector .h-qty-selector__input::-webkit-outer-spin-button, .h-qty-selector .h-qty-selector__input::-webkit-inner-spin-button {
  -webkit-appearance: none;
  margin: 0;
}
.h-qty-selector .h-qty-selector__input:focus, .h-qty-selector .h-qty-selector__input:focus-visible {
  border: 0 !important;
  outline: 0;
}
.h-qty-selector__btn {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  aspect-ratio: 1/1;
  border: 0;
  border-radius: 0.2rem;
  background-color: #fff;
  color: var(--colors-grey-600);
}
.h-qty-selector__btn:hover {
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-700);
}
.h-qty-selector__btn:disabled {
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
.h-qty-selector--sm {
  --h-qty-selector-height: 2.4rem;
  --h-qty-selector-font-size: 1.2rem;
}
/**
* Verification Status Icon
* Icon related to the verification status of a email address.
*
* @selector .verification-status-icon
* @haml     app/views/components/icon-card.haml
* @js       app/frontend/components/verification_status.js
*/
.verification-status-icon {
  --c-verification-icon-color: var(--colors-grey-600);
  display: inline-block;
  font-size: 1.3rem;
  color: var(--c-verification-icon-color);
}
/*! purgecss start ignore */
.verification-status-icon--valid {
  --c-verification-icon-color: var(--colors-success-600);
}
.verification-status-icon--accept-all {
  --c-verification-icon-color: var(--colors-warning-600);
}
.verification-status-icon--disposable {
  --c-verification-icon-color: var(--colors-secondary-600);
}
.verification-status-icon--invalid {
  --c-verification-icon-color: var(--colors-danger-600);
}
.verification-status-icon--webmail {
  --c-verification-icon-color: var(--colors-magenta-500);
}
.verification-status-icon--error {
  --c-verification-icon-color: var(--colors-danger-600);
}
/*! purgecss end ignore */
:root {
  --h-tab-font-size: 1.4rem;
  --h-tab-line-height: calc(24/14);
  --h-pill-tabs-bg: var(--colors-grey-200);
  --h-tab-border-width: .2rem;
  --h-tab-border-color: transparent;
  --h-tab-color: var(--colors-grey-600);
  --h-tab-padding: var(--spacing-02) 0 calc(var(--spacing-02) - var(--h-tab-border-width));
  --h-tab-gap: var(--spacing-06);
  --h-tab-color-hover: var(--colors-grey-700);
}
.h-tabs--lg {
  --h-tab-gap: var(--spacing-08);
  --h-tab-padding: var(--spacing-02) 0 calc(var(--spacing-02) + var(--h-tab-border-width));
}
.h-tabs__list {
  display: flex;
  margin: 0;
  padding: 0;
  list-style-type: none;
  gap: var(--h-tab-gap);
  box-shadow: inset 0 -1px 0 0 var(--colors-grey-300);
}
.h-tab {
  display: flex;
  align-items: center;
  padding: var(--h-tab-padding);
  gap: var(--spacing-01);
  border: 0;
  border-bottom: var(--h-tab-border-width) solid var(--h-tab-border-color);
  font-size: var(--h-tab-font-size);
  line-height: var(--h-tab-line-height);
  font-weight: 500;
  color: var(--h-tab-color);
  background-color: transparent;
  transition: color 200ms ease-in;
}
.h-tab:hover, .h-tab:focus {
  color: var(--h-tab-color-hover);
  text-decoration: none;
}
.h-tab:focus-visible {
  text-decoration: none;
  outline: 0;
  border-radius: 0.2rem;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--colors-secondary-700);
}
.h-tab.disabled {
  user-select: none;
  pointer-events: none;
  opacity: 0.5;
}
.h-tab[aria-selected=true] {
  --h-tab-border-color: var(--colors-secondary-600);
  --h-tab-color: var(--colors-grey-900);
}
.h-tab[aria-selected=true] .h-tab__count {
  --h-tab-count-background: var(--colors-secondary-600);
}
.h-tab__count {
  --h-tab-count-background: #fff;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 1.6rem;
  min-width: 1.6rem;
  border-radius: 50%;
  background-color: var(--h-tab-count-background);
  font-size: 1.1rem;
  line-height: 1.2;
  font-weight: 600;
  color: var(--colors-grey-700);
  border: 1px solid var(--colors-grey-300);
}
.h-tab--active {
  --h-tab-border-color: var(--colors-secondary-600);
  --h-tab-color: var(--colors-grey-900);
}
.h-tab--active .h-tab__count {
  --h-tab-count-background: var(--colors-secondary-600);
  color: #fff;
  border-color: var(--colors-secondary-600);
}
.dropdown-menu {
  --h-tab-gap: var(--spacing-04);
  --h-tab-font-size: 1.3rem;
  --h-tab-line-height: calc(16/13);
  --h-tab-padding: var(--spacing-03) 0 calc(var(--spacing-03) - var(--h-tab-border-width));
}
:root {
  --h-pill-tabs-padding: var(--spacing-01);
  --h-pill-tabs-bg: var(--colors-grey-100);
  --h-pill-tab-font-size: 1.5rem;
  --h-pill-tab-line-height: calc(24/15);
  --h-pill-tab-color: var(--colors-grey-700);
  --h-pill-tab-padding: var(--spacing-02) var(--spacing-06);
  --h-pill-tab-gap: var(--spacing-06);
  --h-tab-color-hover: var(--colors-grey-900);
  --h-tab-color-active: var(--colors-grey-900);
}
.h-pill-tabs {
  display: flex;
  align-items: center;
  padding: var(--h-pill-tabs-padding);
  border-radius: 0.6rem;
  background-color: var(--h-pill-tabs-bg);
  width: max-content;
}
.h-pill-tabs.disabled {
  opacity: 0.5;
  cursor: not-allowed;
  box-shadow: 0px 1px 5px rgba(0, 0, 0, 0.1);
}
.h-pill-tabs__link {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-01);
  padding: var(--h-pill-tab-padding);
  border: 0;
  font-size: var(--h-pill-tab-font-size);
  font-weight: 500;
  line-height: var(--h-pill-tab-line-height);
  color: var(--h-pill-tab-color);
  background-color: transparent;
  border-radius: 0.4rem;
  transition: background 200ms ease-in, box-shadow 200ms ease-in;
}
.h-pill-tabs__link:hover, .h-pill-tabs__link:focus {
  color: var(--h-pill-tab-color-hover);
  text-decoration: none;
}
.h-pill-tabs__link.is-active, .h-pill-tabs__link[aria-selected=true] {
  color: var(--h-pill-tab-color-active);
  background: #fff;
  box-shadow: 0 0 1px #DFE3E8, 0 1px 2px rgba(29, 38, 46, 0.14);
}
.h-pill-tabs__link.is-active .h-pill-tabs__icon, .h-pill-tabs__link[aria-selected=true] .h-pill-tabs__icon {
  color: currentColor;
}
.h-pill-tabs__link.disabled, .h-pill-tabs__link:disabled {
  opacity: 0.5;
  color: var(--h-pill-tab-color);
  cursor: not-allowed;
}
.h-pill-tabs__icon {
  font-size: 1.3rem;
  color: var(--colors-grey-600);
}
.h-pill-tabs__hint {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
  font-weight: normal;
}
.h-pill-tabs--bordered {
  border: 0.1rem solid var(--colors-grey-300);
}
.h-pill-tabs--full {
  width: 100%;
}
.h-pill-tabs--full .h-pill-tabs__link {
  flex: 1;
}
.h-pill-tabs--sm {
  --h-pill-tab-font-size: 1.2rem;
  --h-pill-tab-line-height: calc(16/12);
  --h-pill-tab-padding: var(--spacing-01) var(--spacing-02);
}
.h-pill-tabs--md {
  --h-pill-tab-font-size: 1.3rem;
  --h-pill-tab-line-height: calc(20/13);
  --h-pill-tab-padding: var(--spacing-01) var(--spacing-02);
}
.h-switch {
  --h-switch-width: 3.6rem;
  --h-switch-height: 2rem;
  --h-switch-translation: 2rem;
  --h-switch-thumb-margin: .4rem;
  --h-switch-background-checked: var(--colors-secondary-600);
  appearance: none;
  display: inline-flex;
  align-items: center;
  margin: 0 !important;
  width: var(--h-switch-width);
  min-width: var(--h-switch-width);
  height: var(--h-switch-height);
  border-radius: calc(var(--h-switch-height) / 2);
  background-color: var(--colors-grey-400);
  cursor: pointer;
  transition: background-color 150ms ease-in;
}
.h-switch::before {
  content: "";
  display: block;
  aspect-ratio: 1/1;
  width: calc(var(--h-switch-height) - 2 * var(--h-switch-thumb-margin));
  border-radius: 50%;
  background-color: #fff;
  box-shadow: 0 1px 3px rgba(0, 0, 0, 0.12);
  transform: translateX(var(--h-switch-thumb-margin));
  transition: transform 200ms ease-in-out;
}
.h-switch:focus-visible {
  outline: 0;
  box-shadow: 0 0 0 1px #fff, 0 0 0 3px var(--colors-secondary-700);
}
.h-switch[type=checkbox]:focus {
  outline: none;
}
.h-switch:checked, .h-switch.is-checked {
  background-color: var(--h-switch-background-checked);
}
.h-switch:checked::before, .h-switch.is-checked::before {
  transform: translateX(var(--h-switch-translation));
}
.h-switch:disabled {
  cursor: not-allowed;
  opacity: 0.5;
}
.h-switch--lg {
  --h-switch-width: 4.4rem;
  --h-switch-height: 2.4rem;
  --h-switch-translation: 2.4rem;
}
.h-switch--xs {
  --h-switch-width: 3rem;
  --h-switch-height: 1.6rem;
  --h-switch-translation: 1.6rem;
  --h-switch-thumb-margin: .2rem;
}
.h-switch-container {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 1rem 1.5rem;
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.5rem;
  background-color: #fff;
}
.h-switch-container__label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--colors-grey-700);
}
.h-switch-container:hover {
  background-color: var(--colors-grey-50);
}
.sidemenu__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  margin-bottom: var(--spacing-02);
  line-height: 1.5;
}
.sidemenu__header .h-button {
  position: relative;
  z-index: 5;
}
.sidemenu__expand {
  font-size: 1.2rem;
  line-height: 2;
  color: var(--colors-grey-700);
}
.sidemenu__expand::before {
  content: "";
  position: absolute;
  inset: 0;
}
.sidemenu__title {
  flex: 1;
  margin: 0;
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.8461538462;
  color: var(--colors-grey-800);
}
.sidenav,
.sidenav-submenu {
  padding: 0;
  margin: 0;
  list-style-type: none;
  font-size: 1.4rem;
  line-height: 1.14285;
}
.sidenav__item {
  position: relative;
}
.sidenav__item:not(:first-child) {
  margin-top: var(--spacing-02);
}
.sidenav__link,
.sidenav-submenu__link {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  border-radius: 4px;
  padding: var(--spacing-02) var(--spacing-03);
  color: var(--colors-grey-800);
  transition: background-color 200ms ease-in-out, color 250ms ease-in-out;
}
.sidenav__link:hover, .sidenav__link:focus, .sidenav__link.active,
.sidenav-submenu__link:hover,
.sidenav-submenu__link:focus,
.sidenav-submenu__link.active {
  color: var(--colors-grey-900);
  background-color: var(--colors-grey-200);
  text-decoration: none;
}
.sidenav__link.active,
.sidenav-submenu__link.active {
  font-weight: 500;
}
.sidenav__name {
  flex: 1;
  min-width: 0;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.sidenav__suffix {
  margin-left: auto;
}
.sidenav__count {
  min-width: 1.6rem;
  height: 1.6rem;
  margin-left: auto;
  opacity: 1;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  background-color: var(--colors-grey-800);
  color: #fff;
  padding: var(--spacing-005) var(--spacing-01);
  border-radius: 0.8rem;
  text-align: center;
  transition: opacity 100ms ease-in;
}
.sidenav__logo {
  height: 1.2rem;
  width: auto;
}
.sidenav__expand {
  display: none;
  position: absolute;
  right: 0;
  top: 0;
  padding: var(--spacing-02);
  border: 0;
  border-radius: 4px;
  background-color: transparent;
  color: var(--colors-grey-600);
  transition: background-color 200ms ease-in-out, color 250ms ease-in-out;
}
.sidenav__expand .sidenav__expand-icon {
  transition: transform 200ms ease-in-out;
}
.sidenav__expand[aria-expanded] {
  display: block;
}
.sidenav__expand[aria-expanded=true] .sidenav__expand-icon {
  transform: rotate(180deg);
}
.sidenav__expand:hover, .sidenav__expand:focus {
  background-color: var(--colors-grey-200);
  color: var(--colors-grey-800);
}
.sidenav-submenu[aria-hidden=true] {
  display: none;
}
.sidenav-submenu__item {
  margin-top: var(--spacing-01);
}
.sidenav-submenu__link {
  padding-left: var(--spacing-06);
}
.sidenav__more {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
  font-weight: 500;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-400);
  text-underline-offset: var(--spacing-01);
}
.sidenav__more:hover, .sidenav__more:focus {
  color: var(--colors-grey-800);
  text-decoration-color: var(--colors-grey-500);
}
.sidenav--sm {
  font-size: 1.3rem;
  line-height: 1.2307692308;
}
.sidenav--sm .sidenav__item:not(:first-child) {
  margin-top: var(--spacing-01);
}
:root {
  --sidepanel-padding-y: var(--spacing-06);
  --sidepanel-padding-x: var(--spacing-08);
}
.sidepanel {
  position: relative;
  min-width: clamp(50rem, 40%, 60rem);
  height: 100%;
  padding: var(--sidepanel-padding-y) var(--sidepanel-padding-x);
  background-color: #fff;
  border-left: 1px solid var(--colors-grey-300);
  overflow: auto;
  container-type: inline-size;
  container-name: sidepanel;
}
.sidepanel__loader {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 2rem;
  color: var(--colors-grey-600);
}
.sidepanel__loader--relative {
  position: relative;
  top: 50%;
  left: 50%;
  transform: none;
}
.sidepanel__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
  margin-bottom: var(--spacing-02);
  padding: var(--spacing-05) var(--spacing-04) var(--spacing-06) var(--spacing-08);
}
.sidepanel__header .sidepanel__close {
  position: static;
}
.sidepanel__back {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  color: var(--colors-grey-600);
}
.sidepanel__back:hover, .sidepanel__back:focus {
  color: var(--colors-grey-800);
}
.sidepanel__title {
  flex: 1;
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3333333333;
  margin: 0;
}
.sidepanel__close {
  position: absolute;
  right: var(--spacing-02);
  top: var(--spacing-02);
  z-index: 50;
}
.sidepanel__body {
  padding: 0 var(--spacing-08);
  height: calc(100% - var(--spacing-20));
  overflow: auto;
}
.sidepanel__body:has(.sidepanel__footer) {
  padding-bottom: var(--spacing-20);
}
.sidepanel__subtitle {
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 1em;
}
.sidepanel__footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  backdrop-filter: blur(4px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-02);
  background-color: var(--colors-grey-50);
  border-top: 0.1rem solid var(--colors-grey-200);
  padding: var(--spacing-04) var(--spacing-08);
}
body:has(.intercom-lightweight-app) .sidepanel__footer,
body:has(.intercom-app) .sidepanel__footer {
  padding-right: var(--spacing-20);
}
.dropdown-menu {
  margin-top: var(--spacing-01);
  overflow: hidden;
  box-shadow: 0px 1px 1px -0.5px rgba(58, 68, 79, 0.03), 0px 2px 2px -1px rgba(58, 68, 79, 0.04), 0px 3px 3px -1.5px rgba(58, 68, 79, 0.04), 0px 5px 5px -2.5px rgba(58, 68, 79, 0.03), 0px 10px 10px -5px rgba(58, 68, 79, 0.03), 0px 24px 24px -8px rgba(58, 68, 79, 0.03);
}
.dropdown-menu:has(.dropdown) {
  overflow: visible !important;
}
.dropdown-menu .dropend .dropdown-menu {
  inset: var(--spacing-01) auto auto 100% !important;
  transform: none !important;
}
.dropdown-menu--full {
  width: 100%;
}
.dropdown-menu-filter {
  --bs-dropdown-min-width: 22rem;
}
.dropdown-toggle__append {
  position: absolute;
  right: var(--spacing-02);
  top: 50%;
  transform: translateY(-50%);
}
.dropdown-toggle__append:has(~ .h-select) {
  right: var(--spacing-06);
}
.dropdown-item {
  display: flex;
  gap: var(--spacing-02);
  align-items: center;
  line-height: 1.2307692308;
  transition: background-color 150ms ease-in;
}
.dropdown-item:hover, .dropdown-item:focus {
  text-decoration: none;
}
.dropdown-item:has(.dropdown-item__input) {
  flex-wrap: wrap;
}
.dropdown-item [class*=fa-] {
  color: var(--colors-grey-600);
  font-size: 1.1rem;
}
.dropdown-item label {
  flex: 1;
  margin-bottom: 0;
}
.dropdown-item label:not(.h-label) {
  font-weight: 400;
}
.dropdown-item--tag {
  padding-top: var(--spacing-01);
  padding-bottom: var(--spacing-01);
}
.dropdown-item--tag [type=checkbox]:not(:checked),
.dropdown-item--tag .dropdown > .h-button--icon {
  opacity: 0;
  transition: opacity 150ms ease-in;
}
.dropdown-item--tag:hover [type=checkbox],
.dropdown-item--tag:hover .dropdown > .h-button--icon, .dropdown-item--tag:focus [type=checkbox],
.dropdown-item--tag:focus .dropdown > .h-button--icon, .dropdown-item--tag:focus-within [type=checkbox],
.dropdown-item--tag:focus-within .dropdown > .h-button--icon {
  opacity: 1;
}
.dropdown-item__input {
  flex-basis: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-02);
  margin-left: var(--spacing-06);
  margin-top: 0;
}
.dropdown-item__input label {
  margin-bottom: 0;
  font-size: 1.2rem;
  font-weight: normal;
  color: var(--colors-grey-800);
}
.dropdown-item__input input,
.dropdown-item__input .h-input-group {
  flex: 0 1 12.8rem;
}
.dropdown-item__action {
  padding: 0;
  background-color: transparent;
  border: 0;
  width: 100%;
  text-align: left;
}
.dropdown__trigger {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-01);
  border: 0;
  border-radius: 4px;
  background-color: transparent;
  transition: border-color 150ms ease-in, background-color 150ms ease-in;
}
.dropdown__trigger:hover, .dropdown__trigger:focus {
  background-color: var(--colors-grey-100);
}
.dropdown__trigger .page-header__title {
  line-height: 1.2;
}
.dropdown__trigger > .far {
  font-size: 1.4rem;
  color: var(--colors-grey-600);
}
.dropdown-menu__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  margin: 0 calc(var(--spacing-01) * -1) var(--spacing-01);
  padding: var(--spacing-01) var(--spacing-02) 0.6rem;
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.dropdown-menu__header .dropdown-menu__title {
  margin: 0;
  padding: 0;
}
.dropdown-menu__title {
  margin: var(--spacing-02) 0 var(--spacing-01);
  padding: 0 var(--spacing-02);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.dropdown-menu__list {
  list-style-type: none;
  padding: 0;
  margin: 0;
}
.dropdown-menu__list--scrollable {
  max-height: calc(100vh - 44rem);
  overflow: auto;
}
.dropdown-menu__item {
  position: relative;
}
.dropdown-menu__item:hover .dropdown-menu__item-action {
  opacity: 1;
}
.dropdown-menu__action {
  display: flex !important;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-02) !important;
  width: 100%;
  border: 0;
  font-size: 1.3rem !important;
  font-weight: normal;
  line-height: 1.2307692308;
  text-align: left;
  background-color: transparent;
  color: var(--colors-grey-900) !important;
  cursor: pointer;
  transition: background-color 150ms ease-in;
}
.dropdown-menu__action .far,
.dropdown-menu__action .fak {
  color: var(--colors-grey-600) !important;
  width: 1.25em !important;
  text-align: center;
}
.dropdown-menu__action:hover, .dropdown-menu__action:focus {
  text-decoration: none;
  background-color: var(--colors-grey-100);
}
.dropdown-menu__action:disabled, .dropdown-menu__action.disabled {
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
.dropdown-menu__action--danger {
  color: var(--colors-danger-700) !important;
}
.dropdown-menu__action--danger .far {
  color: var(--colors-danger-600) !important;
}
.dropdown-menu__action--danger:hover, .dropdown-menu__action--danger:focus {
  background-color: var(--colors-danger-100) !important;
}
.dropdown-menu__submit {
  display: block;
  width: 100%;
  margin-top: var(--spacing-01);
  padding: var(--spacing-02);
  border: 0;
  border-radius: 0.2rem;
  background: var(--colors-secondary-100);
  text-align: center;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 1.2307692308;
  color: var(--colors-secondary-700);
  transition: background-color 150ms ease-in;
}
.dropdown-menu__submit:hover, .dropdown-menu__submit:focus {
  background-color: var(--colors-secondary-200);
}
.dropdown-menu__submit:disabled {
  opacity: 0.5;
  background-color: var(--colors-grey-100);
}
.dropdown-menu__item-action {
  position: absolute;
  right: var(--spacing-02);
  top: 50%;
  opacity: 0;
  transform: translateY(-50%);
  z-index: 10;
}
.dropdown-menu__item-action:hover, .dropdown-menu__item-action:focus {
  --h-button-color-hover: var(--colors-danger-700);
  --h-button-background-hover: var(--colors-danger-100);
  --h-button-border-color-hover: currentColor;
  opacity: 1;
}
.dropdown-menu__item-action:active {
  transform: translateY(-50%);
}
.dropdown-search {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: 0 var(--spacing-02);
  background-color: var(--colors-grey-100);
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.4rem;
}
.dropdown-search:focus-within {
  background-color: #fff;
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-300);
  border-color: var(--colors-secondary-600);
}
.dropdown-search__input {
  padding: var(--spacing-02) 0;
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.2307692308;
  border: 0;
  background-color: transparent;
}
.dropdown-search__input:focus {
  outline: 0;
}
.dropdown-search__btn {
  color: var(--colors-grey-600);
}
.dropdown-search__btn:hover, .dropdown-search__btn:focus {
  color: var(--colors-grey-800);
}
.dropdown-search-metas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: var(--spacing-02) var(--spacing-03);
  font-size: 1.3rem;
  font-weight: 400;
  line-height: 1.2307692308;
  color: var(--colors-grey-600);
}
.dropdown-search-metas__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.dropdown-search-metas__actions .h-button--link {
  --h-button-height: auto;
  --h-button-padding: 0;
}
.dropdown-menu--fixed {
  position: fixed !important;
}
.dropdown-menu--full {
  min-width: 100%;
}
.dropdown__body {
  padding: var(--spacing-06) var(--spacing-04);
}
.dropdown__footer {
  background-color: var(--colors-grey-100);
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-02) var(--spacing-04);
}
.onboarding-toast {
  position: relative;
  background-color: var(--colors-secondary-100);
  box-shadow: 0 4px 12px rgba(12, 12, 12, 0.15), 0 0 0 1px rgba(0, 0, 0, 0.05);
  border: 0.2rem solid #fff;
  border-radius: 0.8rem;
  padding: var(--spacing-06);
  max-width: 30rem;
  z-index: 5;
}
.onboarding-toast__illus {
  margin-bottom: var(--spacing-04);
}
.onboarding-toast__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-top: 0;
  margin-bottom: var(--spacing-02);
  font-size: 1.4rem;
  line-height: 1.25;
  color: var(--colors-grey-900);
}
.onboarding-toast__title .far {
  color: var(--colors-secondary-600);
}
.onboarding-toast__desc {
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.onboarding-toast__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.onboarding-toast__close {
  position: absolute;
  top: 1rem;
  right: 1rem;
}
.h-search-form {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  max-inline-size: max-content;
  max-width: 20rem;
  padding: var(--spacing-01);
  height: 3.2rem;
  border: 1px solid var(--colors-grey-300);
  border-radius: 4px;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  transition: border-color 200ms ease-in, box-shadow 200ms ease-in;
}
.h-search-form:focus {
  border-color: var(--colors-secondary-600);
}
.h-search-form:focus-within {
  outline: none;
  border-color: var(--colors-secondary-600);
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-300);
}
.h-search-form .h-search-form__input {
  flex: 1;
  min-width: 0;
  background-color: transparent;
  border: 0;
  padding: var(--spacing-01) var(--spacing-02);
}
.h-search-form .h-search-form__input:focus, .h-search-form .h-search-form__input:focus-visible {
  border: 0 !important;
  outline: none;
  box-shadow: none;
  background-color: transparent;
}
.h-search-form__reset,
.h-search-form__submit {
  width: 2.4rem;
  padding: var(--spacing-01);
  margin-right: -1px;
  border: 0;
  border-radius: 2px;
  background-color: #fff;
  color: var(--colors-grey-700);
  text-align: center;
  transition: color 200ms ease-in, background-color 200ms ease-in;
}
.h-search-form__reset:hover, .h-search-form__reset:focus,
.h-search-form__submit:hover,
.h-search-form__submit:focus {
  text-decoration: none;
  color: var(--colors-grey-900);
  background-color: var(--colors-grey-200);
}
.h-form-group {
  display: flex;
  gap: var(--spacing-02);
  line-height: 1.5;
  width: 100%;
  flex: 1;
}
.h-form-group__infos {
  flex: 1 1 0%;
}
.h-form-group__infos label:only-child {
  margin-bottom: 0;
}
.h-field {
  position: relative;
}
.h-field .h-input {
  padding-right: var(--spacing-08) !important;
}
.h-field__append {
  position: absolute;
  right: var(--spacing-02);
  top: 50%;
  transform: translateY(-50%);
  z-index: 5;
}
.h-label {
  --h-label-color: var(--colors-grey-800);
  --h-label-font-size: 1.3rem;
  --h-label-line-height: calc(16/13);
  --h-label-margin: 0 0 var(--spacing-01) 0;
  display: inline-block;
  color: var(--h-label-color);
  font-size: var(--h-label-font-size);
  font-weight: 500;
  line-height: var(--h-label-line-height);
  margin: var(--h-label-margin);
  border-bottom: 0;
}
.h-label a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-400);
}
.h-label a:hover, .h-label a:focus {
  text-decoration-color: var(--colors-grey-600);
}
.h-label em {
  color: var(--colors-grey-600);
  font-weight: normal;
  font-style: normal;
}
.h-label--block {
  display: block;
  width: 100%;
}
.h-label--regular {
  font-weight: normal;
}
.h-label--sm {
  --h-label-font-size: 1.2rem;
  --h-label-line-height: calc(16/12);
}
.h-label--md {
  --h-label-font-size: 1.4rem;
  --h-label-line-height: calc(20/14);
}
.h-label--lg {
  --h-label-font-size: 1.5rem;
  --h-label-line-height: calc(20/15);
}
.h-hint {
  --h-hint-color: var(--colors-grey-600);
  --h-hint-font-size: 1.2rem;
  --h-hint-line-height: calc(16/12);
  display: block;
  color: var(--h-hint-color);
  font-size: var(--h-hint-font-size);
  line-height: var(--h-hint-line-height);
}
.h-hint a {
  color: currentColor;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-300);
  text-underline-offset: var(--spacing-01);
  border-bottom: 0;
}
.h-hint a:hover, .h-hint a:focus {
  color: var(--colors-grey-800);
  text-decoration-color: transparent;
}
.h-hint--error {
  --h-hint-color: var(--colors-danger-700);
}
.h-fieldset {
  border: 0;
  padding: 0;
  margin: 0;
}
.h-legend {
  --h-legend-color: var(--colors-grey-900);
  --h-legend-font-size: 1.4rem;
  --h-legend-line-height: calc(20/14);
  float: none;
  margin-bottom: var(--spacing-02);
  padding: 0;
  border-bottom: 0;
  color: var(--h-legend-color);
  font-size: var(--h-legend-font-size);
  font-weight: 500;
  line-height: var(--h-legend-line-height);
}
.h-legend em {
  color: var(--colors-grey-600);
  font-weight: normal;
  font-style: normal;
}
.h-legend--sm {
  --h-legend-font-size: 1.3rem;
}
.h-legend--md {
  --h-legend-font-size: 1.5rem;
}
.form-control {
  width: 100%;
}
.colors-picker {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-02);
}
.colors-picker__choice {
  width: 2rem;
  height: 2rem;
  appearance: none;
  border-radius: 50%;
}
.colors-picker__choice:checked {
  display: flex;
  color: #fff;
  align-items: center;
  justify-content: center;
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  outline: 0.1rem solid var(--colors-grey-600);
  outline-offset: 0.2rem;
}
.colors-picker__choice:checked::before {
  content: "\f00c";
}
.h-filter {
  display: flex;
  max-inline-size: max-content;
  border-radius: 0.4rem;
  background-color: #fff;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2307692308;
  border: 1px solid var(--colors-grey-300);
  color: var(--colors-grey-800);
}
.h-filter .dropdown-menu {
  --bs-dropdown-min-width: 22rem;
}
.h-filter__button {
  border: 0;
  --h-button-height: 3rem;
}
.h-filter__value {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: calc(var(--spacing-02) - 0.1rem) var(--spacing-02);
  background-color: var(--colors-grey-100);
  border-left: 1px solid var(--colors-grey-300);
  transition: background-color 150ms ease-in;
}
.h-filter__value:last-child {
  border-radius: 0 0.4rem 0.4rem 0;
}
.h-filter__value:focus-within {
  background-color: var(--colors-grey-200);
}
.h-filter__remove {
  margin-left: var(--spacing-01);
  color: var(--colors-grey-600);
}
.h-filter__remove:hover {
  color: var(--colors-grey-1000);
}
.h-filter--block {
  max-inline-size: 100%;
}
.h-filter--block .dropdown {
  width: 100%;
}
.h-filter--block .h-filter__button {
  width: 100%;
  justify-content: space-between;
}
@media screen and (max-width: calc(62em - 1px)) {
  .h-filter__button[data-selected-filters] .fa-angle-down {
    order: 10;
  }
  .h-filter__button[data-selected-filters]::after {
    content: attr(data-selected-filters);
    width: var(--spacing-04);
    height: var(--spacing-04);
    background-color: var(--colors-grey-700);
    color: #fff;
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1.6;
  }
  .h-filter__value {
    display: none;
  }
}
@container sidepanel (max-width: 60rem) {
  .h-filter__button[data-selected-filters]:not([data-selected-filters="0"]) .fa-angle-down {
    order: 10;
  }
  .h-filter__button[data-selected-filters]:not([data-selected-filters="0"])::after {
    content: attr(data-selected-filters);
    width: var(--spacing-04);
    height: var(--spacing-04);
    background-color: var(--colors-grey-700);
    color: #fff;
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1.6;
  }
  .h-filter__value {
    display: none;
  }
}
.h-select {
  --h-select-padding: calc(var(--spacing-02) - 1px) var(--spacing-05) calc(var(--spacing-02) - 1px) var(--spacing-03);
  --h-select-border-color: var(--colors-grey-300);
  --h-select-border-radius: 4px;
  --h-select-font-size: 1.3rem;
  --h-select-line-height: calc(16/13);
  --h-select-color: var(--colors-grey-900);
  --h-select-background: #fff;
  --h-select-height: 4rem;
  --h-select-border-color-hover: var(--colors-grey-400);
  --h-select-border-color-focus: var(--colors-secondary-600);
  --h-select-box-shadow-focus: 0px 0px 0px 2px var(--colors-secondary-300);
  --h-select-border-color-error: var(--colors-danger-700);
  appearance: none;
  display: inline-block;
  padding: var(--h-select-padding);
  height: var(--h-select-height);
  max-width: 100%;
  border: 1px solid var(--h-select-border-color);
  border-radius: var(--h-select-border-radius);
  box-shadow: none;
  font-size: var(--h-select-font-size);
  font-weight: normal;
  line-height: var(--h-select-line-height);
  text-decoration: none;
  text-align: left;
  background-color: var(--h-select-background);
  background-image: url("data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iOCIgaGVpZ2h0PSI1IiB2aWV3Qm94PSIwIDAgOCA1IiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cGF0aCBkPSJNNy44MzAwNyAwLjk0NTEyM0w0LjM3NTI4IDQuMTk3NjJDNC4yNzA3MyA0LjMxNTgxIDQuMTM0MzYgNC4zNjU4MSA0LjAwMDI2IDQuMzY1ODFDMy44NjYxNSA0LjM2NTgxIDMuNzMwMjQgNC4zMTYwOCAzLjYyNTIzIDQuMjE2NjdMMC4xNzA0NDMgMC45NDUxMjNDLTAuMDQ4NDM1NCAwLjczNjAxNyAtMC4wNTc1MjY5IDAuMzkwNTM5IDAuMTQ5MDc4IDAuMTcyMzQyQzAuMzU2NTkzIC0wLjA0ODEyODEgMC43MDMyMDggLTAuMDU0OTQ2NyAwLjkyMDQ5NiAwLjE1MTg4Nkw0LjAwMDI2IDMuMDY4TDcuMDgwMDEgMC4xNDk2MTNDNy4yOTczNSAtMC4wNTcwODMzIDcuNjQyNTUgLTAuMDQ5MjY0NiA3Ljg1MTQzIDAuMTcwOTIxQzguMDU3MzYgMC4zOTA1MzkgOC4wNDgyNiAwLjczNjAxNyA3LjgzMDA3IDAuOTQ1MTIzWiIgZmlsbD0iIzcwNzg4MCIvPgo8L3N2Zz4K");
  background-repeat: no-repeat;
  background-position: right 10px top calc(50% + 1px);
  color: var(--h-select-color);
  transition: background-color 250ms ease, color 250ms ease-in, border-color 250ms ease-in;
}
.h-select:hover {
  border-color: var(--h-select-border-color-hover) !important;
}
.h-select:focus {
  outline: none;
  border-color: var(--h-select-border-color-focus) !important;
  box-shadow: var(--h-select-box-shadow-focus) !important;
}
.h-select.error {
  border-color: var(--h-select-border-color-error) !important;
}
.h-select:disabled, .h-select.disabled {
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
.h-select::-ms-expand {
  display: none;
}
.h-select--xs {
  --h-select-padding: calc(var(--spacing-01) - 1px) var(--spacing-04) calc(var(--spacing-01) - 1px) var(--spacing-02);
  --h-select-font-size: 1.2rem;
  --h-select-line-height: calc(16/12);
  --h-select-height: 2.4rem;
}
.h-select--sm {
  --h-select-padding: calc(var(--spacing-02) - 1px) var(--spacing-05) calc(var(--spacing-02) - 1px) var(--spacing-02);
  --h-select-font-size: 1.3rem;
  --h-select-line-height: calc(16/13);
  --h-select-height: 3.6rem;
}
.h-select--lg {
  --h-select-padding: calc(var(--spacing-04) - 1px) var(--spacing-06) calc(var(--spacing-04) - 1px) var(--spacing-04);
  --h-select-font-size: 1.6rem;
  --h-select-line-height: calc(24/16);
  --h-select-height: 5.6rem;
}
.h-select--block {
  display: block;
  width: 100%;
}
.h-select--ghost {
  background-color: transparent;
  border-color: transparent;
  box-shadow: none;
}
.h-selectize {
  --h-selectize-padding: calc(var(--spacing-02) - 1px) var(--spacing-05) calc(var(--spacing-02) - 1px) var(--spacing-03);
  --h-selectize-border-color: var(--colors-grey-300);
  --h-selectize-border-radius: 4px;
  --h-selectize-font-size: 1.3rem;
  --h-selectize-line-height: calc(16/13);
  --h-selectize-color: var(--colors-grey-900);
  --h-selectize-background: #fff;
  --h-selectize-height: 4rem;
  --h-selectize-border-color-hover: var(--colors-grey-400);
  --h-selectize-border-color-focus: var(--colors-secondary-600);
  --h-selectize-box-shadow-focus: 0px 0px 0px 2px var(--colors-secondary-300);
}
.h-selectize .selectize-input {
  display: inline-flex !important;
  align-items: center;
  padding: var(--h-selectize-padding) !important;
  height: auto;
  min-height: var(--h-selectize-height);
  border: 1px solid var(--h-selectize-border-color);
  border-radius: var(--h-selectize-border-radius) !important;
  font-size: var(--h-selectize-font-size);
  font-weight: normal;
  line-height: var(--h-selectize-line-height);
  text-decoration: none;
  background-color: var(--h-selectize-background);
  box-shadow: none;
  transition: all 250ms ease;
}
.h-selectize .selectize-input:hover {
  border-color: var(--h-selectize-border-color-hover) !important;
}
.h-selectize .selectize-input.focus, .h-selectize .selectize-input:focus-within {
  outline: none;
  border-color: var(--h-selectize-border-color-focus) !important;
  box-shadow: var(--h-selectize-box-shadow-focus) !important;
}
.h-selectize .selectize-input > input {
  font-size: var(--h-selectize-font-size) !important;
}
.h-selectize .selectize-input > .item {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  padding: 0;
}
.h-selectize .option,
.h-selectize .create {
  padding: var(--spacing-02) var(--spacing-04);
  color: var(--colors-grey-900);
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.2307692308;
}
.h-selectize .create.active {
  color: var(--colors-grey-900);
}
.h-selectize .optgroup-header {
  padding: var(--spacing-01) var(--spacing-04);
  background-color: var(--colors-grey-100);
  border: 0.1rem solid var(--colors-grey-300);
  font-size: 1.1rem;
  font-weight: 500;
  line-height: 1.4545454545;
  color: var(--colors-grey-700);
}
.h-selectize.plugin-clear_button .clear {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--spacing-01);
  position: absolute;
  right: 3rem;
  top: 0.4rem;
  width: 2rem;
  height: 2rem;
  font-size: 1.6rem;
  z-index: 10;
  color: var(--colors-grey-700);
  cursor: pointer;
  transition: background-color 150ms ease-in;
}
.h-selectize.plugin-clear_button .clear:hover, .h-selectize.plugin-clear_button .clear:focus {
  text-decoration: none;
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-900);
}
.h-selectize--sm {
  --h-selectize-padding: calc(var(--spacing-02) - 1px) var(--spacing-05) calc(var(--spacing-02) - 1px) var(--spacing-02);
  --h-selectize-height: 3.2rem;
}
.h-selectize--sm .selectize-dropdown-content .option,
.h-selectize--sm .selectize-dropdown-content .create {
  padding: var(--h-selectize-padding);
}
.h-selectize--xs {
  --h-selectize-padding: calc(var(--spacing-01) - 1px) var(--spacing-04) calc(var(--spacing-01) - 1px) var(--spacing-02);
  --h-selectize-font-size: 1.2rem;
  --h-selectize-line-height: calc(16/12);
  --h-selectize-height: 2.4rem;
}
.h-selectize--lg {
  --h-selectize-padding: calc(var(--spacing-04) - 1px) var(--spacing-06) calc(var(--spacing-04) - 1px) var(--spacing-04);
  --h-selectize-font-size: 1.6rem;
  --h-selectize-line-height: calc(24/16);
  --h-selectize-height: 5.6rem;
}
:root {
  --h-input-padding: calc(var(--spacing-02) - 1px) var(--spacing-05) calc(var(--spacing-02) - 1px) var(--spacing-03);
  --h-input-border-color: var(--colors-grey-300);
  --h-input-border-radius: 4px;
  --h-input-font-size: 1.3rem;
  --h-input-line-height: calc(16/13);
  --h-input-color: var(--colors-grey-900);
  --h-input-background: #fff;
  --h-input-height: 4rem;
  --h-input-border-color-hover: var(--colors-grey-400);
  --h-input-border-color-focus: var(--colors-secondary-600);
  --h-input-box-shadow-focus: 0 0 0 .2rem var(--colors-secondary-300);
  --h-input-background-active: var(--colors-grey-100);
  --h-input-color-readonly: var(--colors-grey-700);
  --h-input-background-readonly: var(--colors-grey-100);
  --h-input-border-color-error: var(--colors-danger-700);
  --h-input-group-text-padding: calc(var(--spacing-02) - 1px) var(--spacing-03);
}
body .h-input {
  appearance: none;
  display: inline-block;
  padding: var(--h-input-padding) !important;
  height: var(--h-input-height) !important;
  max-width: 100%;
  border: 1px solid var(--h-input-border-color) !important;
  border-radius: var(--h-input-border-radius) !important;
  font-size: var(--h-input-font-size) !important;
  font-weight: normal;
  line-height: var(--h-input-line-height);
  text-decoration: none;
  background-color: var(--h-input-background);
  color: var(--h-input-color);
  transition: background-color 250ms ease, color 250ms ease-in, border-color 250ms ease-in;
}
body .h-input:hover {
  border-color: var(--h-input-border-color-hover) !important;
}
body .h-input:focus {
  outline: none;
  border-color: var(--h-input-border-color-focus) !important;
  box-shadow: var(--h-input-box-shadow-focus) !important;
}
body .h-input.active {
  background-color: var(--h-input-background-active);
}
body .h-input:read-only {
  color: var(--h-input-color-readonly);
  background-color: var(--h-input-background-readonly);
}
body .h-input.error {
  border-color: var(--h-input-border-color-error) !important;
}
body .h-input:disabled, body .h-input.disabled {
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
body .h-input[type=number] {
  --h-input-padding: calc(var(--spacing-02) - 1px) var(--spacing-02) calc(var(--spacing-02) - 1px) var(--spacing-03);
  -moz-appearance: textfield;
}
body .h-input[type=number]::-webkit-outer-spin-button, body .h-input[type=number]::-webkit-inner-spin-button {
  -webkit-appearance: none;
}
body .h-input::-ms-expand {
  display: none;
}
body .h-input--sm,
body .h-input-group--sm {
  --h-input-group-text-padding: calc(var(--spacing-02) - 1px) var(--spacing-02);
  --h-input-padding: calc(var(--spacing-02) - 1px) var(--spacing-05) calc(var(--spacing-02) - 1px) var(--spacing-02);
  --h-input-font-size: 1.3rem;
  --h-input-line-height: calc(16/13);
  --h-input-height: 3.2rem;
}
body .h-input--xs,
body .h-input-group--xs {
  --h-input-group-text-padding: calc(var(--spacing-01) - 1px) var(--spacing-02);
  --h-input-padding: calc(var(--spacing-01) - 1px) var(--spacing-04) calc(var(--spacing-01) - 1px) var(--spacing-02);
  --h-input-font-size: 1.1rem;
  --h-input-line-height: calc(16/11);
  --h-input-height: 2.4rem;
}
body .h-input--lg,
body .h-input-group--lg {
  --h-input-group-text-padding: calc(var(--spacing-04) - 1px) var(--spacing-04);
  --h-input-padding: calc(var(--spacing-04) - 1px) var(--spacing-06) calc(var(--spacing-04) - 1px) var(--spacing-04);
  --h-input-font-size: 1.6rem;
  --h-input-line-height: calc(24/16);
  --h-input-height: 5.6rem;
}
body .h-input--block {
  display: block;
  width: 100%;
}
body .h-input--plaintext:read-only {
  --h-input-background-readonly: transparent;
  --h-input-color-readonly: var(--colors-grey-900);
  --h-input-border-color: transparent;
  --h-input-padding: var(--spacing-02) 0;
  --h-input-height: auto;
  --h-input-border-color-hover: transparent;
  --h-input-border-color-focus: transparent;
  --h-input-box-shadow-focus: none;
  appearance: none;
}
body .h-input--plaintext:read-only:focus-visible {
  box-shadow: 0 0 0 0.2rem var(--colors-secondary-300);
}
body .h-checkbox {
  margin: 0;
}
body .h-checkbox--sm {
  width: 1.2rem;
  height: 1.2rem;
}
body .h-radio {
  margin: 0;
}
body .h-radio-group {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
body .h-radio-group__item {
  position: relative;
  flex: 1;
  display: flex;
  gap: var(--spacing-02);
  align-items: center;
  padding: var(--spacing-03);
  border: 0.1rem solid transparent;
  border-radius: 0.4rem;
  background-color: var(--colors-grey-100);
  white-space: nowrap;
  transition: border-color 150ms ease-in, background-color 150ms ease-in, box-shadow 150ms ease-in;
}
body .h-radio-group__item:hover, body .h-radio-group__item:focus {
  border-color: var(--colors-grey-300);
}
body .h-radio-group__item:has(:checked) {
  background-color: var(--colors-grey-50);
  border-color: var(--colors-secondary-600);
  box-shadow: 0 0 0 0.2rem var(--colors-secondary-300);
}
body .h-radio-group__item .h-label {
  cursor: pointer;
}
body .h-radio-group__item .h-label::before {
  content: "";
  position: absolute;
  inset: 0;
}
body .h-radio-group--auto {
  width: max-content;
}
body .h-input-group {
  display: flex;
  align-items: stretch;
  font-size: var(--h-input-font-size);
  line-height: var(--h-input-line-height);
}
body .h-input-group > :not(:last-child) {
  border-top-right-radius: 0 !important;
  border-bottom-right-radius: 0 !important;
}
body .h-input-group > :not(:first-child) {
  margin-left: -0.1rem;
  border-top-left-radius: 0 !important;
  border-bottom-left-radius: 0 !important;
}
body .h-input-group .h-input,
body .h-input-group .h-select {
  position: relative;
  flex: 1 1 auto;
  width: 1%;
  min-width: 0;
}
body .h-input-group__text {
  display: flex;
  align-items: center;
  justify-content: center;
  padding: var(--h-input-group-text-padding);
  text-align: center;
  white-space: nowrap;
  background-color: var(--colors-grey-100);
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.4rem;
}
#card-field {
  padding: var(--h-input-padding) !important;
  height: var(--h-input-height) !important;
  border: 1px solid var(--h-input-border-color) !important;
  border-radius: var(--h-input-border-radius) !important;
  font-size: var(--h-input-font-size) !important;
  font-weight: normal;
  line-height: var(--h-input-line-height);
  text-decoration: none;
  background-color: var(--h-input-background);
  color: var(--h-input-color);
  transition: background-color 250ms ease, color 250ms ease-in, border-color 250ms ease-in;
  display: flex;
  align-items: center;
}
#card-field > * {
  flex: 1;
}
#card-field:hover {
  border-color: var(--h-input-border-color-hover) !important;
}
#card-field.focus {
  outline: none;
  border-color: var(--h-input-border-color-focus) !important;
  box-shadow: var(--h-input-box-shadow-focus) !important;
}
.h-prompt-field {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-02) var(--spacing-02) var(--spacing-02) var(--spacing-03);
  border: 1px solid var(--h-input-border-color) !important;
  border-radius: var(--h-input-border-radius) !important;
  font-size: var(--h-input-font-size) !important;
}
.h-prompt-field:focus-within {
  border-color: var(--h-input-border-color-focus) !important;
  box-shadow: var(--h-input-box-shadow-focus) !important;
}
.h-prompt-field .h-prompt-field__input {
  flex: 1;
  border: 0 !important;
  padding: 0 !important;
  height: 2.4rem;
  background-color: transparent;
  appearance: none;
  resize: none;
}
.h-prompt-field .h-prompt-field__input:focus, .h-prompt-field .h-prompt-field__input:hover, .h-prompt-field .h-prompt-field__input:focus-visible {
  border: 0 !important;
}
.h-prompt-field__icon {
  font-size: 1.4rem;
  color: var(--colors-grey-500);
}
:root {
  --h-textarea-padding: var(--spacing-03);
  --h-textarea-border-color: var(--h-input-border-color);
  --h-textarea-border-radius: var(--h-input-border-radius);
  --h-textarea-font-size: var(--h-input-font-size);
  --h-textarea-line-height: var(--h-input-line-height);
  --h-textarea-color: var(--h-input-color);
  --h-textarea-background: var(--h-input-background);
  --h-textarea-border-color-hover: var(--h-input-border-color-hover);
  --h-textarea-border-color-focus: var(--h-input-border-color-focus);
  --h-textarea-box-shadow-focus: var(--h-input-box-shadow-focus);
  --h-textarea-background-active: var(--h-input-background-active);
  --h-textarea-color-readonly: var(--h-input-color-readonly);
  --h-textarea-background-readonly: var(--h-input-background-readonly);
  --h-textarea-border-color-error: var(--h-input-border-color-error);
}
body .h-textarea {
  appearance: none;
  display: inline-block;
  max-width: 100%;
  padding: var(--h-textarea-padding) !important;
  border: 1px solid var(--h-textarea-border-color) !important;
  border-radius: var(--h-textarea-border-radius) !important;
  font-size: var(--h-textarea-font-size) !important;
  font-weight: normal;
  line-height: var(--h-textarea-line-height);
  text-decoration: none;
  background-color: var(--h-textarea-background);
  color: var(--h-textarea-color);
  transition: background-color 250ms ease, color 250ms ease-in, border-color 250ms ease-in;
}
body .h-textarea:hover {
  border-color: var(--h-textarea-border-color-hover) !important;
}
body .h-textarea:focus {
  outline: none;
  border-color: var(--h-textarea-border-color-focus) !important;
  box-shadow: var(--h-textarea-box-shadow-focus) !important;
}
body .h-textarea.active {
  background-color: var(--h-textarea-background-active);
}
body .h-textarea:read-only {
  color: var(--h-textarea-color-readonly);
  background-color: var(--h-textarea-background-readonly);
}
body .h-textarea.error {
  border-color: var(--h-textarea-border-color-error) !important;
}
body .h-textarea:disabled, body .h-textarea.disabled {
  opacity: 0.5;
  user-select: none;
  pointer-events: none;
}
body .h-textarea--block {
  display: block;
  width: 100%;
}
.h-table {
  --h-table-sticky-header-top: 0;
  --h-table-width: max-content;
  position: relative;
  width: 100%;
  margin: var(--spacing-06) 0 var(--spacing-04);
}
.h-table table {
  overflow: auto;
  width: var(--h-table-width);
  min-width: 100%;
  border-spacing: 0;
  border-collapse: separate;
  font-size: 1.3rem;
  line-height: 1.8461538462;
  color: var(--colors-grey-900);
}
.h-table td,
.h-table th {
  background-color: #fff;
  padding: var(--spacing-03) var(--spacing-02);
  border-bottom: 0.5px solid var(--colors-grey-300);
  line-height: 1.5;
  transition: background-color 150ms ease-in;
}
.h-table td:first-child,
.h-table th:first-child {
  padding-left: var(--spacing-04);
}
.h-table td:last-child,
.h-table th:last-child {
  padding-right: var(--spacing-04);
}
.h-table thead th {
  padding: var(--spacing-02);
  line-height: 1.8461538462;
  font-size: 1.3rem;
  font-weight: 500;
  color: var(--colors-grey-700);
  background-color: var(--colors-grey-100);
  border-bottom: 1px solid var(--colors-grey-300);
  text-transform: none;
}
.h-table tr:has(.h-table__checkbox :checked) td, .h-table tr.selected td {
  background-color: var(--colors-secondary-100);
}
.h-table .h-table__subrow td {
  background-color: var(--colors-grey-100);
}
.h-table .h-table__heading {
  position: sticky;
  top: var(--h-table-sticky-header-top);
  z-index: 1;
}
.h-table:has(.h-table__footer) tr:last-child td {
  border-bottom: 0;
}
.h-table:not(.h-table--full) thead th {
  border-bottom: 0.1rem solid var(--colors-grey-300);
  border-top: 0.1rem solid var(--colors-grey-300);
}
.h-table:not(.h-table--full) thead th:first-child {
  border-left: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.4rem 0 0 0.4rem;
}
.h-table:not(.h-table--full) thead th:last-child {
  border-right: 0.1rem solid var(--colors-grey-300);
  border-radius: 0 0.4rem 0.4rem 0;
}
.h-table .full-width-table {
  margin: 0;
}
.h-table__checkbox {
  width: 3.6rem;
}
.h-table__check-all {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}
.h-table__check-all::before {
  content: "\f0dd";
  position: absolute;
  height: 100%;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  font-size: 1.2rem;
  font-family: "Font Awesome 6 Pro";
  font-weight: bold;
  line-height: 1rem;
  color: var(--colors-grey-600);
  pointer-events: none;
  opacity: 0;
  transition: opacity 100ms ease-in;
}
.h-table__check-all:hover::before {
  opacity: 1;
}
.h-table__toggle {
  padding: var(--spacing-02) !important;
  width: 4rem;
}
.h-table__actions {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-02);
  max-inline-size: max-content;
}
.h-table__sticky-cell {
  position: sticky;
  left: 0;
  transition: background-color 100ms ease-in, box-shadow 150ms ease-in !important;
}
.h-table__scrollable[data-horizontal-scroll-position=scrolling] .h-table__sticky-cell, .h-table__scrollable[data-horizontal-scroll-position=end] .h-table__sticky-cell {
  box-shadow: 1px 0 0 var(--colors-grey-200), 8px 0 8px -16px rgba(0, 0, 0, 0.06), 3px 0 6px -2px rgba(0, 0, 0, 0.08);
}
.h-table__sticky-cell--end {
  position: sticky;
  right: 0;
  opacity: 0;
  visibility: hidden;
  box-shadow: -1px 0 0 var(--colors-grey-200), -8px 0 8px -12px rgba(0, 0, 0, 0.04), -3px 0 6px -2px rgba(0, 0, 0, 0.06);
  transition: opacity 150ms ease-in !important;
  z-index: 1;
}
.h-table__scrollable[data-horizontal-scroll-position=end] .h-table__sticky-cell--end {
  box-shadow: none;
  opacity: 1;
  visibility: visible;
}
.h-table__row-link td {
  transition: background-color 100ms ease;
}
.h-table__row-link:focus-within, .h-table__row-link:hover {
  cursor: pointer;
}
.h-table__row-link:focus-within td, .h-table__row-link:hover td {
  background-color: var(--colors-grey-100);
  outline: none;
}
.h-table__row-link:hover .h-table__actions-cell {
  position: sticky;
  right: 0;
  z-index: 1;
  visibility: visible;
}
.h-table__caret-link {
  text-align: center;
  font-size: 2.4rem;
  line-height: 1;
  color: var(--colors-grey-500);
}
.h-table__sorting {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-02);
  color: var(--colors-grey-700);
  text-decoration: none;
  font-weight: 500;
  transition: color 150ms ease-in;
}
.h-table__sorting .fas {
  font-size: 1rem;
  color: var(--colors-grey-500);
  transition: color 150ms ease-in;
}
.h-table__sorting:hover, .h-table__sorting:focus {
  color: var(--colors-grey-900);
  text-decoration: none;
}
.h-table__sorting:hover .fas, .h-table__sorting:focus .fas {
  color: var(--colors-grey-600);
}
.h-table__subrow td {
  background-color: var(--colors-grey-100);
}
.h-table__subrow--more td {
  padding-top: var(--spacing-02);
  padding-bottom: var(--spacing-02);
}
.table__empty-state {
  text-align: center;
  font-weight: 500;
  font-weight: 1.5rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600) !important;
  padding: var(--spacing-04) !important;
}
.h-table__footer {
  padding: var(--spacing-03) var(--spacing-04);
  border-top: 0.1rem solid var(--colors-grey-300);
  font-size: 1.3rem;
}
.h-table__footer:empty, .h-table__footer:blank, .h-table__footer:-moz-only-whitespace {
  display: none;
}
.h-table__footer .box-pagination {
  margin: 0;
}
.h-table-lead {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-02);
}
.h-table-lead .profile-pic {
  align-self: center;
}
.h-table-lead__primary {
  font-weight: 600;
  font-size: 1.3rem;
  line-height: 1.8461538462;
}
.h-table-lead__secondary {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
}
.h-table-company {
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
}
.h-table-company-link {
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
}
.h-table-company-link:hover {
  cursor: pointer;
}
.h-table-company__logo {
  width: 4rem;
  height: 4rem;
  border-radius: 0.2rem;
  object-fit: contain;
}
.h-table-bulk-actions {
  position: absolute;
  left: 0;
  right: 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin: 0;
  padding: var(--spacing-01) var(--spacing-04);
  background-color: var(--colors-secondary-700);
  color: #fff;
  opacity: 0;
  z-index: 10;
  visibility: hidden;
  transition: opacity 250ms ease-in;
}
.h-table-bulk-actions.is-visible {
  opacity: 1;
  visibility: visible;
  z-index: 20;
}
.h-table-bulk-actions .h-button {
  --h-button-font-size: 1.3rem;
  --h-button-line-height: calc(16/13);
  --h-button-color: #fff;
  --h-button-border-color: transparent;
  --h-button-background: transparent;
  --h-button-icon-color: currentColor;
  --h-button-color-hover: #fff;
  --h-button-background-hover: rgba(255, 255, 255, .1);
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-color-active: #fff;
  --h-button-background-active: rgba(255, 255, 255, .1);
  --h-button-box-shadow-active: none;
}
.h-table-bulk-actions .h-button--ghost {
  --h-button-font-size: 1.3rem;
  --h-button-line-height: calc(16/13);
  --h-button-color: #fff;
  --h-button-background: transparent;
  --h-button-color-hover: #fff;
  --h-button-background-hover: rgba(255, 255, 255, .1);
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-color-active: #fff;
  --h-button-background-active: rgba(255, 255, 255, .1);
  --h-button-box-shadow-active: none;
}
.h-table-bulks-actions__separator {
  height: var(--spacing-06);
  width: 0.1rem;
  margin: 0 var(--spacing-01);
  background-color: rgba(255, 255, 255, 0.2);
  border: 0;
}
.h-table-company__logo--sm {
  width: var(--spacing-04);
  height: var(--spacing-04);
  border-radius: 0.2rem;
  border-width: 0.1rem;
}
.h-table-company__infos {
  line-height: 1.3333333333;
}
.h-table-company__heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  width: max-content;
}
.h-table-company__name {
  margin: 0;
  font-weight: 500;
  font-size: 1.5rem;
  color: var(--colors-grey-900);
}
.h-table-company__domain {
  font-size: 1.2rem;
  color: var(--colors-grey-700);
}
.h-table-company__metas {
  flex-wrap: wrap;
}
.h-table-company__metas,
.h-table-company__meta {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.h-table-company__meta {
  gap: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.h-table-company__meta-icon {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-500);
}
.h-table-pagination {
  display: flex;
  align-items: center;
}
.h-table-pagination__end {
  margin-left: auto;
}
.h-table--full {
  width: calc(100% + var(--spacing-06) * 2);
  margin-left: calc(var(--spacing-06) * -1);
  margin-right: calc(var(--spacing-06) * -1);
}
.h-table__scrollable {
  overflow-x: auto;
}
.h-table__scrollable table {
  padding-bottom: var(--spacing-03);
}
.h-table__scrollable th,
.h-table__scrollable td {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.h-table--fixed {
  --h-table-width: 100%;
}
.h-table--bordered {
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.4rem;
}
.h-table--bordered tr:first-child td:first-child {
  border-radius: 0.4rem 0 0 0;
}
.h-table--bordered tr:first-child td:last-child {
  border-radius: 0 0.4rem 0 0;
}
.h-table--bordered tr:last-child td {
  border-bottom: 0;
}
:root {
  --h-toggle-buttons-item-padding: calc(var(--spacing-02) - 1px) var(--spacing-03);
  --h-toggle-buttons-item-font-size: 1.2rem;
  --h-toggle-buttons-item-line-height: calc(16/12);
}
.h-toggle-buttons {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0.1rem solid var(--colors-grey-300);
  background-color: var(--colors-grey-100);
  border-radius: 0.4rem;
  overflow: hidden;
  max-width: max-content;
}
.h-toggle-buttons__item {
  background-color: transparent;
  padding: var(--h-toggle-buttons-item-padding);
  font-size: var(--h-toggle-buttons-item-font-size);
  font-weight: 500;
  line-height: var(--h-toggle-buttons-item-line-height);
  color: var(--colors-grey-700);
  border: 0;
  white-space: nowrap;
  transition: background-color 200ms ease-in, box-shadow 150ms ease-in;
}
.h-toggle-buttons__item:not(:first-child) {
  border-left: 1px solid var(--colors-grey-300);
}
.h-toggle-buttons__item:hover, .h-toggle-buttons__item:focus {
  color: var(--colors-grey-900);
  text-decoration: none;
  background-color: #fff;
}
.h-toggle-buttons__item.is-active {
  color: var(--colors-grey-1000);
  background-color: #fff;
  box-shadow: 0 0 4px rgba(29, 38, 46, 0.08);
}
.h-toggle-buttons--sm {
  --h-toggle-buttons-item-padding: calc(var(--spacing-01) - 1px) var(--spacing-02);
  --h-toggle-buttons-item-font-size: 1.1rem;
  --h-toggle-buttons-item-line-height: calc(16/11);
}
.note__content {
  padding: var(--spacing-03);
  border-radius: 0 0.4rem 0.4rem 0.4rem;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  background-color: var(--colors-grey-100);
}
.note__content .tag {
  vertical-align: middle;
}
.note__attachements {
  margin-top: var(--spacing-04);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-02);
}
.note__actions {
  margin-top: var(--spacing-01);
}
.add-note {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-02);
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
.add-note .note {
  flex: 1;
}
.add-note__content {
  position: relative;
  flex: 1;
  padding: var(--spacing-02) var(--spacing-03);
  border: 1px solid var(--colors-grey-300);
  border-radius: 0 4px 4px 4px;
  background-color: var(--colors-grey-100);
  transition: all 150ms ease-in;
}
.add-note__content:focus-within {
  background-color: #fff;
  border-color: var(--colors-secondary-600);
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-300);
}
.add-note__content textarea {
  min-height: var(--spacing-06);
  height: auto;
  padding: 0;
  border: 0;
  background-color: transparent;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  resize: none;
}
.add-note__content textarea:focus, .add-note__content textarea:focus-visible {
  border: 0 !important;
  outline: 0;
}
.add-note__attachements {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-02);
}
.add-note__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-02);
  margin-top: var(--spacing-01);
}
.h-hintbox {
  display: flex;
  gap: var(--spacing-03);
  padding: var(--spacing-04);
  background-color: var(--colors-grey-100);
  border-radius: 0.4rem;
}
.h-hintbox__icon {
  margin-top: var(--spacing-01);
  color: var(--colors-grey-600);
  font-size: 1.6rem;
}
.h-hintbox__content {
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.h-hintbox__content ul,
.h-hintbox__content ol {
  list-style-type: none;
  padding: 0;
}
.h-hintbox__content ul:last-child,
.h-hintbox__content ol:last-child {
  margin: 0;
}
.h-dialog {
  background-color: transparent;
  border: 0;
  animation: showDialog 0.25s ease-in-out;
}
.h-dialog .modal-dialog {
  margin: 6rem auto;
}
.h-dialog .modal-header {
  border-radius: 0.8rem 0.8rem 0 0;
  padding: var(--spacing-06) var(--spacing-08);
  background-color: var(--colors-grey-100);
  border-bottom: 1px solid var(--colors-grey-300);
  margin: calc(var(--spacing-02) * -1) calc(var(--spacing-02) * -1) var(--spacing-02);
}
.h-dialog .modal-title {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 !important;
}
.h-dialog .modal-content {
  background-color: #fff;
  padding: var(--spacing-02);
  border-radius: 8px;
  border: 0;
}
.h-dialog .modal-loading {
  padding: 50px;
  font-size: 30px;
  text-align: center;
  color: var(--colors-grey-400);
}
.h-dialog .modal-footer {
  border-top: 0.1rem solid var(--colors-grey-200);
  padding: var(--spacing-04) var(--spacing-06);
  margin: 0 calc(var(--spacing-02) * -1) calc(var(--spacing-02) * -1);
  display: flex;
  align-items: center;
  justify-content: flex-end;
}
.h-dialog .modal-footer a, .h-dialog .modal-footer button {
  margin-left: var(--spacing-02);
}
.h-dialog .modal-footer__start {
  margin-right: auto;
}
.h-dialog__header {
  border-radius: 0.8rem 0.8rem 0 0;
  padding: var(--spacing-06) var(--spacing-08);
  background-color: var(--colors-grey-100);
  border-bottom: 1px solid var(--colors-grey-300);
  margin: calc(var(--spacing-02) * -1) calc(var(--spacing-02) * -1) var(--spacing-02);
}
.h-dialog__header h2 {
  font-size: 1.6rem;
  font-weight: 500;
  margin: 0 !important;
}
@keyframes showDialog {
  from {
    transform: translateY(-105%);
    opacity: 0;
  }
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}
.score {
  display: inline-block;
  width: 9px;
  height: 9px;
  border-radius: 50%;
  border: 2px solid transparent;
}
.score.low-score {
  border-color: var(--colors-grey-500);
}
.score.average-score {
  background: linear-gradient(0deg, var(--colors-grey-500), var(--colors-grey-500) 50%, transparent 0, transparent);
  border-color: var(--colors-grey-500);
}
.score.high-score {
  background-color: var(--colors-grey-500);
}
.empty-state {
  padding: var(--spacing-14) var(--spacing-10);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-direction: column;
  gap: var(--spacing-08);
}
.empty-state .empty-state__title {
  font-family: var(--font-family-body);
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--colors-grey-900);
  margin-top: 0 !important;
  margin-bottom: var(--spacing-02) !important;
  padding: 0 !important;
  border: 0 !important;
}
.empty-state__img {
  max-width: 20rem;
  height: auto;
}
.empty-state__video {
  max-width: 43rem;
  width: 100%;
}
.empty-state__icon {
  font-size: 5.6rem;
  color: var(--colors-grey-300);
}
.empty-state__content {
  font-size: 1.3rem;
  text-align: center;
  color: var(--colors-grey-700);
  line-height: 1.5;
  text-wrap: balance;
}
.empty-state__actions a:not([class*=btn]):not([class*=h-button]),
.empty-state__content a:not([class*=btn]):not([class*=h-button]) {
  font-size: 1em;
  color: var(--colors-grey-700);
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-300);
  text-underline-offset: var(--spacing-01);
}
.empty-state__actions a:not([class*=btn]):not([class*=h-button]):hover, .empty-state__actions a:not([class*=btn]):not([class*=h-button]):focus,
.empty-state__content a:not([class*=btn]):not([class*=h-button]):hover,
.empty-state__content a:not([class*=btn]):not([class*=h-button]):focus {
  text-decoration-color: var(--colors-grey-400);
}
.empty-state__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-02);
  margin-top: var(--spacing-04);
}
.empty-state__hint {
  margin-top: var(--spacing-04);
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
.sidebar-empty-state {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.sidebar-empty-state__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  margin-bottom: var(--spacing-01);
}
.sidebar-empty-state__title img {
  width: 1.6rem;
  height: auto;
}
.empty-state--lg {
  max-width: 60rem;
  margin-left: auto;
  margin-right: auto;
}
/* Mobile */
@media screen and (min-width: 48em) {
  .empty-state--horizontal {
    flex-direction: row;
    gap: var(--spacing-10);
  }
  .empty-state--horizontal .empty-state__content {
    text-align: left;
  }
  .empty-state--horizontal .empty-state__content p,
  .empty-state--horizontal .empty-state__content ul,
  .empty-state--horizontal .empty-state__content ol {
    max-width: 36rem;
  }
  .empty-state--horizontal .empty-state__actions {
    justify-content: flex-start;
  }
}
.upgrade-empty-state {
  text-align: center;
}
.upgrade-empty-state__icon {
  font-size: 2em;
  background: linear-gradient(90deg, var(--colors-secondary-500) 0%, var(--colors-secondary-700) 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.upgrade-empty-state__title {
  font-size: 2rem;
  line-height: 1.2;
  margin: var(--spacing-04) 0 0 0;
}
.upgrade-empty-state__title--sm {
  font-size: 1.6rem;
  line-height: 1.25;
  margin-bottom: var(--spacing-02);
}
.upgrade-empty-state__description {
  max-width: 32rem;
  margin: var(--spacing-02) auto var(--spacing-06);
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-700);
}
/*! purgecss start ignore */
.datepicker-dropdown {
  padding: 0 !important;
}
.datepicker-dropdown .datepicker-main {
  padding: var(--spacing-04) var(--spacing-06);
}
.datepicker-dropdown .datepicker-header .datepicker-controls {
  padding: var(--spacing-04) var(--spacing-06) 0 var(--spacing-06);
}
.datepicker-range {
  padding: 0;
  display: flex;
}
.datepicker-range .datepicker-picker {
  border: 0;
  box-shadow: none;
}
.datepicker-range-predefined {
  list-style-type: none;
  align-self: center;
  padding-left: 0;
  margin: 0;
}
.datepicker-range-predefined__action {
  padding: var(--spacing-03) var(--spacing-06);
  width: 100%;
  border: 0;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  text-align: left;
  color: var(--colors-grey-800);
  background-color: transparent;
  white-space: nowrap;
  transition: background-color 200ms ease-in, color 200ms ease-in;
}
.datepicker-range-predefined__action:hover, .datepicker-range-predefined__action:focus {
  background-color: var(--colors-grey-100);
}
.datepicker-range-predefined__action.is-active {
  background-color: var(--colors-secondary-100);
  color: var(--colors-secondary-700);
}
.datepicker-range__body {
  border-left: 0.1rem solid var(--colors-grey-300);
}
.datepicker-range__footer {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-02);
  padding: var(--spacing-04);
  border-top: 0.1rem solid var(--colors-grey-300);
}
.datepicker-range-calendars {
  display: flex;
}
.datepicker-range-calendars__calendar:not(:first-child) {
  border-left: 0.1rem solid var(--colors-grey-300);
}
/***
* VanillaJS Datepicker base CSS
***/
.datepicker {
  width: -moz-min-content;
  width: min-content;
}
.datepicker:not(.active) {
  display: none;
}
.datepicker-dropdown {
  position: absolute;
  z-index: 20;
  padding-top: 0.4rem;
}
.datepicker-dropdown.datepicker-orient-top {
  padding-top: 0;
  padding-bottom: 0.4rem;
}
.datepicker-picker {
  display: flex;
  flex-direction: column;
  background-color: hsl(0, 0%, 100%);
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.4rem;
  box-shadow: 0px 4px 12px rgba(29, 38, 46, 0.12), 0px 12px 24px rgba(29, 38, 46, 0.08);
}
.datepicker-main {
  flex: auto;
  padding: 2px;
}
.datepicker-footer {
  box-shadow: inset 0 1px 1px rgba(10, 10, 10, 0.1);
  background-color: hsl(0, 0%, 96%);
}
.datepicker-title {
  padding: var(--spacing-03) var(--spacing-04);
  text-align: center;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  border-bottom: 0.1rem solid var(--colors-grey-200);
  background-color: var(--colors-grey-100);
}
.datepicker-controls {
  display: flex;
}
.datepicker-header .datepicker-controls {
  padding: 2px 2px 0;
}
.datepicker-controls .button {
  display: inline-flex;
  position: relative;
  align-items: center;
  justify-content: center;
  margin: 0;
  border: 0;
  border-radius: 0.2rem;
  box-shadow: none;
  background-color: transparent;
  padding: var(--spacing-01);
  height: 2.4rem;
  vertical-align: top;
  text-align: center;
  white-space: nowrap;
  color: var(--colors-grey-700);
  font-size: 1.3rem;
  line-height: 1.2307692308;
}
.datepicker-controls .button:focus,
.datepicker-controls .button:active {
  outline: none;
}
.datepicker-controls .button:hover {
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-900);
}
.datepicker-controls .button:focus {
  border-color: hsl(217, 71%, 53%);
  color: hsl(0, 0%, 21%);
}
.datepicker-controls .button:focus:not(:active) {
  box-shadow: 0 0 0 0.125em rgba(50, 115, 220, 0.25);
}
.datepicker-controls .button:active {
  border-color: #474747;
  color: hsl(0, 0%, 21%);
}
.datepicker-controls .button[disabled] {
  cursor: not-allowed;
}
.datepicker-footer .datepicker-controls .button {
  flex: auto;
  margin: calc(0.375rem - 1px) 0.375rem;
  border-radius: 0.2rem;
  font-size: 0.75rem;
}
.datepicker-controls .view-switch {
  flex: auto;
  color: var(--colors-grey-900);
  font-weight: 600;
}
.datepicker-controls .prev-button,
.datepicker-controls .next-button {
  width: 2.4rem;
  font-weight: normal;
  font-family: "Font Awesome 6 Pro";
}
.datepicker-controls .prev-button.disabled,
.datepicker-controls .next-button.disabled {
  visibility: hidden;
}
.datepicker-view,
.datepicker-grid {
  display: flex;
}
.datepicker-view {
  align-items: stretch;
  width: 21.6rem;
}
.datepicker-grid {
  flex-wrap: wrap;
  flex: auto;
  gap: var(--spacing-02);
}
.datepicker .days {
  display: flex;
  flex-direction: column;
  flex: auto;
  text-align: center;
}
.datepicker .days-of-week {
  display: flex;
  justify-content: center;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-02);
}
.datepicker .week-numbers {
  display: flex;
  flex-direction: column;
  flex: 0 0 9.6774193548%;
}
.datepicker .weeks {
  display: flex;
  flex-direction: column;
  align-items: stretch;
  flex: auto;
}
.datepicker span {
  display: flex;
  align-items: center;
  justify-content: center;
  border-radius: 0.2rem;
  cursor: default;
  user-select: none;
}
.datepicker .dow {
  height: 1.6rem;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  font-weight: 500;
  color: var(--colors-grey-900);
}
.datepicker .week {
  flex: auto;
  color: var(--colors-grey-600);
  font-size: 0.75rem;
}
.datepicker-cell,
.datepicker .days .dow {
  width: 2.4rem;
}
.datepicker-cell {
  font-size: 1.2rem;
  height: 2.4rem;
}
.datepicker-cell:not(.day) {
  flex-basis: calc(25% - 0.6rem);
  height: 4.5rem;
}
.datepicker-cell:not(.disabled):hover {
  background-color: var(--colors-secondary-100);
  color: var(--colors-secondary-600);
  cursor: pointer;
}
.datepicker-cell.focused:not(.selected) {
  background-color: var(--colors-grey-100);
}
.datepicker-cell.selected,
.datepicker-cell.selected:hover {
  background-color: var(--colors-secondary-700);
  color: #fff;
  font-weight: 500;
}
.datepicker-cell.disabled {
  color: gainsboro;
}
.datepicker-cell.prev:not(.disabled),
.datepicker-cell.next:not(.disabled) {
  color: hsl(0, 0%, 48%);
}
.datepicker-cell.prev.selected,
.datepicker-cell.next.selected {
  color: #e6e6e6;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today) {
  border-radius: 0;
  background-color: hsl(0, 0%, 96%);
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today):not(.disabled):hover {
  background-color: #efefef;
}
.datepicker-cell.highlighted:not(.selected):not(.range):not(.today).focused {
  background-color: #e9e9e9;
}
.datepicker-cell.today:not(.selected) {
  background-color: var(--colors-secondary-300);
}
.datepicker-cell.today:not(.selected):not(.disabled) {
  color: #fff;
}
.datepicker-cell.today.focused:not(.selected) {
  background-color: var(--colors-secondary-300);
}
.datepicker-cell.range-end:not(.selected),
.datepicker-cell.range-start:not(.selected) {
  background-color: var(--colors-secondary-700);
  color: #fff;
}
.datepicker-cell.range-end.focused:not(.selected),
.datepicker-cell.range-start.focused:not(.selected) {
  background-color: #b3b3b3;
}
.datepicker-cell.range-start:not(.range-end) {
  border-radius: 0.2rem 0 0 0.2rem;
}
.datepicker-cell.range-end:not(.range-start) {
  border-radius: 0 0.2rem 0.2rem 0;
}
.datepicker-cell.range {
  border-radius: 0;
  color: var(--colors-secondary-700);
  background-color: var(--colors-secondary-200);
}
.datepicker-cell.range:not(.disabled):not(.focused):not(.today):hover {
  background-color: #d7d7d7;
}
.datepicker-cell.range.disabled {
  color: #c6c6c6;
}
.datepicker-cell.range.focused {
  background-color: #d1d1d1;
}
.datepicker-input.in-edit {
  border-color: #276bda;
}
.datepicker-input.in-edit:focus,
.datepicker-input.in-edit:active {
  box-shadow: 0 0 0.25em 0.25em rgba(39, 107, 218, 0.2);
}
/*! purgecss end ignore */
details[open] .fa-angle-down {
  transform: rotate(180deg);
}
details summary {
  cursor: pointer;
  list-style: none;
}
details summary::-webkit-details-marker {
  display: none;
}
.progress-bar-container {
  padding: var(--spacing-06);
  margin: var(--spacing-04) auto var(--spacing-06);
  background-color: var(--colors-grey-100);
}
.progress-bar-wrapper {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-02);
}
.progress-bar {
  position: relative;
  background-color: var(--colors-grey-200);
  width: 100%;
  max-width: 30rem;
  height: 0.8rem;
  border-radius: 1rem;
}
.progress-bar__track {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: linear-gradient(90deg, var(--colors-secondary-500) 0%, var(--colors-secondary-600) 100%);
  border-radius: 1rem;
  transition: width 100ms ease-in-out;
}
.progress-bar__track.is-loading {
  width: 100% !important;
  background: repeating-linear-gradient(90deg, var(--colors-secondary-500) 0%, var(--colors-secondary-600) 50%, var(--colors-secondary-500) 100%);
  background-size: 200% auto;
  background-position: 0 100%;
  animation: progressBarLoading 2s infinite;
}
@keyframes progressBarLoading {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.progress-bar__legend {
  text-align: center;
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  font-variant-numeric: tabular-nums;
}
.progress-bar--full {
  max-width: none;
}
.h-loader {
  --h-loader-width: 3.2rem;
  --h-loader-height: 3.2rem;
  display: inline-block;
  width: var(--h-loader-width);
  height: var(--h-loader-height);
  border: 0.4rem solid var(--colors-grey-200);
  border-bottom-color: var(--colors-secondary-600);
  border-radius: 50%;
  animation: rotate 1s linear infinite;
}
.h-loader--lg {
  --h-loader-width: 4.8rem;
  --h-loader-height: 4.8rem;
}
@keyframes rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.cost-estimation {
  padding: var(--spacing-04) var(--spacing-06);
  border-radius: var(--spacing-01);
  background-color: var(--colors-grey-100);
}
.cost-estimation__title {
  font-size: 1.5rem;
  font-weight: 500 !important;
  line-height: 1.3333333333;
  margin-bottom: var(--spacing-03) !important;
  margin-top: 0 !important;
}
.cost-estimation__quota {
  margin-top: var(--spacing-02);
  color: var(--colors-grey-800);
}
.cost-estimation__quota-title {
  font-weight: 500;
}
.cost-estimation__quota-description {
  white-space: nowrap;
  line-height: 1.4285714286;
}
.cost-estimation__quota-bar {
  display: flex;
  max-width: 50rem;
  align-items: stretch;
  margin-top: var(--spacing-02);
  position: relative;
  height: 0.4rem;
  border-radius: 0.8rem;
  background-color: var(--colors-grey-300);
}
.cost-estimation__quota-bar-used,
.cost-estimation__quota-bar-pack {
  width: 0;
  background-color: var(--colors-success-600);
  border-radius: 0.8rem;
}
.cost-estimation__quota-bar-overage {
  background-color: var(--colors-danger-600);
  border-radius: 0.8rem;
}
.cost-estimation__quota-bar-pack,
.cost-estimation__quota-bar-overage {
  position: relative;
}
.cost-estimation__quota-bar-pack:not(:first-child)::before,
.cost-estimation__quota-bar-overage:not(:first-child)::before {
  content: "";
  position: absolute;
  left: -0.2rem;
  top: -0.4rem;
  height: 1.2rem;
  width: 0.5rem;
  border: 0.2rem solid #fff;
  background-color: var(--colors-grey-700);
  border-radius: 0.4rem;
}
.cost-estimation__quota-note {
  display: flex;
  gap: var(--spacing-01);
  align-items: baseline;
  max-width: 50rem;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
  margin-top: var(--spacing-01);
}
/**
* Lead tag
* A tag that contains a lead (company or people) with an avatar
*
* @selector .lead-tag
*/
.lead-tag {
  display: inline-flex;
  gap: var(--spacing-01);
  align-items: center;
  padding: var(--spacing-01);
  background: var(--colors-grey-100);
  border: 0.5px solid var(--colors-grey-200);
  border-radius: 0.4rem;
  white-space: nowrap;
  transition: background-color 150ms ease-in;
}
.lead-tag:hover, .lead-tag:focus {
  background-color: var(--colors-grey-200);
  text-decoration: none;
}
.lead-tag--people .lead-tag__avatar {
  border-radius: 50%;
  border: 0;
}
.lead-tag__avatar {
  min-width: 1.6rem;
  width: 1.6rem;
  height: 1.6rem;
  border: 0.5px solid rgba(0, 0, 0, 0.05);
  border-radius: 0.2rem;
}
.lead-tag__name {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.1428571429;
  color: var(--colors-grey-900);
  margin-right: var(--spacing-005);
}
.toggle-component {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: var(--spacing-02) var(--spacing-03);
}
.toggle-component:hover {
  animation-play-state: running;
}
.toggle-component__icon {
  font-size: 1.3rem;
  line-height: 1.8461538462;
}
.toggle-component__label {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  letter-spacing: -0.009em;
}
:root {
  --h-cost-indicator-color: var(--colors-grey-700);
  --h-cost-indicator-font-size: 1.2rem;
  --h-cost-indicator-line-height: calc(16/12);
  --h-cost-indicator-icon-color: var(--colors-grey-600);
  --h-cost-indicator-icon-font-size: 1rem;
  --h-cost-indicator-border-color: var(--colors-grey-300);
  --h-cost-indicator-gap: var(--spacing-01);
}
.cost-indicator {
  display: inline-flex;
  width: max-content;
  align-items: center;
  gap: var(--spacing-01);
  color: var(--h-cost-indicator-color);
  font-size: var(--h-cost-indicator-font-size);
  line-height: var(--h-cost-indicator-line-height);
  vertical-align: text-bottom;
}
.cost-indicator--bare {
  padding: 0;
  border: 0;
  background-color: transparent;
}
.cost-indicator--toolbar {
  --h-cost-indicator-color: #fff;
  --h-cost-indicator-icon-color: #fff;
}
.cost-indicator__icon {
  margin: 0 !important;
  font-size: var(--h-cost-indicator-icon-font-size);
  line-height: 1.2;
  color: var(--h-cost-indicator-icon-color);
  transform: rotate(-45deg);
}
.cost-indicator--suffix {
  margin-left: var(--h-cost-indicator-gap);
  padding-left: var(--h-cost-indicator-gap);
  border-left: 1px solid var(--h-cost-indicator-border-color);
}
.upgrade-modal {
  --bs-modal-width: 48rem;
}
.upgrade-modal:has(.upgrade-options) {
  --bs-modal-width: 76rem;
}
.upgrade-modal:has(.upgrade-modal-details:not(.d-none)) {
  --bs-modal-width: 78.8rem;
}
.upgrade-modal .modal-dialog {
  width: auto;
}
.upgrade-modal .upgrade-modal__subtitle {
  margin: 0;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.upgrade-modal__content {
  flex-direction: row;
}
.upgrade-modal__main {
  flex: 1;
  display: flex;
  flex-direction: column;
  position: relative;
  z-index: 1;
}
.upgrade-modal__main .upgrade-modal__title {
  margin: 0;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
}
.upgrade-modal-breadcrumb {
  list-style-type: none;
  padding: var(--spacing-05) var(--spacing-06) 0;
  margin-bottom: 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
  counter: upgradeModalBreadcrumb;
}
.upgrade-modal-breadcrumb__item {
  position: relative;
  counter-increment: upgradeModalBreadcrumb;
  color: var(--colors-grey-700);
}
.upgrade-modal-breadcrumb__item:not(:last-child)::after {
  content: "";
  display: block;
  width: 2.4rem;
  height: 0.1rem;
  position: absolute;
  top: 50%;
  left: calc(100% + var(--spacing-03));
  background-color: var(--colors-grey-300);
}
.upgrade-modal-breadcrumb__link {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  color: inherit;
  border: 0;
  background: transparent;
  padding: 0;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  font-weight: 500;
}
.upgrade-modal-breadcrumb__link::before {
  content: counter(upgradeModalBreadcrumb);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  font-size: 1.1rem;
  line-height: 1.4545454545;
  font-weight: 600;
  background-color: #fff;
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 50%;
}
.upgrade-modal-breadcrumb__link[aria-selected=true] {
  color: var(--colors-gray-800);
}
.upgrade-modal-breadcrumb__link[aria-selected=true]::before {
  color: #fff;
  background-color: var(--colors-secondary-600);
  border-color: var(--colors-secondary-600);
}
.upgrade-modal__confettis {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  overflow: hidden;
  z-index: 0;
}
.upgrade-modal__header {
  position: relative;
  padding: var(--spacing-06) var(--spacing-06) 0;
}
.upgrade-modal__heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.upgrade-modal__description {
  margin-top: var(--spacing-02);
  margin-bottom: 0;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-700);
}
.upgrade-modal__hint {
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.upgrade-modal__close {
  position: absolute;
  top: var(--spacing-04);
  right: var(--spacing-03);
}
.upgrade-modal__body {
  flex: 1 1 auto;
  padding: var(--spacing-04) var(--spacing-06);
}
.upgrade-modal__body--scrollable {
  overflow-y: auto;
}
.upgrade-modal-summary {
  margin: var(--spacing-06) 0 0;
  padding-top: var(--spacing-04);
  border-top: 0.1rem solid var(--colors-grey-300);
}
.upgrade-modal-summary__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  line-height: 1.25;
}
.upgrade-modal-summary__item:not(:first-child) {
  margin-top: var(--spacing-02);
}
.upgrade-modal-summary__item--sm {
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.5384615385;
}
.upgrade-modal-summary__label {
  font-weight: inherit;
}
.upgrade-modal-summary__value {
  margin: 0;
  font-weight: 500;
}
.plan-selection {
  border-radius: 0.4rem;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0 1px 1px rgba(29, 38, 46, 0.05);
  transition: box-shadow 0.2s ease-in-out;
}
.plan-selection:hover {
  box-shadow: 1px 4px 2px rgba(29, 38, 46, 0.04), 0px 1px 1px rgba(29, 38, 46, 0.05);
}
.plan-selection .plan-selection-option.show {
  background-color: var(--colors-grey-50);
}
.plan-selection .plan-selection-option.show .plan-selection-option__icon {
  transform: rotate(180deg);
}
.plan-selection-option {
  display: flex;
  align-items: center;
  padding: var(--spacing-03) var(--spacing-04);
  gap: var(--spacing-02);
  background: #fff;
  border-radius: 0.4rem;
  cursor: pointer;
  transition: background-color 0.2s ease-in-out;
}
.plan-selection-option__info {
  flex: 1;
}
.plan-selection-option__heading,
.plan-selection-option__description {
  display: flex;
  gap: var(--spacing-01);
  align-items: center;
}
.plan-selection-option__name {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
}
.plan-selection-option__description {
  margin-top: var(--spacing-01);
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-700);
}
.plan-selection-option__price {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
}
.plan-selection-option__icon {
  font-size: 1.4rem;
  color: var(--colors-grey-700);
  width: 1.6rem;
  text-align: center;
}
.plan-selection__dropdown {
  width: calc(100% + 0.2rem);
  margin-left: -0.1rem !important;
  padding: var(--spacing-01);
}
.plan-selection__dropdown .option-item {
  border: 0;
}
.plan-selection__dropdown .option-item.is-disabled {
  cursor: not-allowed;
  user-select: none;
}
.plan-selection__dropdown .option-item.is-disabled .option-item__title,
.plan-selection__dropdown .option-item.is-disabled .option-item__description,
.plan-selection__dropdown .option-item.is-disabled .option-item__price {
  opacity: 0.6;
}
.plan-selection__dropdown .option-item:has(:checked) {
  box-shadow: none;
  background-color: var(--colors-secondary-100);
}
.plan-selection__dropdown .option-item:not(.is-disabled):hover {
  background: var(--colors-grey-100);
}
.current-card {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.current-card .card-logo {
  width: 2rem;
  height: auto;
  margin-right: var(--spacing-01);
}
.upgrade-modal-slider__legend {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-01);
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
}
.upgrade-modal-slider__slider {
  margin-bottom: var(--spacing-03);
}
.upgrade-modal-slider__slider::after {
  display: none;
}
.upgrade-modal-slider__slider .noUi-base {
  width: 100% !important;
}
.upgrade-modal-slider__details {
  display: flex;
  align-items: center;
  justify-content: space-between;
  font-size: 1.6rem;
  margin-bottom: var(--spacing-01);
  line-height: 1.5;
}
.upgrade-modal-slider__info {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-700);
  margin-bottom: var(--spacing-10);
}
.upgrade-modal-slider__credits {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.upgrade-modal-slider__credits .upgrade-modal-slider__input {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-900);
  width: max-content;
  border: 0.1rem solid var(--colors-grey-300);
  background-color: #fff;
  border-radius: 0.4rem;
  padding: 0 var(--spacing-01);
  height: auto;
  field-sizing: content;
  min-width: var(--spacing-10);
  text-align: right;
  transition: border-color 0.2s linear;
}
.upgrade-modal-slider__credits .upgrade-modal-slider__input:hover {
  border-color: var(--colors-grey-400) !important;
}
.upgrade-modal-slider__credits .upgrade-modal-slider__input:focus, .upgrade-modal-slider__credits .upgrade-modal-slider__input:focus-visible {
  border-color: var(--colors-secondary-600) !important;
}
.upgrade-modal__footer {
  padding: var(--spacing-04) var(--spacing-06) var(--spacing-03);
  background-color: var(--colors-grey-100);
  text-align: center;
  border-radius: 0 0 0.8rem 0.8rem;
}
.upgrade-modal-details {
  flex: 0 0 32rem;
  position: relative;
  background-color: var(--colors-grey-100);
  padding: var(--spacing-06) var(--spacing-06) var(--spacing-08) var(--spacing-06);
  border-left: 0.1rem solid var(--colors-grey-300);
  border-radius: 0 0.4rem 0.4rem 0;
}
.upgrade-modal-details__title {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
  margin: 0 0 var(--spacing-04);
}
.upgrade-modal-details__close {
  position: absolute;
  top: var(--spacing-06);
  right: var(--spacing-06);
}
.upgrade-options {
  display: flex;
  justify-content: center;
  gap: var(--spacing-02);
  margin: var(--spacing-04);
}
.upgrade-option {
  flex: 0 0 32rem;
  display: flex;
  flex-direction: column;
  padding: var(--spacing-06) var(--spacing-06) var(--spacing-02);
  background-color: var(--colors-grey-50);
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.4rem;
}
.upgrade-option .upgrade-option__title {
  font-size: 1.6rem;
  line-height: 1.5;
  font-weight: 500;
  margin: 0 !important;
}
.upgrade-option__header {
  width: 100%;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-02);
}
.upgrade-option-price {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.upgrade-option-price__value {
  font-size: 3.2rem;
  line-height: 1.25;
  font-weight: 500;
}
.upgrade-option-price__hint {
  font-size: 1.1rem;
  line-height: 1.4545454545;
  color: var(--colors-grey-700);
}
.upgrade-option__description {
  margin: var(--spacing-06) 0 var(--spacing-05);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
}
.upgrade-option__footer {
  margin-top: auto;
  margin-left: calc(var(--spacing-04) * -1);
  width: calc(100% + var(--spacing-04) * 2);
}
.credits-count {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-01);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
  background-color: var(--colors-secondary-200);
  padding: var(--spacing-005) var(--spacing-01);
  border-radius: 0.4rem;
  transition: background-color 200ms linear;
}
.credits-count[data-bs-toggle=tooltip]:hover, .credits-count[data-controller*=tooltip]:hover {
  cursor: help;
  background-color: var(--colors-secondary-300);
}
.credits-count__icon {
  font-size: 1.2rem;
  color: var(--colors-secondary-600);
  transform: rotate(-45deg);
}
/*! purgecss end ignore */
/*! purgecss start ignore */
.api_keys.index .dashboard-body .container {
  max-width: 1200px;
}
.api_keys.index .hidden-token {
  display: none;
}
.api_keys.index .api-keys-table {
  margin-bottom: 20px;
}
.api_keys.index .api-keys-table td {
  padding-top: 14px;
  padding-bottom: 14px;
}
.api_keys.index .api-keys-table tr td:last-child {
  text-align: right;
}
.api_keys.index h3 {
  font-weight: 500;
  padding: 10px 0;
  border-bottom: 1px solid var(--colors-grey-300);
}
.api_keys.index .status-color-dot {
  border-radius: 100px;
  display: inline-block;
  width: 10px;
  height: 10px;
  margin-right: 5px;
}
.api_keys.index .status-color-dot.down {
  background-color: var(--colors-danger-600);
}
.api_keys.index .status-color-dot.up {
  background-color: var(--colors-success-600);
}
.v1.index,
.v2.index {
  padding: 0;
  margin: 0;
  height: 100%;
  background: var(--colors-grey-100);
  /* Mobile */
}
.v1.index .row,
.v2.index .row {
  margin-right: 0;
  margin-left: 0;
}
.v1.index section .row-height > .col-md-6:first-child,
.v2.index section .row-height > .col-md-6:first-child {
  background-color: #ffffff;
}
.v1.index section .row-height > .col-md-6:last-child,
.v2.index section .row-height > .col-md-6:last-child {
  background-color: var(--colors-grey-900);
}
.v1.index section .row-height > .col-md-6,
.v2.index section .row-height > .col-md-6 {
  padding: 100px 0;
}
.v1.index .doc-menu,
.v2.index .doc-menu {
  overflow-y: auto;
  height: 100%;
  width: 100%;
  position: fixed;
  padding: 20px;
  width: 22rem;
  border-left: 5px solid var(--colors-primary-600);
}
.v1.index .doc-menu .api-version-selection,
.v2.index .doc-menu .api-version-selection {
  margin-top: 20px;
}
.v1.index .doc-menu .api-version-selection select,
.v2.index .doc-menu .api-version-selection select {
  width: 170px;
}
.v1.index .doc-menu nav,
.v2.index .doc-menu nav {
  border-bottom: 0;
}
.v1.index .doc-menu nav ul,
.v2.index .doc-menu nav ul {
  -webkit-padding-start: 0;
  padding-left: 0;
  list-style-type: none;
}
.v1.index .doc-menu nav a,
.v2.index .doc-menu nav a {
  color: var(--colors-grey-1000);
  width: 100%;
  display: inline-block;
  font-size: 14px;
  padding: 3px 0;
}
.v1.index .doc-menu nav a:hover, .v1.index .doc-menu nav a:focus,
.v2.index .doc-menu nav a:hover,
.v2.index .doc-menu nav a:focus {
  text-decoration-color: currentColor;
}
.v1.index .doc-menu nav .menu-subtitle,
.v2.index .doc-menu nav .menu-subtitle {
  color: var(--colors-grey-600);
  font-size: 11px;
  padding: 15px 0 3px 0;
  font-weight: 600;
  text-transform: uppercase;
}
.v1.index .doc-body,
.v2.index .doc-body {
  margin-left: 22rem;
  border-left: 1px solid var(--colors-grey-300);
}
.v1.index .doc-body .logo,
.v2.index .doc-body .logo {
  margin: 30px 15px -50px 15px;
  display: inline-block;
}
.v1.index .doc-body section,
.v2.index .doc-body section {
  padding: 0;
}
.v1.index .doc-body section h2,
.v2.index .doc-body section h2 {
  text-align: left;
}
.v1.index .row-height,
.v2.index .row-height {
  display: table;
  table-layout: fixed;
  height: 100%;
  width: 100%;
  padding: 0;
}
.v1.index .col-height,
.v2.index .col-height {
  display: table-cell;
  float: none;
}
.v1.index .doc-content,
.v2.index .doc-content {
  font-size: 15px;
  line-height: 25px;
  padding: 0px 25px;
}
.v1.index .doc-content h1,
.v2.index .doc-content h1 {
  margin: 0 0 30px 0;
  font-weight: 500;
  font-size: 28px;
  border-bottom: 1px solid var(--colors-grey-300);
  padding: 30px 0 10px 0;
}
.v1.index .doc-content h2,
.v2.index .doc-content h2 {
  margin: 0 0 1em 0;
  font-weight: 600;
  font-size: 18px;
  padding-top: 30px;
}
.v1.index .doc-content h1 a,
.v1.index .doc-content h2 a,
.v2.index .doc-content h1 a,
.v2.index .doc-content h2 a {
  border-bottom: 0;
}
.v1.index .doc-content table,
.v2.index .doc-content table {
  font-size: 14px;
  margin: 30px 0;
  width: 100%;
}
.v1.index .doc-content table tr,
.v2.index .doc-content table tr {
  border-bottom: 1px solid var(--colors-grey-300);
}
.v1.index .doc-content table td,
.v2.index .doc-content table td {
  padding: 10px;
}
.v1.index .doc-content table .param-col,
.v2.index .doc-content table .param-col {
  padding-right: 30px;
}
.v1.index .doc-content table .required-param,
.v2.index .doc-content table .required-param {
  color: #aaa;
}
.v1.index .doc-examples,
.v2.index .doc-examples {
  color: #fff;
  font-size: 15px;
  padding: 0px 25px;
}
.v1.index .doc-examples .code-legend,
.v2.index .doc-examples .code-legend {
  margin-bottom: 5px;
  font-size: 13px;
}
.v1.index .doc-examples h2,
.v2.index .doc-examples h2 {
  font-size: 18px;
  margin: 0 0 30px 0;
}
.v1.index .doc-examples .table-container,
.v2.index .doc-examples .table-container {
  border-radius: 3px;
  border: 1px solid var(--colors-grey-1000);
}
.v1.index .doc-examples .table-container table,
.v2.index .doc-examples .table-container table {
  width: 100%;
  font-size: 14px;
}
.v1.index .doc-examples .table-container table tr:nth-child(2n+1),
.v2.index .doc-examples .table-container table tr:nth-child(2n+1) {
  background-color: var(--colors-grey-800);
}
.v1.index .doc-examples .table-container table td,
.v2.index .doc-examples .table-container table td {
  padding: 12px 20px;
}
@media screen and (max-width: 992px) {
  .v1.index,
  .v2.index {
    border-top: 3px solid var(--colors-primary-600);
  }
  .v1.index .logo-doc-container,
  .v2.index .logo-doc-container {
    padding: 15px 0 0 15px;
  }
  .v1.index .api-version-selection,
  .v2.index .api-version-selection {
    margin: 30px 0;
    padding: 0 15px;
  }
  .v1.index .api-version-selection select,
  .v2.index .api-version-selection select {
    width: 100%;
  }
  .v1.index .doc-content h1,
  .v2.index .doc-content h1 {
    margin-top: -30px;
  }
  .v1.index .doc-menu,
  .v2.index .doc-menu {
    display: none;
  }
  .v1.index .doc-body,
  .v2.index .doc-body {
    margin-left: 0 !important;
    border: 0;
  }
  .v1.index .col-height,
  .v2.index .col-height {
    display: block;
    width: 100%;
  }
  .v1.index section .row-height > .col-md-6,
  .v2.index section .row-height > .col-md-6 {
    padding: 50px 0;
  }
}
.backoffice.legal .dashboard-body .container {
  max-width: 1200px;
}
.backoffice.legal .board-box, .backoffice.legal .onboarding-box {
  padding-bottom: 0;
}
.backoffice.legal .board-box.subprocessors, .backoffice.legal .subprocessors.onboarding-box {
  padding-bottom: 30px;
}
.backoffice.legal .board-box.subprocessors label, .backoffice.legal .subprocessors.onboarding-box label {
  font-weight: normal;
  margin-bottom: -3px;
}
.backoffice.bulk .board-box, .backoffice.bulk .onboarding-box {
  padding-bottom: 0;
}
.backoffice.bulk .bulk-name {
  font-weight: 600;
  font-size: 15px;
}
.backoffice.bulk .full-width-table td {
  padding-top: 25px;
  padding-bottom: 25px;
}
.backoffice.bulk .full-width-table td h3 {
  font-size: 16px;
  margin-bottom: 3px;
}
.backoffice.bulk .full-width-table td .icon {
  color: var(--colors-secondary-600);
  width: 36px;
  height: 36px;
  float: left;
  margin: 10px 20px 12px 0;
}
.billing_information.index .container {
  max-width: 1200px;
}
.billing_information.index h3 {
  padding: 10px 0;
  border-bottom: 1px solid #e6e6e6;
}
.billing_information.index .card-logo {
  display: inline-block;
  width: 24px;
  margin: 0 10px 0 0;
}
.billing_information.index .card-logo.card-logo-visa {
  width: 20px;
}
.billing_information.edit .dashboard-body .container,
.billing_information.new .dashboard-body .container {
  max-width: 1200px;
}
.billing_information.edit .form-group,
.billing_information.new .form-group {
  margin-bottom: 15px;
}
.billing-information-details {
  line-height: 1.5384615385;
  color: var(--colors-grey-900);
}
.email_notifications.edit .dashboard-body .container {
  max-width: 1200px;
}
.email_notifications.edit .form-group {
  margin-bottom: 15px;
}
.configuration.show .container {
  max-width: 900px;
  width: 100%;
}
.configuration.show #show-matching {
  margin: 10px 0 20px;
}
.configuration.show #preview-container {
  padding: 20px;
  background-color: var(--colors-grey-100);
  border-radius: 5px;
}
.configuration.show #preview-container table {
  width: 100%;
  font-size: 13px;
}
.configuration.show #preview-container table th {
  padding: 0 8px 15px;
}
.configuration.show #preview-container table tr {
  border-bottom: 1px solid var(--colors-grey-300);
}
.configuration.show #preview-container table tr:last-child {
  border-bottom: 0;
}
.configuration.show #preview-container table td {
  padding: 8px;
  min-width: 180px;
}
.configuration.show .header-row-label {
  margin-left: 5px;
  font-weight: 500;
}
.configuration.show #matching-not-ok,
.configuration.show #missing-names {
  display: none;
  margin-bottom: 20px;
}
.configuration.show .delete-bulk {
  margin-top: 30px;
}
.configuration.show .error-block {
  padding: 15px 0;
  border-bottom: 1px solid var(--colors-grey-300);
}
.configuration.show .error-block:last-child {
  border: 0;
}
.configuration.show .error-block p {
  font-size: 14px;
}
.configuration.show .error-block p .far {
  margin-right: 5px;
}
.configuration.show .error-block p .fa-info-circle {
  color: var(--colors-warning-500);
}
.configuration.show .error-block p .fa-exclamation-triangle {
  color: var(--colors-danger-600);
}
.configuration--m.show .container {
  max-width: 1100px;
}
.configuration--l.show .container {
  max-width: 1280px;
}
.configuration--xl.show .container {
  max-width: 1460px;
}
.configuration--xxl.show .container {
  max-width: 1640px;
}
.configuration--full.show .container {
  max-width: none;
  width: 100%;
}
.bulk_finders.show .bulk-details {
  padding-bottom: 0;
}
.bulk_searches.new hr {
  margin: 30px -28px;
}
.bulk_searches.new .bulk-error {
  color: var(--colors-primary-600);
  font-size: 18px;
  margin-top: 25px;
  display: none;
}
.bulk_searches.new #bulk_search_allow_names {
  max-width: 20rem;
}
.bulk_searches.new .progress .progress-bar {
  background-color: var(--colors-primary-600);
}
.bulk_searches.new #preview-container {
  display: none;
  margin-bottom: 10px;
}
.bulk_searches.new #preview-container .content {
  padding: 15px 20px;
  background-color: var(--colors-grey-100);
  border-radius: 5px;
}
.bulk_searches.new #preview-container .title {
  margin-bottom: 10px;
}
.bulk_searches.new #preview-container table {
  width: 100%;
  font-size: 13px;
}
.bulk_searches.new #preview-container table th {
  padding: 0 8px 15px;
}
.bulk_searches.new #preview-container table tr {
  border-bottom: 1px solid var(--colors-grey-300);
}
.bulk_searches.new #preview-container table tr:last-child {
  border-bottom: 0;
}
.bulk_searches.new #preview-container table td {
  padding: 8px;
  min-width: 160px;
}
.bulk_searches.new #file-name-container {
  margin-top: 10px;
}
.bic-selection {
  padding: var(--spacing-05) var(--spacing-08) var(--spacing-05) var(--spacing-16);
  position: relative;
  margin-bottom: var(--spacing-08);
  background-color: #fff;
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.4rem;
}
.bic-selection__icon {
  position: absolute;
  left: var(--spacing-04);
  top: var(--spacing-05);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  border-radius: 2rem;
  background-color: var(--colors-secondary-200);
  color: var(--colors-secondary-600);
  font-size: 1.6rem;
}
.bic-selection__title {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3333333333;
  margin-bottom: var(--spacing-01);
}
.bic-selection__description {
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
  margin-bottom: 0;
}
.bic__email-per-domain {
  width: 8em;
}
.bulk_searches.show h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.bulk_searches.show .bulk-actions .fa-question-circle {
  margin: 0;
  font-size: 12px;
}
.bulk_verifications.new hr {
  margin: 30px -28px;
}
.bulk_verifications.new #file-name-container {
  margin-top: 10px;
}
.bulk_verifications.show .preview-table .far {
  margin-right: 5px;
  font-size: 11px;
}
.bulk_verifications.show .preview-table .fa-times {
  font-size: 12px;
}
.bulk_verifications.show .variation-hint {
  margin-top: 20px;
  font-size: 12px;
  line-height: 20px;
}
.bulk_verifications.show .bulk-actions {
  flex: 1;
  padding: 0;
  border-top: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-06);
}
.bulk_verifications.show .bulk-actions .header {
  flex: 1;
  margin-bottom: 0;
}
.audience.show .audience-container {
  margin-top: 30px;
}
.audience.show .audience-container .alert-warning {
  padding: 15px 20px;
}
.audience.show .audience-container .alert-warning strong {
  display: inline-block;
}
.audience.show .audience-container .selected-audience-actions {
  display: none;
}
.audience.show .audience-container .selected-audience-actions strong {
  margin-left: 15px;
}
.audience.show .audience-container .audience-email a {
  color: var(--colors-grey-1000);
}
.audience.show .audience-container .audience-email a:hover, .audience.show .audience-container .audience-email a:focus {
  text-decoration: none;
}
.audience.show .audience-container .audience-edit {
  width: 120px;
  text-align: right;
}
.audience.show .audience-container #removed-recipients-modal ul {
  margin-bottom: 20px;
}
.audience.show .audience-container .lead-message-status {
  display: inline;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
.audience.show .audience-container #add-recipients-modal .modal-dialog {
  min-width: 660px;
}
.audience.show .audience-container #add-recipients-modal h2 {
  line-height: 35px;
}
.audience.show .audience-container #add-recipients-modal .close {
  margin: 3px 5px 0 0;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-choices {
  text-align: center;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-choices .modal-close {
  position: absolute;
  right: 2rem;
  top: 2rem;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-choices h2 {
  margin: 20px 0 40px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-choices .row {
  margin: 0 5px 20px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-choices .add-recipient-choice {
  display: inline-block;
  padding: 30px 20px 15px;
  transition: all 100ms ease;
  border-radius: 5px;
  text-decoration: none;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-choices .add-recipient-choice strong {
  color: var(--colors-grey-1000);
  display: inline-block;
  margin-bottom: 5px;
  font-size: 16px;
  font-weight: 600;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-choices .add-recipient-choice .fal {
  display: block;
  font-size: 50px;
  margin-bottom: 25px;
  color: var(--colors-secondary-600);
}
.audience.show .audience-container #add-recipients-modal #add-recipients-choices .add-recipient-choice .icon {
  color: var(--colors-secondary-600);
  width: 64px;
  height: 64px;
  margin-bottom: 5px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-choices .add-recipient-choice p {
  color: var(--colors-grey-600);
}
.audience.show .audience-container #add-recipients-modal #add-recipients-choices .add-recipient-choice:focus, .audience.show .audience-container #add-recipients-modal #add-recipients-choices .add-recipient-choice:hover {
  background-color: var(--colors-grey-100);
  outline: none;
  cursor: pointer;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-choices .add-recipient-choice:active {
  background-color: var(--colors-grey-200);
}
.audience.show .audience-container #add-recipients-modal #add-recipients-manually,
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads {
  display: none;
}
.audience.show .audience-container #add-recipients-modal .back-box {
  font-size: 15px;
  width: 28px;
  height: 28px;
  line-height: 28px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container {
  min-height: 200px;
  border-bottom: 1px solid var(--colors-grey-300);
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .filter-block {
  display: none;
  width: 100%;
  padding: 12px 15px;
  border-radius: 3px;
  background: var(--colors-grey-100);
  margin-bottom: 15px;
  font-size: 13px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .filter-block .close-filter {
  color: var(--colors-grey-500);
  font-size: 19px;
  padding: 4px;
  margin: -6px -3px 0 0;
  float: right;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .filter-block .close-filter:hover {
  color: var(--colors-grey-700);
  cursor: pointer;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .filter-block.selected {
  display: block;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-btn {
  width: 100%;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice {
  width: 100%;
  padding: 8px 15px 5px;
  margin-bottom: 15px;
  border: 1px solid var(--colors-grey-300);
  border-radius: 3px;
  display: none;
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
  transition: all 150ms ease;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-hint {
  color: var(--colors-grey-600);
  margin: 2px 0 8px;
  font-size: 13px;
  font-weight: 600;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .close-filter-choice {
  color: var(--colors-grey-600);
  font-size: 19px;
  padding: 4px;
  margin: -3px 0 0 0;
  float: right;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .close-filter-choice:hover {
  color: var(--colors-grey-700);
  cursor: pointer;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-select, .audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-more-button {
  font-weight: 600;
  font-size: 13px;
  margin: 0 -15px;
  padding: 4px 15px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-select:focus, .audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-more-button:focus, .audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-select:hover, .audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-more-button:hover {
  background-color: var(--colors-grey-100);
  cursor: pointer;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-select:active, .audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-more-button:active {
  background-color: var(--colors-grey-200);
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-select .fas, .audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-more-button .fas, .audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-select .far, .audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-more-button .far, .audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-select .fab, .audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-more-button .fab {
  margin-right: 5px;
  color: var(--colors-grey-600);
  font-size: 10px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-select:nth-child(n+6):not(.filter-more-button), .audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-more-button:nth-child(n+6):not(.filter-more-button) {
  display: none;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice .filter-more-button {
  color: var(--colors-grey-600);
  padding: 8px 15px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-choice:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.07);
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-form {
  display: none;
  width: 100%;
  padding: 12px 15px;
  border-radius: 3px;
  margin-bottom: 15px;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.05);
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-form strong {
  display: inline-block;
  margin-bottom: 4px;
  font-size: 14px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-form label {
  font-weight: 500;
  font-size: 13px;
  margin: 0 0 0 5px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-form select {
  width: 100%;
  margin: 5px 0;
  height: 32px;
  font-size: 13px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-form .contain-input {
  width: 100%;
  display: none;
  padding: 3px 10px;
  font-size: 13px;
  height: 38px;
  margin: 8px 0;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-form .close-filter-form {
  color: var(--colors-grey-500);
  font-size: 19px;
  padding: 4px;
  margin: -3px 0 0 0;
  float: right;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-form .close-filter-form:hover {
  color: var(--colors-grey-600);
  cursor: pointer;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .filters-selection-container .new-filter-form:hover {
  box-shadow: 0 3px 10px 0 rgba(0, 0, 0, 0.07);
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .col-lg-3 {
  padding: 20px 20px 20px 35px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .col-lg-9 {
  border-left: 1px solid var(--colors-grey-300);
  min-height: 400px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .selection-detail-loader {
  padding: 200px;
  text-align: center;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .selection-detail-loader .far {
  font-size: 40px;
  color: var(--colors-grey-400);
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .selection-detail-container .selection-count {
  margin: var(--spacing-06) 0 var(--spacing-04);
  font-size: 1.6rem;
  line-height: 1.5;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .selection-detail-container .more-leads-hint {
  margin: var(--spacing-04);
  color: var(--colors-grey-700);
  font-size: 1.3rem;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .selection-detail-container .selection-detail-table {
  width: calc(100% + 15px);
  font-size: 13px;
  margin-left: -15px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .selection-detail-container .selection-detail-table tr {
  border-bottom: 1px solid var(--colors-grey-300);
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .selection-detail-container .selection-detail-table td, .audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .selection-detail-container .selection-detail-table th {
  padding: 8px 25px;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .selection-detail-container .selection-detail-table th {
  color: var(--colors-grey-600);
  font-size: 12px;
  text-transform: uppercase;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .selection-detail-container .selection-detail-table__email {
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 20rem;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .recipients-from-leads-cta {
  text-align: right;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-from-leads .recipients-from-leads-cta button {
  margin: 20px 0 -5px 0;
}
.audience.show .audience-container #add-recipients-modal #add-recipients-manually label span {
  font-weight: 500;
}
.content.show .compose-container {
  max-width: 800px;
  margin: 60px auto;
}
.content.show .compose-container .compose-title {
  padding: 15px 20px;
  background-color: var(--colors-grey-100);
  font-weight: 600;
  border-radius: 3px;
  margin-bottom: 25px;
}
.content.show .compose-container .compose-title .days-input {
  margin: 0 3px;
}
.content.show .compose-container .compose-title em {
  color: var(--colors-grey-600);
  font-weight: 500;
  font-style: normal;
}
.content.show .compose-container .compose-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-03);
}
.content.show .compose-container .compose-actions select {
  width: 230px;
}
.content.show .compose-container .save-container {
  float: right;
  height: 30px;
  font-size: 12px;
  font-weight: 600;
  margin: 10px 0;
}
.content.show .compose-container .save-container .save-loader {
  display: none;
  color: var(--colors-grey-600);
}
.content.show .compose-container .save-container .save-message {
  display: none;
  color: var(--colors-success-700);
}
.content.show .compose-container .save-container .error-message {
  display: none;
  color: var(--colors-danger-700);
}
.content.show .compose-container .compose-window {
  border-radius: 5px;
  border: 1px solid var(--colors-grey-400);
}
.content.show .compose-container .compose-window .subject-line {
  padding: 6px 15px;
  border-bottom: 1px solid var(--colors-grey-400);
}
.content.show .compose-container .compose-window .subject-line input {
  border: none;
  background: none;
  padding: 0;
  width: calc(100% - 20px);
  font-size: 13px;
  transition: all 250ms ease;
  color: var(--colors-grey-1000);
  font-weight: 600;
}
.content.show .compose-container .compose-window .subject-line input::-webkit-input-placeholder {
  color: var(--colors-grey-600) !important;
}
.content.show .compose-container .compose-window .subject-line input:focus::-webkit-input-placeholder {
  color: var(--colors-grey-500) !important;
}
.content.show .compose-container .compose-window .subject-line input:active, .content.show .compose-container .compose-window .subject-line input:focus {
  border: 0 !important;
}
.content.show .compose-container .compose-window .subject-line .fa-lightbulb {
  color: var(--colors-grey-600);
  margin: 10px 5px 0 0;
}
.content.show .compose-container .compose-window .subject-line .fa-lightbulb:hover {
  cursor: pointer;
}
.content.show .compose-container .compose-window .compose-body {
  padding: 15px;
}
.content.show .compose-container .compose-window .compose-body .trix-container {
  min-height: 233px;
}
.content.show .compose-container .compose-window .compose-body trix-editor {
  border: none !important;
  background: none !important;
  padding: 0;
  margin-top: 5px;
  font-size: 13px;
  color: var(--colors-grey-1000);
}
.content.show .compose-container .compose-window .compose-body trix-editor:empty:not(:focus)::before {
  color: var(--colors-grey-600);
}
.content.show .compose-container .compose-window .compose-body trix-toolbar {
  font-size: 13px;
  height: 33px;
}
.content.show .compose-container .compose-window .compose-body trix-toolbar .trix-button-group--file-tools {
  display: none;
}
.content.show .compose-container .compose-window .compose-body trix-toolbar .trix-button-row {
  display: none;
}
.content.show .compose-container .compose-window .compose-body trix-toolbar .trix-button-row .trix-button-group.trix-button-group--block-tools {
  border: none !important;
}
.content.show .compose-container .compose-window .compose-body trix-toolbar .trix-button-row select.template-variables {
  height: auto;
  padding: 2px 5px;
  font-size: 12px;
  border-radius: 3px;
  min-width: 180px;
}
.content.show .compose-container .compose-window .compose-body .gmail-signature {
  margin-top: 15px;
}
.content.show .compose-container.compose-readonly .subject-line {
  padding: 15px;
  font-weight: 600;
}
.content.show .compose-container .compose-help {
  margin-top: var(--spacing-02);
}
.content.show .compose-container .compose-help .compose-help--follow-up,
.content.show .compose-container .compose-help .compose-help--cold-email {
  display: none;
}
.content.show .compose-container .compose-help[data-step=step-1] .compose-help--follow-up {
  display: flex;
}
.content.show .compose-container .compose-help[data-step=step-0] .compose-help--cold-email {
  display: flex;
}
.content.show .send-test-tooltip {
  --bs-tooltip-max-width: none;
}
.content.show .email-account-container {
  max-width: 800px;
  margin: 50px auto 0;
}
.content.show .email-account-container .h-selectize .items {
  flex-wrap: wrap;
}
.content.show .email-account-container .h-selectize .items input {
  width: auto !important;
}
.content.show .email-account-container .h-selectize .items input[placeholder] {
  width: 100% !important;
}
.content.show .email-account-container .selectize-dropdown-content {
  display: flex;
  flex-direction: column;
}
.content.show .email-account-container .selectize-dropdown-content .option {
  flex: 1 0 auto;
}
.content.show .email-account-container .selectize-dropdown-content .create {
  order: 2;
  padding: var(--spacing-03);
}
.content.show .email-account-container .selectize-dropdown-content .create.active {
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-900);
}
.content.show .single-email-account-field {
  max-width: 40rem;
}
.content.show .content-options-container {
  background: var(--colors-grey-100);
  margin: 0 calc(var(--spacing-06) * -1) -28px;
  border-radius: 0 0 3px 3px;
  padding: var(--spacing-06) var(--spacing-04);
}
.content.show .content-options {
  max-width: 800px;
  margin: auto;
  font-size: 12px;
}
.content.show .content-options p {
  margin-bottom: 5px;
}
.content.show .unsubscribe-link-info {
  margin: calc(var(--spacing-02) * -1) 0 var(--spacing-02) 0;
}
.content.show .unsubscribe-checkbox, .content.show .track-checkbox {
  color: var(--colors-grey-600);
  font-weight: 500;
}
.content.show .unsubscribe-checkbox input, .content.show .track-checkbox input {
  margin-right: 5px;
}
.campaign-content {
  padding: var(--spacing-04) calc(var(--spacing-06) * -1);
  padding-top: 0;
  margin: 0 calc(var(--spacing-06) * -1);
  background-color: var(--colors-grey-50);
  display: flex;
  flex-direction: column;
  min-height: 100vh;
}
.campaign-content__body {
  width: 100%;
  max-width: 800px;
  margin: 60px auto;
}
.campaign-content .selectize-control .selectize-input:after {
  content: "\f107";
  font-family: "Font Awesome 6 Pro";
  font-weight: 400;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  pointer-events: none;
  border: none;
  width: auto;
  height: auto;
  margin-top: 0;
}
.campaign-content .selectize-control .selectize-input.dropdown-active:after {
  margin-top: 0;
}
.campaign-content__follow-up {
  margin-top: var(--spacing-06);
  background-color: #fff;
}
.campaigns.index .active-campaigns {
  display: inline-block;
  padding: 7px 15px;
  margin: 0 0 25px;
  background: var(--colors-success-100);
  border: 1px solid var(--colors-success-400);
  border-radius: 4px;
  color: var(--colors-success-700);
}
.campaigns.index .active-campaigns .fa-play-circle {
  margin-right: 5px;
}
.campaigns.index .campaigns-table th:first-child,
.campaigns.index .campaigns-table td:first-child {
  padding-left: var(--spacing-06);
}
.campaigns.index .campaigns-table__name-col {
  padding: var(--spacing-04);
}
.campaigns.index .campaigns-table__name {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
}
.campaigns.index .campaigns-table__details {
  margin-top: var(--spacing-01);
  color: var(--colors-grey-600);
  line-height: 1.5384615385;
}
.campaigns.index .email-statistics-column {
  min-width: 26rem;
}
.campaigns.index .email-statistics-column .email-statistics {
  display: inline-block;
  font-size: 13px;
  font-weight: 600;
}
.campaigns.index .email-statistics-column .email-statistics .fas,
.campaigns.index .email-statistics-column .email-statistics .far,
.campaigns.index .email-statistics-column .email-statistics .fal,
.campaigns.index .email-statistics-column .email-statistics .fad {
  margin-right: 2px;
  font-size: 14px;
}
.campaigns.index .email-statistics-column .email-statistics .contact_rate,
.campaigns.index .email-statistics-column .email-statistics .click_rate,
.campaigns.index .email-statistics-column .email-statistics .open_rate,
.campaigns.index .email-statistics-column .email-statistics .reply_rate,
.campaigns.index .email-statistics-column .email-statistics .success_rate,
.campaigns.index .email-statistics-column .email-statistics .rate_limit_reached,
.campaigns.index .email-statistics-column .email-statistics .success_rate {
  margin-left: 15px;
}
.campaigns.index .email-accounts-tooltip {
  --bs-tooltip-max-width: 50rem;
}
.campaigns.index .email-accounts-tooltip .tooltip-inner {
  text-align: left;
}
.campaign-progression-indicator {
  display: flex;
  gap: var(--spacing-005);
  padding: var(--spacing-01) 0;
}
.campaign-progression-indicator__step {
  position: relative;
  flex: 1;
  height: 0.4rem;
  border-radius: 0.4rem;
  background-color: var(--colors-grey-300);
  overflow: hidden;
}
.campaign-progression-indicator__track {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: var(--colors-secondary-600);
}
.campaign-progression-tooltip {
  --bs-tooltip-max-width: 220rem;
}
.campaign-progression-tooltip__step {
  display: flex;
  gap: var(--spacing-02);
  align-items: center;
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-300);
  text-align: left;
}
.campaign-progression-tooltip__step .far {
  font-size: 1rem;
}
.campaign-progression-tooltip__step.is-sending {
  color: #fff;
  font-weight: 500;
}
.campaign-progression-tooltip__step + .campaign-progression-tooltip__step {
  margin-top: var(--spacing-005);
}
.campaign-progression-tooltip__step-name {
  flex: 1;
}
.activate-campaign {
  text-align: center;
}
.activate-campaign__thumbnail {
  display: inline-block;
  margin-bottom: -8rem;
}
.activate-campaign__title {
  margin: 0 0 var(--spacing-04) 0;
  font-size: 2rem;
  font-weight: 500;
  color: var(--colors-grey-1000);
}
.activate-campaign__subtitle {
  margin-bottom: var(--spacing-08);
  font-size: 1.6rem;
  color: var(--colors-grey-700);
}
.activate-campaign__hint {
  font-size: 1.4rem;
  color: var(--colors-grey-600);
}
.activate-campaign__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 2rem;
  margin: 1em 0 1.5em;
}
.messages.index .rate_limit_reached {
  display: none;
}
.messages.index .messages-container {
  margin-top: 30px;
}
.messages.index .messages-container h3 {
  margin-bottom: 30px;
}
.messages.index .messages-container .dropdown-menu-filter {
  margin-top: 3px;
  min-width: 230px;
}
.messages.index .messages-container .filter-label {
  display: inline-block;
  padding: 5px 12px;
  font-size: 13px;
  height: 35px;
  line-height: 25px;
  border-radius: 3px;
  font-weight: 600;
  color: #ffffff;
  margin-bottom: 30px;
  background-color: var(--colors-grey-600);
  border: 0;
}
.messages.index .messages-container .filter-label a {
  margin-left: 5px;
  font-size: 17px;
  vertical-align: bottom;
  color: var(--colors-grey-200);
  text-decoration: none;
}
.messages.index .messages-container .filter-label a:hover {
  color: #ffffff;
  cursor: pointer;
}
.messages.index .messages-container .message-preview {
  border: 1px solid var(--colors-grey-300);
  padding: 15px;
  border-radius: 5px;
  margin-bottom: 15px;
}
.messages.index .messages-container .message-preview strong {
  display: block;
  margin-bottom: 5px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messages.index .messages-container .message-preview:focus, .messages.index .messages-container .message-preview:hover {
  background-color: var(--colors-grey-100);
  outline: none;
  cursor: pointer;
}
.messages.index .messages-container .message-preview:focus .gradient-overflow, .messages.index .messages-container .message-preview:hover .gradient-overflow {
  background-image: linear-gradient(rgba(0, 0, 0, 0), var(--colors-grey-100));
}
.messages.index .messages-container .message-preview:active {
  background-color: var(--colors-grey-200);
}
.messages.index .messages-container .message-preview:active .gradient-overflow {
  background-image: linear-gradient(rgba(0, 0, 0, 0), var(--colors-grey-200));
}
.messages.index .messages-container .message-preview .message-edited {
  float: right;
  display: inline-block;
  background-color: var(--colors-grey-600);
  font-weight: 600;
  font-size: 10px;
  line-height: 20px;
  color: #ffffff;
  text-transform: uppercase;
  padding: 0 5px;
  margin: 1px 0 0 10px;
  border-radius: 3px;
}
.messages.index .messages-container .message-preview .message-status {
  display: inline-block;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
.messages.index .messages-container .message-preview .message-subject {
  display: block;
  margin-bottom: 2px;
  color: var(--colors-grey-600);
  font-size: 14px;
  font-weight: 600;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messages.index .messages-container .message-preview .message-body {
  color: var(--colors-grey-600);
  height: 100px;
  font-size: 13px;
  overflow: hidden;
  position: relative;
}
.messages.index .messages-container .message-preview .message-body img {
  display: inline;
  vertical-align: text-bottom;
}
.messages.index .messages-container .message-preview .gradient-overflow {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  height: 50px;
  background-image: linear-gradient(rgba(0, 0, 0, 0), #ffffff);
}
.messages.index .messages-container .modal #message-detail .message-activity {
  padding-bottom: 0;
  margin-bottom: 0;
  border-bottom: 0;
}
/**
* SCHEDULE MODAL
*/
.schedule-modal {
  --bs-modal-width: 66rem;
}
.schedule-modal .modal-dialog {
  width: auto;
}
.list-with-icons {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.list-with-icons:not(:last-child) {
  margin-bottom: 20px;
}
.list-with-icons__item {
  position: relative;
  padding-left: var(--spacing-08);
}
.list-with-icons__item:not(:first-child) {
  margin-top: var(--spacing-02);
}
.list-with-icons__icon {
  position: absolute;
  left: 0;
  top: var(--spacing-01);
  color: var(--colors-secondary-700);
  font-size: 1.8rem;
  width: 2.4rem;
  text-align: center;
}
.schedule-modal-info {
  color: var(--colors-grey-700);
  display: flex;
  font-size: 13px;
  line-height: 1.4;
  gap: 0.5em;
}
.schedule-modal-info__icon {
  font-size: 16px;
  color: var(--colors-grey-600);
  margin-top: 3px;
}
.review-layout {
  display: flex;
  flex: 1;
  width: 100%;
  height: 100%;
  overflow: auto;
}
.review-recipients {
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-right: 0.1rem solid var(--colors-grey-300);
  overflow-y: auto;
  flex-shrink: 0;
  min-width: 28rem;
  max-width: 36rem;
}
.review-recipients .review-recipients__title {
  margin: 0;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.3333333333;
}
.review-recipients__filters {
  position: relative;
  align-items: center;
  padding: var(--spacing-03) var(--spacing-04) var(--spacing-03) var(--spacing-06);
  border-bottom: 0.1rem solid var(--colors-grey-300);
  margin-bottom: 0;
}
.review-recipients__list {
  flex: 1;
  overflow-y: auto;
  margin: 0;
  padding: 0;
  list-style-type: none;
  width: 100%;
}
.review-recipients__list.is-empty {
  min-height: 200px;
}
.review-recipients__search {
  position: absolute;
  right: var(--spacing-04);
  left: var(--spacing-04);
  top: 50%;
  max-width: none;
  background-color: #fff;
  transform-origin: right center;
}
.recipients-list__pagination {
  text-align: center;
  padding: 1rem;
  opacity: 1;
  transition: opacity 0.2s ease-in-out;
}
.recipients-list__pagination.loading {
  opacity: 0.5;
  pointer-events: none;
}
.recipients-list__pagination .btn {
  min-width: 120px;
}
.review-recipient {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-005);
  padding: var(--spacing-03) var(--spacing-04) var(--spacing-03) var(--spacing-06);
  border-bottom: 0.1rem solid var(--colors-grey-300);
  transition: background-color 200ms ease-in, box-shadow 200ms ease-in;
}
.review-recipient:hover, .review-recipient:focus-within {
  background-color: var(--colors-grey-100);
}
.review-recipient:has(.review-recipient__name.is-active) {
  background-color: var(--colors-secondary-100);
  box-shadow: inset 3px 0 0 var(--colors-secondary-600);
}
.review-recipient.is-loading .review-recipient__name {
  opacity: 0.5;
  cursor: wait;
}
.review-recipient__heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  min-width: 0;
}
.review-recipient__name {
  flex: 1;
  padding: 0;
  border: 0;
  background-color: transparent;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-900);
  text-align: left;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  text-decoration: none;
  color: inherit;
  transition: opacity 0.2s ease;
}
.review-recipient__name:hover, .review-recipient__name:focus {
  text-decoration: none;
  color: currentColor;
}
.review-recipient__name:before {
  content: "";
  position: absolute;
  inset: 0;
}
.review-recipient__infos {
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.review-messages {
  display: flex;
  flex: 1;
  height: 100%;
  overflow: hidden;
}
.review-messages .compose-messages {
  flex: 1;
  overflow-y: auto;
  padding: var(--spacing-06);
}
.review-messages .review-details {
  flex: 0 1 36rem;
  background-color: #fff;
  border-left: 0.1rem solid var(--colors-grey-300);
  overflow-y: auto;
}
.review-details__nav {
  margin: var(--spacing-04) var(--spacing-06);
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.lead-qualification {
  padding: var(--spacing-06);
  background: linear-gradient(270.25deg, rgba(255, 185, 164, 0.1) 0%, rgba(241, 202, 204, 0.1) 50.38%, rgba(184, 223, 255, 0.1) 100.75%);
  border-top: 1px solid var(--colors-grey-300);
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.lead-qualification strong {
  font-weight: 500;
}
.lead-qualification p,
.lead-qualification ul {
  margin-bottom: 1.5em;
}
.lead-qualification__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-04);
}
.lead-qualification__header .lead-qualification__title {
  margin: 0;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.3333333333;
}
.campaigns.show .dashboard-body > .container-fluid, .campaigns.show .dashboard-body > .container-sm, .campaigns.show .dashboard-body > .container-md, .campaigns.show .dashboard-body > .container-lg, .campaigns.show .dashboard-body > .container-xl, .campaigns.show .dashboard-body > .container-xxl,
.audience.show .dashboard-body > .container-fluid,
.audience.show .dashboard-body > .container-sm,
.audience.show .dashboard-body > .container-md,
.audience.show .dashboard-body > .container-lg,
.audience.show .dashboard-body > .container-xl,
.audience.show .dashboard-body > .container-xxl,
.content.show .dashboard-body > .container-fluid,
.content.show .dashboard-body > .container-sm,
.content.show .dashboard-body > .container-md,
.content.show .dashboard-body > .container-lg,
.content.show .dashboard-body > .container-xl,
.content.show .dashboard-body > .container-xxl,
.messages.index .dashboard-body > .container-fluid,
.messages.index .dashboard-body > .container-sm,
.messages.index .dashboard-body > .container-md,
.messages.index .dashboard-body > .container-lg,
.messages.index .dashboard-body > .container-xl,
.messages.index .dashboard-body > .container-xxl,
.stats.index .dashboard-body > .container-fluid,
.stats.index .dashboard-body > .container-sm,
.stats.index .dashboard-body > .container-md,
.stats.index .dashboard-body > .container-lg,
.stats.index .dashboard-body > .container-xl,
.stats.index .dashboard-body > .container-xxl,
.webhooks.index .dashboard-body > .container-fluid,
.webhooks.index .dashboard-body > .container-sm,
.webhooks.index .dashboard-body > .container-md,
.webhooks.index .dashboard-body > .container-lg,
.webhooks.index .dashboard-body > .container-xl,
.webhooks.index .dashboard-body > .container-xxl {
  min-width: 1000px;
}
.campaigns.show .campaign-header,
.audience.show .campaign-header,
.content.show .campaign-header,
.messages.index .campaign-header,
.stats.index .campaign-header,
.webhooks.index .campaign-header {
  padding: 18px 28px 0 20px;
  margin: -24px calc(var(--spacing-06) * -1) 0;
  background-color: var(--colors-grey-100);
  border-bottom: 1px solid var(--colors-grey-300);
  border-radius: 3px 3px 0 0;
}
.campaigns.show .campaign-header .profile-pic,
.audience.show .campaign-header .profile-pic,
.content.show .campaign-header .profile-pic,
.messages.index .campaign-header .profile-pic,
.stats.index .campaign-header .profile-pic,
.webhooks.index .campaign-header .profile-pic {
  margin-left: var(--spacing-02);
  flex-shrink: 0;
}
.campaigns.show .back-box,
.audience.show .back-box,
.content.show .back-box,
.messages.index .back-box,
.stats.index .back-box,
.webhooks.index .back-box {
  margin: 5px 20px 0 0;
}
.campaigns.show .campaign-rename,
.audience.show .campaign-rename,
.content.show .campaign-rename,
.messages.index .campaign-rename,
.stats.index .campaign-rename,
.webhooks.index .campaign-rename {
  display: inline-block;
}
.campaigns.show #rename-campaign-form,
.audience.show #rename-campaign-form,
.content.show #rename-campaign-form,
.messages.index #rename-campaign-form,
.stats.index #rename-campaign-form,
.webhooks.index #rename-campaign-form {
  display: none;
  height: 41px;
  padding: 3px 0;
  margin-bottom: 20px;
}
.campaigns.show #rename-campaign-form input[type=text],
.audience.show #rename-campaign-form input[type=text],
.content.show #rename-campaign-form input[type=text],
.messages.index #rename-campaign-form input[type=text],
.stats.index #rename-campaign-form input[type=text],
.webhooks.index #rename-campaign-form input[type=text] {
  display: inline;
  width: 200px !important;
}
.campaigns.show h2.header,
.audience.show h2.header,
.content.show h2.header,
.messages.index h2.header,
.stats.index h2.header,
.webhooks.index h2.header {
  position: relative;
  max-width: calc(100% - 50rem);
  min-width: 20rem;
  width: 100%;
  padding: 0;
}
.campaigns.show h2.header .dropdown,
.audience.show h2.header .dropdown,
.content.show h2.header .dropdown,
.messages.index h2.header .dropdown,
.stats.index h2.header .dropdown,
.webhooks.index h2.header .dropdown {
  display: flex;
  align-items: center;
}
.campaigns.show h2.header #list-select,
.audience.show h2.header #list-select,
.content.show h2.header #list-select,
.messages.index h2.header #list-select,
.stats.index h2.header #list-select,
.webhooks.index h2.header #list-select {
  border-color: var(--colors-grey-100);
  max-width: 100%;
  min-width: 20rem;
  display: inline-flex;
  align-items: center;
}
.campaigns.show h2.header #list-select span,
.audience.show h2.header #list-select span,
.content.show h2.header #list-select span,
.messages.index h2.header #list-select span,
.stats.index h2.header #list-select span,
.webhooks.index h2.header #list-select span {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.campaigns.show .dropdown-menu-campaign,
.audience.show .dropdown-menu-campaign,
.content.show .dropdown-menu-campaign,
.messages.index .dropdown-menu-campaign,
.stats.index .dropdown-menu-campaign,
.webhooks.index .dropdown-menu-campaign {
  margin: 12px 0 0 -10px;
  min-width: 230px;
}
.campaigns.show .campaign-schedule,
.audience.show .campaign-schedule,
.content.show .campaign-schedule,
.messages.index .campaign-schedule,
.stats.index .campaign-schedule,
.webhooks.index .campaign-schedule {
  float: right;
  position: relative;
  z-index: 1;
}
.campaigns.show .campaign-schedule .campaign-status,
.audience.show .campaign-schedule .campaign-status,
.content.show .campaign-schedule .campaign-status,
.messages.index .campaign-schedule .campaign-status,
.stats.index .campaign-schedule .campaign-status,
.webhooks.index .campaign-schedule .campaign-status {
  float: right;
  margin: -2px 15px 0 0;
}
.campaigns.show .campaign-schedule .campaign-status .status-text,
.audience.show .campaign-schedule .campaign-status .status-text,
.content.show .campaign-schedule .campaign-status .status-text,
.messages.index .campaign-schedule .campaign-status .status-text,
.stats.index .campaign-schedule .campaign-status .status-text,
.webhooks.index .campaign-schedule .campaign-status .status-text {
  display: inline-flex;
}
.campaigns.show .campaign-schedule .active-campaign-switcher,
.audience.show .campaign-schedule .active-campaign-switcher,
.content.show .campaign-schedule .active-campaign-switcher,
.messages.index .campaign-schedule .active-campaign-switcher,
.stats.index .campaign-schedule .active-campaign-switcher,
.webhooks.index .campaign-schedule .active-campaign-switcher {
  float: right;
  position: relative;
  height: 22px;
  width: 36px;
  border-radius: 13px;
  background: #ddd;
  float: right;
  cursor: pointer;
}
.campaigns.show .campaign-schedule .active-campaign-switcher .active-campaign-selector,
.audience.show .campaign-schedule .active-campaign-switcher .active-campaign-selector,
.content.show .campaign-schedule .active-campaign-switcher .active-campaign-selector,
.messages.index .campaign-schedule .active-campaign-switcher .active-campaign-selector,
.stats.index .campaign-schedule .active-campaign-switcher .active-campaign-selector,
.webhooks.index .campaign-schedule .active-campaign-switcher .active-campaign-selector {
  position: absolute;
  top: 3px;
  left: 3px;
  background-color: #ffffff;
  height: 16px;
  width: 16px;
  border-radius: 50%;
}
.campaigns.show .campaign-schedule .active-campaign-switcher.active,
.audience.show .campaign-schedule .active-campaign-switcher.active,
.content.show .campaign-schedule .active-campaign-switcher.active,
.messages.index .campaign-schedule .active-campaign-switcher.active,
.stats.index .campaign-schedule .active-campaign-switcher.active,
.webhooks.index .campaign-schedule .active-campaign-switcher.active {
  background: var(--colors-primary-600);
}
.campaigns.show .campaign-schedule .active-campaign-switcher.active .active-campaign-selector,
.audience.show .campaign-schedule .active-campaign-switcher.active .active-campaign-selector,
.content.show .campaign-schedule .active-campaign-switcher.active .active-campaign-selector,
.messages.index .campaign-schedule .active-campaign-switcher.active .active-campaign-selector,
.stats.index .campaign-schedule .active-campaign-switcher.active .active-campaign-selector,
.webhooks.index .campaign-schedule .active-campaign-switcher.active .active-campaign-selector {
  right: 3px;
  left: auto;
}
.campaigns.show .campaign-schedule .campaign-sent-emails,
.audience.show .campaign-schedule .campaign-sent-emails,
.content.show .campaign-schedule .campaign-sent-emails,
.messages.index .campaign-schedule .campaign-sent-emails,
.stats.index .campaign-schedule .campaign-sent-emails,
.webhooks.index .campaign-schedule .campaign-sent-emails {
  color: var(--colors-grey-700);
  margin-top: var(--spacing-01);
}
.campaigns.show .campaign-schedule .campaign-sent-emails .far,
.campaigns.show .campaign-schedule .campaign-sent-emails .fal,
.audience.show .campaign-schedule .campaign-sent-emails .far,
.audience.show .campaign-schedule .campaign-sent-emails .fal,
.content.show .campaign-schedule .campaign-sent-emails .far,
.content.show .campaign-schedule .campaign-sent-emails .fal,
.messages.index .campaign-schedule .campaign-sent-emails .far,
.messages.index .campaign-schedule .campaign-sent-emails .fal,
.stats.index .campaign-schedule .campaign-sent-emails .far,
.stats.index .campaign-schedule .campaign-sent-emails .fal,
.webhooks.index .campaign-schedule .campaign-sent-emails .far,
.webhooks.index .campaign-schedule .campaign-sent-emails .fal {
  margin-right: 3px;
}
.campaigns.show .campaign-schedule .campaign-sent-emails .fa-spin,
.audience.show .campaign-schedule .campaign-sent-emails .fa-spin,
.content.show .campaign-schedule .campaign-sent-emails .fa-spin,
.messages.index .campaign-schedule .campaign-sent-emails .fa-spin,
.stats.index .campaign-schedule .campaign-sent-emails .fa-spin,
.webhooks.index .campaign-schedule .campaign-sent-emails .fa-spin {
  -webkit-animation-duration: 800ms !important;
  animation-duration: 800ms !important;
}
.campaigns.show .campaign-breadcrumb,
.audience.show .campaign-breadcrumb,
.content.show .campaign-breadcrumb,
.messages.index .campaign-breadcrumb,
.stats.index .campaign-breadcrumb,
.webhooks.index .campaign-breadcrumb {
  margin-top: 2px;
  display: inline-block;
  float: right;
}
.campaigns.show .campaign-breadcrumb ol,
.audience.show .campaign-breadcrumb ol,
.content.show .campaign-breadcrumb ol,
.messages.index .campaign-breadcrumb ol,
.stats.index .campaign-breadcrumb ol,
.webhooks.index .campaign-breadcrumb ol {
  display: inline-flex;
  align-items: center;
  list-style: none;
  padding: 0;
  margin: 0;
}
.campaigns.show .campaign-breadcrumb li,
.audience.show .campaign-breadcrumb li,
.content.show .campaign-breadcrumb li,
.messages.index .campaign-breadcrumb li,
.stats.index .campaign-breadcrumb li,
.webhooks.index .campaign-breadcrumb li {
  display: inline-flex;
  align-items: center;
  color: var(--colors-grey-600);
  font-size: 15px;
}
.campaigns.show .campaign-breadcrumb li:not(:first-child):before,
.audience.show .campaign-breadcrumb li:not(:first-child):before,
.content.show .campaign-breadcrumb li:not(:first-child):before,
.messages.index .campaign-breadcrumb li:not(:first-child):before,
.stats.index .campaign-breadcrumb li:not(:first-child):before,
.webhooks.index .campaign-breadcrumb li:not(:first-child):before {
  margin: 0 8px;
  content: "›";
  font-size: 18px;
  color: var(--colors-grey-600);
}
.campaigns.show .campaign-breadcrumb li a,
.audience.show .campaign-breadcrumb li a,
.content.show .campaign-breadcrumb li a,
.messages.index .campaign-breadcrumb li a,
.stats.index .campaign-breadcrumb li a,
.webhooks.index .campaign-breadcrumb li a {
  display: inline-flex;
  align-items: center;
  text-decoration: none;
  color: var(--colors-grey-600);
}
.campaigns.show .campaign-breadcrumb li .step-count,
.audience.show .campaign-breadcrumb li .step-count,
.content.show .campaign-breadcrumb li .step-count,
.messages.index .campaign-breadcrumb li .step-count,
.stats.index .campaign-breadcrumb li .step-count,
.webhooks.index .campaign-breadcrumb li .step-count {
  display: inline-block;
  height: 20px;
  width: 20px;
  background-color: var(--colors-grey-500);
  border-radius: 50%;
  color: #ffffff;
  margin-right: 8px;
  text-align: center;
  font-size: 11px;
  font-weight: 700;
  line-height: 20px;
}
.campaigns.show .campaign-breadcrumb li.active, .campaigns.show .campaign-breadcrumb li.active a,
.audience.show .campaign-breadcrumb li.active,
.audience.show .campaign-breadcrumb li.active a,
.content.show .campaign-breadcrumb li.active,
.content.show .campaign-breadcrumb li.active a,
.messages.index .campaign-breadcrumb li.active,
.messages.index .campaign-breadcrumb li.active a,
.stats.index .campaign-breadcrumb li.active,
.stats.index .campaign-breadcrumb li.active a,
.webhooks.index .campaign-breadcrumb li.active,
.webhooks.index .campaign-breadcrumb li.active a {
  font-weight: 600;
  color: var(--colors-grey-1000);
}
.campaigns.show .campaign-breadcrumb li.active .step-count, .campaigns.show .campaign-breadcrumb li.active a .step-count,
.audience.show .campaign-breadcrumb li.active .step-count,
.audience.show .campaign-breadcrumb li.active a .step-count,
.content.show .campaign-breadcrumb li.active .step-count,
.content.show .campaign-breadcrumb li.active a .step-count,
.messages.index .campaign-breadcrumb li.active .step-count,
.messages.index .campaign-breadcrumb li.active a .step-count,
.stats.index .campaign-breadcrumb li.active .step-count,
.stats.index .campaign-breadcrumb li.active a .step-count,
.webhooks.index .campaign-breadcrumb li.active .step-count,
.webhooks.index .campaign-breadcrumb li.active a .step-count {
  background-color: var(--colors-primary-600);
}
.campaigns.show .campaign-breadcrumb .breadcrumb-buttons,
.audience.show .campaign-breadcrumb .breadcrumb-buttons,
.content.show .campaign-breadcrumb .breadcrumb-buttons,
.messages.index .campaign-breadcrumb .breadcrumb-buttons,
.stats.index .campaign-breadcrumb .breadcrumb-buttons,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons {
  display: inline-block;
  text-align: right;
  min-width: 16rem;
  margin-left: var(--spacing-04);
}
.campaigns.show .campaign-breadcrumb .breadcrumb-buttons .back-button,
.audience.show .campaign-breadcrumb .breadcrumb-buttons .back-button,
.content.show .campaign-breadcrumb .breadcrumb-buttons .back-button,
.messages.index .campaign-breadcrumb .breadcrumb-buttons .back-button,
.stats.index .campaign-breadcrumb .breadcrumb-buttons .back-button,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons .back-button {
  margin-right: 15px;
}
.campaigns.show .campaign-breadcrumb .breadcrumb-buttons .next-button,
.audience.show .campaign-breadcrumb .breadcrumb-buttons .next-button,
.content.show .campaign-breadcrumb .breadcrumb-buttons .next-button,
.messages.index .campaign-breadcrumb .breadcrumb-buttons .next-button,
.stats.index .campaign-breadcrumb .breadcrumb-buttons .next-button,
.webhooks.index .campaign-breadcrumb .breadcrumb-buttons .next-button {
  height: 40px;
  line-height: 25px;
  padding: 7px 20px;
}
.campaigns.show .box-submenu,
.audience.show .box-submenu,
.content.show .box-submenu,
.messages.index .box-submenu,
.stats.index .box-submenu,
.webhooks.index .box-submenu {
  position: relative;
  display: flex;
  align-items: center;
  margin: -10px -13px 0;
}
.campaigns.show .box-submenu li > a,
.audience.show .box-submenu li > a,
.content.show .box-submenu li > a,
.messages.index .box-submenu li > a,
.stats.index .box-submenu li > a,
.webhooks.index .box-submenu li > a {
  padding: 15px 3px;
}
.campaigns.show .email-statistics,
.audience.show .email-statistics,
.content.show .email-statistics,
.messages.index .email-statistics,
.stats.index .email-statistics,
.webhooks.index .email-statistics {
  display: inline-flex;
  font-size: 1.3rem;
  font-weight: 600;
  margin-left: 2vw;
}
.campaigns.show .email-statistics a,
.audience.show .email-statistics a,
.content.show .email-statistics a,
.messages.index .email-statistics a,
.stats.index .email-statistics a,
.webhooks.index .email-statistics a {
  white-space: nowrap;
}
.campaigns.show .email-statistics .fas,
.campaigns.show .email-statistics .far,
.campaigns.show .email-statistics .fal,
.campaigns.show .email-statistics .fad,
.audience.show .email-statistics .fas,
.audience.show .email-statistics .far,
.audience.show .email-statistics .fal,
.audience.show .email-statistics .fad,
.content.show .email-statistics .fas,
.content.show .email-statistics .far,
.content.show .email-statistics .fal,
.content.show .email-statistics .fad,
.messages.index .email-statistics .fas,
.messages.index .email-statistics .far,
.messages.index .email-statistics .fal,
.messages.index .email-statistics .fad,
.stats.index .email-statistics .fas,
.stats.index .email-statistics .far,
.stats.index .email-statistics .fal,
.stats.index .email-statistics .fad,
.webhooks.index .email-statistics .fas,
.webhooks.index .email-statistics .far,
.webhooks.index .email-statistics .fal,
.webhooks.index .email-statistics .fad {
  margin-right: 2px;
  font-size: 14px;
}
.campaigns.show .email-statistics .contact_rate,
.campaigns.show .email-statistics .click_rate,
.campaigns.show .email-statistics .open_rate,
.campaigns.show .email-statistics .reply_rate,
.campaigns.show .email-statistics .rate_limit_reached,
.campaigns.show .email-statistics .success_rate,
.audience.show .email-statistics .contact_rate,
.audience.show .email-statistics .click_rate,
.audience.show .email-statistics .open_rate,
.audience.show .email-statistics .reply_rate,
.audience.show .email-statistics .rate_limit_reached,
.audience.show .email-statistics .success_rate,
.content.show .email-statistics .contact_rate,
.content.show .email-statistics .click_rate,
.content.show .email-statistics .open_rate,
.content.show .email-statistics .reply_rate,
.content.show .email-statistics .rate_limit_reached,
.content.show .email-statistics .success_rate,
.messages.index .email-statistics .contact_rate,
.messages.index .email-statistics .click_rate,
.messages.index .email-statistics .open_rate,
.messages.index .email-statistics .reply_rate,
.messages.index .email-statistics .rate_limit_reached,
.messages.index .email-statistics .success_rate,
.stats.index .email-statistics .contact_rate,
.stats.index .email-statistics .click_rate,
.stats.index .email-statistics .open_rate,
.stats.index .email-statistics .reply_rate,
.stats.index .email-statistics .rate_limit_reached,
.stats.index .email-statistics .success_rate,
.webhooks.index .email-statistics .contact_rate,
.webhooks.index .email-statistics .click_rate,
.webhooks.index .email-statistics .open_rate,
.webhooks.index .email-statistics .reply_rate,
.webhooks.index .email-statistics .rate_limit_reached,
.webhooks.index .email-statistics .success_rate {
  margin-left: 15px;
}
.campaigns.show .campaign-header.is-not-started h2.header,
.audience.show .campaign-header.is-not-started h2.header,
.content.show .campaign-header.is-not-started h2.header,
.messages.index .campaign-header.is-not-started h2.header,
.stats.index .campaign-header.is-not-started h2.header,
.webhooks.index .campaign-header.is-not-started h2.header {
  max-width: calc(100% - 75rem);
}
@media screen and (max-width: 1200px) {
  .campaigns.show .box-submenu li:first-child,
  .audience.show .box-submenu li:first-child,
  .content.show .box-submenu li:first-child,
  .messages.index .box-submenu li:first-child,
  .stats.index .box-submenu li:first-child,
  .webhooks.index .box-submenu li:first-child {
    margin-left: 0;
  }
  .campaigns.show .box-submenu li > a,
  .audience.show .box-submenu li > a,
  .content.show .box-submenu li > a,
  .messages.index .box-submenu li > a,
  .stats.index .box-submenu li > a,
  .webhooks.index .box-submenu li > a {
    padding: var(--spacing-03) 3px;
  }
  .campaigns.show .email-statistics,
  .audience.show .email-statistics,
  .content.show .email-statistics,
  .messages.index .email-statistics,
  .stats.index .email-statistics,
  .webhooks.index .email-statistics {
    position: absolute;
    right: var(--spacing-06);
    top: 50%;
    transform: translateY(-50%);
  }
}
@media screen and (max-width: 1400px) {
  .campaigns.show .campaign-sent-emails,
  .audience.show .campaign-sent-emails,
  .content.show .campaign-sent-emails,
  .messages.index .campaign-sent-emails,
  .stats.index .campaign-sent-emails,
  .webhooks.index .campaign-sent-emails {
    margin-top: 0 !important;
  }
  .campaigns.show .campaign-header.is-not-started,
  .audience.show .campaign-header.is-not-started,
  .content.show .campaign-header.is-not-started,
  .messages.index .campaign-header.is-not-started,
  .stats.index .campaign-header.is-not-started,
  .webhooks.index .campaign-header.is-not-started {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
  }
  .campaigns.show .campaign-header.is-not-started .campaign--rename,
  .audience.show .campaign-header.is-not-started .campaign--rename,
  .content.show .campaign-header.is-not-started .campaign--rename,
  .messages.index .campaign-header.is-not-started .campaign--rename,
  .stats.index .campaign-header.is-not-started .campaign--rename,
  .webhooks.index .campaign-header.is-not-started .campaign--rename {
    flex: 1;
    max-width: calc(100% - 6rem);
  }
  .campaigns.show .campaign-header.is-not-started h2.header,
  .audience.show .campaign-header.is-not-started h2.header,
  .content.show .campaign-header.is-not-started h2.header,
  .messages.index .campaign-header.is-not-started h2.header,
  .stats.index .campaign-header.is-not-started h2.header,
  .webhooks.index .campaign-header.is-not-started h2.header {
    margin-bottom: 0;
    max-width: none;
    width: 100%;
  }
  .campaigns.show .campaign-header.is-not-started .campaign-breadcrumb,
  .audience.show .campaign-header.is-not-started .campaign-breadcrumb,
  .content.show .campaign-header.is-not-started .campaign-breadcrumb,
  .messages.index .campaign-header.is-not-started .campaign-breadcrumb,
  .stats.index .campaign-header.is-not-started .campaign-breadcrumb,
  .webhooks.index .campaign-header.is-not-started .campaign-breadcrumb {
    flex: 1;
    flex-basis: 100%;
    order: 3;
    display: flex;
    align-items: center;
    margin: var(--spacing-03) 0 var(--spacing-03) var(--spacing-03);
  }
  .campaigns.show .campaign-header.is-not-started .campaign-breadcrumb ol,
  .audience.show .campaign-header.is-not-started .campaign-breadcrumb ol,
  .content.show .campaign-header.is-not-started .campaign-breadcrumb ol,
  .messages.index .campaign-header.is-not-started .campaign-breadcrumb ol,
  .stats.index .campaign-header.is-not-started .campaign-breadcrumb ol,
  .webhooks.index .campaign-header.is-not-started .campaign-breadcrumb ol {
    flex: 1;
  }
}
.campaign-grid {
  display: grid;
  grid-template-rows: auto auto 1fr;
  height: 100vh;
  min-height: 0;
  background-color: var(--colors-grey-50);
}
.campaign-grid__main {
  overflow: auto;
}
.campaign-grid__main--settings {
  max-width: 96rem;
}
.compose-note {
  position: absolute;
  bottom: 0;
  padding-bottom: 3.2rem;
  padding-top: 1.6rem;
  display: flex;
  gap: 0.8rem;
  align-items: center;
  justify-content: center;
  color: var(--colors-grey-600);
}
.compose-note .far {
  z-index: 1;
}
.compose-note__background-base, .compose-note__background-3, .compose-note__background-2, .compose-note__background-1, .compose-note__background-0 {
  position: absolute;
  inset: 0;
  pointer-events: none;
  background: var(--colors-grey-50);
  filter: blur(4px);
}
.compose-note__background-0 {
  filter: blur(32px);
}
.compose-note__background-1 {
  filter: blur(24px);
}
.compose-note__background-2 {
  filter: blur(16px);
}
.compose-note__background-3 {
  filter: blur(12px);
  transform: translateY(16px) scale(1.1);
}
.compose-note__text {
  font-size: 1.3rem;
  line-height: 1.2307692308;
  display: flex;
  gap: 0;
  z-index: 1;
  font-weight: 500;
  color: var(--colors-grey-700);
}
.compose-grid {
  display: flex;
  justify-content: space-between;
  background-color: var(--colors-grey-50);
  height: 100%;
  padding: 0 var(--spacing-06);
  padding-bottom: var(--spacing-10);
}
.compose-assistant {
  background: #fff;
  border-right: 0.1rem solid var(--colors-grey-300);
  width: 42.8rem;
}
.compose-assistant--form {
  overflow-y: auto;
  padding: var(--spacing-03);
  height: 100%;
  position: relative;
  padding-bottom: var(--spacing-14);
  height: 100%;
}
.compose-assistant__header {
  display: flex;
  align-items: center;
  position: relative;
  padding: var(--spacing-02) var(--spacing-03);
  background-color: var(--colors-grey-100);
  border-radius: 0.4rem;
}
.compose-assistant__header .compose-assistant__title {
  flex: 1;
  margin: 0;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  letter-spacing: -0.009em;
}
.compose-assistant-warning {
  border-top: 0.1rem solid var(--colors-grey-300);
  border-radius: 0 0 0.7rem 0.7rem;
  padding: var(--spacing-03) var(--spacing-08) var(--spacing-04);
  background-color: var(--colors-grey-100);
}
.compose-assistant-warning__title {
  display: block;
  margin-bottom: var(--spacing-01);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5384615385;
}
.compose-assistant-warning__description {
  margin-bottom: var(--spacing-02);
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.compose-assistant-length {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  margin-top: var(--spacing-02);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.compose-assistant-length__slider {
  flex: 1;
  height: 0.4rem;
}
.compose-assistant-length__slider::after {
  display: none;
}
.compose-assistant-length__slider .noUi-base,
.compose-assistant-length__slider .noUi-pips-horizontal {
  width: 100%;
}
.compose-assistant-length__slider .noUi-handle {
  width: 1.6rem;
  height: 1.6rem;
  border: 0.2rem solid #FFFFFF;
  box-shadow: 0.1rem 0.1rem 0.4rem 0.1rem rgba(0, 0, 0, 0.05);
}
.compose-assistant-length__slider .noUi-marker {
  width: 0.4rem;
  height: 0.4rem;
  border-radius: 50%;
  box-shadow: 0 0 0 0.2rem #fff;
  background-color: transparent;
}
.compose-assistant-length__slider .noUi-marker:first-child, .compose-assistant-length__slider .noUi-marker:nth-last-child(2) {
  display: block;
}
.compose-assistant-length__slider .noUi-marker:nth-last-child(2) {
  background-color: var(--colors-grey-300);
}
.compose-assistant-length__slider .noUi-value {
  display: none;
}
.compose-assistant__footer {
  background: linear-gradient(to top, #fff, #fff 75%, rgba(255, 255, 255, 0));
  padding: var(--spacing-10) 0 var(--spacing-04);
  position: sticky;
  bottom: 0;
  z-index: 5;
}
.dropdown-menu--custom-attr-desc {
  --bs-dropdown-min-width: 38rem;
}
@property --ai-border-gradient-angle {
  inherits: false;
  initial-value: -45deg;
  syntax: "<angle>";
}
@keyframes borderGradientAnimation {
  to {
    --ai-border-gradient-angle: 45deg;
  }
}
.compose-assistant-option {
  background: linear-gradient(to bottom, #fff, #fff) padding-box, linear-gradient(var(--ai-border-gradient-angle), #FFAD94, #F8C4C6, #85C7FF) border-box;
  border-radius: 0.8rem;
  border: 0.2rem solid transparent;
  animation: borderGradientAnimation 2.5s infinite linear paused;
}
.compose-assistant-option .toggle-component__icon {
  background: linear-gradient(270.25deg, #85C7FF 0%, #F8C4C6 50.38%, #FFAD94 100.75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
}
.compose-assistant-persona-generate-button {
  background: linear-gradient(270.25deg, #0F92FF 0%, #ED6870 50.38%, #FF5F2E 100.75%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
  text-fill-color: transparent;
  text-decoration: none;
}
.compose-assistant-persona-generate-button:hover {
  text-decoration: none;
}
.compose-messages {
  position: relative;
  flex: 1;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-06);
  align-items: center;
  padding: var(--spacing-04) 0 var(--spacing-40);
  overflow: auto;
}
.compose-messages:has(.compose-message-follow-ups.is-loading) {
  overflow: hidden;
}
.compose-messages > * {
  width: 100%;
  max-width: 62rem;
}
.compose-messages__loader {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: var(--spacing-04);
}
.compose-message-follow-ups {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-04);
}
.compose-message {
  display: flex;
  flex-direction: column;
  background: #fff;
  border: 1px solid var(--colors-grey-300);
  border-radius: 0.8rem;
}
.compose-message__header {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-02);
  padding: var(--spacing-02) var(--spacing-02) var(--spacing-02) var(--spacing-04);
  background: var(--colors-grey-50);
  border-bottom: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.7rem 0.7rem 0 0;
}
.compose-message__header .compose-message__title {
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
  text-wrap: nowrap;
}
.compose-message__icon {
  width: 1.6rem;
  text-align: center;
  font-size: 1.4rem;
  color: var(--colors-grey-500);
}
.compose-message__wait-days {
  color: var(--colors-grey-700);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  width: auto;
}
.compose-message__wait-days:hover, .compose-message__wait-days:focus {
  border-color: transparent !important;
}
.compose-message__header-actions {
  margin-left: auto;
  display: flex;
  gap: var(--spacing-01);
}
.compose-message--readonly .compose-message__header {
  background: var(--colors-grey-100);
}
.compose-message-subject {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-03) var(--spacing-04);
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.compose-message-subject .compose-message-subject__input {
  flex: 1;
  height: auto;
  padding: 0;
  border: 0;
  -moz-appearance: textfield;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  color: var(--colors-grey-900);
  background-color: transparent;
}
.compose-message-subject .compose-message-subject__input:hover, .compose-message-subject .compose-message-subject__input:focus, .compose-message-subject .compose-message-subject__input:focus-visible {
  border: 0 !important;
}
.compose-message-subject__label {
  margin: 0;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  color: var(--colors-grey-600);
}
.compose-message__error {
  color: var(--colors-danger-700);
  background-color: var(--colors-danger-100);
  padding: var(--spacing-02) var(--spacing-04);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
}
.compose-message-body {
  padding: var(--spacing-03) var(--spacing-04);
}
.compose-message-body .trix-editor {
  display: block;
  padding: 0;
  min-height: 28rem !important;
}
.compose-message-footer {
  margin: var(--spacing-01);
  padding: var(--spacing-02) var(--spacing-03);
  background: var(--colors-grey-100);
  gap: var(--spacing-04);
  border-radius: 0.4rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.compose-message-footer .h-link {
  font-size: 1.3rem;
  line-height: 1.8461538462;
  text-decoration: none;
  color: var(--colors-grey-600);
}
.compose-message-footer .h-link a {
  color: var(--colors-grey-600);
  text-decoration: underline;
  text-decoration-color: var(--colors-grey-600);
}
.compose-message-footer .h-link a:hover {
  color: var(--colors-grey-600);
  text-decoration-color: var(--colors-grey-600);
}
.compose-message-footer + .compose-message-footer {
  margin-top: 0;
}
.compose-message-metas {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  margin-bottom: 0;
}
.compose-message-meta {
  display: flex;
  align-items: center;
  font-size: 1.3rem;
  line-height: 1.8461538462;
  color: var(--colors-grey-600);
}
.compose-message-meta__label {
  font-weight: normal;
}
.compose-message-meta__label::after {
  content: "·";
  margin: 0 0.25em;
}
.compose-message-meta__value {
  margin: 0;
  color: var(--colors-grey-800);
  font-weight: 500;
}
.compose-message-follow-ups.is-loading {
  pointer-events: none;
}
.compose-message-follow-ups.is-loading .compose-message-follow-ups-loader {
  display: flex;
}
.compose-message-follow-ups-loader {
  display: none;
  position: absolute;
  inset: 1px;
  background-color: rgba(255, 255, 255, 0.9);
  backdrop-filter: blur(2px);
  border-radius: 0.8rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  gap: var(--spacing-04);
  z-index: 100;
}
.compose-message-follow-ups-loader__text {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-600);
  background: linear-gradient(90deg, var(--colors-grey-500) 0%, var(--colors-grey-500) 40%, var(--colors-grey-1000) 50%, var(--colors-grey-500) 60%, var(--colors-grey-500) 100%);
  background-size: 200% 100%;
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  animation: textShimmer 4s linear infinite;
}
@keyframes textShimmer {
  0% {
    background-position: 200% 0;
  }
  100% {
    background-position: -200% 0;
  }
}
.campaign-breadcrumb-new {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 var(--spacing-06);
  background-color: #fff;
  box-shadow: inset 0 -1px 0 0 var(--colors-grey-300);
}
.campaign-breadcrumb-new .h-tabs {
  --h-tab-padding: var(--spacing-04) 0 calc(var(--spacing-04) - var(--h-tab-border-width));
  box-shadow: 0;
}
.campaign-breadcrumb-new__nav {
  text-align: right;
}
.campaign-breadcrumb-new__nav .h-button {
  min-width: 8rem;
}
.dropdown-menu--custom-attr-desc {
  position: fixed !important;
  z-index: 1050;
  display: none !important;
}
.dropdown-menu--custom-attr-desc.show {
  display: block !important;
}
.stats.index .charts-container {
  display: flex;
  align-items: flex-start;
  justify-content: center;
  max-width: 120rem;
  width: 100%;
  margin: 0 auto;
}
.stats.index .charts-container .chart-item {
  position: relative;
  max-width: 20%;
  min-width: 10rem;
  margin-bottom: var(--spacing-12);
}
.stats.index .charts-container canvas {
  max-width: 20rem;
}
.stats.index .charts-container .stat-number {
  position: absolute;
  top: 50%;
  left: 0;
  right: 0;
  font-size: 1.7rem;
  display: block;
  text-align: center;
  transform: translateY(calc(-50% - 1.2rem));
}
.stats.index .charts-container .stat-label {
  font-size: 1.5rem;
  line-height: 1.6;
  display: block;
  text-align: center;
  text-transform: uppercase;
}
.stats.index .charts-container .disabled-chart {
  opacity: 0.5;
}
.stats.index table {
  margin-bottom: -26px;
}
.stats.index table td, .stats.index table th {
  padding: 12px 20px;
}
.stats.index table tr:last-child {
  border: 0;
}
.campaigns.queue .email-statistics {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-04);
  background: var(--colors-grey-100);
  padding: var(--spacing-01) var(--spacing-03);
  border-radius: 0.4rem;
  font-size: 1.3rem;
  font-weight: 600;
}
.campaigns.queue .email-statistics .fad {
  font-size: 1.4rem;
  margin-right: 0.2rem;
}
.campaigns.queue .inbox-view {
  min-height: calc(100vh - 20.4rem);
}
.campaigns.queue .main-filters .dropdown-menu {
  min-width: 35rem;
}
.inbox-view {
  display: flex;
  margin-left: calc(var(--spacing-06) * -1);
  margin-right: calc(var(--spacing-06) * -1);
  border-top: 1px solid var(--colors-grey-300);
  --h-tab-font-size: 1.3rem;
  --h-tab-padding: var(--spacing-03) 0 calc(var(--spacing-03) - var(--h-tab-border-width));
}
.inbox-view .inbox-list-title {
  margin: 0;
  padding: var(--spacing-02) var(--spacing-06);
  border-bottom: 1px solid var(--colors-grey-300);
  font-weight: 600;
  font-size: 1.1rem;
  line-height: 1.4545454545;
  color: var(--colors-grey-700);
  background-color: var(--colors-grey-100);
  text-transform: uppercase;
  position: sticky;
  top: 0;
  z-index: 10;
}
.inbox-list-more {
  text-align: center;
  padding-top: var(--spacing-06);
}
.inbox-view__master {
  flex: 0 0 35%;
  max-width: 40rem;
  padding-bottom: var(--spacing-06);
  overflow: auto;
}
.inbox-view__details {
  flex: 1;
  min-width: 0;
  border-left: 1px solid var(--colors-grey-300);
}
.circle-progress {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  font-size: 1rem;
  line-height: 1.6;
  font-weight: 600;
  color: var(--colors-grey-600);
}
.circle-progress__graph {
  transform: rotate(-90deg);
  overflow: initial;
}
.circle-progress circle {
  stroke-width: 2;
  fill: none;
}
.circle-progress__track {
  stroke: var(--colors-grey-300);
}
.circle-progress__percent {
  stroke: var(--colors-secondary-600);
  position: relative;
  z-index: 1;
}
.circle-progress__percent {
  stroke-dasharray: 48px;
  stroke-dashoffset: 0;
}
.circle-progress__percent[data-percent="25"] {
  stroke-dashoffset: 36px;
}
.circle-progress__percent[data-percent="50"] {
  stroke-dashoffset: 24px;
}
.circle-progress__percent[data-percent="75"] {
  stroke-dashoffset: 12px;
}
.queue-filter-label {
  display: inline-flex;
  align-items: center;
  padding: 5px 12px;
  font-size: 13px;
  height: 35px;
  line-height: 25px;
  border-radius: 3px;
  font-weight: 600;
  color: #ffffff;
  background-color: var(--colors-grey-600);
  border: 0;
  max-width: 30%;
}
.queue-filter-label span {
  flex: 1;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.queue-filter-label a {
  margin-left: 5px;
  font-size: 17px;
  vertical-align: bottom;
  color: var(--colors-grey-200);
  text-decoration: none;
}
.queue-filter-label a:hover {
  color: #ffffff;
  cursor: pointer;
}
.inbox-list {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.inbox-list .inbox-item {
  border-bottom: 1px solid var(--colors-grey-300);
}
.inbox-item {
  position: relative;
  background-color: #fff;
  transition: box-shadow 150ms ease-in, background-color 150ms ease-in, opacity 150ms ease-in;
}
.inbox-item.selected {
  background-color: var(--colors-grey-100);
}
.inbox-item.selected::before {
  content: "";
  position: absolute;
  top: 0;
  bottom: 0;
  width: 0.4rem;
  background-color: var(--colors-secondary-600);
  z-index: 1;
}
.inbox-item.disabled {
  opacity: 0.7;
}
.inbox-item:hover {
  opacity: 1;
  background-color: var(--colors-grey-100);
  box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.05);
  z-index: 5;
}
.inbox-item:hover .inbox-item__actions {
  opacity: 1;
}
.inbox-item:hover .inbox-item__metas {
  opacity: 0;
}
.inbox-item.unread {
  background-color: var(--colors-secondary-100);
}
.inbox-item.unread::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.4rem);
  left: var(--spacing-03);
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 50%;
  background-color: var(--colors-secondary-600);
  z-index: 10;
}
.inbox-item__link {
  display: block;
  position: relative;
  padding: var(--spacing-04) var(--spacing-04) var(--spacing-04) var(--spacing-08);
  text-decoration: none;
  transition: background-color 150ms ease-in;
}
.inbox-item__link:hover, .inbox-item__link:focus {
  background-color: var(--colors-grey-100);
  text-decoration: none;
}
.inbox-item__link:active {
  background-color: var(--colors-grey-200);
}
.inbox-item__link.selected {
  background-color: var(--colors-grey-100);
}
.inbox-item__link.selected .inbox-item__stats {
  background-color: #fff;
}
.inbox-item__header {
  margin-bottom: var(--spacing-01);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-04);
}
.inbox-item__pretitle {
  flex: 1;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-600);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inbox-item__title {
  margin: var(--spacing-01) 0;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-900);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.inbox-item__transceiver {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.inbox-item__transceiver span {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.inbox-item__transceiver em {
  font-style: normal;
  color: var(--colors-grey-600);
}
.inbox-item__avatar {
  width: 1.6rem;
  border-radius: 50%;
  margin-right: 0.25em;
}
.inbox-item__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.inbox-item__time {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-01);
  margin-left: auto;
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
.inbox-item__time .far {
  font-size: 1rem;
}
.inbox-item__stats {
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
  padding: var(--spacing-01) var(--spacing-02);
  background-color: var(--colors-grey-100);
  border-radius: 4px;
  font-size: 1.2rem;
  font-weight: 600;
  line-height: 1.33333;
}
.inbox-item__metas,
.inbox-item__actions {
  display: flex;
  align-items: center;
  position: absolute;
  right: var(--spacing-04);
  transition: opacity 200ms ease-in-out;
}
.inbox-item__metas {
  gap: var(--spacing-03);
  font-size: 1.3rem;
  top: var(--spacing-04);
  background-color: #fff;
  color: var(--colors-grey-600);
  z-index: 10;
}
.inbox-item__actions {
  gap: var(--spacing-02);
  top: var(--spacing-03);
  opacity: 0;
  z-index: 50;
}
.empty-space {
  padding: var(--spacing-10) var(--spacing-08);
  text-align: center;
}
.empty-space__icon {
  font-size: 4rem;
  color: var(--colors-grey-300);
  margin-bottom: var(--spacing-03);
}
.empty-space__title {
  display: block;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  margin-bottom: var(--spacing-01);
}
.empty-space__desc {
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-600);
}
.empty-space--sm .empty-space__title {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.5384615385;
}
.empty-space--sm .empty-space__desc {
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
.messages-details {
  overflow: auto;
  margin-bottom: var(--spacing-06);
}
.messages-details:focus {
  outline: none;
}
.modal .messages-details {
  margin: -24px;
}
.messages-header {
  position: sticky;
  z-index: 1;
  top: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-04);
  padding: var(--spacing-06);
  margin-bottom: var(--spacing-06);
  background-color: #fff;
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.messages-header .messages-header__subject {
  margin: 0;
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.3333333333;
}
.messages-header__heading {
  flex: 1;
}
.messages-header__campaign {
  display: flex;
  gap: var(--spacing-04);
  align-items: center;
  margin-bottom: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-600);
}
.messages-header__campaign a {
  color: inherit;
  transition: color 150ms ease-in, text-decoration-color 150ms ease-in;
}
.messages-header__campaign a:hover, .messages-header__campaign a:focus {
  color: var(--colors-grey-800);
  text-decoration: none;
}
.messages-header__actions {
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-02);
}
.messages-header__metas {
  display: flex;
  flex-direction: column;
  align-items: flex-end;
  gap: var(--spacing-02);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-600);
}
.messages-header__sending-time {
  font-size: 1.2rem;
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-01);
  margin-left: var(--spacing-04);
  margin-right: auto;
}
.messages-header__sending-time .far {
  font-size: 1rem;
}
.btn-successful {
  overflow: hidden;
  position: relative;
  padding-left: var(--spacing-06);
}
.btn-successful .far {
  position: absolute;
  left: var(--spacing-02);
  transition: all 400ms ease-in-out;
}
.btn-successful .fa-check {
  opacity: 0;
  transform: rotateZ(-40deg) scale(0);
  transition-delay: 200ms;
}
.btn-successful.h-button--success .fa-check {
  transform: rotateZ(0) scale(1);
  opacity: 1;
}
.btn-successful.h-button--success .fa-thumbs-up {
  transform: rotateZ(-40deg) scale(0);
  opacity: 0;
}
.message {
  position: relative;
  padding-bottom: var(--spacing-06);
  margin: var(--spacing-06);
}
.message:not(:last-child) {
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.message.is-open .message__summary {
  display: none;
}
.message.is-open .message__body {
  display: block;
}
.message.is-open .message-header {
  position: relative;
}
.message-header {
  display: flex;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-04);
}
.message-header__avatar {
  width: 4rem;
  height: 4rem;
  border-radius: 50%;
}
.message-transceiver {
  position: relative;
}
.message-transceiver__sender {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.message-transceiver__sender-name {
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.8461538462;
  color: var(--colors-grey-900);
}
.message-transceiver__sender-email {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-700);
}
.message-transceiver__recipient {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
}
.message-transceiver__recipient-email {
  color: var(--colors-grey-700);
}
.message-transceiver__action {
  position: absolute;
  right: calc(var(--spacing-06) * -1);
  top: var(--spacing-01);
  z-index: 5;
}
.message-header__time {
  margin-left: auto;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
}
.message-header__toggle {
  position: absolute;
  inset: 0;
  background-color: transparent;
  border: 0;
  padding: 0;
  width: 100%;
}
.message__summary {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.message__body {
  display: none;
  max-width: 70rem;
  font-size: 1.3rem;
  line-height: 1.5384615385;
  overflow-wrap: anywhere;
}
.message__body p,
.message__body ul,
.message__body ol {
  margin-bottom: 1.2rem;
}
.message__body p:last-child,
.message__body ul:last-child,
.message__body ol:last-child {
  margin-bottom: 0;
}
.message__body a:not(.h-button) {
  color: var(--colors-secondary-700);
  text-decoration-color: var(--colors-secondary-400);
}
.message__body img {
  display: inline;
  vertical-align: text-bottom;
}
.message__body:has(.message__overlay) {
  position: relative;
  max-width: 100%;
}
.message__attachments {
  margin-top: var(--spacing-06);
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-02);
}
.message__footer {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-top: var(--spacing-10);
}
.message-response {
  width: calc(100% - 10rem);
  margin: var(--spacing-02);
  padding: var(--spacing-04);
  background-color: var(--colors-grey-100);
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.2rem;
  transition: background-color 150ms ease-in, box-shadow 150ms ease-in, border-color 150ms ease-in;
}
.message-response:focus-within {
  background-color: #fff;
  border-color: var(--colors-secondary-600);
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-300);
}
.message-response trix-editor {
  padding: 0;
  min-height: 8rem !important;
}
.message-response trix-editor:focus {
  background-color: transparent !important;
}
.message-response__attachments {
  margin: var(--spacing-04) 0;
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: var(--spacing-02);
}
.message-response__footer {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.message-campaign {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-04);
  padding: var(--spacing-06);
  margin: var(--spacing-06);
  border-radius: 0.4rem;
  background-color: var(--colors-grey-100);
}
.message-campaign__heading {
  flex: 1;
}
.message-campaign__pretitle {
  display: block;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.message-campaign__title {
  display: block;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  color: var(--colors-grey-900);
}
.message-campaign__title:hover, .message-campaign__title:focus {
  color: var(--colors-grey-900);
  text-decoration-color: var(--colors-grey-500);
}
.message-reply {
  margin: var(--spacing-06);
  padding-top: var(--spacing-06);
  border-top: 1px solid var(--colors-grey-300);
}
.modal .message-reply {
  margin-left: 0;
  margin-right: 0;
}
.message-reply__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-02);
}
.message-reply__avatar {
  width: 1.6rem;
  border-radius: 50%;
}
.message-reply__from {
  font-size: 1.2rem;
  line-height: 1.66666;
  color: var(--colors-grey-700);
}
.message-reply__date {
  margin-left: auto;
  color: var(--colors-grey-600);
  font-size: 1.2rem;
}
.message-reply__content {
  margin-left: var(--spacing-06);
  padding: var(--spacing-04);
  border-radius: 0.4rem;
  background-color: var(--colors-grey-100);
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
.message__overlay {
  position: absolute;
  inset: 0 calc(var(--spacing-06) * -1);
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  backdrop-filter: blur(8px);
  z-index: 10;
}
.message__overlay .empty-state__content {
  max-width: 48rem;
}
.campaigns.inbox .inbox-view {
  min-height: calc(100vh - 19.7rem);
}
.include-disabled-tracking {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-left: auto;
}
.global-stats {
  display: flex;
  flex-wrap: wrap;
  background-color: #fff;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 1px 1px rgba(29, 38, 46, 0.05);
  border-radius: 0.4rem;
  padding: var(--spacing-02) 0;
}
.stat-block {
  --h-stat-block-icon-color: var(--colors-grey-700);
  flex: 1;
  padding: var(--spacing-02) var(--spacing-08);
}
.stat-block:not(:first-child) {
  border-left: 0.1rem solid var(--colors-grey-300);
}
.stat-block .stat-block__title {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3333333333;
  margin: 0;
  color: var(--colors-grey-700);
}
.stat-block__heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.stat-block__icon {
  color: var(--h-stat-block-icon-color);
  font-size: 1.4rem;
  line-height: 1.1428571429;
}
.stat-block__metrics {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-01);
  margin-top: var(--spacing-02);
}
.stat-block__value {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1;
  color: var(--colors-grey-900);
}
.stat-block__precision {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2307692308;
  color: var(--colors-grey-600);
}
.stat-block--sent {
  --h-stat-block-icon-color: var(--colors-secondary-600);
}
.stat-block--opens {
  --h-stat-block-icon-color: var(--colors-success-600);
}
.stat-block--clicks {
  --h-stat-block-icon-color: var(--colors-cyan-500);
}
.stat-block--replies {
  --h-stat-block-icon-color: var(--colors-magenta-500);
}
.stat-block--successful {
  --h-stat-block-icon-color: var(--colors-emerald-500);
}
.overview-datas {
  display: flex;
  gap: var(--spacing-06);
  flex-wrap: wrap;
}
.global-chart,
.leaderboard {
  background-color: #fff;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 1px 1px rgba(29, 38, 46, 0.05);
  border-radius: 0.4rem;
  padding: var(--spacing-04);
}
.global-chart--full {
  background-color: #fff;
  padding: 0;
}
.global-chart {
  flex: 1 0 70%;
  min-width: 0;
}
.global-chart__placeholder,
.leaderboard__placeholder {
  width: 100%;
  height: 100%;
  aspect-ratio: 3/1;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 2em;
}
.global-chart__frame {
  display: block;
  position: relative;
}
.global-chart__frame[busy]::after {
  content: "";
  position: absolute;
  inset: 0;
  background-color: rgba(255, 255, 255, 0.4);
  z-index: 100;
}
.global-chart__frame[busy]::before {
  content: "\f3f4";
  position: absolute;
  top: 50%;
  left: 50%;
  font-family: "Font Awesome 6 Pro";
  font-size: 2em;
  animation: fa-spin 0.4s infinite linear;
  margin-top: -1em;
  margin-left: -0.5em;
}
.leaderboard {
  flex: 1;
  min-width: 32rem;
}
.export-canvas-container {
  position: absolute;
  z-index: -1;
  visibility: hidden;
  width: 84rem;
  height: 40rem;
}
.chart-canvas-container {
  position: relative;
  width: 100%;
  height: 40rem;
}
.leaderboard__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-04);
}
.leaderboard__header .leaderboard__title {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
}
.ranking-list {
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  counter-reset: ranking;
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.ranking-list__item {
  display: flex;
  gap: var(--spacing-02);
  padding: var(--spacing-01) var(--spacing-02);
  position: relative;
  counter-increment: ranking;
  border-radius: 0.2rem;
  transition: background-color 200ms ease-in;
}
.ranking-list__item:not(:first-child) {
  margin-top: var(--spacing-01);
}
.ranking-list__item:has(.ranking-list__link):hover {
  background-color: var(--colors-grey-100);
}
.ranking-list__item:has(.ranking-list__link):hover::after {
  content: "\f105";
  position: absolute;
  right: var(--spacing-04);
  top: 50%;
  transform: translateY(-50%);
  font-family: "Font Awesome 6 Pro";
  font-size: 1.6rem;
  color: var(--colors-grey-600);
  opacity: 1;
}
.ranking-list__item:has(.ranking-list__link):hover .ranking-list__value {
  opacity: 0;
}
.ranking-list__item::before {
  content: "#" counter(ranking);
  font-weight: 600;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
}
.ranking-list__infos {
  flex: 1;
  min-width: 0;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ranking-list__name {
  font-weight: 500;
  color: var(--colors-grey-900);
}
.ranking-list__details {
  color: var(--colors-grey-600);
}
.ranking-list__value {
  align-self: center;
  transition: opacity 200ms ease-in;
}
.ranking-list__link {
  position: absolute;
  inset: 0;
}
.reporting-table {
  --h-table-sticky-header-top: calc(var(--spacing-06) * -1);
}
.reporting-table__name {
  max-width: 30rem;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.reporting-disabled-overlay {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background-color: rgba(255, 255, 255, 0.8);
  -webkit-backdrop-filter: blur(3px);
  backdrop-filter: blur(3px);
  z-index: 20;
}
.reporting-disabled-modal {
  max-width: 40rem;
  padding: var(--spacing-10);
  border-radius: 0.4rem;
  border: 0.1rem solid var(--colors-grey-300);
  background-color: #fff;
  box-shadow: 0 5px 25px rgba(0, 0, 0, 0.2);
}
.campaigns.webhooks .h-table {
  font-size: 1.3rem;
  max-width: 70rem;
}
.campaigns.webhooks .h-table code {
  background-color: transparent;
  padding: 0;
}
.campaigns.webhooks .webhook-example-modal pre {
  max-height: 30rem;
}
.campaigns.settings.show .new_outreach_settings {
  max-width: 96rem;
}
.campaigns.settings.show input.daily-messages-limit {
  width: 200px;
}
.campaigns.settings.show input.period-between-messages {
  width: 200px;
}
.campaigns.settings.show .settings-hint {
  margin-bottom: 20px;
}
.campaigns.settings.show #user_unsubscribe_sentence {
  max-width: 700px;
}
.campaigns.settings.show .block-checkbox-container {
  display: inline-block;
  width: auto;
}
.campaigns.settings.show .glossary {
  max-width: 44rem;
  margin: var(--spacing-03) 0;
  padding: var(--spacing-04);
  border-radius: 0.4rem;
  background-color: var(--colors-grey-100);
  border: 1px solid var(--colors-grey-200);
}
.campaigns.settings.show .glossary__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.campaigns.settings.show .glossary__item:not(:last-child) {
  margin-bottom: var(--spacing-02);
}
.campaigns.settings.show .glossary__title {
  margin-right: var(--spacing-02);
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  text-transform: uppercase;
  min-width: 20%;
}
.campaigns.settings.show .glossary__desc {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.campaigns.settings.show .default-account-checkbox label {
  font-weight: 500;
}
.campaigns.settings.show .default-account-checkbox input {
  margin-right: 3px;
}
.campaigns.settings.show .schedule-startdate {
  max-width: 32rem;
}
.email-health-popover {
  line-height: 2rem;
  max-width: 32rem;
}
.email-health-popover__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.email-health-popover__title {
  font-size: 1.4rem;
  line-height: 1.1428571429;
  flex: 1;
}
.email-health-popover__protocol {
  margin-top: var(--spacing-04);
  color: var(--colors-grey-700);
  font-size: 1.3rem;
}
.email-health-popover__protocol p {
  font-size: 1.2rem;
}
.email-health-popover__protocol a {
  color: currentColor;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-400);
  text-underline-offset: var(--spacing-01);
}
.email-health-popover__protocol a:hover, .email-health-popover__protocol a:focus {
  text-decoration-color: currentColor;
}
.campaigns.user_settings.index .daily-messages-limit {
  max-width: 10rem;
}
.campaigns.user_settings.index .period-between-messages {
  max-width: 20rem;
}
.campaigns.user_settings.index .settings-hint {
  margin-bottom: 20px;
}
.campaigns.user_settings.index #custom_domain_value {
  max-width: 25em;
}
.campaigns.user_settings.index #user_unsubscribe_sentence {
  max-width: 700px;
}
.campaigns.user_settings.index .block-checkbox-container {
  display: inline-block;
  width: auto;
}
.campaigns.user_settings.index .table-scrollable {
  overflow-x: auto;
}
.campaigns.user_settings.index .custom-domain-table {
  width: 100%;
  max-width: 70rem;
  margin-bottom: 0;
  border-bottom: 1px solid var(--colors-grey-300);
}
.campaigns.user_settings.index .custom-domain-table td {
  padding: 0;
  padding-bottom: var(--spacing-04);
}
.campaigns.user_settings.index .custom-domain-table__domain {
  font-size: 1.4rem;
  font-weight: 600;
}
.campaigns.user_settings.index .custom-domain-step {
  max-width: 70rem;
  padding-top: var(--spacing-04);
  border-top: 1px solid var(--colors-grey-300);
}
.campaigns.user_settings.index .custom-domain-step + .custom-domain-step {
  margin-top: var(--spacing-04);
}
.campaigns.user_settings.index .custom-domain-step.done .custom-domain-step__title {
  color: var(--colors-grey-700);
}
.campaigns.user_settings.index .custom-domain-step.done .custom-domain-step__icon {
  background-color: var(--colors-success-200);
  color: var(--colors-success-600);
}
.campaigns.user_settings.index .custom-domain-step.upcoming .custom-domain-step__title {
  color: var(--colors-grey-700);
}
.campaigns.user_settings.index .custom-domain-step.upcoming .custom-domain-step__icon {
  background-color: var(--colors-grey-200);
  color: var(--colors-grey-600);
}
.campaigns.user_settings.index .custom-domain-step__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 1.4rem;
  margin-bottom: var(--spacing-02);
  margin-top: 0;
}
.campaigns.user_settings.index .custom-domain-step__icon {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 2rem;
  width: 2rem;
  border-radius: 50%;
  background-color: var(--colors-grey-300);
  color: var(--colors-grey-800);
  font-size: 1rem;
  font-weight: 600;
}
.campaigns.user_settings.index .glossary {
  max-width: 50rem;
  margin: var(--spacing-03) 0;
  padding: var(--spacing-04);
  border-radius: 0.4rem;
  background-color: var(--colors-grey-100);
  border: 1px solid var(--colors-grey-200);
}
.campaigns.user_settings.index .glossary__item {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.campaigns.user_settings.index .glossary__item:not(:last-child) {
  margin-bottom: var(--spacing-02);
}
.campaigns.user_settings.index .glossary__title {
  margin-right: var(--spacing-02);
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  text-transform: uppercase;
  min-width: 20%;
}
.campaigns.user_settings.index .glossary__desc {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.campaigns.user_settings.index .glossary__desc .ff-code {
  font-size: 1.2rem;
}
.campaigns.user_settings.index .webhook-example-modal pre {
  max-height: 30rem;
}
.campaigns.user_settings .email-accounts .h-alert {
  max-width: 80rem;
}
.email-accounts-table {
  margin: 0 -28px;
  width: calc(100% + 56px);
}
.email-accounts-table__email {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.email-accounts-table__logo {
  flex-shrink: 0;
  width: 2rem;
  height: 2rem;
  padding: var(--spacing-005);
  border: 0.1rem solid var(--colors-grey-100);
  border-radius: 50%;
}
.email-accounts-table__avatar .profile-pic {
  display: inline-block;
}
.add-email-accounts-choices {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-10);
}
.add-email-accounts-choices__separator {
  height: 2.4rem;
  width: 0.1rem;
  margin: 0 var(--spacing-01);
  background-color: var(--colors-grey-300);
}
.edit-email-account-modal .form-group {
  margin-bottom: var(--spacing-04);
}
.edit-email-account-servers .form-group,
.edit-email-account-servers .edit-email-account-servers__server {
  max-width: 33rem;
}
.edit-email-account-servers__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-04);
  margin-bottom: var(--spacing-02);
}
.edit-email-account-servers__title {
  display: block;
  margin: 0;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.1428571429;
  color: var(--colors-grey-800);
}
.smtp-imap-modal {
  --background-gradient-color: var(--colors-secondary-200);
  max-width: 50rem;
}
.smtp-imap-modal--error {
  --background-gradient-color: var(--colors-danger-200);
}
.smtp-imap-modal--warning {
  --background-gradient-color: var(--colors-warning-200);
}
.smtp-imap-modal--success {
  --background-gradient-color: var(--colors-success-200);
}
.smtp-imap-modal .modal-content {
  padding: var(--spacing-10);
  background-image: linear-gradient(360deg, rgba(255, 255, 255, 0) 0%, var(--background-gradient-color) 100%);
  background-size: 100% 10rem;
  background-repeat: no-repeat;
}
.smtp-imap-modal__header {
  max-width: 32rem;
  margin: 0 auto var(--spacing-08);
}
.smtp-imap-modal__visual {
  margin: 0 auto var(--spacing-08);
}
.smtp-imap-modal__pretitle {
  display: block;
  margin-bottom: var(--spacing-01);
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
}
.smtp-imap-modal__title {
  font-size: 1.8rem;
  font-weight: 500;
  line-height: 1.3333333333;
  color: var(--colors-grey-800);
  margin: 0 0 var(--spacing-02);
}
.smtp-imap-modal__description {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-700);
}
.smtp-imap-modal-form {
  max-width: 32rem;
  margin: 0 auto;
}
.smtp-imap-modal-form .form-group {
  margin-bottom: var(--spacing-04);
}
.smtp-imap-modal-form__title {
  display: block;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
}
.smtp-imap-modal-form__subtitle {
  display: block;
  margin-top: var(--spacing-005);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-800);
}
.smtp-imap-modal__server,
.edit-email-account-servers__server {
  display: flex;
  gap: var(--spacing-02);
}
.smtp-imap-modal__server .form-group:first-child,
.edit-email-account-servers__server .form-group:first-child {
  flex: 1 0 73.75%;
}
.smtp-imap-signature {
  padding: var(--spacing-03);
  margin-bottom: var(--spacing-04);
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.2rem;
  transition: box-shadow 150ms ease-in, border-color 150ms ease-in;
}
.smtp-imap-signature:focus-within {
  background-color: #fff;
  border-color: var(--colors-secondary-600);
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-300);
}
.smtp-imap-signature trix-editor {
  padding: 0;
  min-height: 8rem !important;
}
.smtp-imap-signature trix-editor:focus {
  background-color: transparent !important;
}
.smtp-imap-signature__toolbar {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.smtp-imap-modal-details {
  margin-left: calc(var(--spacing-10) * -1);
  margin-right: calc(var(--spacing-10) * -1);
  margin-bottom: var(--spacing-08);
  width: calc(100% + var(--spacing-10) * 2);
}
.smtp-imap-modal-details__header {
  display: flex;
  align-items: center;
}
.smtp-imap-modal-details__header::before, .smtp-imap-modal-details__header::after {
  content: "";
  flex: 1;
  height: 0.1rem;
  background-color: var(--colors-grey-300);
}
.smtp-imap-modal-details__infos {
  padding: var(--spacing-08) var(--spacing-10) var(--spacing-06);
  margin-top: calc(var(--spacing-03) * -1);
  background-color: var(--colors-grey-100);
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.smtp-imap-modal-details__hint {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.smtp-imap-modal-details__hint .far {
  color: var(--colors-grey-600);
}
.smtp-imap-modal-details__subtitle {
  display: block;
  margin: var(--spacing-04) 0 var(--spacing-02);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.1428571429;
  color: var(--colors-grey-800);
}
.smtp-imap-modal-loading {
  margin: 0 auto;
  max-width: 30rem;
  text-align: center;
  min-height: 48.2rem;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.loading-gradient {
  position: relative;
  max-width: 22rem;
  width: 100%;
  margin: 0 auto;
  height: 0.2rem;
  background-color: var(--colors-grey-100);
  overflow: hidden;
}
.loading-gradient::before {
  content: "";
  position: absolute;
  width: 8rem;
  height: 0.2rem;
  background: linear-gradient(90deg, rgba(15, 141, 244, 0) 0%, #0F8DF4 49.48%, rgba(247, 249, 250, 0) 100%, rgba(15, 141, 244, 0) 100%);
  animation: loadingGradient 1.25s ease-in-out infinite;
}
@keyframes loadingGradient {
  0% {
    left: -8rem;
  }
  100% {
    left: 100%;
  }
}
#new_smtp_imap_setup {
  view-transition-name: smtpImapModal;
  contain: layout;
}
@keyframes fade-in {
  from {
    opacity: 0;
  }
}
@keyframes fade-out {
  to {
    opacity: 0;
  }
}
@keyframes slide-from-right {
  from {
    transform: translateX(10%);
  }
}
@keyframes slide-to-left {
  to {
    transform: translateX(-10%);
  }
}
::view-transition-old(smtpImapModal) {
  animation: 200ms ease-in both fade-out, 300ms ease-in-out both slide-to-left;
}
::view-transition-new(smtpImapModal) {
  animation: 200ms ease-out 200ms both fade-in, 300ms ease-in-out both slide-from-right;
}
.cancellation_reasons.new .dashboard-body > .container,
.cancellation_reasons.edit .dashboard-body > .container,
.cancellation_reasons.create .dashboard-body > .container,
.cancellation_reasons.update .dashboard-body > .container {
  max-width: 660px;
}
.cancellation_reasons.new h2,
.cancellation_reasons.edit h2,
.cancellation_reasons.create h2,
.cancellation_reasons.update h2 {
  border-bottom: 1px solid var(--colors-grey-300);
  padding-bottom: 20px;
}
.cancellation_reasons.new .cancellation-label,
.cancellation_reasons.edit .cancellation-label,
.cancellation_reasons.create .cancellation-label,
.cancellation_reasons.update .cancellation-label {
  font-weight: normal;
  margin-left: var(--spacing-02);
  margin-bottom: 0;
  display: inline;
}
.cancellation_reasons.new .board-box, .cancellation_reasons.new .onboarding-box,
.cancellation_reasons.edit .board-box,
.cancellation_reasons.edit .onboarding-box,
.cancellation_reasons.create .board-box,
.cancellation_reasons.create .onboarding-box,
.cancellation_reasons.update .board-box,
.cancellation_reasons.update .onboarding-box {
  position: relative;
  margin-top: var(--spacing-10);
}
.cancellation_reasons.new .board-box::before, .cancellation_reasons.new .onboarding-box::before, .cancellation_reasons.new .board-box::after, .cancellation_reasons.new .onboarding-box::after,
.cancellation_reasons.edit .board-box::before,
.cancellation_reasons.edit .onboarding-box::before,
.cancellation_reasons.edit .board-box::after,
.cancellation_reasons.edit .onboarding-box::after,
.cancellation_reasons.create .board-box::before,
.cancellation_reasons.create .onboarding-box::before,
.cancellation_reasons.create .board-box::after,
.cancellation_reasons.create .onboarding-box::after,
.cancellation_reasons.update .board-box::before,
.cancellation_reasons.update .onboarding-box::before,
.cancellation_reasons.update .board-box::after,
.cancellation_reasons.update .onboarding-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0.4rem;
  border-radius: 0.4rem;
}
.cancellation_reasons.new .board-box::before, .cancellation_reasons.new .onboarding-box::before,
.cancellation_reasons.edit .board-box::before,
.cancellation_reasons.edit .onboarding-box::before,
.cancellation_reasons.create .board-box::before,
.cancellation_reasons.create .onboarding-box::before,
.cancellation_reasons.update .board-box::before,
.cancellation_reasons.update .onboarding-box::before {
  background-color: var(--colors-grey-300);
  width: 100%;
}
.cancellation_reasons.new .board-box:after, .cancellation_reasons.new .onboarding-box:after,
.cancellation_reasons.edit .board-box:after,
.cancellation_reasons.edit .onboarding-box:after,
.cancellation_reasons.create .board-box:after,
.cancellation_reasons.create .onboarding-box:after,
.cancellation_reasons.update .board-box:after,
.cancellation_reasons.update .onboarding-box:after {
  background-color: var(--colors-primary-600);
}
.cancellation_reasons.edit .board-box::after, .cancellation_reasons.edit .onboarding-box::after {
  width: 33%;
}
.cancellation_reasons.show .dashboard-body > .container {
  max-width: 660px;
}
.cancellation_reasons.show .board-box, .cancellation_reasons.show .onboarding-box {
  position: relative;
}
.cancellation_reasons.show .board-box::before, .cancellation_reasons.show .onboarding-box::before, .cancellation_reasons.show .board-box::after, .cancellation_reasons.show .onboarding-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0.4rem;
}
.cancellation_reasons.show .board-box::before, .cancellation_reasons.show .onboarding-box::before {
  background-color: var(--colors-grey-300);
  width: 100%;
}
.cancellation_reasons.show .board-box:after, .cancellation_reasons.show .onboarding-box:after {
  background-color: var(--colors-primary-600);
  width: 50%;
}
.cancellation_reasons.show .cancellation-offer {
  text-align: center;
  padding: 30px;
}
.cancellation_reasons.show .cancellation-offer h2 {
  margin-bottom: 20px;
}
.cancellation_reasons.show .cancellation-offer p {
  margin-bottom: 30px;
}
.cancellation_reasons.show .cancellation-offer .cancellation-offer-icon {
  color: var(--colors-grey-300);
  font-size: 80px;
  margin: 0 0 40px;
}
.change_email.index .board-box--unboxed {
  max-width: 58rem;
}
.complete_profile.index .container {
  max-width: 600px;
}
.compose-modal .modal-content {
  border: 0;
  padding: 0;
}
.compose-modal .modal-header {
  padding: 15px;
  margin: 0;
  background-color: var(--colors-grey-900);
  color: #ffffff;
  border-radius: 5px 5px 0 0;
  border: 0;
}
.compose-modal .modal-header h2 {
  font-size: 13px;
  line-height: 13px;
}
.compose-modal .modal-header .modal-close {
  color: #ffffff;
  opacity: 0.7;
}
.compose-modal .modal-header .modal-close:hover, .compose-modal .modal-header .modal-close:active {
  opacity: 1;
}
.compose-modal .modal-body {
  padding: 0;
}
.compose-modal .modal-body .compose-line {
  border-bottom: 1px solid var(--colors-grey-400);
}
.compose-modal .modal-body .error-message {
  padding: 12px 15px;
  font-size: 13px;
  color: var(--colors-danger-700);
  background-color: var(--colors-danger-100);
  display: none;
}
.compose-modal .modal-body .error-message.unsubscribed {
  display: block;
}
.compose-modal .modal-body .recipient-line {
  font-size: 12px;
  line-height: 22px;
  padding: 17px 15px;
}
.compose-modal .modal-body .recipient-line .compose-pic {
  position: relative;
  float: left;
  width: 42px;
  height: 42px;
  border-radius: 50%;
  margin-right: 15px;
  background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAASFBMVEX////////////////////////////8/Pz5+fn39/f6+vr29vbz8/Py8vLx8fH19fXw8PD7+/v+/v709PT9/f34+Pj///////9iuP+MAAAAGHRSTlPk8eP6//nw////////////////////++JV5WRSAAAMZUlEQVR4AezSBQEAMAADoLv1D/wggwyUUgnWSh/BmKWOYCwBBEAABEAABEAABEAABEAABEAABIgiAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAALsc+/ZI5QA77N3JzjOq1gUxzVEYobDBfa/1e5Wv0jvG6qckEq42Oe3g5L/ZQMGJ8SUY/G3K2IAPuIfsd7oagFIwb+E27UwAJPwi9ZvdKEAasZvotyeIyIMYFcm4w/x9gSxJcYYPAPY//rPjANsulfjGcB+JOGv7Mz40TGA7TT8Xe63R/Rf+ynCAPbi8JU2cf2BwgC2UvE1P3X/cAxg9wHAXZbbkYA/DQaw/wPgwX9mj78xDGAXHd/Kfer+ERnALgq+F+buH44B7MHjSL99w+ArhgFsIeJImFlBABoD2EHFoSwzNwDAM4ANNByzcwOIyAD083hAm7oBAIMBqNfwiD43g0gMQDuDh9jJAcRgAMoFPKRNLiEkYQCqSQYw/wzoGQcsA1DN4kF28v4RGcDOQ8CDF/wdxzwD2PU10PFakMOxxgAUG3iYnx1AGAagV8PD3Gw+gQGo1TMeFuVoH8AXcmcAmz4BDm7lHo+xDGDHrYDHz4CIx0QGoJTFM9LkDQCoDGCDG8CxOjuALAxAJYfnhOPXQBsNAxmAyXhOnLwBAJYBKBTxLDN3AwAaA9Bn4Gl28gYAGAaw20aQg0GAx1McA9jqAXC8uyPhKYkBKOMww0w/PzwDUMVjSjh+h7DDUgAD6BlTssw+P3JnAHpIxN3ULaDgeZYB6FEwzYmYhgmRAajhMA85Y05lAEpYLFEYgA4Va+TOADQwGYsMBqBAz1glCQNYries4xnApa8/GgNYTCKW6gxgqd6wlmMAK/WExZIwgHVMwnKeASxTE9YrDGAVn6FBZwBrOOjgGMAKpkGJxAA+TwL08Azg02yCIo0BfFZtUCV3BvBBvUAbxwA+prsMdZIwgA8ZCRp5BvARNkKnxgCWjv3WMwxg5eVfLzCA9zIFqmVhAG9kHLSzDOBtxGWoFxnAm8jI2EE9eQBc9V8wE2QAPmIbhgGsnPmtF84aAGd+C2aCDEBCxmYGA/gxMhK2k4UBrBz7rWcZwMrtnuslBrB0u+d6lgHoX/jhziDNAZiGrVkG8Apx2FxiAC/wCduzDEDjbm+uBegPwCacgmMAS//91+sMQNVBf/3fi2AAUnAmlQHoGfxzd6D+ABzOZjAAHUt/PC2uPwCbcUKFATzI4ZwsA1j9lVc+BPQHUBNOqzCAQxZnNhjAAYdzMwxg5eLfelEYwNd6xOkVBrD0I+/rWQaw9PqvVxnAgne/XA3QHkDFZUQGsOD6qx4IMgCPS3EM4Fc1Q7HUyv+09KapAAOo0Cu5eh+0SR3xDV8RZgAmQ6s05Pfvk+QfngwygJ6glZO/5BrwE7JhAP8nCUrF+sb9avcCGECDUk1uXxkZr0udAfxX2HKqZtrPFMAAxq5TdXfCAhYE4KFU+cjWpWQuHkDP0Kl96O1lrtcOIG79wq5H3QXoD8BBkYl1OvmJAvx+AXAAcCftc7WdL4CeT/Axh4LXuYsG0KBU+PRfES4ZgIVW5uMD2SLXC6Dnk/zIi0S8LvbLBdAUH99aUECuFwvAQ6265n32uFQAkqBV6ot2tBS5UAAOaiVZtact1csE0KE/gBVPtHGVAAr0ymbha+3SLxGAgWZ+5caW5K8QQIFmZe28tvTTB2Cgm1k7sUn+7AEU6NZWb28v/dQBGGg3Vh9wyUNOHECDenX5EbfoTxtAxwbs+jecrZ40AIcdOAWnHIo5YwCSsYVYp/66iJ9U6vkCGNhFMQpGuM3LyQKI2EeoCo66pWHOFEDFVuLo6ye5uQ1zmgACNpObNbJ+jJOCrV32D0ASNhTDqLL+d45zLMENX40RkU0D8NhVimF4890/oXTvWsIH5JRSjLGEEMYYtZouskkAAZtLrYQxrPe+mrvq/XClZayTUyvOViPKA5AMem+fzoviADw+gBF40RpAeOwPCM4OO0LEHMrO6Awg4UAutvbbnRkZUyiHrjAAg2+lUuWnfkKO8tAXwMA3ipUf3T5ErWsLoMw8tBomUTIrAphYBkyuv+MYMWWvKgDz/QeZf34HCWWjKQA7cfnv3cyh3BUFUCa3vzZMo6YogIjfuf7uXYRk1QQgeXLPlcc8SqIlgDq7892AXmC1BGBn16kkYx5FJQFImD79lkAvMDoCMG36/GsCvcCJigB8xD+C3D4YALWuIoCRpo/cJNALklcRgJs/dJdAL8hDRQDl/iW0DwdA2akIIAIIsuCzwlRUBJCnn0UGdIIAWuzcS3yCABawoJ3HADxOxFnAys/KUfTrA1h4opia2TuAFz+/R0H+w96dZNeOAkEYnvznCCEEBUL732rNPKm+Db8bEVvwZ5GQCVcPIBcKhanoAQiflUr29weQmVCDgZC8KSDKqwegfFs6OfQAUgII8yACkBIg9wL0PzGb3EsPIKcAwpzoAaQTpEtfegBpBAhzogOgf1w66UsPIJtAYQp6ALqfF0gaegA5BhRm6gEIf2EqGegBZAXQpW89gKwAwlT0ALIC6HKhA5BTIH3upQOQUyB9+oEegK4PkBR0ADIMps+FDkDuBOrzoAOQWSB97qUHkFkgfQGoByBpBCaTjwDwNw8BkoIOQIYB9SnoAOhLwKSgA6AvAZMTPQBdHyg50QPQ9YGSEx0AfQmYFHQA9CVgUpAByCiQPr2iByBrBCfPRgUge0B9+gsqAGkD6DM2KgD6PWDyTBAB0O8Bk1ZBBEC/B0yeChoA+mHgpJ8TNADyOrg+rWyQAMghkD7tnIACQA6B9LmvuUABIIdA+rQxF6AHkEMg3ZdfACDXgeTpTzkWiADkOpA27SobQAYgh0C69PFOACkAzR4w6e2qG5ADEMyCJvd4DwAfAHkV6iv9eecCvAB8rQD57i8AOwDvT0nXf/dVALIH6O2cG3AEkFOg+ykbwBjAdD7jrQtwBJASoLf3WEAAXJ413wYIAMcasI+6+UoAtBR9LgByH2CUDQSA5zBQKwcQAJ4Hwfd1IEoA6DMqogSAPvcfb/kCINe4AuAT08+DP0gA9A8u+xd/mGwD70/99hf+RAJgtc+s+yf6pBegyjj4swmAkf/+zAPkz28MoObxnk8BkG7QXSEAbAcC+rsIAN+ZsLEhAGzHgtuEAPC9GHAuAsB3DXgm2ALIRrC/EAC+c6HtIAD+Wc78ZpM3gP0DH/1MAsC4DBybADD+BLwQAL494V4JAONPQDswBpCNwFgEgPF58AkBYPxecCEAnIdDKwFgfEWoVwLAeDq0HwTAf5GRv783gN3z97cGwMzf/7sDSBkwCQDnMqASAM53hQsB4PxcwEsAOL8YcuEMIFuBhwBwbgvdKwCsBRwEgLOAQgA4CxgEgECAaQEQAFTvAiAAmP37TwAGgMuZYCMABAJaFgBrAKyRFoA1ADizAHgDoGQGxBsAR0sPUAzAvRDoOwC0eb0rwABg3voz4ABwXQYqAYDxbuAmAMB4N1AD4LvkzBmQNwBmywfAGgDrtK4AAgBmywfAGgC8PR8AawDskUNAawBQ7nQBrAGwzrQBrQHAMTIHYA0AasshkDUAVunOd8ECANb13xLYAYA+ulJgEAB8+xxPTgGtAUD9jwj0RQDwQ6S2rADWAFilZQVwBgCUlhXAGgCUlhXAGgDMJ6dA1gCgDusL4QEAx+jpAzgDgH3d6QQ7A4D93tkEOgOAVVtmgZwBAHN05xIgAOB4b+dX4QIAVnmcS4AAAObVMwviDAD23zgjbotPSQAAx7jTCHAGAKsM/Y2gANAfD6UG9AUAzOtOJ8gZAKw68jCYMwBgv63n5+GMAQDH+6QV6AwAmG/LJsAZAHCcT88mwBgAcLwjmwBnAMCuo2ci3BgAsOrVep6G8gUAcJTrzi7QGACw5vvcPa0gWwDAPspo98uvJgB+bpdOBACAYSCA7UdY/U0LcglDEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABBPiHYHusR7Bq0xEiBzkg7xEAAAAASUVORK5CYII=");
  background-size: 42px 42px;
  vertical-align: sub;
}
.compose-modal .modal-body .recipient-line .compose-pic__avatar {
  background: #ffffff;
  border-radius: 50%;
  width: 42px;
  height: 42px;
}
.compose-modal .modal-body .recipient-line .compose-pic__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: calc(var(--spacing-01) * -1);
  right: calc(var(--spacing-01) * -1);
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.2rem;
  background-color: #fff;
}
.compose-modal .modal-body .recipient-line .compose-pic__logo img {
  object-fit: contain;
}
.compose-modal .modal-body .recipient-line .compose-name strong {
  font-size: 14px;
}
.compose-modal .modal-body .recipient-line .compose-position {
  font-size: 13px;
  color: var(--colors-grey-600);
}
.compose-modal .modal-body .recipient-line .compose-additional-info {
  font-size: 13px;
}
.compose-modal .modal-body .recipient-line .compose-additional-info > div {
  margin-top: 5px;
}
.compose-modal .modal-body .recipient-line .compose-additional-info > div:first-child {
  margin-top: 10px;
}
.compose-modal .modal-body .recipient-line .compose-previous-messages .far {
  font-size: 11px;
  margin-right: 3px;
}
.compose-modal .modal-body .recipient-line .compose-sources .compose-sources-link {
  display: inline-block;
  cursor: pointer;
}
.compose-modal .modal-body .recipient-line .compose-sources .compose-sources-link .fa-angle-down,
.compose-modal .modal-body .recipient-line .compose-sources .compose-sources-link .fa-angle-up {
  margin-left: 1px;
  font-size: 11px;
}
.compose-modal .modal-body .recipient-line .compose-sources .fa-globe {
  font-size: 11px;
  margin-right: 3px;
}
.compose-modal .modal-body .recipient-line .compose-sources ul {
  display: none;
  padding: 0;
  margin: 2px 0 0;
  list-style-type: none;
  line-height: 18px;
  font-size: 12px;
}
.compose-modal .modal-body .recipient-line .compose-sources ul a {
  display: inline-block;
  vertical-align: text-bottom;
  max-width: 400px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-top: 4px;
}
.compose-modal .modal-body .recipient-line .compose-sources ul .source-date {
  color: var(--colors-grey-600);
  vertical-align: text-bottom;
  margin-left: 5px;
}
.compose-modal .modal-body .recipient-line .compose-links {
  float: right;
  font-size: 1.6rem;
}
.compose-modal .modal-body .recipient-line .compose-links .fab {
  margin: 0;
}
.compose-modal .modal-body .recipient-line .compose-links .fab:hover {
  cursor: pointer;
}
.compose-modal .modal-body .recipient-line .compose-links .fa-x-twitter {
  color: var(--colors-brand-twitter-black);
}
.compose-modal .modal-body .recipient-line .compose-links .fa-linkedin {
  color: var(--colors-brand-linkedin-blue);
}
.compose-modal .modal-body .recipient-line input {
  border: none;
  background: none;
  padding: 0;
  width: 100%;
  font-size: 13px;
  margin: -5px 0;
}
.compose-modal .modal-body .recipient-line input::placeholder {
  color: var(--colors-grey-600);
}
.compose-modal .modal-body .recipient-line input:active, .compose-modal .modal-body .recipient-line input:focus {
  border: 0 !important;
}
.compose-modal .modal-body .subject-line {
  padding: 3px 15px;
}
.compose-modal .modal-body .subject-line input {
  border: none;
  background: none;
  padding: 0;
  width: 100%;
  font-size: 13px;
  transition: all 250ms ease;
  color: var(--colors-grey-1000);
}
.compose-modal .modal-body .subject-line input::-webkit-input-placeholder {
  color: var(--colors-grey-600) !important;
}
.compose-modal .modal-body .subject-line input:focus::-webkit-input-placeholder {
  color: var(--colors-grey-500) !important;
}
.compose-modal .modal-body .subject-line input:active, .compose-modal .modal-body .subject-line input:focus {
  border: 0 !important;
}
.compose-modal .modal-body .template-line,
.compose-modal .modal-body .email-account-line {
  padding: 9px 15px;
  font-size: 13px;
  color: var(--colors-grey-600);
}
.compose-modal .modal-body .template-line select,
.compose-modal .modal-body .email-account-line select {
  color: var(--colors-grey-1000);
  width: 400px;
  display: inline;
  height: 26px;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding: 0;
  border: 0;
  cursor: pointer;
}
.compose-modal .modal-body .template-line select::placeholder,
.compose-modal .modal-body .email-account-line select::placeholder {
  color: var(--colors-grey-600);
}
.compose-modal .modal-body .template-line select:active, .compose-modal .modal-body .template-line select:focus,
.compose-modal .modal-body .email-account-line select:active,
.compose-modal .modal-body .email-account-line select:focus {
  border: 0 !important;
}
.compose-modal .modal-body .template-line #template-field,
.compose-modal .modal-body .email-account-line #template-field {
  color: var(--colors-grey-600);
}
.compose-modal .modal-body .template-line .manage-templates,
.compose-modal .modal-body .email-account-line .manage-templates {
  float: right;
  font-size: 12px;
}
.compose-modal .modal-body .compose-body {
  padding: 15px;
}
.compose-modal .modal-body .compose-body-content {
  max-height: 500px;
  overflow-y: auto;
  padding-bottom: 10px;
}
.compose-modal .modal-body .compose-body-content trix-editor {
  border: none !important;
  background: none !important;
  padding: 0;
  margin-top: 5px;
  font-size: 13px;
  color: var(--colors-grey-1000);
}
.compose-modal .modal-body .compose-body-content trix-editor:empty:not(:focus)::before {
  color: var(--colors-grey-600);
}
.compose-modal .modal-body .compose-body-content trix-toolbar {
  font-size: 13px;
}
.compose-modal .modal-body .compose-body-content trix-toolbar .trix-button-group--block-tools,
.compose-modal .modal-body .compose-body-content trix-toolbar .trix-button-group--history-tools,
.compose-modal .modal-body .compose-body-content trix-toolbar .trix-button-group--file-tools {
  display: none;
}
.compose-modal .modal-body .compose-body-content .gmail-signature {
  margin-top: 15px;
}
.compose-modal .modal-body .compose-tracking {
  margin-bottom: 1.5em;
  padding: 1em;
  border-top: 1px solid var(--colors-grey-300);
  border-bottom: 1px solid var(--colors-grey-300);
}
.compose-modal .modal-body .compose-tracking__label {
  color: var(--colors-grey-600);
  font-weight: 500;
  margin-bottom: 0;
  line-height: 1.25;
}
.compose-modal .modal-body .compose-tracking__label [type=checkbox] {
  margin-right: var(--spacing-01);
}
.compose-modal .modal-body .compose-send {
  padding: 0 15px 15px;
}
.compose-modal .modal-body .compose-send .unsubscribe-checkbox,
.compose-modal .modal-body .compose-send .track-checkbox {
  color: var(--colors-grey-600);
  font-weight: 500;
  font-size: 12px;
  margin-left: 15px;
}
.compose-modal .modal-body .compose-send .unsubscribe-checkbox input,
.compose-modal .modal-body .compose-send .track-checkbox input {
  margin-right: 5px;
}
.connected_apps.index .dashboard-body .container {
  max-width: 1200px;
}
.connected_apps.index h1 {
  font-size: 2rem;
}
.connected_apps.index h2 {
  font-size: 1.6rem;
  font-weight: 500;
  padding: 10px 0;
  border-bottom: 1px solid var(--colors-grey-300);
}
.connected_apps.index .full-width-table .icon-cell {
  width: 92px;
  padding: 25px 28px;
}
.connected_apps.index .full-width-table .icon-cell img {
  width: 36px;
}
.connected_apps.index .full-width-table .email-account-row:not(.email-account-row-first) td {
  padding-top: 0;
  padding-bottom: 16px;
}
.connected_apps.index .full-width-table .email-account-row:not(.email-account-row-last) {
  border: 0;
}
.connected_apps.index .full-width-table .remove-cell {
  text-align: right;
}
.integration-cards {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(min(30rem, 100%), 1fr));
  gap: var(--spacing-06);
  margin-bottom: var(--spacing-08);
}
.integration-card {
  position: relative;
  padding: var(--spacing-06);
  background: var(--colors-grey-50);
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.4rem;
  transition: border-color 200ms ease-in, box-shadow 200ms ease-in;
}
.integration-card .integration-card__title {
  margin: 0;
  padding: 0;
  border: 0;
  font-size: 1.6rem;
  font-weight: 500;
  color: var(--colors-grey-900);
  line-height: 1.25;
  text-decoration: none;
}
.integration-card__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
  position: relative;
}
.integration-card__header .tag {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.integration-card__icon {
  position: relative;
  width: 4rem;
  height: 4rem;
  margin: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  background: #FFF;
  border: 1px solid var(--colors-grey-200);
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.04);
  border-radius: 0.2rem;
}
.integration-card__icon img {
  max-width: 2.4rem;
  height: auto;
}
.integration-card__icon > [class*=fa-] {
  font-size: 2rem;
  color: var(--colors-secondary-600);
}
.integration-card__zapier {
  position: absolute;
  right: -0.4rem;
  bottom: -0.4rem;
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 50%;
  color: #fff;
  background-color: var(--colors-brand-zapier);
  text-align: center;
  line-height: 1.6rem;
  font-size: 0.8rem;
  z-index: 5;
}
.integration-card__category {
  font-size: 1.2rem;
  color: var(--colors-grey-600);
  line-height: 1.6666666667;
}
.integration-card__description {
  margin-top: var(--spacing-04);
  font-size: 1.4rem;
  color: var(--colors-grey-700);
  line-height: 1.4285714286;
}
.integration-card__action {
  margin-top: var(--spacing-04);
}
.connected_apps.show .dashboard-body .container {
  max-width: 1200px;
}
.connected_apps.show .owner-select {
  min-width: 24rem;
}
.connected_apps.show .create-on-select {
  min-width: 24rem;
}
.connected_apps.show .mapping-infos {
  font-size: 1.3rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
}
.connected_apps.show .mapping-list {
  display: grid;
  gap: var(--spacing-02);
  align-items: center;
  grid-template-columns: 24rem 2rem 24rem;
  margin-top: var(--spacing-06);
}
.connected_apps.show .mapping-list__th {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
}
.connected_apps.show .mapping-list__th + .mapping-list__th {
  grid-column-start: 3;
}
.connected_apps.show .mapping-list__arrow {
  color: var(--colors-grey-500);
  text-align: center;
}
.connected_apps.new .dashboard-body .container {
  max-width: 1200px;
}
.connected_apps.new h3 {
  padding: 10px 0;
  border-bottom: 1px solid var(--colors-grey-300);
}
.connected_apps.new .connected-app-btn {
  display: block;
  width: 100%;
  margin-top: 10px;
  padding: 20px;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  -webkit-transition: all 200ms ease-in-out;
  -moz-transition: all 200ms ease-in-out;
  -ms-transition: all 200ms ease-in-out;
  transition: all 200ms ease-in-out;
  background: var(--colors-grey-100);
  border: 1px solid var(--colors-grey-300);
  font-size: 16px;
  font-weight: 600;
  color: var(--colors-grey-1000);
  text-decoration: none;
}
.connected_apps.new .connected-app-btn span {
  display: inline-block;
  text-align: center;
  width: 57px;
  margin-right: 20px;
}
.connected_apps.new .connected-app-btn:hover, .connected_apps.new .connected-app-btn:focus {
  background: var(--colors-grey-100);
}
.connected_apps.new .connected-app-btn:active {
  background: var(--colors-grey-200);
}
.connected_apps.new .connected-app-btn img {
  display: inline-block;
  height: 32px;
}
.connected_apps.new #salesforce-btn, .connected_apps.new #hubspot-btn, .connected_apps.new #zoho-btn, .connected_apps.new #gmail-btn, .connected_apps.new #outlook-btn {
  cursor: pointer;
}
.credit_cards.new .dashboard-body .container {
  max-width: 1200px;
}
.credits.index .dashboard-body .container {
  max-width: 1200px;
}
.dashboard-backup {
  max-width: 80rem;
  margin: var(--spacing-10) auto;
}
.dashboard-backup__subtitle {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  margin: 0 0 var(--spacing-06);
}
.dashboard-card {
  position: relative;
  margin-bottom: var(--spacing-04);
  padding: var(--spacing-06) var(--spacing-06) var(--spacing-06) var(--spacing-12);
  background: var(--colors-grey-50);
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.4rem;
  transition: border-color 200ms ease-in, box-shadow 200ms ease-in;
}
.dashboard-card:has(.dashboard-card__title a):hover, .dashboard-card:has(.dashboard-card__title a):focus-within {
  border-color: var(--colors-secondary-600);
  box-shadow: 0 0 0 0.2rem var(--colors-secondary-300);
}
.dashboard-card__title {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
  text-decoration: none;
}
.dashboard-card__title a {
  color: currentColor;
  text-decoration: none;
}
.dashboard-card__title a::before {
  content: "";
  position: absolute;
  inset: 0;
}
.dashboard-card__title-icon {
  color: var(--colors-secondary-600);
  font-size: 1.4rem;
  vertical-align: baseline;
  margin-right: var(--spacing-01);
}
.dashboard-card__icon {
  position: absolute;
  top: var(--spacing-06);
  left: var(--spacing-05);
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2rem;
  height: 2rem;
  color: var(--colors-secondary-600);
}
.dashboard-card__icon svg {
  height: 2rem;
  aspect-ratio: 1/1;
}
.dashboard-card__description {
  margin-top: var(--spacing-01);
  margin-bottom: var(--spacing-03);
  font-size: 1.4rem;
  color: var(--colors-grey-700);
  line-height: 1.4285714286;
}
.collapsable-filters__header {
  position: sticky;
  top: 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-04) var(--spacing-02) var(--spacing-03) var(--spacing-04);
  border-bottom: 0.1rem solid var(--colors-grey-300);
  background: #fff;
  z-index: 8;
}
.collapsable-filters__title {
  margin: 0;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
}
.collapsable-filters__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
}
.collapsable-filters__actions .h-button--link {
  margin-right: var(--spacing-03);
}
.collapsable-filters__wrapper {
  display: flex;
  flex-direction: column;
}
.collapsable-filter {
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.collapsable-filter.disabled {
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-600);
  order: 2;
}
.collapsable-filter__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-03) var(--spacing-04) var(--spacing-03);
}
.collapsable-filter__header:has(.collapsable-filter__toggle[aria-expanded=false])[data-count]::after {
  content: attr(data-count);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1.6rem;
  height: 1.6rem;
  background: var(--colors-secondary-600);
  border: 0.1rem solid #FFFFFF;
  font-size: 1rem;
  font-weight: 600;
  line-height: 1.2;
  color: #fff;
  border-radius: 50%;
}
.collapsable-filter__header:has(.collapsable-filter__toggle[aria-expanded=true])[data-count] .collapsable-filter__clear {
  display: flex;
}
.collapsable-filter__hint {
  position: relative;
  margin-left: var(--spacing-01);
  margin-right: auto;
  font-size: 1.1rem;
  z-index: 5;
}
.collapsable-filter__icon {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-400);
  text-align: center;
  width: 1.6rem;
}
.collapsable-filter__title {
  flex: 1;
  display: flex;
  justify-content: space-between;
  align-items: center;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-900);
}
.collapsable-filter__clear {
  position: relative;
  z-index: 5;
  display: none;
}
.collapsable-filter__toggle {
  order: 10;
}
.collapsable-filter__toggle::before {
  content: "";
  position: absolute;
  inset: 0;
}
.collapsable-filter__content {
  padding: 0 var(--spacing-04) var(--spacing-04);
}
.company-filter-entry {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-02) var(--spacing-02) var(--spacing-02) var(--spacing-03);
  align-items: center;
  border-radius: 0.4rem;
  background-color: var(--colors-grey-100);
}
.company-filter-entry__logo {
  width: 1.6rem;
  height: 1.6rem;
  object-fit: contain;
  flex-shrink: 0;
  border-radius: 0.2rem;
}
.company-filter-entry__content {
  flex: 1;
  min-width: 0;
}
.company-filter-entry__heading {
  width: 100%;
  min-width: 0;
  display: flex;
  gap: var(--spacing-01);
  align-items: baseline;
}
.company-filter-entry__heading .company-filter-entry__name {
  flex: initial;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.company-filter-entry__heading .company-filter-entry__url {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.company-filter-entry__name {
  flex: 1;
  height: auto;
  font-size: 1.3rem;
  line-height: 1.2307692308;
}
.company-filter-entry__url {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
}
.company-filter-entry-metas {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  min-width: 0;
}
.company-filter-entry-metas__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  min-width: 0;
}
.company-filter-entry-metas__icon {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-500);
}
.company-filter-entry-metas__label {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
}
.company-filter-entry--md {
  padding: var(--spacing-02);
  gap: var(--spacing-03);
}
.company-filter-entry--md .company-filter-entry__name {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
.company-filter-entry--md .company-filter-entry__logo {
  width: 4rem;
  height: 4rem;
}
.discover .autocomplete-count {
  display: none;
}
.lookup-searches {
  max-width: 48rem;
  margin: 0 auto;
}
.lookup-saved-search,
.lookup-recent-search {
  position: relative;
  padding: var(--spacing-03) var(--spacing-04);
  margin-bottom: var(--spacing-02);
  background: #fff;
  border: 0.1rem solid var(--colors-grey-300);
  box-shadow: 0 0.1rem 0.2rem rgba(0, 0, 0, 0.05);
  border-radius: 0.4rem;
  transition: background-color 200ms ease-in, box-shadow 50ms ease-in;
}
.lookup-saved-search:hover, .lookup-saved-search:focus-within,
.lookup-recent-search:hover,
.lookup-recent-search:focus-within {
  background-color: var(--colors-grey-50);
}
.lookup-saved-search:has(button:active),
.lookup-recent-search:has(button:active) {
  box-shadow: none;
}
.lookup-saved-search {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.lookup-saved-search__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.2rem;
  height: 3.2rem;
  border-radius: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  border: 0.1rem solid var(--colors-warning-300);
  background-color: var(--colors-warning-100);
  color: var(--colors-warning-500);
}
.lookup-saved-search__name {
  text-align: left;
  flex: 1;
  font-weight: 500;
  font-size: 1.5rem;
  line-height: 1.3333333333;
}
.lookup-saved-search__action {
  position: relative;
  z-index: 5;
}
.lookup-recent-search__name {
  display: block;
  margin-bottom: var(--spacing-01);
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-900);
}
.lookup-recent-search__name::before {
  content: "";
  position: absolute;
  inset: 0;
}
.lookup-recent-search__metas {
  flex-wrap: wrap;
}
.lookup-recent-search__metas,
.lookup-recent-search__meta {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.lookup-recent-search__meta {
  gap: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.lookup-recent-search__meta-icon {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-500);
}
.companies-table__company {
  width: 100%;
}
.companies-table + .ds-upgrade {
  margin-left: calc(var(--spacing-03) * -1);
  margin-right: calc(var(--spacing-03) * -1);
}
.company-details {
  background-color: var(--colors-grey-50);
  padding: var(--sidepanel-padding-y) var(--sidepanel-padding-x) 0;
}
.company-details .h-tabs__list {
  margin: 0 calc(var(--sidepanel-padding-x) * -1);
  padding-left: var(--sidepanel-padding-x);
  padding-right: var(--sidepanel-padding-x);
}
.company-details__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  margin-bottom: var(--spacing-04);
}
.company-details__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  width: calc(var(--spacing-base) * 18);
  margin-bottom: 0;
  aspect-ratio: 1/1;
  background: var(--colors-grey-100);
  border: 1px solid rgba(0, 0, 0, 0.1);
  border-radius: 0.4rem;
  position: relative;
  overflow: hidden;
}
.company-details__icon-logo {
  position: relative;
  width: 4rem;
  height: 4rem;
  object-fit: contain;
  border-radius: 0.1rem;
  z-index: 1;
}
.company-details__icon-bg {
  min-width: 200%;
  aspect-ratio: 1/1;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(8px);
  opacity: 0.15;
}
.company-details__heading {
  flex: 1;
}
.company-details__name {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-900);
  margin: 0 !important;
}
.company-details__baseline {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-700);
  margin-bottom: var(--spacing-01);
}
.company-details__metas {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.company-details__subtitle {
  margin: var(--spacing-06) 0 var(--spacing-03);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.1428571429;
  color: var(--colors-grey-800);
}
.company-details__description {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-700);
}
.company-details__socials {
  list-style-type: none;
  margin: 0;
  padding: 0;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.company-details__social {
  color: var(--colors-grey-400);
  font-size: 1.6rem;
  line-height: 1.25;
}
.company-details__social:hover, .company-details__social:focus {
  color: var(--colors-grey-900);
}
.company-details-content {
  padding: var(--spacing-04) var(--spacing-06);
}
.company-details-content__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin-bottom: var(--spacing-06);
}
.company-details-content__header .company-details-content__title {
  margin: 0 !important;
  font-size: 1.4rem !important;
  font-weight: 400;
  line-height: 1.7142857143;
  color: var(--colors-grey-900);
}
.company-details-content__header .company-details-content__title strong {
  font-weight: 500;
}
.ai-assistant__title {
  font-size: 1.4rem;
  line-height: 1.5;
  color: var(--colors-grey-900);
  font-weight: 500;
}
.lookup-ai-prompt {
  max-width: 60rem;
  margin: 0 auto;
}
.lookup-ai-assistant {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-02);
  background-color: var(--colors-secondary-100);
  border-bottom: 0.1rem solid var(--colors-grey-300);
  padding: var(--spacing-04);
}
.lookup-ai-assistant__input {
  resize: none;
  height: auto;
  min-height: 4rem;
}
.lookup-ai-assistant__actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.domains_lists.new {
  background-color: var(--colors-grey-100);
}
.domains_lists.new .front-header .techlookup-header {
  padding: 80px 0 0;
}
.domains_lists.new .front-header h1 {
  font-size: 3.2rem;
}
.domains_lists.new .domain-list {
  padding: 0;
  margin: -60px 0 100px;
  position: relative;
  z-index: 5;
}
.domains_lists.new .domain-list .board-box, .domains_lists.new .domain-list .onboarding-box {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}
.domains_lists.new .domain-list h2 {
  font-size: 1.8rem;
  font-weight: 600;
  margin: 0 0 20px;
  padding: 0 0 0.8rem;
  text-align: left;
  border-bottom: 1px solid var(--colors-grey-300);
}
.domains_lists.new .domain-list #technologies-section,
.domains_lists.new .domain-list #category-section,
.domains_lists.new .domain-list #languages-section,
.domains_lists.new .domain-list #popularity-section {
  margin: 0 0 40px;
}
.domains_lists.new .domain-list .twitter-typeahead {
  width: 100%;
}
.domains_lists.new .domain-list .twitter-typeahead .tt-menu {
  margin-top: 3px;
  background-color: #ffffff;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
  width: 100%;
  border-radius: 3px;
}
.domains_lists.new .domain-list .twitter-typeahead .tt-menu .tt-suggestion {
  padding: 12px 15px;
  color: var(--colors-grey-600);
  cursor: pointer;
}
.domains_lists.new .domain-list .twitter-typeahead .tt-menu .tt-suggestion strong {
  margin-right: 5px;
  color: var(--colors-grey-1000);
}
.domains_lists.new .domain-list .twitter-typeahead .tt-menu .tt-suggestion.tt-cursor {
  background-color: var(--colors-grey-100);
}
.domains_lists.new .domain-list .label-selected {
  margin-bottom: 5px;
  background-color: var(--colors-grey-100);
  padding: 15px;
  border-radius: 3px;
}
.domains_lists.new .domain-list .label-selected .close-selected-label {
  float: right;
  font-size: 19px;
  color: var(--colors-grey-600);
}
.domains_lists.new .domain-list .label-selected .close-selected-label:hover {
  cursor: pointer;
  color: var(--colors-grey-700);
}
.domains_lists.new .domain-list #close-technologies,
.domains_lists.new .domain-list #close-languages {
  display: none;
  font-size: 13px;
  margin-top: 15px;
}
.domains_lists.new #popularity-status {
  display: inline-block;
  font-size: 15px;
  margin-top: 6px;
  font-weight: bold;
}
.domains_lists.new #popularity-input {
  width: 240px;
  margin: 15px 20px 0 0;
}
.domains_lists.new .row {
  margin-left: -15px;
  margin-right: -15px;
}
.domains_lists.new input[type=range].multirange {
  padding: 0;
  margin: 0;
  display: inline-block;
  vertical-align: top;
}
.domains_lists.new input[type=range].multirange.original {
  position: absolute;
}
.domains_lists.new input[type=range].multirange.original::-webkit-slider-thumb {
  position: relative;
  z-index: 2;
}
.domains_lists.new input[type=range].multirange.original::-moz-range-thumb {
  z-index: 2;
}
.domains_lists.new input[type=range].multirange::-moz-range-track {
  border-color: transparent;
}
.domains_lists.new input[type=range].multirange.ghost {
  position: relative;
  background: var(--track-background);
  --track-background: linear-gradient(to right, transparent var(--low), var(--range-color) 0, var(--range-color) var(--high), transparent 0) no-repeat 0 45% / 100% 40%;
  --range-color: var(--colors-primary-600);
}
.domains_lists.new input[type=range].multirange.ghost::-webkit-slider-runnable-track {
  background: var(--track-background);
}
.domains_lists.new input[type=range].multirange.ghost::-moz-range-track {
  background: var(--track-background);
}
.domains_lists.new #selection-error-container {
  display: none;
}
.domains_lists.new #selection-error {
  background: var(--colors-grey-100);
  border-radius: 3px;
  font-weight: 600;
  margin-bottom: 20px;
  padding: 25px;
  line-height: 28px;
}
.domains_lists.new #domains-selection {
  position: sticky;
  top: var(--spacing-04);
  z-index: 2;
}
.domains_lists.new .domains-number {
  display: none;
  color: var(--colors-grey-700);
  margin: 3px 0 10px;
}
.domains_lists.new .domains-number span {
  color: var(--colors-grey-800);
  display: inline-block;
  font-size: 32px;
  margin-bottom: 10px;
}
.domains_lists.new .domains-list-hint {
  font-size: 13px;
  line-height: 23px;
}
.domains_lists.new #domains-selection-mobile {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--colors-grey-300);
}
.domains_lists.show {
  background-color: var(--colors-grey-100);
}
.domains_lists.show .front-header .techlookup-header {
  padding: 0 0 40px;
}
.domains_lists.show .front-header h1 {
  font-size: 28px;
}
.domains_lists.show .domain-list {
  padding: 0;
  margin: -60px 0 300px;
}
.domains_lists.show .domain-list .board-box, .domains_lists.show .domain-list .onboarding-box {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}
.domains_lists.show .domain-list .board-box h3, .domains_lists.show .domain-list .onboarding-box h3 {
  font-size: 2rem;
}
.domains_lists.show .domain-list .fa-spinner-third {
  margin-right: 5px;
}
.verification.show {
  background-color: var(--colors-grey-100);
}
.verification.show .front-header .techlookup-header {
  padding: 0 0 40px;
}
.verification.show .front-header h1 {
  font-size: 28px;
}
.verification.show .download-form {
  padding: 0;
  margin: -60px 0 100px;
}
.verification.show .download-form .board-box, .verification.show .download-form .onboarding-box {
  box-shadow: 0 4px 5px rgba(0, 0, 0, 0.2);
}
.verification.show .download-form .download-form-summary {
  padding-bottom: 28px;
  margin-bottom: 30px;
  border-bottom: 1px solid var(--colors-grey-300);
}
.verification.show .download-form .download-form-summary strong {
  font-size: 1.6rem;
}
.verification.show .download-form .download-form-summary .grey, .verification.show .download-form .download-form-summary .application-front .testimonial .testimonial__author, .application-front .testimonial .verification.show .download-form .download-form-summary .testimonial__author, .verification.show .download-form .download-form-summary .application-front .front-breadcrumb ol, .application-front .front-breadcrumb .verification.show .download-form .download-form-summary ol, .verification.show .download-form .download-form-summary .help-block, .verification.show .download-form .download-form-summary .board-box h1 .subtitle, .board-box h1 .verification.show .download-form .download-form-summary .subtitle,
.verification.show .download-form .download-form-summary .board-box h2 .subtitle,
.board-box h2 .verification.show .download-form .download-form-summary .subtitle, .verification.show .download-form .download-form-summary .onboarding-box h1 .subtitle, .onboarding-box h1 .verification.show .download-form .download-form-summary .subtitle,
.verification.show .download-form .download-form-summary .onboarding-box h2 .subtitle,
.onboarding-box h2 .verification.show .download-form .download-form-summary .subtitle, .verification.show .download-form .download-form-summary .button-container .button-container-hint, .button-container .verification.show .download-form .download-form-summary .button-container-hint, .verification.show .download-form .download-form-summary .connected_apps.index .full-width-table .remove-cell, .connected_apps.index .full-width-table .verification.show .download-form .download-form-summary .remove-cell {
  margin-bottom: 5px;
}
.email_finder.index .l-main {
  background-color: var(--colors-grey-50);
}
.email_finder.index .main-wrapper {
  margin-top: var(--spacing-20);
  max-width: 108rem;
}
.email_finder.index .h-pill-tabs__link {
  min-width: 20rem;
}
.email_finder.index .page-header {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 var(--spacing-04);
  padding: 0;
  border: 0;
}
.email_finder.index .page-title {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 2.4rem;
  line-height: 1.3333333333;
  margin: 0;
}
.email_finder.index .finder-no-results {
  display: none;
}
.email_finder.index .autocomplete-suggestions {
  min-width: 18rem;
  margin-left: calc(var(--spacing-04) * -1);
}
.email_finder.index .autocomplete-logo,
.email_finder.index .autocomplete-count {
  display: none;
}
.email_finder.index .video-onboarding {
  --iframe-ratio: 55.938951559389515%;
}
.finder-cross-promotion {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(min(25.6rem, 100%), 1fr));
  gap: var(--spacing-06);
}
.finder-cross-promotion .ds-more-results:not(:only-child) {
  align-items: flex-start;
  padding: var(--spacing-06);
}
.finder-cross-promotion .ds-more-results:not(:only-child) .ds-more-results__body {
  flex-direction: column;
  align-items: flex-start;
}
@media screen and (min-width: 48em) {
  .email_finder.index .autocomplete-suggestions {
    min-width: 26.6rem;
  }
  .email_finder.index .autocomplete-logo {
    display: block;
  }
  .email_finder.show .autocomplete-suggestions {
    margin-left: calc(var(--spacing-12) * -1);
  }
}
.email_verifier.index .l-main {
  background-color: var(--colors-grey-50);
}
.email_verifier.index .main-wrapper {
  margin-top: var(--spacing-20);
  max-width: 73rem;
}
.email_verifier.index .page-header {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 var(--spacing-04);
  padding: 0;
  border: 0;
}
.email_verifier.index .page-title {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 2.4rem;
  line-height: 1.3333333333;
  margin: 0;
}
.email_verifier.index .disposable-notification, .email_verifier.index .blacklisted-notification {
  display: none;
}
.leads.settings.index .block-checkbox-container .fa-shield-check {
  color: var(--colors-success-600);
  font-size: 13px;
  margin-left: 3px;
}
.leads-list-aside-filters {
  min-width: 24.8rem;
  transform: translateX(2.8rem);
  left: auto;
  right: 0;
  padding: var(--spacing-03);
  overflow: visible;
}
.leads-list-aside-filters::after {
  content: "";
  position: absolute;
  top: 100%;
  left: 0;
  right: 0;
  height: 150%;
}
.main-nav-leads-list-search {
  margin-bottom: var(--spacing-02);
  padding: var(--spacing-03);
  background-color: var(--colors-grey-100);
  border-radius: 0.4rem;
}
.team-members-container {
  padding-top: var(--spacing-04);
  margin-top: var(--spacing-04);
  border-top: 0.1rem solid var(--colors-grey-300);
}
.leads.index {
  padding-bottom: 0;
}
.leads.index .dashboard-body {
  overflow-x: visible;
}
.leads.index .onboarding-toast--promote-auto-verification {
  position: sticky;
  bottom: calc(var(--spacing-04) * -1);
}
.leads-list-title {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.leads-list-rename {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.leads-search-form {
  min-width: 33.2rem;
}
.leads-columns-dropdown {
  min-width: 18rem;
}
.leads-columns-dropdown .filters-choice {
  max-height: calc(100vh - 28rem);
  overflow: auto;
}
.leads-filters-dropdown ul {
  max-height: calc(100vh - 44rem);
  overflow: auto;
}
.lead-details .lead-details__subtitle {
  margin: var(--spacing-06) 0 var(--spacing-03);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.1428571429;
  color: var(--colors-grey-800);
}
.lead-details-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  margin-bottom: var(--spacing-06);
}
.lead-details-header .lead-details-header__title {
  margin: 0;
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.5;
}
.lead-details-header__infos {
  flex: 1;
}
.lead-details-avatar {
  position: relative;
  margin: 0;
}
.lead-details-avatar:last-child .lead-details-avatar__logo {
  left: var(--spacing-01);
  right: auto;
}
.lead-details-avatar__pic {
  flex-shrink: 0;
  width: 7.2rem;
  aspect-ratio: 1;
  border-radius: 50%;
  object-fit: cover;
  opacity: 0;
  transition: opacity 150ms ease-in;
}
.lead-details-avatar__logo {
  display: flex;
  align-items: center;
  justify-content: center;
  position: absolute;
  bottom: var(--spacing-01);
  right: var(--spacing-01);
  width: 1.6rem;
  height: 1.6rem;
  border-radius: 0.2rem;
  background-color: #fff;
}
.lead-details-avatar__logo img {
  object-fit: contain;
}
.lead-details-header__subtitle {
  display: block;
  font-weight: 400;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-700);
}
.lead-details-header__status {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-top: var(--spacing-02);
}
.lead-details-actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.lead-details__social[href*="twitter.com"] {
  color: var(--colors-brand-twitter-black);
}
.lead-details__social[href*="linkedin.com"] {
  color: var(--colors-brand-linkedin-blue);
}
.lead-details__social:hover, .lead-details__social:focus {
  text-decoration: none;
  opacity: 0.8;
}
.leads-details-sync + .leads-details-sync {
  margin-top: var(--spacing-03);
}
.leads-details-sync__app {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2307692308;
}
.leads-details-sync__logo {
  height: 1.6rem;
  width: auto;
}
.leads-details-sync-message {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  margin-top: var(--spacing-01);
  font-size: 1.1rem;
  line-height: 1.4545454545;
  color: var(--colors-grey-700);
}
.leads-details-sync-message .far {
  color: var(--colors-grey-600);
  line-height: inherit;
  align-self: flex-start;
}
.leads-details-sync-message__text {
  margin: 0;
  line-height: inherit;
}
.leads-details-sync-message__text a {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-500);
  text-underline-offset: 0.25em;
  transition: text-decoration-color 100ms ease-in;
}
.leads-details-sync-message__text a:hover, .leads-details-sync-message__text a:focus {
  color: var(--colors-grey-900);
  text-decoration-color: transparent;
}
.leads-details-sync-message__action {
  padding-left: var(--spacing-02);
  color: var(--colors-secondary-600);
  text-decoration-line: underline;
  text-decoration-color: var(--colors-secondary-300);
  text-underline-offset: var(--spacing-01);
  transition: color 250ms ease-in, text-decoration-color 250ms ease-in;
}
.leads-details-sync-message__action:hover, .leads-details-sync-message__action:focus {
  color: var(--colors-secondary-700);
  text-decoration-color: var(--colors-secondary-400);
}
.message-preview {
  border: 1px solid var(--colors-grey-300);
  border-radius: 4px;
  box-shadow: 0px 1px 1px rgba(29, 38, 46, 0.05);
}
.message-preview__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-03);
  transition: background-color 150ms ease-in;
}
.message-preview__title {
  flex: 1;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  color: var(--colors-grey-900);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.message-preview__expand::before {
  content: "";
  position: absolute;
  inset: 0;
}
.message-preview__expand:active {
  transform: none;
}
.message-preview__metas {
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 var(--spacing-03);
  padding-bottom: var(--spacing-03);
  border-bottom: 1px solid var(--colors-grey-300);
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  line-height: 1.6666666667;
}
.message-preview__metas strong {
  color: var(--colors-grey-700);
}
.message-preview__body {
  padding: var(--spacing-03);
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
.message-preview__body p:last-child,
.message-preview__body ul:last-child,
.message-preview__body ol:last-child {
  margin-bottom: 0;
}
.message-preview__footer {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-03) 0;
  margin: 0 var(--spacing-03);
  border-top: 1px solid var(--colors-grey-300);
}
.lead-edit__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-06);
}
.lead-edit__title {
  margin: 0;
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
  color: var(--colors-grey-800);
}
.lead-edit__back {
  display: flex;
  align-items: center;
  justify-content: center;
  border: 0;
  background-color: #fff;
  width: 2.4rem;
  height: 2.4rem;
  border-radius: 50%;
  font-size: 1.4rem;
  line-height: 1.25;
  color: var(--colors-grey-600);
  transition: color 150ms ease-in, background-color 150ms ease-in;
}
.lead-edit__back:hover, .lead-edit__back:focus {
  color: var(--colors-grey-700);
  background-color: var(--colors-grey-100);
  text-decoration: none;
}
.lead-edit__section-header {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin: var(--spacing-06) 0 var(--spacing-04);
}
.lead-edit__section-title {
  flex: 1;
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.25;
}
.lead-edit__actions {
  position: sticky;
  bottom: calc(var(--spacing-06) * -1);
  width: calc(100% + var(--spacing-08) * 2);
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-left: calc(var(--spacing-08) * -1);
  margin-top: var(--spacing-16);
  margin-bottom: calc(var(--spacing-06) * -1);
  padding: var(--spacing-04) var(--spacing-08);
  background-color: var(--colors-grey-100);
  z-index: 1010;
}
.leads.history .full-width-table {
  margin-left: calc(var(--spacing-06) * -1);
  margin-right: calc(var(--spacing-06) * -1);
  width: calc(100% + var(--spacing-06) * 2);
}
.leads-import-preview {
  padding: var(--spacing-06);
  margin-bottom: var(--spacing-06);
  background-color: var(--colors-grey-100);
  border-radius: 0.4rem;
}
.leads-import-preview .leads-import-preview__title {
  flex: 1;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  margin: 0;
}
.leads-import-preview__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
}
.leads-import-preview__progression {
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-600);
}
.leads-import-preview__progress-bar {
  max-width: 100%;
  margin: var(--spacing-03) 0 var(--spacing-04) 0;
}
.leads-import-preview__metas {
  display: flex;
  list-style-type: none;
  margin: 0;
  padding-left: 0;
  gap: var(--spacing-04);
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.leads-import-preview__metas li {
  display: flex;
  gap: var(--spacing-01);
  align-items: center;
}
.adv-card {
  position: relative;
  min-height: 20.8rem;
  background: #fff;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 1px 1px rgba(29, 38, 46, 0.05);
  border-radius: 0.4rem;
  container-type: inline-size;
  container-name: advCard;
  z-index: 50;
  height: 100%;
}
.adv-card__header {
  display: flex;
  align-items: center;
  padding: var(--spacing-02);
}
.adv-card__header > .dropdown {
  flex: 1;
}
.adv-card__title {
  display: block;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-800);
}
.adv-card__body {
  display: flex;
  padding: 0 var(--spacing-04) var(--spacing-04) var(--spacing-04);
  align-items: center;
  gap: var(--spacing-06);
}
.adv-card__body .empty-state--horizontal {
  gap: var(--spacing-06);
}
.adv-card__body-inputs {
  display: flex;
  gap: var(--spacing-06);
}
.adv-card__body-input {
  display: flex;
  flex-direction: column;
}
.adv-card__chart {
  position: relative;
  height: 14rem;
  width: 14rem;
}
.adv-card__chart--empty {
  flex-shrink: 0;
  margin: 0.5rem;
  width: 13rem;
  height: 13rem;
  border: 1.6rem solid var(--colors-grey-200);
  border-radius: 50%;
}
.adv-card__values {
  min-width: 0;
}
.adv-card__subtitle {
  display: block;
  margin-bottom: var(--spacing-02);
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
}
.adv-card__values--empty {
  font-size: 1.2rem;
  color: var(--colors-grey-600);
  line-height: 1.3333333333;
}
.adv-card__values--empty .adv-card__subtitle {
  font-size: 1.4rem;
  margin-bottom: 0;
  color: var(--colors-grey-800);
}
.adv-card-legend {
  list-style-type: none;
  margin: 0;
  padding-left: 0;
  font-size: 1.3rem;
  line-height: 1.2307692308;
}
.adv-card-legend:has(.adv-card-legend__marker--active) .adv-card-legend__marker:not(.adv-card-legend__marker--active) {
  opacity: 0.5;
}
.adv-card-legend__item {
  display: flex;
  gap: var(--spacing-01);
  align-items: center;
  cursor: pointer;
  transition: text-decoration 150ms ease-in;
}
.adv-card-legend__item:hover {
  text-decoration: underline;
}
.adv-card-legend__item:hover .adv-card-legend__marker {
  opacity: 1 !important;
}
.adv-card-legend__item:not(:first-child) {
  margin-top: var(--spacing-02);
}
.adv-card-legend__marker {
  flex-shrink: 0;
  width: 0.8rem;
  height: 0.8rem;
  border-radius: 0.2rem;
  background-color: currentColor;
  transition: opacity 150ms ease-in;
}
.adv-card-legend__marker--active {
  border: 0.1rem solid #fff;
  box-shadow: 0 0 0 0.1rem currentColor;
}
.adv-card-legend__label {
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}
.adv-card-legend__value {
  color: var(--colors-grey-700);
}
.adv-card__footer {
  padding: var(--spacing-04);
}
.adv-card-config {
  position: absolute;
  inset: 0;
  display: flex;
  flex-direction: column;
  background-color: #fff;
  border-radius: 0.4rem;
  opacity: 0;
  transition: opacity 250ms ease-in;
  will-change: opacity;
}
.adv-card-config.is-visible {
  opacity: 1;
}
.adv-card-config.is-hidden {
  z-index: -1;
}
.adv-card-config .adv-card__header {
  padding-left: var(--spacing-04);
}
.adv-card-config .adv-card__body {
  flex-direction: column;
  gap: 0;
  align-items: flex-start;
}
.adv-card-config .h-input {
  width: 14rem;
}
.adv-card-config .adv-card__footer {
  margin-top: auto;
  padding-top: 0;
}
.adv-card--empty {
  background-image: url("https://hunter.io/assets/adv-empty-background-D4g1JbwV.svg");
  background-repeat: no-repeat;
  background-position: bottom center;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
}
.adv-card--empty .empty-state__content {
  max-width: 32rem;
}
@container advCard (max-width: 30rem) {
  .adv-card__values {
    display: none;
  }
  .adv-card__body {
    justify-content: center;
  }
}
.chart-tooltip {
  position: absolute;
  white-space: nowrap;
  transition: all 150ms ease-in;
  will-change: all;
}
.chart-tooltip .tooltip-inner {
  text-align: left;
}
.adv-card--loading {
  display: flex;
  flex-direction: column;
}
.adv-card--loading .adv-card__header {
  height: 1.4rem;
  width: 12rem;
  margin: var(--spacing-04);
  border-radius: 0.4rem;
  animation: 2s skeletonShine linear infinite;
}
.adv-card--loading .adv-card__chart {
  margin: 0.5rem;
  width: 13rem;
  height: 13rem;
  border: 1.6rem solid transparent;
  border-radius: 50%;
  animation: 2s borderSkeletonShine linear infinite;
}
.adv-card--loading .adv-card__legend {
  height: 0.8rem;
  width: 16rem;
  margin: var(--spacing-04) 0;
  border-radius: 0.4rem;
  animation: 2s skeletonShine linear infinite;
}
@keyframes borderSkeletonShine {
  50% {
    border-color: var(--colors-grey-200);
  }
  0%, 100% {
    border-color: var(--colors-grey-300);
  }
}
.overview-data {
  background: #fff;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 1px 1px rgba(29, 38, 46, 0.05);
  border-radius: 0.4rem;
  overflow: hidden;
  container-type: inline-size;
  container-name: overviewDataCard;
}
.overview-data .overview-data__title {
  flex: 1;
  margin: 0;
  font-weight: 500;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
}
.overview-data__header {
  display: flex;
  align-items: center;
  margin: var(--spacing-04) var(--spacing-04) var(--spacing-03);
}
.overview-data__body {
  margin: 0 var(--spacing-04);
}
.overview-data__value {
  display: flex;
  align-items: baseline;
  gap: 0.25em;
}
.overview-data__value strong {
  font-weight: 500;
  font-size: 2rem;
  line-height: 1.2;
}
.overview-data__value span {
  font-size: 1.4rem;
  line-height: 1.7142857143;
  color: var(--colors-grey-600);
}
.overview-data-progress {
  position: relative;
  margin-top: var(--spacing-02);
  background-color: var(--colors-grey-200);
  width: 100%;
  height: 0.4rem;
  border-radius: 1rem;
}
.overview-data-progress__track {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background: var(--colors-warning-600);
  border-radius: 1rem;
  transition: width 100ms ease-in-out;
}
.overview-data-progress__track--low {
  background: var(--colors-danger-600);
}
.overview-data-progress__track--high {
  background: var(--colors-success-600);
}
.overview-data__footer {
  margin-top: var(--spacing-04);
  padding: var(--spacing-02) var(--spacing-04);
  display: flex;
  align-items: center;
  justify-content: space-between;
  border-top: 0.1rem solid var(--colors-grey-300);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-600);
}
.overview-data__more {
  font-weight: 500;
}
.overview-data--loading {
  min-height: 13.2rem;
  display: flex;
  flex-direction: column;
}
.overview-data--loading .overview-data__header {
  height: 1.4rem;
  width: 50%;
  border-radius: 0.4rem;
  animation: 2s skeletonShine linear infinite;
}
.overview-data--loading .overview-data__value {
  height: 2rem;
  margin-bottom: var(--spacing-04);
  width: 25%;
  border-radius: 0.4rem;
  animation: 2s skeletonShine linear infinite;
}
.overview-data--loading .overview-data-progress {
  animation: 2s skeletonShine linear infinite;
}
.overview-data--loading .overview-data__footer {
  margin-top: auto;
  height: 3.2rem;
  background-color: var(--colors-grey-50);
}
@container overviewDataCard (max-width: 30rem) {
  .overview-data__body {
    padding-bottom: var(--spacing-04);
  }
  .overview-data__footer {
    display: none;
  }
}
.companies-import-sidepanel__subtitle {
  font-weight: 500;
  font-size: 1.6rem;
}
.companies-import-sidepanel__hint {
  font-weight: 500;
  font-size: 1.4rem;
}
.companies-import-mapping__hint {
  font-weight: 500;
  font-size: 1.3rem;
}
.map-columns-table {
  width: 100%;
}
.map-columns-table th {
  padding: var(--spacing-02) var(--spacing-04);
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.map-columns-table td {
  padding: var(--spacing-04);
  border-top: 0.1rem solid var(--colors-grey-300);
}
.map-columns-table .map-columns-table__icon {
  width: 4.8rem;
  text-align: center;
}
.map-columns-table .h-select,
.map-columns-table .h-field {
  max-width: 80%;
}
.map-columns-table__icon {
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--colors-grey-400);
}
.map-columns-table__preview {
  display: flex;
}
.map-columns-table__preview > *:not(:first-child)::before {
  content: "·";
  display: inline-block;
  margin: 0 0.5em;
}
.configuration.index #preview-container table {
  max-width: 100%;
  width: max-content;
  font-size: 13px;
}
.configuration.index #preview-container table th {
  padding: 0 8px 15px;
}
.configuration.index #preview-container table tr {
  border-bottom: 1px solid var(--colors-grey-300);
}
.configuration.index #preview-container table tr:last-child {
  border-bottom: 0;
}
.configuration.index #preview-container table td {
  padding: 8px;
  min-width: 180px;
}
.configuration.index .horizontal-scroll {
  width: max-content;
  max-width: 100%;
  padding: 20px;
  border-radius: 5px;
  background: linear-gradient(to right, var(--colors-grey-100), var(--colors-grey-100), rgba(255, 255, 255, 0) 30px), radial-gradient(farthest-side at 0 50%, rgba(34, 34, 34, 0.12), rgba(255, 255, 255, 0)), linear-gradient(to left, var(--colors-grey-100), var(--colors-grey-100), rgba(255, 255, 255, 0) 30px), radial-gradient(farthest-side at 100% 50%, rgba(34, 34, 34, 0.12), rgba(255, 255, 255, 0)) 100%;
  background-color: var(--colors-grey-100);
  background-repeat: no-repeat;
  background-attachment: local, scroll, local, scroll;
  background-size: 100% 100%, 15px 100%, 100% 100%, 15px 100%;
}
.configuration.index .matching-not-ok {
  display: none;
  margin-bottom: 20px;
}
.configuration.index select {
  min-width: 100px;
}
.leads_imports.index .container {
  max-width: 900px;
}
.leads-import-form {
  max-width: 46rem;
  margin: 0 auto;
}
.leads-import-details {
  max-width: 46rem;
  margin: var(--spacing-10) auto 0;
}
.leads-import-details__link {
  position: relative;
  font-size: 1.2rem;
  text-decoration-line: underline;
  color: var(--colors-grey-600);
}
.leads-import-details__link:hover, .leads-import-details__link:focus {
  text-decoration: none;
  color: var(--colors-grey-800);
}
.leads-import-details__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
}
.leads-import-details__header .board-box__title {
  flex: 1;
}
.leads-import-overview {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-03) 0;
  border-bottom: 0.1rem solid var(--colors-grey-300);
  border-top: 0.1rem solid var(--colors-grey-300);
  line-height: 1.1428571429;
}
.leads-import-overview + .leads-import-overview {
  margin-top: -0.1rem;
}
.leads-import-overview__label {
  color: var(--colors-grey-700);
  font-weight: 500;
}
.leads-import-overview__value {
  margin-left: auto;
  font-weight: 500;
  font-variant-numeric: tabular-nums;
}
.leads-import-errors {
  background-color: var(--colors-grey-100);
  max-height: 32rem;
  overflow: auto;
  color: var(--colors-grey-700);
  border-radius: 0 0 0.4rem 0.4rem;
}
.leads-import-errors thead {
  position: sticky;
  top: 0;
}
.leads-import-errors th,
.leads-import-errors td {
  padding: var(--spacing-02) var(--spacing-05);
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.leads-import-errors th {
  font-weight: 500;
  background-color: var(--colors-grey-100);
}
.leads-import-errors__table {
  width: 100%;
}
.leads_imports.show .import-status {
  width: 100%;
  padding: var(--spacing-06) var(--spacing-04);
}
.leads_imports.show .import-status h3 {
  font-size: 16px;
  font-weight: 600;
  margin-bottom: 5px;
}
.leads_imports.show .import-status .progress {
  margin: 9px 0 0 20px;
  width: 200px;
  border-radius: 3px;
  height: 18px;
  display: inline-block;
}
.leads_imports.show .import-status .progress .progress-bar {
  background-color: var(--colors-primary-600);
}
.leads_imports.show .import-error {
  margin-bottom: 5px;
}
.leads_imports.show .import-error:last-child {
  margin-bottom: 0;
}
.leads_imports.history .full-width-table {
  margin-left: calc(var(--spacing-06) * -1);
  margin-right: calc(var(--spacing-06) * -1);
  width: calc(100% + var(--spacing-06) * 2);
}
.leads_lists.new .pretty-checkbox, .leads_lists.create .pretty-checkbox {
  margin-right: 5px;
}
.leads.index .empty-state__content,
.leads_lists .empty-state__content,
.company_lists .empty-state__content {
  max-width: 48rem;
}
.leads_lists.history .full-width-table {
  margin-left: calc(var(--spacing-06) * -1);
  margin-right: calc(var(--spacing-06) * -1);
  width: calc(100% + var(--spacing-06) * 2);
}
.overview-stats {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.overview-stats__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  color: var(--colors-grey-900);
}
.overview-stats__item:hover, .overview-stats__item:focus {
  color: var(--colors-grey-1000);
  text-decoration: none;
}
/**
* Merge
*/
.leads_lists.merge .dashboard-body {
  margin-top: 60px;
  overflow-x: visible;
}
.message_templates .hunter-templates-link {
  margin: 5px 25px 0 0;
  font-size: 13px;
}
.message_templates .hunter-templates-link .far {
  font-size: 9px;
  margin-left: 3px;
}
.message_templates table {
  color: var(--colors-grey-600);
}
.message_templates table h4 {
  margin: 0 0 5px;
  color: var(--colors-grey-1000);
  font-size: 16px;
  font-weight: 500;
  max-width: 500px;
}
.message_templates table td {
  padding-top: 16px !important;
  padding-bottom: 16px !important;
}
.message_templates table td:nth-child(2) {
  width: 10em;
}
.message_templates table .template-information {
  max-width: 500px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
@media screen and (max-width: 992px) {
  .template-information {
    max-width: 200px !important;
  }
}
.message_templates.new .compose-container,
.message_templates.edit .compose-container,
.message_templates.create .compose-container,
.message_templates.update .compose-container {
  max-width: 800px;
  margin: 60px auto;
}
.message_templates.new .compose-recipient,
.message_templates.edit .compose-recipient,
.message_templates.create .compose-recipient,
.message_templates.update .compose-recipient {
  display: flex;
  align-items: flex-end;
  gap: var(--spacing-04);
  margin-bottom: var(--spacing-06);
}
.message_templates.new .compose-recipient .form-group,
.message_templates.edit .compose-recipient .form-group,
.message_templates.create .compose-recipient .form-group,
.message_templates.update .compose-recipient .form-group {
  flex: 1;
  margin-bottom: 0;
}
.message_templates.new .compose-window,
.message_templates.edit .compose-window,
.message_templates.create .compose-window,
.message_templates.update .compose-window {
  border-radius: 5px;
  border: 1px solid var(--colors-grey-400);
}
.message_templates.new .compose-window .subject-line,
.message_templates.edit .compose-window .subject-line,
.message_templates.create .compose-window .subject-line,
.message_templates.update .compose-window .subject-line {
  padding: 6px 15px;
  border-bottom: 1px solid var(--colors-grey-400);
}
.message_templates.new .compose-window .subject-line input,
.message_templates.edit .compose-window .subject-line input,
.message_templates.create .compose-window .subject-line input,
.message_templates.update .compose-window .subject-line input {
  border: none;
  background: none;
  padding: 0;
  width: 100%;
  font-size: 13px;
  transition: all 250ms ease;
  color: var(--colors-grey-1000);
  font-weight: 600;
}
.message_templates.new .compose-window .subject-line input::-webkit-input-placeholder,
.message_templates.edit .compose-window .subject-line input::-webkit-input-placeholder,
.message_templates.create .compose-window .subject-line input::-webkit-input-placeholder,
.message_templates.update .compose-window .subject-line input::-webkit-input-placeholder {
  color: var(--colors-grey-600) !important;
}
.message_templates.new .compose-window .subject-line input:focus::-webkit-input-placeholder,
.message_templates.edit .compose-window .subject-line input:focus::-webkit-input-placeholder,
.message_templates.create .compose-window .subject-line input:focus::-webkit-input-placeholder,
.message_templates.update .compose-window .subject-line input:focus::-webkit-input-placeholder {
  color: var(--colors-grey-500) !important;
}
.message_templates.new .compose-window .subject-line input:active, .message_templates.new .compose-window .subject-line input:focus,
.message_templates.edit .compose-window .subject-line input:active,
.message_templates.edit .compose-window .subject-line input:focus,
.message_templates.create .compose-window .subject-line input:active,
.message_templates.create .compose-window .subject-line input:focus,
.message_templates.update .compose-window .subject-line input:active,
.message_templates.update .compose-window .subject-line input:focus {
  border: 0 !important;
}
.message_templates.new .compose-window .compose-body,
.message_templates.edit .compose-window .compose-body,
.message_templates.create .compose-window .compose-body,
.message_templates.update .compose-window .compose-body {
  padding: 10px;
}
.message_templates.new .compose-window .compose-body .gmail-signature,
.message_templates.edit .compose-window .compose-body .gmail-signature,
.message_templates.create .compose-window .compose-body .gmail-signature,
.message_templates.update .compose-window .compose-body .gmail-signature {
  margin-top: 15px;
}
.messages.index #outreach-main #outreach-list {
  border-right: 1px solid var(--colors-grey-300);
  line-height: 20px;
}
.messages.index #outreach-main #outreach-list ul {
  padding: 0;
  margin: 0;
  list-style: none;
  height: 800px;
  overflow-y: scroll;
}
.messages.index #outreach-main #outreach-list ul li {
  padding: 16px 18px 18px;
  border-bottom: 1px solid var(--colors-grey-300);
  transition: all 100ms;
  cursor: pointer;
}
.messages.index #outreach-main #outreach-list ul li:last-child {
  border: 0;
  border-radius: 0 0 0 3px;
}
.messages.index #outreach-main #outreach-list ul li:first-child {
  border-radius: 3px 0 0 0;
}
.messages.index #outreach-main #outreach-list ul li.active, .messages.index #outreach-main #outreach-list ul li:hover {
  background-color: var(--colors-grey-100);
}
.messages.index #outreach-main #outreach-list ul li:active {
  background-color: var(--colors-grey-200);
}
.messages.index #outreach-main #outreach-list ul li .message-pic {
  float: left;
  height: 38px;
  width: 38px;
  border-radius: 50%;
  margin-top: 5px;
  background: #ffffff url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAgAAAAIACAMAAADDpiTIAAAASFBMVEX////////////////////////////8/Pz5+fn39/f6+vr29vbz8/Py8vLx8fH19fXw8PD7+/v+/v709PT9/f34+Pj///////9iuP+MAAAAGHRSTlPk8eP6//nw////////////////////++JV5WRSAAAMZUlEQVR4AezSBQEAMAADoLv1D/wggwyUUgnWSh/BmKWOYCwBBEAABEAABEAABEAABEAABEAABIgiAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAAIgAALsc+/ZI5QA77N3JzjOq1gUxzVEYobDBfa/1e5Wv0jvG6qckEq42Oe3g5L/ZQMGJ8SUY/G3K2IAPuIfsd7oagFIwb+E27UwAJPwi9ZvdKEAasZvotyeIyIMYFcm4w/x9gSxJcYYPAPY//rPjANsulfjGcB+JOGv7Mz40TGA7TT8Xe63R/Rf+ynCAPbi8JU2cf2BwgC2UvE1P3X/cAxg9wHAXZbbkYA/DQaw/wPgwX9mj78xDGAXHd/Kfer+ERnALgq+F+buH44B7MHjSL99w+ArhgFsIeJImFlBABoD2EHFoSwzNwDAM4ANNByzcwOIyAD083hAm7oBAIMBqNfwiD43g0gMQDuDh9jJAcRgAMoFPKRNLiEkYQCqSQYw/wzoGQcsA1DN4kF28v4RGcDOQ8CDF/wdxzwD2PU10PFakMOxxgAUG3iYnx1AGAagV8PD3Gw+gQGo1TMeFuVoH8AXcmcAmz4BDm7lHo+xDGDHrYDHz4CIx0QGoJTFM9LkDQCoDGCDG8CxOjuALAxAJYfnhOPXQBsNAxmAyXhOnLwBAJYBKBTxLDN3AwAaA9Bn4Gl28gYAGAaw20aQg0GAx1McA9jqAXC8uyPhKYkBKOMww0w/PzwDUMVjSjh+h7DDUgAD6BlTssw+P3JnAHpIxN3ULaDgeZYB6FEwzYmYhgmRAajhMA85Y05lAEpYLFEYgA4Va+TOADQwGYsMBqBAz1glCQNYries4xnApa8/GgNYTCKW6gxgqd6wlmMAK/WExZIwgHVMwnKeASxTE9YrDGAVn6FBZwBrOOjgGMAKpkGJxAA+TwL08Azg02yCIo0BfFZtUCV3BvBBvUAbxwA+prsMdZIwgA8ZCRp5BvARNkKnxgCWjv3WMwxg5eVfLzCA9zIFqmVhAG9kHLSzDOBtxGWoFxnAm8jI2EE9eQBc9V8wE2QAPmIbhgGsnPmtF84aAGd+C2aCDEBCxmYGA/gxMhK2k4UBrBz7rWcZwMrtnuslBrB0u+d6lgHoX/jhziDNAZiGrVkG8Apx2FxiAC/wCduzDEDjbm+uBegPwCacgmMAS//91+sMQNVBf/3fi2AAUnAmlQHoGfxzd6D+ABzOZjAAHUt/PC2uPwCbcUKFATzI4ZwsA1j9lVc+BPQHUBNOqzCAQxZnNhjAAYdzMwxg5eLfelEYwNd6xOkVBrD0I+/rWQaw9PqvVxnAgne/XA3QHkDFZUQGsOD6qx4IMgCPS3EM4Fc1Q7HUyv+09KapAAOo0Cu5eh+0SR3xDV8RZgAmQ6s05Pfvk+QfngwygJ6glZO/5BrwE7JhAP8nCUrF+sb9avcCGECDUk1uXxkZr0udAfxX2HKqZtrPFMAAxq5TdXfCAhYE4KFU+cjWpWQuHkDP0Kl96O1lrtcOIG79wq5H3QXoD8BBkYl1OvmJAvx+AXAAcCftc7WdL4CeT/Axh4LXuYsG0KBU+PRfES4ZgIVW5uMD2SLXC6Dnk/zIi0S8LvbLBdAUH99aUECuFwvAQ6265n32uFQAkqBV6ot2tBS5UAAOaiVZtact1csE0KE/gBVPtHGVAAr0ymbha+3SLxGAgWZ+5caW5K8QQIFmZe28tvTTB2Cgm1k7sUn+7AEU6NZWb28v/dQBGGg3Vh9wyUNOHECDenX5EbfoTxtAxwbs+jecrZ40AIcdOAWnHIo5YwCSsYVYp/66iJ9U6vkCGNhFMQpGuM3LyQKI2EeoCo66pWHOFEDFVuLo6ye5uQ1zmgACNpObNbJ+jJOCrV32D0ASNhTDqLL+d45zLMENX40RkU0D8NhVimF4890/oXTvWsIH5JRSjLGEEMYYtZouskkAAZtLrYQxrPe+mrvq/XClZayTUyvOViPKA5AMem+fzoviADw+gBF40RpAeOwPCM4OO0LEHMrO6Awg4UAutvbbnRkZUyiHrjAAg2+lUuWnfkKO8tAXwMA3ipUf3T5ErWsLoMw8tBomUTIrAphYBkyuv+MYMWWvKgDz/QeZf34HCWWjKQA7cfnv3cyh3BUFUCa3vzZMo6YogIjfuf7uXYRk1QQgeXLPlcc8SqIlgDq7892AXmC1BGBn16kkYx5FJQFImD79lkAvMDoCMG36/GsCvcCJigB8xD+C3D4YALWuIoCRpo/cJNALklcRgJs/dJdAL8hDRQDl/iW0DwdA2akIIAIIsuCzwlRUBJCnn0UGdIIAWuzcS3yCABawoJ3HADxOxFnAys/KUfTrA1h4opia2TuAFz+/R0H+w96dZNeOAkEYnvznCCEEBUL732rNPKm+Db8bEVvwZ5GQCVcPIBcKhanoAQiflUr29weQmVCDgZC8KSDKqwegfFs6OfQAUgII8yACkBIg9wL0PzGb3EsPIKcAwpzoAaQTpEtfegBpBAhzogOgf1w66UsPIJtAYQp6ALqfF0gaegA5BhRm6gEIf2EqGegBZAXQpW89gKwAwlT0ALIC6HKhA5BTIH3upQOQUyB9+oEegK4PkBR0ADIMps+FDkDuBOrzoAOQWSB97qUHkFkgfQGoByBpBCaTjwDwNw8BkoIOQIYB9SnoAOhLwKSgA6AvAZMTPQBdHyg50QPQ9YGSEx0AfQmYFHQA9CVgUpAByCiQPr2iByBrBCfPRgUge0B9+gsqAGkD6DM2KgD6PWDyTBAB0O8Bk1ZBBEC/B0yeChoA+mHgpJ8TNADyOrg+rWyQAMghkD7tnIACQA6B9LmvuUABIIdA+rQxF6AHkEMg3ZdfACDXgeTpTzkWiADkOpA27SobQAYgh0C69PFOACkAzR4w6e2qG5ADEMyCJvd4DwAfAHkV6iv9eecCvAB8rQD57i8AOwDvT0nXf/dVALIH6O2cG3AEkFOg+ykbwBjAdD7jrQtwBJASoLf3WEAAXJ413wYIAMcasI+6+UoAtBR9LgByH2CUDQSA5zBQKwcQAJ4Hwfd1IEoA6DMqogSAPvcfb/kCINe4AuAT08+DP0gA9A8u+xd/mGwD70/99hf+RAJgtc+s+yf6pBegyjj4swmAkf/+zAPkz28MoObxnk8BkG7QXSEAbAcC+rsIAN+ZsLEhAGzHgtuEAPC9GHAuAsB3DXgm2ALIRrC/EAC+c6HtIAD+Wc78ZpM3gP0DH/1MAsC4DBybADD+BLwQAL494V4JAONPQDswBpCNwFgEgPF58AkBYPxecCEAnIdDKwFgfEWoVwLAeDq0HwTAf5GRv783gN3z97cGwMzf/7sDSBkwCQDnMqASAM53hQsB4PxcwEsAOL8YcuEMIFuBhwBwbgvdKwCsBRwEgLOAQgA4CxgEgECAaQEQAFTvAiAAmP37TwAGgMuZYCMABAJaFgBrAKyRFoA1ADizAHgDoGQGxBsAR0sPUAzAvRDoOwC0eb0rwABg3voz4ABwXQYqAYDxbuAmAMB4N1AD4LvkzBmQNwBmywfAGgDrtK4AAgBmywfAGgC8PR8AawDskUNAawBQ7nQBrAGwzrQBrQHAMTIHYA0AasshkDUAVunOd8ECANb13xLYAYA+ulJgEAB8+xxPTgGtAUD9jwj0RQDwQ6S2rADWAFilZQVwBgCUlhXAGgCUlhXAGgDMJ6dA1gCgDusL4QEAx+jpAzgDgH3d6QQ7A4D93tkEOgOAVVtmgZwBAHN05xIgAOB4b+dX4QIAVnmcS4AAAObVMwviDAD23zgjbotPSQAAx7jTCHAGAKsM/Y2gANAfD6UG9AUAzOtOJ8gZAKw68jCYMwBgv63n5+GMAQDH+6QV6AwAmG/LJsAZAHCcT88mwBgAcLwjmwBnAMCuo2ci3BgAsOrVep6G8gUAcJTrzi7QGACw5vvcPa0gWwDAPspo98uvJgB+bpdOBACAYSCA7UdY/U0LcglDEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABEAABBPiHYHusR7Bq0xEiBzkg7xEAAAAASUVORK5CYII=");
  background-size: 38px 38px;
  box-shadow: 0 2px 5px rgba(0, 0, 0, 0.2);
}
.messages.index #outreach-main #outreach-list ul li .message-pic img {
  background: #ffffff;
  transition: opacity 0.5s;
  border-radius: 50%;
  opacity: 0;
  height: 38px;
  width: 38px;
}
.messages.index #outreach-main #outreach-list ul li .message-text-container {
  margin-left: 58px;
}
.messages.index #outreach-main #outreach-list ul li .message-date {
  display: inline-block;
  margin-left: 3px;
  color: var(--colors-grey-600);
  font-size: 11px;
  text-transform: uppercase;
}
.messages.index #outreach-main #outreach-list ul li .message-text {
  margin: 2px 0 3px;
  color: var(--colors-grey-700);
  font-size: 13px;
  line-height: 20px;
}
.messages.index #outreach-main #outreach-list ul li .message-status {
  display: inline;
  font-weight: 600;
  text-transform: uppercase;
  font-size: 12px;
}
.messages.index #outreach-main #outreach-list ul li .message-subject {
  display: inline-block;
  font-weight: 600;
  max-width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messages.index #outreach-main #outreach-list ul li .message-to {
  display: inline-block;
  color: var(--colors-grey-700);
  max-width: 180px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.messages.index #outreach-main .messages-pagination {
  padding: var(--spacing-04);
}
.messages.index #outreach-main #message-loader {
  padding: 200px;
  text-align: center;
}
.messages.index #outreach-main #message-loader .far {
  font-size: 40px;
  color: var(--colors-grey-400);
}
.messages.new .recipient-container, .messages.create .recipient-container {
  margin: 0 -28px 20px;
  padding: 0 28px 20px;
  border-bottom: 1px solid var(--colors-grey-300);
}
.messages.new .recipient-container .lead-pic, .messages.create .recipient-container .lead-pic {
  margin-bottom: 20px;
  height: 48px;
  width: 48px;
  border-radius: 50%;
  background-color: #fff;
  float: left;
  margin: 0 15px 0 0;
}
.messages.new .compose-hint, .messages.create .compose-hint {
  margin-top: 5px;
  font-size: 12px;
}
.messages.new trix-toolbar .trix-button-group--block-tools, .messages.new trix-toolbar .trix-button-group--history-tools, .messages.new trix-toolbar .trix-button-group--file-tools, .messages.create trix-toolbar .trix-button-group--block-tools, .messages.create trix-toolbar .trix-button-group--history-tools, .messages.create trix-toolbar .trix-button-group--file-tools {
  display: none;
}
.onboarding.campaigns.index h1 {
  font-weight: 600;
  font-size: 32px;
  margin: 20px 0 10px;
}
.onboarding.campaigns.index h2 {
  margin: 0 0 30px;
  font-size: 20px;
}
.onboarding.campaigns.index .fa-lock-alt {
  margin-right: 3px;
}
.onboarding.teams.index .dashboard-body > .container {
  max-width: 1000px;
}
.onboarding.teams.index h2 {
  margin: 10px 0 40px;
}
.onboarding.teams.index iframe {
  margin-bottom: 20px;
}
.onboarding.teams.index .board-box, .onboarding.teams.index .onboarding-box {
  text-align: center;
}
.onboarding.user_intent.new .main-wrapper,
.onboarding.user_intent.new .dashboard-body .container {
  max-width: 520px;
}
.onboarding.user_intent.new h3 {
  font-size: 17px;
}
.account-setup {
  width: 100%;
  max-width: 50rem;
  padding: var(--spacing-05);
  margin: auto;
}
.account-setup__pretitle {
  font-weight: 500;
  font-size: 1.6rem;
  line-height: 1.25;
  color: var(--colors-grey-700);
  margin-bottom: 0.4rem;
}
.account-setup__title {
  text-align: left !important;
  font-family: var(--fonts-family-body);
  font-weight: 500 !important;
  font-size: 2.4rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-1000);
  margin: 0 !important;
}
.account-setup__title {
  font-weight: 500;
  font-size: 2.4rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-1000);
  margin: 0;
}
.account-setup__description {
  margin: var(--spacing-02) 0 var(--spacing-06);
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
}
.account-setup__description a {
  color: inherit;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-400);
  text-underline-offset: var(--spacing-01);
}
.account-setup__description a:hover, .account-setup__description a:focus {
  text-decoration-color: var(--colors-grey-600);
}
.account-setup__actions {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-02);
  margin-top: var(--spacing-06);
}
.options-group {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-02);
}
.hidden-token {
  display: none;
}
.account-setup--explore {
  max-width: 68rem;
  text-align: center;
}
.account-setup--explore .account-setup__title {
  text-align: center !important;
}
.extra-credits-badge {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-02);
  width: max-content;
  margin: 0 auto;
  padding: var(--spacing-02) var(--spacing-04);
  background-color: var(--colors-secondary-200);
  border-radius: 2rem;
  font-size: 1.3rem;
  line-height: 1.2307692308;
  font-weight: 500;
}
.extra-credits-badge__icon {
  color: var(--colors-secondary-600);
  transform: rotate(-45deg);
}
.video-frame {
  position: relative;
  margin: var(--spacing-06) auto;
  border: 0.4rem solid var(--colors-grey-50);
  box-shadow: 0 0 0 1px var(--colors-grey-200);
  border-radius: 0.4rem;
}
.video-frame__player {
  aspect-ratio: 16/9;
  border-radius: 0.2rem;
  width: 100%;
  vertical-align: middle;
}
.video-frame__seen {
  opacity: 0;
  position: absolute;
  inset: 0;
  background-color: var(--colors-primary-100);
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  text-align: center;
  z-index: -5;
  transition: opacity 200ms ease-in-out;
}
.video-frame__seen.is-visible {
  opacity: 1;
  z-index: 0;
}
.front-orders.orders.show {
  padding-top: 30px;
  text-align: center;
}
.front-orders.orders.show .board-box, .front-orders.orders.show .onboarding-box {
  margin-bottom: 12px;
  margin-top: 20px;
}
.front-orders.orders.show .bottom-links {
  text-align: center;
}
.paused_subscriptions.new .dashboard-body > .container {
  max-width: 660px;
}
.paused_subscriptions.new h2 {
  border-bottom: 1px solid var(--colors-grey-300);
  padding-bottom: 20px;
}
.paused_subscriptions.new .board-box ul, .paused_subscriptions.new .onboarding-box ul {
  margin-bottom: 30px;
}
.paused_subscriptions.new .board-box p, .paused_subscriptions.new .onboarding-box p {
  margin-bottom: 20px;
}
.paused_subscriptions.new .board-box li, .paused_subscriptions.new .onboarding-box li {
  margin-bottom: 10px;
}
.registrations.edit .dashboard-body .container,
.registrations.update .dashboard-body .container {
  max-width: 1200px;
}
.registrations.edit .account-setting-email,
.registrations.update .account-setting-email {
  padding: 20px 0 40px;
}
.registrations.edit .account-setting-password,
.registrations.edit .account-setting-delete,
.registrations.edit .account-setting-time-zone,
.registrations.update .account-setting-password,
.registrations.update .account-setting-delete,
.registrations.update .account-setting-time-zone {
  padding: 30px 0;
  border-top: 1px solid var(--colors-grey-300);
}
.registrations.edit .account-setting-password h3,
.registrations.edit .account-setting-delete h3,
.registrations.edit .account-setting-time-zone h3,
.registrations.update .account-setting-password h3,
.registrations.update .account-setting-delete h3,
.registrations.update .account-setting-time-zone h3 {
  margin: 0 0 10px;
}
.registrations.edit .account-setting-password .row, .registrations.edit .account-setting-time-zone .row,
.registrations.update .account-setting-password .row,
.registrations.update .account-setting-time-zone .row {
  padding-left: 15px;
  padding-right: 15px;
}
.registrations.edit .account-setting-password form .h-button,
.registrations.update .account-setting-password form .h-button {
  margin-top: 28px;
}
.registrations.edit .account-setting-delete,
.registrations.update .account-setting-delete {
  padding-bottom: 0;
}
.registrations.edit .account-setting-delete #delete-account,
.registrations.update .account-setting-delete #delete-account {
  margin-top: 10px;
}
.registrations.edit .account-email-address,
.registrations.update .account-email-address {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.registrations.edit .account-email-address input,
.registrations.update .account-email-address input {
  min-width: 24rem;
}
.registrations.edit .notifications-settings .h-label,
.registrations.update .notifications-settings .h-label {
  --h-label-font-size: 1.4rem;
  --h-label-line-height: calc(16/14);
  --h-label-margin: 0;
}
.registrations.edit .notifications-settings h4,
.registrations.update .notifications-settings h4 {
  padding-bottom: var(--spacing-02);
  margin-top: 0;
  margin-bottom: var(--spacing-04);
  border-bottom: 1px solid var(--colors-grey-300);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.6;
}
.registrations.edit .notifications-settings .row-detail,
.registrations.update .notifications-settings .row-detail {
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.signup-flow-page .login-header,
.registrations.create .login-header,
.onboarding.team_selections.show .login-header,
.onboarding.team_creations.show .login-header,
.onboarding.intents_selections.show .login-header,
.onboarding.main_intent_selections.show .login-header,
.onboarding.discovers.show .login-header,
.onboarding.apis.show .login-header,
.onboarding.explores.show .login-header,
.onboarding.find_emails.show .login-header,
.onboarding.campaigns.show .login-header,
.onboarding.verify_emails.show .login-header,
.registration_blocked .login-header,
.check_your_inbox .login-header,
.registrations.new .login-header {
  margin: var(--spacing-08) var(--spacing-10);
  padding: 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.signup-flow-page .login-header__logo,
.registrations.create .login-header__logo,
.onboarding.team_selections.show .login-header__logo,
.onboarding.team_creations.show .login-header__logo,
.onboarding.intents_selections.show .login-header__logo,
.onboarding.main_intent_selections.show .login-header__logo,
.onboarding.discovers.show .login-header__logo,
.onboarding.apis.show .login-header__logo,
.onboarding.explores.show .login-header__logo,
.onboarding.find_emails.show .login-header__logo,
.onboarding.campaigns.show .login-header__logo,
.onboarding.verify_emails.show .login-header__logo,
.registration_blocked .login-header__logo,
.check_your_inbox .login-header__logo,
.registrations.new .login-header__logo {
  fill: var(--colors-primary-600);
}
@media screen and (min-width: 48em) {
  .signup-flow-page .login-header:not(.login-header--static),
  .registrations.create .login-header:not(.login-header--static),
  .onboarding.team_selections.show .login-header:not(.login-header--static),
  .onboarding.team_creations.show .login-header:not(.login-header--static),
  .onboarding.intents_selections.show .login-header:not(.login-header--static),
  .onboarding.main_intent_selections.show .login-header:not(.login-header--static),
  .onboarding.discovers.show .login-header:not(.login-header--static),
  .onboarding.apis.show .login-header:not(.login-header--static),
  .onboarding.explores.show .login-header:not(.login-header--static),
  .onboarding.find_emails.show .login-header:not(.login-header--static),
  .onboarding.campaigns.show .login-header:not(.login-header--static),
  .onboarding.verify_emails.show .login-header:not(.login-header--static),
  .registration_blocked .login-header:not(.login-header--static),
  .check_your_inbox .login-header:not(.login-header--static),
  .registrations.new .login-header:not(.login-header--static) {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
  }
}
.signup-flow-page .l-main,
.registrations.create .l-main,
.onboarding.team_selections.show .l-main,
.onboarding.team_creations.show .l-main,
.onboarding.intents_selections.show .l-main,
.onboarding.main_intent_selections.show .l-main,
.onboarding.discovers.show .l-main,
.onboarding.apis.show .l-main,
.onboarding.explores.show .l-main,
.onboarding.find_emails.show .l-main,
.onboarding.campaigns.show .l-main,
.onboarding.verify_emails.show .l-main,
.registration_blocked .l-main,
.check_your_inbox .l-main,
.registrations.new .l-main {
  display: flex;
  flex-direction: column;
}
.signup-flow-page .board-box, .signup-flow-page .onboarding-box,
.registrations.create .board-box,
.registrations.create .onboarding-box,
.onboarding.team_selections.show .board-box,
.onboarding.team_selections.show .onboarding-box,
.onboarding.team_creations.show .board-box,
.onboarding.team_creations.show .onboarding-box,
.onboarding.intents_selections.show .board-box,
.onboarding.intents_selections.show .onboarding-box,
.onboarding.main_intent_selections.show .board-box,
.onboarding.main_intent_selections.show .onboarding-box,
.onboarding.discovers.show .board-box,
.onboarding.discovers.show .onboarding-box,
.onboarding.apis.show .board-box,
.onboarding.apis.show .onboarding-box,
.onboarding.explores.show .board-box,
.onboarding.explores.show .onboarding-box,
.onboarding.find_emails.show .board-box,
.onboarding.find_emails.show .onboarding-box,
.onboarding.campaigns.show .board-box,
.onboarding.campaigns.show .onboarding-box,
.onboarding.verify_emails.show .board-box,
.onboarding.verify_emails.show .onboarding-box,
.registration_blocked .board-box,
.registration_blocked .onboarding-box,
.check_your_inbox .board-box,
.check_your_inbox .onboarding-box,
.registrations.new .board-box,
.registrations.new .onboarding-box {
  padding: 50px;
}
.signup-flow-page .logo,
.registrations.create .logo,
.onboarding.team_selections.show .logo,
.onboarding.team_creations.show .logo,
.onboarding.intents_selections.show .logo,
.onboarding.main_intent_selections.show .logo,
.onboarding.discovers.show .logo,
.onboarding.apis.show .logo,
.onboarding.explores.show .logo,
.onboarding.find_emails.show .logo,
.onboarding.campaigns.show .logo,
.onboarding.verify_emails.show .logo,
.registration_blocked .logo,
.check_your_inbox .logo,
.registrations.new .logo {
  margin-bottom: 40px;
}
.signup-flow-page .signup-container,
.registrations.create .signup-container,
.onboarding.team_selections.show .signup-container,
.onboarding.team_creations.show .signup-container,
.onboarding.intents_selections.show .signup-container,
.onboarding.main_intent_selections.show .signup-container,
.onboarding.discovers.show .signup-container,
.onboarding.apis.show .signup-container,
.onboarding.explores.show .signup-container,
.onboarding.find_emails.show .signup-container,
.onboarding.campaigns.show .signup-container,
.onboarding.verify_emails.show .signup-container,
.registration_blocked .signup-container,
.check_your_inbox .signup-container,
.registrations.new .signup-container {
  max-width: 780px;
}
.signup-flow-page .form-container,
.registrations.create .form-container,
.onboarding.team_selections.show .form-container,
.onboarding.team_creations.show .form-container,
.onboarding.intents_selections.show .form-container,
.onboarding.main_intent_selections.show .form-container,
.onboarding.discovers.show .form-container,
.onboarding.apis.show .form-container,
.onboarding.explores.show .form-container,
.onboarding.find_emails.show .form-container,
.onboarding.campaigns.show .form-container,
.onboarding.verify_emails.show .form-container,
.registration_blocked .form-container,
.check_your_inbox .form-container,
.registrations.new .form-container {
  max-width: 480px;
  margin: 0 auto;
}
.signup-flow-page #signup-email-message,
.registrations.create #signup-email-message,
.onboarding.team_selections.show #signup-email-message,
.onboarding.team_creations.show #signup-email-message,
.onboarding.intents_selections.show #signup-email-message,
.onboarding.main_intent_selections.show #signup-email-message,
.onboarding.discovers.show #signup-email-message,
.onboarding.apis.show #signup-email-message,
.onboarding.explores.show #signup-email-message,
.onboarding.find_emails.show #signup-email-message,
.onboarding.campaigns.show #signup-email-message,
.onboarding.verify_emails.show #signup-email-message,
.registration_blocked #signup-email-message,
.check_your_inbox #signup-email-message,
.registrations.new #signup-email-message {
  display: none;
}
.signup-flow-page .terms-mention,
.registrations.create .terms-mention,
.onboarding.team_selections.show .terms-mention,
.onboarding.team_creations.show .terms-mention,
.onboarding.intents_selections.show .terms-mention,
.onboarding.main_intent_selections.show .terms-mention,
.onboarding.discovers.show .terms-mention,
.onboarding.apis.show .terms-mention,
.onboarding.explores.show .terms-mention,
.onboarding.find_emails.show .terms-mention,
.onboarding.campaigns.show .terms-mention,
.onboarding.verify_emails.show .terms-mention,
.registration_blocked .terms-mention,
.check_your_inbox .terms-mention,
.registrations.new .terms-mention {
  font-size: 14px;
  line-height: 28px;
  margin-top: 30px;
}
.signup-flow-page .popover,
.registrations.create .popover,
.onboarding.team_selections.show .popover,
.onboarding.team_creations.show .popover,
.onboarding.intents_selections.show .popover,
.onboarding.main_intent_selections.show .popover,
.onboarding.discovers.show .popover,
.onboarding.apis.show .popover,
.onboarding.explores.show .popover,
.onboarding.find_emails.show .popover,
.onboarding.campaigns.show .popover,
.onboarding.verify_emails.show .popover,
.registration_blocked .popover,
.check_your_inbox .popover,
.registrations.new .popover {
  width: 500px;
}
.signup-flow-page .popover button,
.registrations.create .popover button,
.onboarding.team_selections.show .popover button,
.onboarding.team_creations.show .popover button,
.onboarding.intents_selections.show .popover button,
.onboarding.main_intent_selections.show .popover button,
.onboarding.discovers.show .popover button,
.onboarding.apis.show .popover button,
.onboarding.explores.show .popover button,
.onboarding.find_emails.show .popover button,
.onboarding.campaigns.show .popover button,
.onboarding.verify_emails.show .popover button,
.registration_blocked .popover button,
.check_your_inbox .popover button,
.registrations.new .popover button {
  width: auto;
}
.signup-flow-page .popover a,
.registrations.create .popover a,
.onboarding.team_selections.show .popover a,
.onboarding.team_creations.show .popover a,
.onboarding.intents_selections.show .popover a,
.onboarding.main_intent_selections.show .popover a,
.onboarding.discovers.show .popover a,
.onboarding.apis.show .popover a,
.onboarding.explores.show .popover a,
.onboarding.find_emails.show .popover a,
.onboarding.campaigns.show .popover a,
.onboarding.verify_emails.show .popover a,
.registration_blocked .popover a,
.check_your_inbox .popover a,
.registrations.new .popover a {
  margin-left: 10px;
  font-size: 13px;
}
.signup-flow-page #sign-up-step-2,
.registrations.create #sign-up-step-2,
.onboarding.team_selections.show #sign-up-step-2,
.onboarding.team_creations.show #sign-up-step-2,
.onboarding.intents_selections.show #sign-up-step-2,
.onboarding.main_intent_selections.show #sign-up-step-2,
.onboarding.discovers.show #sign-up-step-2,
.onboarding.apis.show #sign-up-step-2,
.onboarding.explores.show #sign-up-step-2,
.onboarding.find_emails.show #sign-up-step-2,
.onboarding.campaigns.show #sign-up-step-2,
.onboarding.verify_emails.show #sign-up-step-2,
.registration_blocked #sign-up-step-2,
.check_your_inbox #sign-up-step-2,
.registrations.new #sign-up-step-2 {
  display: none;
}
.signup-flow-page #sign-up-step-2 button,
.registrations.create #sign-up-step-2 button,
.onboarding.team_selections.show #sign-up-step-2 button,
.onboarding.team_creations.show #sign-up-step-2 button,
.onboarding.intents_selections.show #sign-up-step-2 button,
.onboarding.main_intent_selections.show #sign-up-step-2 button,
.onboarding.discovers.show #sign-up-step-2 button,
.onboarding.apis.show #sign-up-step-2 button,
.onboarding.explores.show #sign-up-step-2 button,
.onboarding.find_emails.show #sign-up-step-2 button,
.onboarding.campaigns.show #sign-up-step-2 button,
.onboarding.verify_emails.show #sign-up-step-2 button,
.registration_blocked #sign-up-step-2 button,
.check_your_inbox #sign-up-step-2 button,
.registrations.new #sign-up-step-2 button {
  margin-bottom: 10px;
}
.signup-flow-page .signup-breadcrumb,
.registrations.create .signup-breadcrumb,
.onboarding.team_selections.show .signup-breadcrumb,
.onboarding.team_creations.show .signup-breadcrumb,
.onboarding.intents_selections.show .signup-breadcrumb,
.onboarding.main_intent_selections.show .signup-breadcrumb,
.onboarding.discovers.show .signup-breadcrumb,
.onboarding.apis.show .signup-breadcrumb,
.onboarding.explores.show .signup-breadcrumb,
.onboarding.find_emails.show .signup-breadcrumb,
.onboarding.campaigns.show .signup-breadcrumb,
.onboarding.verify_emails.show .signup-breadcrumb,
.registration_blocked .signup-breadcrumb,
.check_your_inbox .signup-breadcrumb,
.registrations.new .signup-breadcrumb {
  margin-top: 40px;
  color: var(--colors-grey-600);
  list-style: none;
  padding: 0;
}
.signup-flow-page .signup-breadcrumb li,
.registrations.create .signup-breadcrumb li,
.onboarding.team_selections.show .signup-breadcrumb li,
.onboarding.team_creations.show .signup-breadcrumb li,
.onboarding.intents_selections.show .signup-breadcrumb li,
.onboarding.main_intent_selections.show .signup-breadcrumb li,
.onboarding.discovers.show .signup-breadcrumb li,
.onboarding.apis.show .signup-breadcrumb li,
.onboarding.explores.show .signup-breadcrumb li,
.onboarding.find_emails.show .signup-breadcrumb li,
.onboarding.campaigns.show .signup-breadcrumb li,
.onboarding.verify_emails.show .signup-breadcrumb li,
.registration_blocked .signup-breadcrumb li,
.check_your_inbox .signup-breadcrumb li,
.registrations.new .signup-breadcrumb li {
  display: inline;
}
.signup-flow-page .signup-breadcrumb li:not(:first-child):before,
.registrations.create .signup-breadcrumb li:not(:first-child):before,
.onboarding.team_selections.show .signup-breadcrumb li:not(:first-child):before,
.onboarding.team_creations.show .signup-breadcrumb li:not(:first-child):before,
.onboarding.intents_selections.show .signup-breadcrumb li:not(:first-child):before,
.onboarding.main_intent_selections.show .signup-breadcrumb li:not(:first-child):before,
.onboarding.discovers.show .signup-breadcrumb li:not(:first-child):before,
.onboarding.apis.show .signup-breadcrumb li:not(:first-child):before,
.onboarding.explores.show .signup-breadcrumb li:not(:first-child):before,
.onboarding.find_emails.show .signup-breadcrumb li:not(:first-child):before,
.onboarding.campaigns.show .signup-breadcrumb li:not(:first-child):before,
.onboarding.verify_emails.show .signup-breadcrumb li:not(:first-child):before,
.registration_blocked .signup-breadcrumb li:not(:first-child):before,
.check_your_inbox .signup-breadcrumb li:not(:first-child):before,
.registrations.new .signup-breadcrumb li:not(:first-child):before {
  margin: 0 40px;
  content: "›";
  font-size: 22px;
  color: var(--colors-grey-600);
}
.signup-flow-page .signup-breadcrumb li .icon,
.registrations.create .signup-breadcrumb li .icon,
.onboarding.team_selections.show .signup-breadcrumb li .icon,
.onboarding.team_creations.show .signup-breadcrumb li .icon,
.onboarding.intents_selections.show .signup-breadcrumb li .icon,
.onboarding.main_intent_selections.show .signup-breadcrumb li .icon,
.onboarding.discovers.show .signup-breadcrumb li .icon,
.onboarding.apis.show .signup-breadcrumb li .icon,
.onboarding.explores.show .signup-breadcrumb li .icon,
.onboarding.find_emails.show .signup-breadcrumb li .icon,
.onboarding.campaigns.show .signup-breadcrumb li .icon,
.onboarding.verify_emails.show .signup-breadcrumb li .icon,
.registration_blocked .signup-breadcrumb li .icon,
.check_your_inbox .signup-breadcrumb li .icon,
.registrations.new .signup-breadcrumb li .icon {
  font-size: 20px;
  margin-right: 5px;
}
.signup-flow-page .signup-breadcrumb li.later-step,
.registrations.create .signup-breadcrumb li.later-step,
.onboarding.team_selections.show .signup-breadcrumb li.later-step,
.onboarding.team_creations.show .signup-breadcrumb li.later-step,
.onboarding.intents_selections.show .signup-breadcrumb li.later-step,
.onboarding.main_intent_selections.show .signup-breadcrumb li.later-step,
.onboarding.discovers.show .signup-breadcrumb li.later-step,
.onboarding.apis.show .signup-breadcrumb li.later-step,
.onboarding.explores.show .signup-breadcrumb li.later-step,
.onboarding.find_emails.show .signup-breadcrumb li.later-step,
.onboarding.campaigns.show .signup-breadcrumb li.later-step,
.onboarding.verify_emails.show .signup-breadcrumb li.later-step,
.registration_blocked .signup-breadcrumb li.later-step,
.check_your_inbox .signup-breadcrumb li.later-step,
.registrations.new .signup-breadcrumb li.later-step {
  opacity: 0.5;
}
.registration-variant1 .l-main,
.registration-variant2 .l-main,
.registration-variant3 .l-main {
  min-height: 100%;
  height: auto;
  padding: 0;
}
.registration-header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  z-index: 10;
  margin: 0 auto;
  padding: var(--spacing-08) var(--spacing-06);
}
.registration-hero {
  min-height: 100vh;
}
.registration-hero__start {
  margin: auto;
  padding: var(--spacing-20) var(--spacing-10);
  max-width: calc(46rem + var(--spacing-20));
}
.registration-hero__end {
  padding: var(--spacing-20) var(--spacing-10);
  background-color: var(--colors-primary-100);
  min-width: 0;
}
.registration-hero__end .registration-testimonial,
.registration-hero__end .registration-clients__title {
  max-width: 48rem;
  margin-left: auto;
  margin-right: auto;
}
.registration-hero__title {
  font-family: "Familjen Grotesk", -apple-system, system-ui, "Segoe UI", Roboto, Noto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif;
  font-size: clamp(3.6rem, 3.01456rem + 1.561vw, 5.2rem) !important;
  line-height: 1.1;
  font-weight: 600 !important;
  text-align: left !important;
  text-wrap: balance;
  margin: 0 !important;
}
.registration-hero__title strong {
  font-weight: 600;
  color: var(--colors-primary-600);
}
.registration-hero__description {
  font-size: clamp(1.6rem, 1.4536rem + 0.3902vw, 2rem);
  color: var(--colors-grey-800);
  margin: var(--spacing-06) auto 0;
}
.registration-form {
  max-width: 42rem;
}
.registration-form__or {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-02);
  margin: var(--spacing-04) 0;
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-700);
}
.registration-form__or::before, .registration-form__or::after {
  content: "";
  flex: 1;
  height: 0.1rem;
  background-color: var(--colors-grey-300);
}
.h-button--oauth {
  --h-button-height: 4.8rem;
  --h-button-font-size: 1.4rem;
  --h-button-line-height: calc(16/14);
}
.registration-proof {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
  gap: var(--spacing-04);
  margin: var(--spacing-06) 0 var(--spacing-10);
  max-width: 42rem;
}
.registration-proof--sm {
  gap: var(--spacing-01);
  justify-content: start;
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
.registration-reviews {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-700);
}
.registration-reviews_provider {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
}
.registration-review {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.registration-review__stars {
  display: inline-flex;
  gap: var(--spacing-01);
  color: var(--colors-warning-500);
}
.registration-testimonial {
  position: relative;
}
.registration-testimonial__quotes {
  max-width: 4.8rem;
  height: auto;
  margin-bottom: var(--spacing-02);
  fill: var(--colors-primary-200);
}
.registration-testimonial__citation {
  font-size: clamp(1.8rem, 1.8536rem + 0.3vw, 2.4rem);
  font-weight: 500;
  line-height: 1.5;
  max-width: 50rem;
}
.registration-testimonial__citation em {
  font-style: normal;
  background-color: var(--colors-primary-200);
  padding: 0 0.125em;
  border-radius: 0.2rem;
}
.registration-testimonial__author {
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
  margin-top: var(--spacing-06);
  font-style: normal;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-700);
}
.registration-testimonial__author img {
  border-radius: 50%;
}
.registration-testimonial__author strong {
  font-size: 1.6rem;
  font-weight: 500;
}
.registration-clients {
  width: 100%;
  mask-image: linear-gradient(90deg, transparent 0%, var(--colors-primary-100) 20%, var(--colors-primary-100) 50%, var(--colors-primary-100) 80%, transparent 100%);
  overflow: hidden;
}
.registration-testimonial__title,
.registration-clients__title {
  margin-bottom: var(--spacing-06);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  color: var(--colors-grey-700);
}
.registration-logos {
  display: flex;
  align-items: center;
  gap: var(--spacing-30);
}
.registration-logos__list {
  display: flex;
  align-items: center;
  gap: var(--spacing-12);
  list-style-type: none;
  padding: 0;
  opacity: 0.6;
  animation: 60s linear infinite scrollLeft;
}
.registration-logos__list:hover {
  animation-play-state: paused;
}
@keyframes scrollLeft {
  0% {
    transform: translateX(0);
  }
  to {
    transform: translateX(-100%);
  }
}
@keyframes scrollUp {
  0% {
    transform: translateY(0%);
  }
  to {
    transform: translateY(-50%);
  }
}
@keyframes scrollDown {
  0% {
    transform: translateY(-50%);
  }
  to {
    transform: translateY(0%);
  }
}
.registration-form-block {
  max-width: 56rem;
  width: calc(100% - 4rem);
  margin: var(--spacing-25) auto var(--spacing-20);
  padding: var(--spacing-10) var(--spacing-10) 0;
  background: #fff;
  border: 1px solid var(--colors-grey-300);
  border-radius: 0.8rem;
}
.registration-form-block__title {
  font-family: "Familjen Grotesk", -apple-system, system-ui, "Segoe UI", Roboto, Noto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif;
  font-size: clamp(2.8rem, 2.50736rem + 0.7805vw, 3.6rem) !important;
  line-height: 1.1;
  font-weight: 600 !important;
  text-align: center !important;
  text-wrap: balance;
  margin: 0 !important;
}
.registration-form-block__title strong {
  font-weight: 600;
  color: var(--colors-primary-600);
}
.registration-form-block__description {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-800);
  margin: var(--spacing-04) auto var(--spacing-08);
  text-align: center;
  text-wrap: balance;
}
.registration-form-block__footer {
  margin-top: var(--spacing-10);
  margin-left: calc(var(--spacing-10) * -1);
  margin-right: calc(var(--spacing-10) * -1);
  background-color: var(--colors-grey-100);
  padding: var(--spacing-02) 0;
  text-align: center;
  border-radius: 0 0 0.8rem 0.8rem;
}
.registration-form-block__footer p {
  margin: 0;
}
.registration-variant2 .registration-form {
  max-width: 36rem;
  margin: auto;
}
.registration-variant2 .registration-testimonial {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
  max-width: 60rem;
  margin: 0 auto var(--spacing-20);
  padding: 0 var(--spacing-05);
  text-align: center;
}
.registration-variant2 .registration-testimonial__quotes {
  position: absolute;
  top: 4rem;
  left: -0.4rem;
  fill: var(--colors-grey-200);
}
.registration-variant2 .registration-testimonial__citation {
  max-width: none;
  position: relative;
}
.registration-variant2 .registration-testimonial__citation em {
  background-color: var(--colors-primary-100);
}
.related-product {
  --related-product-icon-bg-color: rgba(var(--colors-cyan-200--rgb), .2);
  --related-product-icon-border-color: rgba(var(--colors-cyan-500--rgb), .5);
  --related-product-card-color: var(--colors-cyan-500);
  --h-mainlink-color: var(--related-product-card-color);
  position: relative;
  height: calc(100% - var(--spacing-10));
  padding: var(--spacing-08) var(--spacing-06);
  margin-bottom: var(--spacing-10);
  background-color: var(--colors-grey-50);
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.4rem;
  z-index: 1;
}
.related-product::before {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 40%;
  z-index: -1;
}
.related-product--cardinal {
  --related-product-icon-bg-color: rgba(var(--colors-cardinal-200--rgb), .2);
  --related-product-icon-border-color: rgba(var(--colors-cardinal-500--rgb), .5);
  --related-product-card-color: var(--colors-cardinal-500);
}
.related-product--emerald {
  --related-product-icon-bg-color: rgba(var(--colors-emerald-200--rgb), .2);
  --related-product-icon-border-color: rgba(var(--colors-emerald-500--rgb), .5);
  --related-product-card-color: var(--colors-emerald-500);
}
.related-product--square::before {
  background: linear-gradient(to left, rgba(252, 252, 253, 0) 0%, var(--colors-grey-50) 90%), url("https://hunter.io/assets/pattern-square-p9r7i-J3.svg") center right repeat-y;
}
.related-product--hatch::before {
  background: linear-gradient(to left, rgba(252, 252, 253, 0) 0%, var(--colors-grey-50) 90%), url("https://hunter.io/assets/pattern-hatch-qOgVKVE8.svg") top right repeat-y;
}
.related-product--dots::before {
  background: linear-gradient(to left, rgba(252, 252, 253, 0) 0%, var(--colors-grey-50) 90%), url("https://hunter.io/assets/pattern-dots-Dtt2PbpS.svg") center right repeat;
}
.related-product__icon {
  width: 4rem;
  height: 4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  margin-bottom: var(--spacing-04);
  background-color: var(--related-product-icon-bg-color);
  border: 1px solid var(--related-product-icon-border-color);
  border-radius: 0.4rem;
  color: var(--related-product-card-color);
}
.related-product__icon > svg {
  width: 2.4rem;
  height: 2.4rem;
}
.related-product__title {
  margin-bottom: var(--spacing-02);
  font-size: clamp(2.1rem, 1.99024rem + 0.2927vw, 2.4rem);
  font-weight: 600;
  line-height: 1.1428571429;
  color: var(--colors-grey-900);
}
.related-product__description {
  margin-bottom: var(--spacing-04);
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
}
@media screen and (min-width: 62em) {
  .related-product {
    height: 100%;
    padding: var(--spacing-10) var(--spacing-08);
    margin-bottom: 0;
  }
  .related-product__title {
    line-height: 1.3333333333;
  }
}
.related-product__title {
  font-family: "Familjen Grotesk", -apple-system, system-ui, "Segoe UI", Roboto, Noto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif;
}
.registration-variant3 .registration-hero {
  height: auto;
  min-height: 90vh;
}
.registration-variant3 .section--bordered {
  position: relative;
}
.registration-variant3 .section--bordered::before, .registration-variant3 .section--bordered::after {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  height: 1px;
  background: linear-gradient(90deg, rgba(223, 227, 232, 0) 0%, var(--colors-grey-300) 50%, rgba(223, 227, 232, 0) 100%);
}
.registration-variant3 .section--bordered::before {
  top: 0;
}
.registration-variant3 .section--bordered::after {
  bottom: 0;
}
.testimonials-feeds {
  height: 100%;
  display: flex;
  gap: var(--spacing-10);
  justify-content: center;
  overflow: hidden;
  mask-image: linear-gradient(0deg, transparent 0%, var(--colors-primary-100) 20%, var(--colors-primary-100) 50%, var(--colors-primary-100) 80%, transparent 100%);
}
.testimonials-feeds:hover .testimonials-feed {
  animation-play-state: paused;
}
.testimonials-feed {
  position: relative;
  display: flex;
  flex-direction: column;
  gap: var(--spacing-08);
  list-style-type: none;
  padding: 0;
  animation: 60s linear infinite scrollUp;
}
.testimonials-feed:nth-child(2n) {
  animation-name: scrollDown;
}
.testimonials-feed__item {
  padding: var(--spacing-06);
  display: flex;
  flex-direction: column;
  gap: var(--spacing-02);
  background: #fff;
  box-shadow: 0px 0px 1px rgba(0, 0, 0, 0.05), 0px 0px 8px rgba(29, 38, 46, 0.08);
  border-radius: 0.4rem;
}
.testimonials-feed__item strong {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  text-wrap: balance;
}
.customers-logos {
  --customers-logos-bg: var(--colors-grey-100);
  --customers-logos-opacity: .48;
  padding: var(--spacing-12) 0;
  background-color: var(--customers-logos-bg);
}
.customers-logos--light {
  --customers-logos-bg: #fff;
  --customers-logos-opacity: .30;
}
.customers-logos__title {
  margin-bottom: var(--spacing-06);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  text-align: center;
  color: var(--colors-grey-800);
}
.customers-logos__logos {
  align-items: center;
  justify-content: space-between;
  text-align: center;
  opacity: var(--customers-logos-opacity);
}
.customers-logos__logos figure {
  margin: 0;
}
.container-fluid, .container-sm, .container-md, .container-lg, .container-xl, .container-xxl {
  max-width: 140rem;
}
.container-fluid--xs {
  max-width: 96rem;
}
.section {
  --section-color: var(--colors-grey-700);
  --section-bg: transparent;
  --section-padding-y: var(--spacing-20);
  background-color: var(--section-bg);
  padding: var(--section-padding-y) 0;
}
.section--lightgrey {
  background-color: var(--colors-grey-100);
}
.section__header {
  text-align: center;
  max-width: 68rem;
  margin: 0 auto var(--spacing-20);
  text-wrap: balance;
}
.section__title {
  font-family: "Familjen Grotesk", -apple-system, system-ui, "Segoe UI", Roboto, Noto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif;
  font-size: clamp(3.6rem, 3.16096rem + 1.1707vw, 4.8rem);
  font-weight: 600;
  margin: var(--spacing-04) 0 var(--spacing-06);
}
.section__title strong {
  color: var(--colors-primary-600);
}
.section__description {
  font-size: clamp(1.6rem, 1.4536rem + 0.3902vw, 2rem);
  color: var(--colors-grey-700);
  line-height: 1.6;
}
.section__description p:not(:first-child) {
  margin-top: 1.25em;
}
.section--related-products {
  margin-bottom: var(--spacing-20);
}
.section--related-products .section__header {
  max-width: max-content;
  margin-bottom: var(--spacing-10);
}
.h-mainlink {
  display: inline-flex;
  align-items: center;
  gap: 0.25em;
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.5;
  color: var(--h-mainlink-color, var(--colors-grey-800));
  background-image: linear-gradient(currentColor, currentColor);
  background-position: 0 100%;
  background-repeat: no-repeat;
  background-size: 0% 0.15rem;
  transition: background-size 0.25s ease-in-out;
}
.h-mainlink::after {
  content: "→";
  transform: translateX(0);
  transition: transform 0.4s cubic-bezier(0.68, -0.55, 0.39, 1.87);
}
.h-mainlink:hover, .h-mainlink:focus {
  color: var(--h-mainlink-color, var(--colors-grey-900));
  text-decoration: none;
  background-size: 100% 0.15rem;
}
.h-mainlink:hover::after, .h-mainlink:focus::after {
  transform: translateX(0.25em);
}
.h-mainlink--cardinal {
  --h-mainlink-color: var(--colors-cardinal-500);
}
.h-mainlink--secondary {
  --h-mainlink-color: var(--colors-secondary-700);
}
.registration-credibility {
  margin: var(--spacing-10) 0;
  font-family: "Familjen Grotesk", -apple-system, system-ui, "Segoe UI", Roboto, Noto, Oxygen-Sans, Ubuntu, Cantrell, "Helvetica Neue", sans-serif;
  font-size: clamp(2rem, 1.70736rem + 0.7805vw, 2.8rem);
  line-height: 1.25;
}
@media screen and (max-width: calc(48em - 1px)) {
  .customers-logos__title {
    text-align: center;
  }
  .customers-logos__logos {
    gap: var(--spacing-02);
  }
}
@media screen and (max-width: calc(75em - 1px)) {
  .testimonials-feeds {
    mask-image: linear-gradient(90deg, transparent 0%, var(--colors-primary-100) 20%, var(--colors-primary-100) 50%, var(--colors-primary-100) 80%, transparent 100%);
  }
  .testimonials-feed {
    flex-direction: row;
    animation: 80s linear infinite scrollLeft;
  }
  .testimonials-feed:not(:first-child) {
    display: none;
  }
  .testimonials-feed__item {
    min-width: 26rem;
  }
}
@media screen and (min-width: 75em) {
  .registration-header {
    left: calc((50% - 480px) / 2 - var(--spacing-03));
    right: calc((50% - 480px) / 2 - var(--spacing-03));
  }
  .registration-hero {
    position: relative;
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    align-items: center;
    height: 100%;
  }
  .registration-hero::before {
    content: "";
    position: absolute;
    display: block;
    inset: 0 0 0 50%;
    background-color: var(--colors-primary-100);
  }
  .registration-variant2 .registration-header {
    left: var(--spacing-02);
    right: var(--spacing-02);
  }
  .registration-variant3 .registration-hero__end {
    height: 90vh;
    overflow: hidden;
  }
  .customers-logos__title {
    text-align: left;
    margin-bottom: 0;
  }
}
body.search .l-main {
  background-color: var(--colors-grey-50);
}
body.search .main-wrapper {
  margin-top: var(--spacing-20);
  max-width: 108rem;
}
body.search .h-pill-tabs__link {
  min-width: 20rem;
}
body.search .page-header {
  background-color: transparent;
  display: flex;
  align-items: center;
  justify-content: space-between;
  margin: 0 0 var(--spacing-04);
  padding: 0;
  border: 0;
}
body.search .page-title {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 2.4rem;
  line-height: 1.3333333333;
  margin: 0;
}
.ds-form {
  background: #FFFFFF;
  box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 4px;
  margin-bottom: var(--spacing-06);
  border: 1px solid var(--colors-grey-300);
}
.ds-search {
  margin: -1px;
  display: flex;
  align-items: center;
  border: 1px solid var(--colors-grey-300);
  border-radius: 4px;
  transition: border-color 150ms ease-in, box-shadow 150ms ease-in;
}
.ds-search:focus-within {
  border-color: var(--colors-secondary-600);
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-300);
}
.ds-search-result {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: 0 var(--spacing-03) 0 var(--spacing-04);
  min-width: 0;
}
.ds-search-result .ds-search-result__input {
  flex: 1;
  padding: var(--spacing-05) 0;
  height: auto;
  align-self: stretch;
  min-width: 0;
  border: 0;
  font-size: 1.4rem;
  line-height: 1.7142857143;
  background-color: #fff;
}
.ds-search-result .ds-search-result__input:hover, .ds-search-result .ds-search-result__input:focus, .ds-search-result .ds-search-result__input:focus-visible {
  border: 0 !important;
}
.ds-search-result--smaller {
  flex: 0.9;
}
.ds-search-result__logo {
  width: 2.4rem;
  height: auto;
  border-radius: 0.2rem;
}
.ds-search-result__logo[src=""] {
  display: none;
}
.ds-search-result__summary {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
}
.ds-search-result__domain {
  font-size: 1.2rem;
  color: var(--colors-grey-600);
  margin-right: var(--spacing-01);
}
.ds-search-result__count {
  font-size: 1.1rem;
  font-weight: 500;
}
.ds-search__at {
  align-self: stretch;
  display: flex;
  align-items: center;
  padding: 0 var(--spacing-04);
  border-left: 1px solid var(--colors-grey-300);
  border-right: 1px solid var(--colors-grey-300);
  font-size: 1.6rem;
  color: var(--colors-grey-500);
}
.ds-search__submit {
  --h-cost-indicator-gap: var(--spacing-02);
  display: flex;
  align-items: center;
  align-self: stretch;
  padding: var(--spacing-02) var(--spacing-06);
  border-width: 0 0 0 1px;
  border-color: var(--colors-grey-300);
  border-radius: 0 4px 4px 0;
  background-color: #fff;
  transition: background-color 150ms ease-in;
}
.ds-search__submit:hover {
  background-color: var(--colors-grey-100);
}
.ds-search__submit--text {
  font-weight: 500;
  color: var(--colors-grey-900);
}
body.search .autocomplete-suggestions {
  min-width: calc(100vw - 3rem - 6.4rem);
  margin-left: calc((var(--spacing-04) + 1px) * -1);
}
body.search.show .autocomplete-suggestions {
  margin-left: calc((var(--spacing-12) + 1px) * -1);
}
.ds-filters {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-04);
  padding: var(--spacing-04);
  border-radius: 0 0 4px 4px;
}
.ds-results .ds-filters {
  display: flex;
  background-color: var(--colors-grey-50);
  border-bottom: 0.1rem solid var(--colors-grey-200);
  border-radius: 0;
}
.ds-filters .tags-list:empty {
  display: none;
}
.ds-filters--grey {
  background-color: var(--colors-grey-100);
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.ds-filters__clear {
  margin-left: auto;
}
.ds-recent-searches {
  margin: var(--spacing-06) 0;
}
.ds-recent-searches .ds-recent-searches__title {
  margin: 0;
  font-size: 1.3rem;
  font-weight: 600;
  color: var(--colors-grey-700);
}
.ds-recent-searches__header {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  margin-bottom: var(--spacing-01);
}
.ds-recent-searches__header hr {
  flex: 1;
}
.ds-recent-searches-list {
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  align-items: center;
  flex-wrap: wrap;
  padding-left: 0;
  margin: 0;
}
.ds-recent-search {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-02) var(--spacing-03);
  text-decoration: none;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-900);
  background: #fff;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 1px 1px rgba(29, 38, 46, 0.05);
  border-radius: 4px;
  transition: background-color 250ms ease, color 250ms ease-in, border-color 250ms ease-in;
}
.ds-recent-search:hover, .ds-recent-search:focus {
  text-decoration: none;
  color: var(--colors-grey-900);
  background-color: var(--colors-grey-100);
  box-shadow: 0px 1px 4px 2px rgba(29, 38, 46, 0.04), 0px 1px 1px rgba(29, 38, 46, 0.05);
}
.ds-recent-search:focus-visible {
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-600), 0px 1px 1px rgba(29, 38, 46, 0.05);
}
.ds-recent-search:active {
  box-shadow: none;
  background-color: var(--colors-grey-100);
  transform: translateY(1px);
}
.ds-recent-search__logo {
  height: 1.6rem;
  width: auto;
  border-radius: 0.1rem;
}
.ds-results {
  position: relative;
  padding: 0;
}
.ds-results__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-04) var(--spacing-04) var(--spacing-04) var(--spacing-06);
  border-bottom: 1px solid var(--colors-grey-300);
}
.ds-results__header .ds-results__title {
  margin: 0 !important;
  font-size: 1.6rem !important;
  font-weight: 400;
  line-height: 1.7142857143;
  color: var(--colors-grey-900);
}
.ds-results__body {
  padding: 0 var(--spacing-06);
}
.ds-section__header {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  margin-top: var(--spacing-04);
}
.ds-section__header .ds-section__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin: 0;
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
.ds-section__header::after {
  content: "";
  flex: 1;
  height: 0.1rem;
  margin-left: var(--spacing-01);
  background-color: var(--colors-grey-300);
}
.ds-section__header:has(.ds-section__toggle[aria-expanded=true]):hover .ds-section__checkbox {
  opacity: 1;
}
.ds-section__count {
  padding: 0 var(--spacing-01);
  font-weight: 400;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
  background-color: var(--colors-grey-200);
  border-radius: 0.4rem;
}
.ds-section__toggle {
  padding: 0;
  width: 1.6rem;
  text-align: center;
  font-size: 1.2rem;
  color: var(--colors-grey-600);
  border: 0;
  background-color: transparent;
}
.ds-section__toggle::before {
  content: "";
  position: absolute;
  inset: 0;
}
.ds-section__checkbox {
  position: absolute;
  top: 50%;
  left: 0;
  margin: 0 !important;
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity 100ms ease-in;
  z-index: 5;
}
.ds-finder {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-02);
  padding: var(--spacing-04);
  background-color: var(--colors-grey-100);
  border-bottom: 1px solid var(--colors-grey-300);
}
.ds-finder-form {
  flex: 1;
  display: flex;
  min-width: 0;
  border: 1px solid var(--colors-grey-300);
  border-radius: 4px;
  background-color: #fff;
  transition: border-color 150ms ease-in, box-shadow 150ms ease-in;
}
.ds-finder-form:focus-within {
  border-color: var(--colors-secondary-600);
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-300);
}
.ds-finder-form--makers {
  max-width: 28rem;
}
.ds-finder-form--makers .ds-finder-form__submit {
  border-left: 0;
  padding: 0 var(--spacing-03);
}
.ds-finder-form--makers .ds-finder-form-name__field {
  padding: 0 !important;
}
.ds-finder-form-name {
  flex: 1;
  display: flex;
  min-width: 0;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-01) var(--spacing-03);
}
.ds-finder-form-name .ds-finder-form-name__field {
  padding: var(--spacing-01) 0;
  border: 0;
  height: auto;
  min-width: 0;
  border: 0;
  background-color: #fff;
}
.ds-finder-form-name .ds-finder-form-name__field:last-child {
  flex: 1;
}
.ds-finder-form-name .ds-finder-form-name__field:hover, .ds-finder-form-name .ds-finder-form-name__field:focus {
  border: 0 !important;
}
.ds-finder-form-name__icon {
  width: 2rem;
  height: 2rem;
  color: var(--colors-grey-500);
}
.ds-finder-form__at {
  padding: var(--spacing-03);
  border-left: 1px solid var(--colors-grey-300);
  border-right: 1px solid var(--colors-grey-300);
  color: var(--colors-grey-500);
  font-size: 1.4rem;
  line-height: 1.1428571429;
}
.ds-finder-form-company {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: var(--spacing-01) var(--spacing-03);
  max-width: 28rem;
}
.ds-finder-form-company__logo {
  height: 1.6rem;
  width: auto;
}
.ds-finder-form-company__name {
  flex: 2;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ds-finder-form-company__domain {
  flex: 1;
  margin-left: auto;
  text-align: right;
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.6666666667;
  color: var(--colors-grey-600);
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.ds-finder-form__submit {
  padding: var(--spacing-02) var(--spacing-04);
  border-width: 0 0 0 1px;
  border-color: var(--colors-grey-300);
  border-radius: 0 4px 4px 0;
  background-color: #fff;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
  transition: background-color 150ms ease-in, color 150ms ease-in;
}
.ds-finder-form__submit:hover, .ds-finder-form__submit:focus {
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-900);
}
.ds-finder__close {
  font-size: 1.6rem;
  color: var(--colors-grey-600);
}
.ds-bulk-actions {
  position: sticky;
  top: 0;
  left: 0;
  right: 0;
  display: flex;
  visibility: hidden;
  align-items: center;
  gap: var(--spacing-02);
  margin: 0;
  padding: var(--spacing-01) var(--spacing-04);
  background-color: var(--colors-secondary-700);
  color: #fff;
  opacity: 0;
  z-index: 10;
  transition: opacity 250ms ease-in, height 250ms ease-in;
  height: 0;
}
.ds-bulk-actions.is-visible {
  visibility: visible;
  opacity: 1;
  z-index: 20;
  height: 4rem;
}
.ds-bulk-actions .h-button:not(.dropdown-menu .h-button) {
  --h-button-font-size: 1.3rem;
  --h-button-line-height: calc(16/13);
  --h-button-color: #fff;
  --h-button-border-color: transparent;
  --h-button-background: transparent;
  --h-button-icon-color: currentColor;
  --h-button-suffix-border-color: rgba(255, 255, 255, .2);
  --h-button-color-hover: #fff;
  --h-button-background-hover: rgba(255, 255, 255, .1);
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-color-active: #fff;
  --h-button-background-active: rgba(255, 255, 255, .1);
  --h-button-box-shadow-active: none;
}
.ds-bulk-actions .h-button--ghost:not(.dropdown-menu .h-button) {
  --h-button-font-size: 1.3rem;
  --h-button-line-height: calc(16/13);
  --h-button-color: #fff;
  --h-button-background: transparent;
  --h-button-color-hover: #fff;
  --h-button-background-hover: rgba(255, 255, 255, .1);
  --h-button-border-color-hover: transparent;
  --h-button-box-shadow-hover: none;
  --h-button-color-active: #fff;
  --h-button-background-active: rgba(255, 255, 255, .1);
  --h-button-box-shadow-active: none;
}
.ds-result {
  display: block;
  padding: var(--spacing-06) 0;
  border-bottom: 1px solid var(--colors-grey-300);
  transition: background-color 150ms ease-in, box-shadow 150ms ease-in;
}
.ds-result:last-child {
  border-bottom: 0;
}
.ds-result.selected {
  background-color: var(--colors-grey-100);
  box-shadow: var(--spacing-02) 0 0 0 var(--colors-grey-100), calc(var(--spacing-02) * -1) 0 0 0 var(--colors-grey-100);
}
.ds-result--single {
  padding: var(--spacing-08);
  border-bottom: 0;
}
.ds-result--single .ds-result__primary {
  flex: 1;
  max-width: none;
}
.ds-result--single .ds-result__secondary {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-06);
  margin-top: var(--spacing-04);
  padding-left: 0;
}
.ds-result--single .ds-result__fullname {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  font-size: 1.6rem;
}
.ds-result--single .ds-result__sources {
  margin-top: var(--spacing-04);
  padding-top: var(--spacing-04);
  border-top: 1px solid var(--colors-grey-300);
}
.ds-result--single .ds-result__email {
  white-space: normal;
  overflow: visible;
  overflow-wrap: break-word;
}
.ds-result__avatar {
  display: flex;
  width: 8rem;
  height: 8rem;
  margin-right: var(--spacing-02);
  border-radius: 50%;
  overflow: hidden;
  background: #fff;
}
.ds-result__avatar img {
  object-fit: contain;
}
.ds-result__data {
  display: flex;
  gap: var(--spacing-02);
}
.ds-result__data:not(:has(.ds-result__secondary)) .ds-result__primary {
  flex: 1;
  max-width: 100%;
}
.ds-result__data:hover .ds-result__checkbox, .ds-result__data:focus-within .ds-result__checkbox {
  opacity: 1;
}
.ds-result__checkbox {
  opacity: 0;
  transition: opacity 100ms ease-in;
  align-self: flex-start;
}
.ds-result__checkbox:checked {
  opacity: 1;
}
.ds-result__primary {
  flex: 0 0 35%;
  max-width: 35%;
}
.sidepanel .ds-result__primary {
  flex: 0 0 40%;
  max-width: 40%;
}
.ds-result__secondary {
  flex: 1;
  padding-left: var(--spacing-02);
}
.ds-result__fullname {
  font-weight: 600;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-1000);
}
.ds-result__email {
  display: inline-block;
  max-width: 100%;
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
  user-select: all;
  cursor: pointer;
}
.ds-result__email span {
  filter: blur(4px);
}
.ds-result__verification {
  margin-top: var(--spacing-01);
  display: flex;
  gap: var(--spacing-01);
  align-items: center;
  line-height: 1.3333333333;
}
.ds-result__verification-details {
  font-size: 1.2rem;
  font-weight: 500;
  line-height: 1.3333333333;
  margin: 0;
  color: var(--colors-grey-700);
}
.ds-result__verification-details a {
  color: currentColor;
  text-decoration: underline;
  text-underline-offset: var(--spacing-01);
  text-decoration-color: var(--colors-grey-400);
}
.ds-result__verification-details a:hover, .ds-result__verification-details a:focus {
  color: var(--colors-grey-900);
  text-decoration-color: var(--colors-grey-600);
}
.ds-result__attribute {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-800);
}
.ds-result__attribute .far {
  color: var(--colors-grey-500);
}
.ds-result__attribute:not(:first-child) {
  margin-top: var(--spacing-01);
}
.ds-result__actions {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-02);
  align-self: center;
  min-width: 12rem;
  text-align: right;
}
.ds-result__actions .h-button-group {
  max-inline-size: none;
  width: 100%;
}
.company-emails .ds-result__actions {
  min-width: 0;
}
.ds-result__source {
  align-self: center;
  padding: var(--spacing-005);
  margin-top: var(--spacing-02);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.ds-result__source:hover, .ds-result__source:focus {
  color: var(--colors-grey-900);
}
.ds-result__social[href*="twitter.com"] {
  color: var(--colors-brand-twitter-black);
}
.ds-result__social[href*="linkedin.com"] {
  color: var(--colors-brand-linkedin-blue);
}
.ds-result__social:hover, .ds-result__social:focus {
  text-decoration: none;
  opacity: 0.8;
}
.ds-result__sources-info {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: var(--spacing-04);
}
.ds-result__sources-info a {
  color: currentColor;
  text-decoration-color: var(--colors-grey-400);
  text-decoration-line: underline;
  text-underline-offset: var(--spacing-01);
}
.ds-result__sources-info a:hover, .ds-result__sources-info a:focus {
  text-decoration-color: currentColor;
}
.ds-result__sources-info .ds-result__source {
  margin-top: 0;
}
.ds-result__sources {
  margin-top: var(--spacing-04);
  padding-left: var(--spacing-06);
  color: var(--colors-grey-700);
  font-size: 1.3rem;
  line-height: 1.2307692308;
}
.ds-sources-list {
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.ds-sources-list__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.ds-sources-list__item:not(:first-child) {
  margin-top: var(--spacing-02);
}
.ds-sources-list__link {
  flex: 1;
  max-width: max-content;
  overflow: hidden;
  text-overflow: ellipsis;
  font-size: 1.3rem;
  line-height: 1.5384615385;
  white-space: nowrap;
}
.ds-sources-list__link:hover, .ds-sources-list__link:focus {
  text-decoration: underline;
}
.ds-sources-list__date {
  margin-left: auto;
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  line-height: 1.6666666667;
}
.ds-sources-list--outdated .ds-sources-list__link,
.ds-sources-list__item--outdated .ds-sources-list__link {
  color: var(--colors-grey-600);
  text-decoration: line-through;
}
.ds-sources__toggle {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  padding: 0;
  background-color: transparent;
  border: 0;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.ds-result__hint {
  margin: var(--spacing-10) calc(var(--spacing-08) * -1) calc(var(--spacing-08) * -1);
  padding: var(--spacing-04) var(--spacing-08);
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
.ds-result__hint .open-intercom {
  text-decoration: underline;
}
.ds-result__hint .open-intercom:hover, .ds-result__hint .open-intercom:focus {
  text-decoration: none;
}
.ds-paging {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: var(--spacing-04) var(--spacing-06);
  background-color: var(--colors-grey-50);
  border-top: 0.1rem solid var(--colors-grey-300);
  border-radius: 0 0 0.3rem 0.3rem;
}
.ds-paging__count {
  font-size: 1.3rem;
  font-weight: normal;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.ds-upgrade {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  margin: var(--spacing-02);
  padding: var(--spacing-06) var(--spacing-08);
  border-radius: 4px;
  background-color: var(--colors-secondary-100);
}
.ds-upgrade__content {
  flex: 1;
}
.ds-upgrade__title {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
}
.ds-upgrade__desc {
  max-width: 32rem;
  margin-top: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
  margin-bottom: 0;
}
.ds-upgrade__desc--full {
  max-width: none;
}
.ds-follow {
  position: relative;
  padding: var(--spacing-04) var(--spacing-06) var(--spacing-04) var(--spacing-10);
  margin-bottom: var(--spacing-06);
  background: var(--colors-primary-100);
  border: 1px solid var(--colors-primary-300);
  box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
  border-radius: 0.4rem;
}
.ds-follow__icon {
  position: absolute;
  top: var(--spacing-05);
  left: var(--spacing-04);
  color: var(--colors-primary-600);
  font-size: 1.4rem;
}
.ds-follow__title {
  font-size: 1.4rem;
  line-height: 1.4285714286;
  margin: 0 0 var(--spacing-005);
  color: var(--colors-grey-900);
}
.ds-follow__description,
.ds-follow-upgrade__description {
  margin-bottom: var(--spacing-02);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.ds-following {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-06);
}
.ds-follow-upgrade {
  text-align: center;
  background: url("data:image/svg+xml,%3csvg%20fill='none'%20height='206'%20viewBox='0%200%20336%20206'%20width='336'%20xmlns='http://www.w3.org/2000/svg'%20xmlns:xlink='http://www.w3.org/1999/xlink'%3e%3cfilter%20id='a'%20color-interpolation-filters='sRGB'%20filterUnits='userSpaceOnUse'%20height='60'%20width='60'%20x='138'%20y='125'%3e%3cfeFlood%20flood-opacity='0'%20result='BackgroundImageFix'/%3e%3cfeBlend%20in='SourceGraphic'%20in2='BackgroundImageFix'%20mode='normal'%20result='shape'/%3e%3cfeColorMatrix%20in='SourceAlpha'%20result='hardAlpha'%20type='matrix'%20values='0%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%200%20127%200'/%3e%3cfeMorphology%20in='SourceAlpha'%20operator='erode'%20radius='4'%20result='effect1_innerShadow_1208_5914'/%3e%3cfeOffset/%3e%3cfeComposite%20in2='hardAlpha'%20k2='-1'%20k3='1'%20operator='arithmetic'/%3e%3cfeColorMatrix%20type='matrix'%20values='0%200%200%200%200.9702%200%200%200%200%200.9751%200%200%200%200%200.98%200%200%200%201%200'/%3e%3cfeBlend%20in2='shape'%20mode='normal'%20result='effect1_innerShadow_1208_5914'/%3e%3c/filter%3e%3clinearGradient%20id='b'%20gradientUnits='userSpaceOnUse'%20x1='177.5'%20x2='177.5'%20y1='207'%20y2='50.5'%3e%3cstop%20offset='0'%20stop-color='%23fff'/%3e%3cstop%20offset='1'%20stop-color='%23fff'%20stop-opacity='0'/%3e%3c/linearGradient%3e%3cmask%20id='c'%20height='206'%20maskUnits='userSpaceOnUse'%20width='336'%20x='0'%20y='0'%3e%3crect%20fill='%23fff'%20height='205'%20rx='2.5'%20stroke='%23dfe3e8'%20width='335'%20x='.5'%20y='.5'/%3e%3c/mask%3e%3cg%20mask='url(%23c)'%20opacity='.25'%3e%3cg%20filter='url(%23a)'%3e%3ccircle%20cx='168'%20cy='155'%20fill='%23eef0f3'%20r='30'/%3e%3c/g%3e%3cg%20stroke='%23dfe3e8'%3e%3ccircle%20cx='168'%20cy='155'%20r='29.5'/%3e%3ccircle%20cx='168'%20cy='155'%20r='46.375'/%3e%3ccircle%20cx='168'%20cy='155'%20r='65.125'/%3e%3ccircle%20cx='168'%20cy='155'%20r='93.25'/%3e%3ccircle%20cx='168'%20cy='155'%20r='121.375'/%3e%3ccircle%20cx='168'%20cy='155'%20r='149.5'/%3e%3ccircle%20cx='168'%20cy='155'%20r='187'/%3e%3ccircle%20cx='168'%20cy='155'%20r='243.25'/%3e%3ccircle%20cx='168'%20cy='155'%20r='299.5'/%3e%3c/g%3e%3cpath%20d='m0%207.00001c0-4.41828%203.58172-8.00001%208-8.00001h321c4.418%200%208%203.58172%208%208v200h-337z'%20fill='url(%23b)'/%3e%3c/g%3e%3c/svg%3e") no-repeat center #fff;
}
.ds-follow-upgrade .ds-follow-upgrade__title {
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.7142857143;
  margin: 0 0 var(--spacing-01);
  color: var(--colors-grey-900);
}
.ds-follow-upgrade__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-06);
  margin-top: var(--spacing-04);
}
.modal-follow-company__visual {
  position: relative;
}
.modal-follow-company__image {
  width: 100%;
}
.modal-follow-company__logo {
  position: absolute;
  bottom: 14%;
  left: calc(50% - 1.2rem);
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
  border-radius: 0.2rem;
}
.modal-follow-company__body {
  padding: var(--spacing-08) min(8vw, var(--spacing-16)) var(--spacing-08);
  text-align: center;
}
.modal-follow-company__label {
  font-weight: 500;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-primary-600);
}
.modal-follow-company__title {
  font-size: 2rem;
  font-weight: 500;
  line-height: 1.2;
  color: var(--colors-grey-800);
  margin: var(--spacing-02) 0 var(--spacing-04);
}
.modal-follow-company__description {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
}
.modal-follow-company__actions {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-04);
  flex-wrap: wrap;
  margin-top: var(--spacing-08);
}
.ds-company {
  padding: var(--spacing-04) var(--spacing-04) var(--spacing-06);
  color: var(--colors-grey-700);
}
.ds-company__heading {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.ds-company__logo {
  max-width: 2rem;
  height: auto;
  border-radius: 0.2rem;
}
.ds-company__name {
  font-size: 1.6rem;
  font-weight: 500;
  line-height: 1.25;
  color: var(--colors-grey-800);
}
.ds-company__desc {
  margin-top: var(--spacing-02);
  font-size: 1.2rem;
  line-height: 1.6666666667;
}
.ds-company__links {
  display: flex;
  gap: var(--spacing-03);
  padding-left: 0;
  margin-top: var(--spacing-02);
  list-style-type: none;
}
.ds-company__link {
  text-decoration: none;
  font-size: 1.6rem;
  color: var(--colors-grey-400);
  transition: color 150ms ease-in;
}
.ds-company__link:hover, .ds-company__link:focus {
  color: var(--colors-grey-700);
}
.ds-company__link:focus-visible {
  outline: 0.2rem solid var(--colors-secondary-600);
}
.ds-more-results {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  padding: var(--spacing-06) var(--spacing-08);
  margin-bottom: 0;
}
.ds-more-results__body {
  flex: 1;
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
}
.ds-more-results__content {
  flex: 1;
}
.ds-more-results__title {
  display: block;
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
}
.ds-more-results__desc {
  max-width: 36rem;
  margin-top: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
  margin-bottom: 0;
}
.ds-more-results__actions {
  display: flex;
  gap: var(--spacing-04);
  align-items: center;
}
.ds-tech {
  padding: var(--spacing-04) var(--spacing-04) var(--spacing-06);
  color: var(--colors-grey-600);
  font-size: 1.3rem;
}
.ds-tech .key-value__desc + .key-value__desc {
  margin-top: 0;
}
.ds-tech__link {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
  padding: var(--spacing-02);
  margin-left: calc(var(--spacing-02) * -1);
  margin-right: calc(var(--spacing-02) * -1);
  border-radius: 0.4rem;
  transition: background-color 150ms ease-in, color 150ms ease-in;
}
.ds-tech__link:hover, .ds-tech__link:focus {
  background-color: var(--colors-grey-100);
  color: var(--colors-grey-900);
  text-decoration: none;
}
.ds-tech__link:hover .ds-tech__info, .ds-tech__link:focus .ds-tech__info {
  opacity: 1;
}
.ds-tech__link img {
  width: 1.6rem;
  height: 1.6rem;
  object-fit: contain;
}
.ds-tech__info {
  font-size: 1.1rem;
  line-height: 1.4545454545;
  color: var(--colors-grey-600);
  margin-left: auto;
  opacity: 0;
  transition: opacity 150ms ease-in;
}
.ds-related-companies {
  padding: var(--spacing-03) var(--spacing-02);
  margin: 0;
  list-style-type: none;
}
.ds-related-companies__more {
  background-color: var(--colors-grey-100);
  border-radius: 0.4rem;
  margin: 0 var(--spacing-01) var(--spacing-01);
  padding: var(--spacing-02);
}
.ds-related-company {
  position: relative;
  display: flex;
  align-items: center;
  gap: var(--spacing-03);
  padding: var(--spacing-01) var(--spacing-02);
  border-radius: 0.4rem;
  transition: background-color 200ms ease-in;
}
.ds-related-company:hover, .ds-related-company:focus-within {
  background-color: var(--colors-grey-100);
}
.ds-related-company:hover .ds-related-company__cta, .ds-related-company:focus-within .ds-related-company__cta {
  opacity: 1;
  z-index: 5;
}
.ds-related-company:hover::after, .ds-related-company:focus-within::after {
  opacity: 1;
  z-index: 1;
  transition: opacity 0s ease-in 200ms;
}
.ds-related-company::after {
  content: "";
  position: absolute;
  right: 0;
  top: 0;
  bottom: 0;
  width: 60%;
  opacity: 0;
  background: linear-gradient(270deg, var(--colors-grey-100) 80%, rgba(255, 255, 255, 0) 100%);
  transition: opacity 200ms ease-in;
  z-index: -1;
}
.ds-related-company:not(:first-child) {
  margin-top: var(--spacing-02);
}
.ds-related-company__logo {
  flex-grow: 0;
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  object-fit: contain;
  border: 0.1rem solid rgba(0, 0, 0, 0.05);
}
.ds-related-company__name {
  font-weight: 500;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-900);
  text-decoration: none;
}
.ds-related-company__name:hover {
  text-decoration: none;
  color: var(--colors-grey-900);
}
.ds-related-company__name::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 2;
}
.ds-related-company__subtitle {
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.ds-related-company__cta {
  position: absolute;
  right: var(--spacing-02);
  top: 50%;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 200ms ease-in;
  z-index: -1;
}
.ds-related-company__cta:active {
  transform: translateY(-50%);
}
.accordion--lightgrey {
  background-color: var(--colors-grey-100);
  border-radius: 0.4rem;
}
.accordion__header {
  position: relative;
  padding: var(--spacing-04);
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.accordion__header:hover .accordion__title, .accordion__header:focus-within .accordion__title {
  color: var(--colors-grey-900);
}
.accordion__header .accordion__title {
  font-size: 1.4rem !important;
  font-weight: 500;
  line-height: 1.4285714286;
  color: var(--colors-grey-700);
  margin: 0 !important;
  transition: color 150ms ease-in;
}
.accordion__expand::before {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
}
.accordion__content {
  border-top: 1px solid var(--colors-grey-300);
}
.accordion__body {
  padding: 0 var(--spacing-04) var(--spacing-04);
}
.key-value {
  margin: 0;
  padding: 0;
}
.key-value--inline .key-value__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  flex-wrap: wrap;
}
.key-value--inline .key-value__item:not(:first-child) {
  margin-top: var(--spacing-02);
}
.key-value--inline .key-value__item--nowrap {
  flex-wrap: nowrap;
  align-items: flex-start;
}
.key-value--inline .key-value__title {
  margin-bottom: 0;
}
.key-value--columns {
  columns: 2;
  gap: var(--spacing-10);
}
.key-value--columns .key-value__item {
  break-inside: avoid;
}
.key-value__item:not(:first-child) {
  margin-top: var(--spacing-04);
}
.key-value__title {
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2307692308;
  color: var(--colors-grey-600);
  margin-bottom: var(--spacing-02);
}
.key-value__desc {
  font-size: 1.3rem;
  line-height: 1.2307692308;
  color: var(--colors-grey-700);
  margin-bottom: 0;
}
.key-value__desc + .key-value__desc {
  margin-top: var(--spacing-02);
}
.key-value__desc ul {
  list-style-type: none;
  padding-left: 0;
  margin-bottom: 0;
}
.key-value__desc ul li:not(:first-child) {
  margin-top: var(--spacing-01);
}
@media screen and (max-width: calc(48em - 1px)) {
  .search .autocomplete-count {
    display: none;
  }
  .ds-filters {
    display: flex !important;
  }
  .ds-filters [data-selected-filters] .fa-angle-down {
    order: 10;
  }
  .ds-filters [data-selected-filters]::after {
    content: attr(data-selected-filters);
    width: var(--spacing-04);
    height: var(--spacing-04);
    background-color: var(--colors-grey-700);
    color: #fff;
    border-radius: 50%;
    font-size: 1rem;
    line-height: 1.6;
  }
  .ds-result__data {
    flex-direction: column;
    position: relative;
  }
  .ds-result__primary {
    flex: 0 0 calc(100% - 12rem);
    max-width: calc(100% - 12rem);
  }
  .ds-result__secondary {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    gap: var(--spacing-04);
    margin-top: var(--spacing-02);
    padding-left: 0;
  }
  .ds-result__attribute:not(:first-child) {
    margin: 0;
  }
  .ds-result__fullname,
  .ds-result__email {
    max-width: 20rem;
  }
  .ds-result__actions {
    position: absolute;
    right: -8px;
    top: 0;
  }
  .ds-result__source {
    position: absolute;
    right: 0;
    bottom: 0;
    min-width: 0;
    width: var(--spacing-06);
    height: var(--spacing-06);
    padding: 0;
    border-radius: 50%;
    background-color: var(--colors-grey-100);
    text-align: center;
    line-height: var(--spacing-06);
  }
}
@media screen and (min-width: 48em) {
  body.search .dashboard-body {
    margin-left: calc(100vw - 100%);
  }
  body.search .autocomplete-suggestions {
    min-width: 551px;
  }
  .ds-search__submit--text {
    min-width: 10rem;
  }
}
@media screen and (min-width: 62em) {
  body.search .autocomplete-suggestions {
    min-width: 771px;
  }
}
@media screen and (min-width: 75em) {
  body.search .autocomplete-suggestions {
    min-width: 88rem;
  }
}
.search_landing_page.show {
  background-color: var(--colors-grey-100);
  /* Mobile */
}
.search_landing_page.show .container {
  max-width: 860px;
}
.search_landing_page.show #domain-name {
  display: none;
}
.search_landing_page.show .company-intro-container {
  height: 95px;
  border-bottom: 1px solid var(--colors-grey-300);
  margin: 0 -30px 20px;
  padding: 0 30px;
}
.search_landing_page.show .loader {
  width: 20px;
  margin-left: 5px;
  display: inline-block;
  font-size: 15px;
}
.search_landing_page.show .fa-question-circle {
  color: var(--colors-grey-500);
  margin-left: 4px;
  cursor: pointer;
  -webkit-transition: color 200ms ease-in-out;
  -moz-transition: color 200ms ease-in-out;
  -ms-transition: color 200ms ease-in-out;
  transition: color 200ms ease-in-out;
}
.search_landing_page.show .fa-question-circle:hover {
  color: var(--colors-grey-700);
}
.search_landing_page.show .search-container {
  margin-top: 12rem;
  padding: 30px 30px 60px;
  box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 2px 3px rgba(0, 0, 0, 0.15);
  background-color: #ffffff;
  border-radius: 3px;
}
.search_landing_page.show .search-container .company-logo-container {
  width: 72px;
  height: 72px;
  margin-right: 20px;
  float: left;
}
.search_landing_page.show .search-container .company_logo {
  border-radius: 3px;
}
.search_landing_page.show .search-container h1 {
  font-size: 30px;
  line-height: 40px;
  margin: 0 0 5px;
}
.search_landing_page.show .search-container .subtitle {
  font-size: 15px;
}
.search_landing_page.show .search-container .search-message {
  width: 100%;
  padding: 20px 0 0;
  font-size: 15px;
}
.search_landing_page.show .search-container .search-loader {
  padding: 100px 0;
}
.search_landing_page.show .search-container .search-loader .far, .search_landing_page.show .search-container .search-loader .fas, .search_landing_page.show .search-container .search-loader .fal {
  margin-right: 10px;
}
.search_landing_page.show .search-container .ds-results {
  margin: 0 -30px;
}
.search_landing_page.show .search-container .ds-results__title {
  margin: 0;
  font-size: 1.4rem;
  font-weight: 400;
  line-height: 1.7142857143;
  color: var(--colors-grey-900);
}
.search_landing_page.show .search-container .ds-results__title strong {
  font-weight: 500;
}
.search_landing_page.show .search-container .ds-results__pattern {
  font-size: 1.3rem;
  line-height: 1.8461538462;
  color: var(--colors-grey-800);
}
.search_landing_page.show .search-container .ds-results__pattern strong {
  font-weight: 500;
}
.search_landing_page.show .search-container .ds-result {
  padding: var(--spacing-06);
}
.search_landing_page.show .search-container .ds-result__email {
  overflow: visible;
}
.search_landing_page.show .search-container .ds-result__email span {
  filter: blur(4px);
}
.search_landing_page.show .search-container .ds-result__source {
  margin-left: auto;
}
.search_landing_page.show .search-container .ds-sources-list {
  margin-top: var(--spacing-04);
}
.search_landing_page.show .search-container .domain-search-cta {
  display: none;
}
.search_landing_page.show .search-container .extension-promotion {
  display: none;
  margin-top: 30px;
  padding-top: 40px;
  border-top: 1px solid var(--colors-grey-300);
}
.search_landing_page.show .search-container .extension-promotion img {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  box-shadow: 0 10px 50px -15px rgba(0, 0, 0, 0.8);
}
.search_landing_page.show .search-container .extension-promotion h3 {
  font-size: 17px;
  font-weight: 600;
  margin-bottom: 20px;
}
.search_landing_page.show .search-container .extension-promotion p {
  color: var(--colors-grey-600);
  font-size: 15px;
  margin-bottom: 20px;
}
.search_landing_page.show .search-cta {
  font-size: 15px;
  margin: -30px -50px 30px;
  background: #fff;
  padding: 30px;
  box-shadow: 0 10px 50px -15px rgba(0, 0, 0, 0.5);
  border: 1px solid var(--colors-grey-400);
  border-radius: 3px;
  text-align: center;
}
.search_landing_page.show .search-cta h3 {
  max-width: 500px;
  margin: 20px auto;
}
.search_landing_page.show .search-cta p {
  max-width: 600px;
  margin: 0 auto 20px;
}
.search_landing_page.show .search-cta .h-button--primary {
  margin: 10px 0 20px;
}
.search_landing_page.show .search-cta .customers {
  margin-top: 20px;
}
.search_landing_page.show .search-cta .customers .row {
  margin-left: 0;
  margin-right: 0;
}
.search_landing_page.show .search-cta .customers img {
  height: 36px;
  opacity: 0.25;
  margin: 18px auto;
  display: block;
  border-radius: 0;
}
.search_landing_page.show .landing-footer {
  margin: 70px 0 100px;
  font-size: 15px;
}
.search_landing_page.show .landing-footer svg path {
  fill: var(--colors-grey-500);
}
@media screen and (max-width: 767px) {
  .search_landing_page.show .search-container {
    padding: 15px 15px 60px;
    margin: 10rem 0 0 0;
    border-radius: 0 !important;
    border-width: 1px 0 !important;
  }
  .search_landing_page.show .search-container .company-intro-container {
    height: auto;
    margin: 0 -15px 20px;
    padding: 0 15px 15px;
  }
  .search_landing_page.show .search-container hr {
    margin: 20px -15px;
  }
  .search_landing_page.show .search-container .ds-results {
    margin: 0 -15px !important;
  }
  .search_landing_page.show .search-container h1 {
    font-size: 20px;
    line-height: 30px;
    margin: 0 0 5px;
  }
  .search_landing_page.show .search-container .subtitle {
    font-size: 14px !important;
    line-height: 22px !important;
  }
  .search_landing_page.show .search-container .extension-promotion {
    display: none !important;
  }
  .search_landing_page.show .ds-result__source {
    bottom: 50%;
    transform: translateY(50%);
  }
  .search_landing_page.show .ds-upgrade {
    flex-direction: column;
    align-items: flex-start;
  }
  .search_landing_page.show .search-cta {
    font-size: 14px;
    margin: -30px -15px 30px;
    border-width: 1px 0;
    border-radius: 0;
  }
  .search_landing_page.show .landing-footer {
    font-size: 14px;
    margin: 70px 15px 100px;
  }
}
@media screen and (min-width: 48em) {
  .search_landing_page.show .ds-result__data {
    align-items: center;
  }
}
.sessions.new .google-login {
  margin-bottom: 20px;
  width: 100%;
}
.new-signal-dropdown {
  white-space: nowrap;
}
.signals-table {
  border-collapse: separate;
  border-spacing: 0 var(--spacing-04);
  width: 100%;
  font-size: 1.2rem;
}
.signals-table tr {
  position: relative;
  border-radius: 0.4rem;
  transition: background-color 150ms ease-in, box-shadow 150ms ease-in, border-color 150ms ease-in;
  transform: scale(1);
}
.signals-table tr:hover {
  background-color: var(--colors-grey-100);
}
.signals-table tr:focus-within {
  z-index: 10;
}
.signals-table tr.selected {
  box-shadow: 0 0 0 0.2rem var(--colors-secondary-300);
}
.signals-table tr.selected td {
  border-color: var(--colors-secondary-600);
}
.signals-table td {
  border-top: 1px solid var(--colors-grey-300);
  border-bottom: 1px solid var(--colors-grey-300);
  padding: var(--spacing-04) var(--spacing-02);
}
.signals-table td:first-child {
  padding-left: var(--spacing-04);
  border-radius: 0.4rem 0 0 0.4rem;
  border-left: 1px solid var(--colors-grey-300);
}
.signals-table td:last-child {
  padding-right: var(--spacing-04);
  border-radius: 0 0.4rem 0.4rem 0;
  border-right: 1px solid var(--colors-grey-300);
}
.signals-table .signal-card__name {
  margin-bottom: var(--spacing-01);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3333333333;
}
.signals-table .signal-card__name a {
  color: var(--colors-grey-900);
  text-decoration: none;
}
.signals-table .signal-card__name a::before {
  content: "";
  position: absolute;
  inset: 0;
}
.signals-table__icon {
  width: 4rem;
  height: 4rem;
}
.signal-card__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4rem;
  height: 4rem;
  background: var(--colors-grey-100);
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.4rem;
  font-size: 1.6rem;
}
.signal-card__icon--secondary {
  background-color: var(--colors-secondary-100);
  border-color: var(--colors-secondary-300);
  color: var(--colors-secondary-600);
}
.signal-card__icon--magenta {
  background-color: rgba(var(--colors-magenta-200--rgb), 0.2);
  border-color: rgba(var(--colors-magenta-200--rgb), 0.5);
  color: var(--colors-magenta-500);
}
.signal-card__icon--emerald {
  background-color: rgba(var(--colors-emerald-200--rgb), 0.2);
  border-color: rgba(var(--colors-emerald-200--rgb), 0.5);
  color: var(--colors-emerald-500);
}
.signal-card__icon--cyan {
  background-color: rgba(var(--colors-cyan-200--rgb), 0.2);
  border-color: rgba(var(--colors-cyan-200--rgb), 0.5);
  color: var(--colors-cyan-500);
}
.signal-card__icon--success {
  background-color: var(--colors-success-100);
  border-color: var(--colors-success-300);
  color: var(--colors-success-600);
}
.signal-card__icon--danger {
  background-color: var(--colors-danger-100);
  border-color: var(--colors-danger-300);
  color: var(--colors-danger-600);
}
.signal-card__icon--company {
  position: relative;
  overflow: hidden;
  border-color: rgba(0, 0, 0, 0.05);
}
.signal-card__icon--company .signal-card__icon-logo {
  position: relative;
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
  z-index: 1;
}
.signal-card__icon--company .signal-card__icon-bg {
  min-width: 200%;
  aspect-ratio: 1/1;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(8px);
  opacity: 0.2;
}
.signal-card__category {
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.signal-card__category span {
  color: var(--colors-grey-600);
}
.signal-card__creator {
  display: flex;
  align-items: center;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.signal-card__like-rate {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  font-weight: 500;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.signal-card__like-rate .far {
  color: var(--colors-grey-600);
}
.signal-card__status {
  font-weight: 500;
}
.signal-card__creation-date {
  position: relative;
  width: max-content;
  color: var(--colors-grey-700);
}
.signal-card__creation-date .far {
  color: var(--colors-grey-600);
}
.signal-card__actions {
  position: relative;
  margin-left: auto;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-02);
}
.signal-company {
  position: relative;
  padding: var(--spacing-04);
  margin-bottom: var(--spacing-04);
  border: 1px solid var(--colors-grey-300);
  border-radius: 0.4rem;
  font-size: 1.4rem;
  line-height: 1.4285714286;
  color: var(--colors-grey-800);
  background-color: #fff;
  transition: background-color 150ms ease-in-out, border-color 150ms ease-in-out, box-shadow 150ms ease-in-out, opacity 150ms ease-in;
}
.signal-company:not(.signal-company--update) {
  container-type: inline-size;
  container-name: signalCompanyCard;
}
.signal-company .signal-company__name {
  display: inline-block;
  vertical-align: middle;
  width: max-content;
  margin: 0 !important;
  font-weight: 500;
  font-size: 1.5rem !important;
  line-height: 1.3333333333;
  color: var(--colors-grey-900);
}
.signal-company.selected {
  border-color: var(--colors-secondary-600);
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-300);
}
.signal-company.disabled {
  opacity: 0.5;
}
.signal-company.disabled:hover, .signal-company.disabled:focus-within {
  opacity: 1;
}
.signal-company__heading {
  position: relative;
  min-width: 0;
  flex: 1;
}
.signal-company__heading .signal-company__secondary {
  position: absolute;
  right: 0;
  bottom: 0;
}
.signal-company__category {
  display: flex;
  align-items: center;
  gap: 0.25em;
  color: var(--colors-grey-700);
  font-size: 1.2rem;
  line-height: 1.5384615385;
}
.signal-company__category span {
  color: var(--colors-grey-600);
}
.signal-company__checkbox {
  position: absolute;
  inset: 0;
  opacity: 0;
  cursor: pointer;
}
.signal-company__header {
  display: flex;
}
.signal-company__logo,
.signal-company__icon {
  flex-shrink: 0;
  width: 4rem;
  height: 4rem;
  margin-right: 1.2rem;
  border-radius: 0.2rem;
  object-fit: contain;
}
.signal-company__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  background: var(--colors-grey-100);
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.4rem;
  font-size: 1.6rem;
}
.signal-company__icon--secondary {
  background-color: var(--colors-secondary-100);
  border-color: var(--colors-secondary-300);
  color: var(--colors-secondary-600);
}
.signal-company__icon--magenta {
  background-color: rgba(var(--colors-magenta-200--rgb), 0.2);
  border-color: rgba(var(--colors-magenta-200--rgb), 0.5);
  color: var(--colors-magenta-500);
}
.signal-company__icon--emerald {
  background-color: rgba(var(--colors-emerald-200--rgb), 0.2);
  border-color: rgba(var(--colors-emerald-200--rgb), 0.5);
  color: var(--colors-emerald-500);
}
.signal-company__icon--cyan {
  background-color: rgba(var(--colors-cyan-200--rgb), 0.2);
  border-color: rgba(var(--colors-cyan-200--rgb), 0.5);
  color: var(--colors-cyan-500);
}
.signal-company__icon--success {
  background-color: var(--colors-success-100);
  border-color: var(--colors-success-300);
  color: var(--colors-success-600);
}
.signal-company__icon--danger {
  background-color: var(--colors-danger-100);
  border-color: var(--colors-danger-300);
  color: var(--colors-danger-600);
}
.signal-company__links {
  display: inline-flex;
  align-items: center;
  gap: var(--spacing-01);
  margin-left: var(--spacing-01);
  position: relative;
  z-index: 1;
}
.signal-company__link {
  color: var(--colors-grey-600);
  font-size: 1.2rem;
  line-height: 1.3333333333;
  transition: color 100ms ease-in;
}
.signal-company__link:hover, .signal-company__link:focus {
  color: var(--colors-secondary-600);
}
.signal-company__metas,
.signal-company__meta {
  margin: 0;
  padding-left: 0;
  list-style-type: none;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.signal-company__meta {
  gap: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.5384615385;
}
.signal-company__meta-icon {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-500);
}
.signal-company__actions {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-01);
  margin-left: auto;
  z-index: 1;
}
.signal-company__disabled-tag {
  position: absolute;
  right: var(--spacing-04);
  top: var(--spacing-03);
}
.signal-company__details {
  display: flex;
  align-items: center;
  gap: var(--spacing-08);
  margin-top: var(--spacing-04);
}
.signal-company__secondary {
  display: flex;
  align-items: flex-end;
  flex-direction: column;
  gap: var(--spacing-01);
}
.signal-company__info {
  flex: 1;
  font-size: 1.4rem;
  line-height: 1.7142857143;
}
.signal-company__info strong {
  font-weight: 500;
}
.signal-company__info-secondary {
  float: right;
  color: var(--colors-grey-600);
  font-size: 1.3rem;
  line-height: 1.8461538462;
}
.signal-company__info-secondary a {
  color: currentColor;
  text-decoration: underline;
}
.signal-company__info-secondary a:hover, .signal-company__info-secondary a:focus {
  text-decoration: none;
}
.signal-company__tags {
  display: flex;
  gap: var(--spacing-02);
}
.signal-company__source {
  position: relative;
  display: flex;
  gap: var(--spacing-01);
  font-size: 1.2rem;
  align-items: center;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
  z-index: 1;
}
.signal-company__source .btn-empty, .signal-company__source .question-circle {
  color: currentColor;
}
.signal-company__source .btn-empty:hover, .signal-company__source .question-circle:hover, .signal-company__source .btn-empty:focus, .signal-company__source .question-circle:focus {
  color: var(--colors-grey-900);
}
.signal-company__source-separator {
  color: var(--colors-grey-400);
}
.signal-company__sources {
  position: relative;
  z-index: 1;
}
@container signalCompanyCard (max-width: 68rem) {
  .signal-company__details {
    gap: var(--spacing-06);
    flex-wrap: wrap;
  }
  .signal-company__info {
    flex: 1 0 100%;
  }
  .signal-company__source {
    margin-left: auto;
  }
  .signal-company__actions .h-button--sm {
    --h-button-padding: var(--spacing-01) var(--spacing-02);
    --h-button-gap: var(--spacing-01);
    --h-button-font-size: 1.1rem;
    --h-button-line-height: calc(16/11);
    --h-button-height: 2.4rem;
  }
  .signal-company__actions .h-button--icon {
    --h-button-width: 2.4rem;
  }
}
.signal-company--update .signal-company__name,
.signal-company--update .signal-company__category {
  max-width: calc(100% - 15rem);
}
.signal-company--update .signal-company__details {
  gap: var(--spacing-04);
}
.signal-company--update .signal-company__info {
  line-height: 1.4285714286;
}
.signal-company--update .signal-company__actions {
  z-index: auto;
}
.signal-company--update .h-button--success-light {
  min-width: 11.6rem;
}
.signal-sidepanel-header {
  margin-top: calc(var(--sidepanel-padding-y) * -1);
  margin-left: calc(var(--sidepanel-padding-x) * -1);
  margin-right: calc(var(--sidepanel-padding-x) * -1);
  margin-bottom: var(--spacing-06);
  padding: var(--spacing-08) var(--spacing-06) var(--spacing-06);
  background-color: var(--colors-grey-50);
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.signal-sidepanel-header__heading {
  display: flex;
  gap: var(--spacing-04);
  align-items: center;
  margin-bottom: var(--spacing-06);
}
.signal-sidepanel-header__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: calc(var(--spacing-base) * 18);
  aspect-ratio: 1/1;
  background: var(--colors-grey-100);
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.4rem;
  font-size: 3.2rem;
}
.signal-sidepanel-header__icon--secondary {
  background-color: var(--colors-secondary-100);
  border-color: var(--colors-secondary-300);
  color: var(--colors-secondary-600);
}
.signal-sidepanel-header__icon--magenta {
  background-color: rgba(var(--colors-magenta-200--rgb), 0.2);
  border-color: rgba(var(--colors-magenta-200--rgb), 0.5);
  color: var(--colors-magenta-500);
}
.signal-sidepanel-header__icon--emerald {
  background-color: rgba(var(--colors-emerald-200--rgb), 0.2);
  border-color: rgba(var(--colors-emerald-200--rgb), 0.5);
  color: var(--colors-emerald-500);
}
.signal-sidepanel-header__icon--cyan {
  background-color: rgba(var(--colors-cyan-200--rgb), 0.2);
  border-color: rgba(var(--colors-cyan-200--rgb), 0.5);
  color: var(--colors-cyan-500);
}
.signal-sidepanel-header__icon--success {
  background-color: var(--colors-success-100);
  border-color: var(--colors-success-300);
  color: var(--colors-success-600);
}
.signal-sidepanel-header__icon--danger {
  background-color: var(--colors-danger-100);
  border-color: var(--colors-danger-300);
  color: var(--colors-danger-600);
}
.signal-sidepanel-header__icon--company {
  position: relative;
  overflow: hidden;
  border-color: rgba(0, 0, 0, 0.05);
}
.signal-sidepanel-header__icon--company .signal-sidepanel-header__icon-logo {
  position: relative;
  width: 3.2rem;
  height: 3.2rem;
  object-fit: contain;
  z-index: 1;
}
.signal-sidepanel-header__icon--company .signal-sidepanel-header__icon-bg {
  min-width: 200%;
  aspect-ratio: 1/1;
  object-fit: contain;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  filter: blur(8px);
  opacity: 0.2;
}
.signal-sidepanel-header__name {
  font-weight: 500;
  font-size: 1.8rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-900);
  margin: 0 !important;
}
.signal-sidepanel-header__category {
  font-size: 1.2rem;
  line-height: 1.6666666667;
  color: var(--colors-grey-700);
  margin-bottom: var(--spacing-01);
}
.signal-sidepanel-header__category span {
  color: var(--colors-grey-500);
}
.signal-sidepanel-header__metas {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  font-size: 1.2rem;
  line-height: 1.3333333333;
}
.signal-sidepanel-header__like-rate {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  font-weight: 500;
  color: var(--colors-grey-700);
}
.signal-sidepanel-header__like-rate .far {
  color: var(--colors-grey-600);
}
.signal-sidepanel-header__status {
  font-weight: 500;
}
.signal-sidepanel-header__actions {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
@media screen and (min-height: 50em) {
  .signal-sidepanel-header {
    position: sticky;
    top: calc(var(--sidepanel-padding-y) * -1);
    z-index: 5;
  }
}
.signal-company--minimal {
  padding: 0;
  border: 0;
  background-color: transparent;
}
.signal-company--minimal .signal-company__header {
  align-items: center;
}
.signal-company--minimal .signal-company__icon {
  border-radius: 2rem;
}
.signal-company--minimal .signal-company__name {
  max-width: calc(100% - 10rem);
  font-size: 1.4rem;
  font-weight: 500;
  line-height: 1.4285714286;
}
.signal-company--minimal .signal-company__category {
  max-width: calc(100% - 10rem);
  color: var(--colors-grey-800);
}
.signal-company--minimal .signal-company__source {
  align-self: flex-end;
  margin-left: auto;
  line-height: 1.6666666667;
}
.signals-timeline {
  list-style-type: none;
  margin: var(--spacing-06);
  margin-bottom: 0;
  margin-top: var(--spacing-08);
  padding-left: 0;
  border-bottom: 1px solid var(--colors-grey-300);
}
.signals-timeline__item {
  position: relative;
}
.signals-timeline__item:not(:last-child) {
  margin-bottom: var(--spacing-08);
}
.signals-timeline__item:not(:last-child)::before {
  content: "";
  position: absolute;
  left: calc(var(--spacing-05) - 0.1rem);
  top: 4.4rem;
  width: 0.1rem;
  height: calc(100% - 4rem + var(--spacing-06));
  background-color: var(--colors-grey-300);
  border-radius: 0.2rem;
}
.signal-configuration__title {
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-900);
  margin: 0;
}
.signal-configuration__description {
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.signal-configuration-container {
  max-width: 54rem;
  margin: 0 auto;
}
.signal-configuration-header {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-02);
  padding: var(--spacing-06) var(--spacing-10) var(--spacing-06) var(--spacing-06);
  background: var(--colors-grey-100);
  border-bottom: 0.1rem solid var(--colors-grey-300);
}
.signal-configuration-header__title {
  margin: 0;
  font-size: 1.6rem;
  line-height: 2;
  color: var(--colors-grey-900);
}
.signal-configuration-header__steps {
  position: absolute;
  top: 50%;
  left: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  transform: translate(-50%, -50%);
}
.signal-configuration-header__actions {
  margin-left: auto;
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.steps {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  list-style-type: none;
  padding-left: 0;
  margin: 0;
  counter-reset: steps;
}
.steps__item {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.steps__item:not(:last-child)::after {
  content: "\f105";
  font-family: "Font Awesome 6 Pro";
  color: var(--colors-grey-500);
}
.steps__link {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  counter-increment: steps;
  color: var(--colors-grey-600);
  font-weight: 500;
}
.steps__link::before {
  content: counter(steps);
  width: 2.4rem;
  height: 2.4rem;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: 1.2rem;
  font-weight: 500;
  background-color: #fff;
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 50%;
}
.steps__link:hover, .steps__link:focus {
  text-decoration: none;
  color: var(--colors-grey-900);
}
.steps__link:hover::before, .steps__link:focus::before {
  border-color: var(--colors-grey-400);
}
.steps__link[aria-current=step] {
  color: var(--colors-grey-900);
}
.steps__link[aria-current=step]::before {
  background-color: var(--colors-secondary-600);
  border-color: var(--colors-secondary-600);
  color: #fff;
}
.steps__link.is-done::before {
  content: "\f00c";
  font-family: "Font Awesome 6 Pro";
  background-color: var(--colors-grey-500);
  border-color: var(--colors-grey-500);
  color: #fff;
}
.choice {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: var(--spacing-04);
  padding: var(--spacing-02);
  margin-bottom: var(--spacing-04);
  background-color: #fff;
  border: 1px solid var(--colors-grey-300);
  box-shadow: 0px 1px 1px rgba(29, 38, 46, 0.05);
  border-radius: 0.4rem;
  transition: box-shadow 200ms ease-in-out, background-color 200ms ease-in-out;
}
.choice:hover, .choice:focus-within {
  text-decoration: none;
  background-color: var(--colors-grey-50);
  box-shadow: 0px 2px 5px rgba(29, 38, 46, 0.08);
}
.choice.selected {
  border-color: var(--colors-secondary-600);
  box-shadow: 0px 0px 0px 2px var(--colors-secondary-300);
}
.choice--disabled {
  box-shadow: none;
  background-color: #fff;
  opacity: 0.7;
}
.choice--disabled:hover, .choice--disabled:focus-within {
  background-color: #fff;
  box-shadow: none;
}
.choice__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 4.8rem;
  height: 4.8rem;
  background-color: var(--colors-grey-100);
  border: 1px solid var(--colors-grey-200);
  border-radius: 0.2rem;
  font-size: 2rem;
  line-height: 1.2;
}
.choice__icon--secondary {
  color: var(--colors-secondary-600);
}
.choice__icon--magenta {
  color: var(--colors-magenta-500);
}
.choice__icon--emerald {
  color: var(--colors-emerald-500);
}
.choice__icon--cyan {
  color: var(--colors-cyan-500);
}
.choice__icon--cardinal {
  color: var(--colors-cardinal-500);
}
.choice__content {
  flex: 1;
}
.choice__title {
  display: flex;
  gap: var(--spacing-02);
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-900);
}
.choice__description {
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
  margin: 0;
}
.choice__right-arrow {
  margin-left: auto;
  margin-right: var(--spacing-02);
  font-size: 2rem;
  color: var(--colors-grey-400);
}
.signal-configuration-form {
  height: 100%;
  display: flex;
  flex-direction: column;
}
.signal-configuration {
  position: relative;
  flex: 1;
}
.signal-configuration-settings,
.signal-configuration-preview {
  position: absolute;
  top: 0;
  bottom: 0;
  width: 50%;
  overflow: auto;
  padding: var(--spacing-10);
}
.signal-configuration-preview {
  left: 50%;
  background-color: var(--colors-grey-100);
  border-left: 0.1rem solid var(--colors-grey-300);
}
.signal-configuration-preview.is-loading .signal-configuration-preview__skeletons {
  display: block;
}
.signal-configuration-preview.is-loading .signal-configuration-preview__results {
  display: none;
}
.signal-configuration-settings {
  left: 0;
}
.signal-configuration-settings .signal-configuration__description {
  max-width: 32rem;
}
.signal-configuration-settings__header {
  display: flex;
  align-items: baseline;
  gap: var(--spacing-02);
  margin-bottom: var(--spacing-06);
}
.signal-custom-dates {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-04);
  row-gap: var(--spacing-02);
  align-items: flex-start;
}
.signal-custom-dates .form-group {
  flex: 1;
  margin-bottom: 0;
  min-width: 12rem;
}
.signal-configuration-preview__skeletons {
  display: none;
}
.signal-preview-skeletons__title {
  height: 2rem;
  width: 16rem;
  border-radius: 0.2rem;
  animation: 2s skeletonShine linear infinite;
  margin-bottom: var(--spacing-02);
}
.signal-preview-skeletons__description {
  height: 1.6rem;
  width: 55%;
  border-radius: 0.2rem;
  animation: 2s skeletonShine linear infinite;
}
.signal-card-skeleton {
  border: 0.1rem solid var(--colors-grey-200);
  border-radius: 0.4rem;
  background-color: #fff;
  position: relative;
  width: 100%;
  height: 11.6rem;
  margin-top: var(--spacing-04);
}
.signal-card-skeleton > * {
  position: absolute;
  border-radius: 0.2rem;
  animation: 2s skeletonShine linear infinite;
}
.signal-card-skeleton__logo {
  top: var(--spacing-04);
  left: var(--spacing-04);
  width: 4rem;
  height: 4rem;
}
.signal-card-skeleton__title {
  top: var(--spacing-04);
  left: var(--spacing-16);
  height: 1.6rem;
  width: 12rem;
}
.signal-card-skeleton__metas {
  top: calc(var(--spacing-base) * 11);
  left: var(--spacing-16);
  height: 1.2rem;
  width: 20rem;
}
.signal-card-skeleton__description {
  top: calc(var(--spacing-base) * 18);
  left: var(--spacing-04);
  height: 2.4rem;
  width: 80%;
}
@keyframes skeletonShine {
  50% {
    background-color: var(--colors-grey-200);
  }
  0%, 100% {
    background-color: var(--colors-grey-300);
  }
}
.signal-configuration-domain {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  padding: 0 var(--spacing-02) 0 var(--spacing-03);
  height: 4rem;
  align-items: center;
  border: 0.1rem solid var(--colors-grey-300);
  border-radius: 0.4rem;
}
.signal-configuration-domain:focus-within {
  border-color: var(--colors-secondary-600);
  box-shadow: 0 0 0 0.2rem var(--colors-secondary-300);
}
.signal-configuration-domain .signal-configuration-domain__input {
  flex: 1;
  height: auto;
  min-width: 0;
  padding: calc(var(--spacing-02) - 0.2rem) 0;
  border: 0;
  background-color: #fff;
}
.signal-configuration-domain .signal-configuration-domain__input:hover, .signal-configuration-domain .signal-configuration-domain__input:focus {
  border: 0 !important;
}
.signal-configuration-domain__logo {
  width: 2.4rem;
  height: 2.4rem;
  object-fit: contain;
  flex-shrink: 0;
  margin-left: calc(var(--spacing-01) * -1);
  border-radius: 0.2rem;
}
.signal-configuration-domain__url {
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
}
.signals.new .autocomplete-count {
  display: none;
}
.cancel.index .dashboard-body > .container,
.cancel.confirmation .dashboard-body > .container {
  max-width: 660px;
}
.cancel.index h2,
.cancel.confirmation h2 {
  border-bottom: 1px solid var(--colors-grey-300);
  padding-bottom: 20px;
}
.cancel.index .board-box, .cancel.index .onboarding-box,
.cancel.confirmation .board-box,
.cancel.confirmation .onboarding-box {
  position: relative;
}
.cancel.index .board-box::before, .cancel.index .onboarding-box::before, .cancel.index .board-box::after, .cancel.index .onboarding-box::after,
.cancel.confirmation .board-box::before,
.cancel.confirmation .onboarding-box::before,
.cancel.confirmation .board-box::after,
.cancel.confirmation .onboarding-box::after {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  height: 0.4rem;
}
.cancel.index .board-box::before, .cancel.index .onboarding-box::before,
.cancel.confirmation .board-box::before,
.cancel.confirmation .onboarding-box::before {
  background-color: var(--colors-grey-300);
  width: 100%;
}
.cancel.index .board-box:after, .cancel.index .onboarding-box:after,
.cancel.confirmation .board-box:after,
.cancel.confirmation .onboarding-box:after {
  background-color: var(--colors-primary-600);
  width: 75%;
}
.cancel.index .board-box ul, .cancel.index .onboarding-box ul,
.cancel.confirmation .board-box ul,
.cancel.confirmation .onboarding-box ul {
  margin-bottom: 30px;
}
.cancel.index .board-box p, .cancel.index .onboarding-box p,
.cancel.confirmation .board-box p,
.cancel.confirmation .onboarding-box p {
  margin-bottom: 20px;
}
.cancel.index .board-box li, .cancel.index .onboarding-box li,
.cancel.confirmation .board-box li,
.cancel.confirmation .onboarding-box li {
  margin-bottom: 10px;
}
.cancel.confirmation .board-box:after, .cancel.confirmation .onboarding-box:after {
  background-color: var(--colors-primary-600);
  width: 100%;
}
.checkout.index .main-wrapper {
  max-width: 60rem;
}
.checkout.index .checkout-container {
  margin-top: var(--spacing-10);
  line-height: 1.5;
}
.checkout.index #change-plan {
  position: absolute;
  top: 15px;
}
.checkout.index #change-plan path {
  -webkit-transition: all 250ms ease;
  -moz-transition: all 250ms ease;
  -ms-transition: all 250ms ease;
  transition: all 250ms ease;
  stroke: var(--colors-grey-400);
}
.checkout.index #change-plan:hover {
  cursor: pointer;
}
.checkout.index #change-plan:hover path {
  stroke: var(--colors-grey-600);
}
.checkout.index h1 {
  font-size: 22px;
  font-weight: 500;
  margin: 0 0 30px;
  text-align: center;
  line-height: 30px;
}
.checkout.index h1 .subtitle {
  font-size: 15px;
  color: var(--colors-grey-600);
  margin-top: 3px;
}
.checkout.index .board-box, .checkout.index .onboarding-box {
  margin-bottom: 20px;
}
.checkout.index .address-hint {
  font-size: 12px;
  margin-top: 15px;
  margin-bottom: 15px;
}
.checkout.index .address-hint .fa-question-circle {
  font-size: 12px;
  margin-left: 1px;
}
.checkout.index .address-hint .popover-body {
  color: var(--colors-grey-1000);
}
.checkout.index #card-field {
  height: 39px;
  padding: 11px 10px 6px;
}
.checkout.index .card-logo {
  display: inline-block;
  width: 24px;
  margin: 0 10px 0 0;
}
.checkout.index .card-logo.card-logo-visa {
  width: 20px;
}
.has-error .help-block:hover {
  color: #a94442;
}
.help-block {
  cursor: default;
}
.form-group {
  margin-bottom: 10px;
}
.card-security-hint {
  font-size: 12px;
  margin-top: 15px;
}
.card-security-hint .far {
  margin-right: 5px;
}
#current-price-section .price-line {
  font-size: 14px;
  padding: 8px 28px;
  margin: 0 -28px;
  border-bottom: 1px solid var(--colors-grey-300);
}
#current-price-section .price-line .fa-tag {
  font-size: 10px;
  margin-left: 5px;
  color: var(--colors-grey-600);
}
#current-price-section .price-line .price-line__precisions {
  color: var(--colors-grey-600);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  margin: 5px 0;
  line-height: 24px;
}
#current-price-section #final-price-container {
  border: 0;
  font-weight: 600;
  padding-top: var(--spacing-03);
}
.email-accounts-modal {
  max-width: 40rem;
}
.email-accounts-qty {
  position: relative;
}
.email-accounts-qty__price {
  position: absolute;
  right: 0;
  top: 0;
  margin-bottom: 0;
  line-height: 2.2857142857;
  font-weight: 600;
}
.email-accounts-qty__details {
  margin-top: var(--spacing-04);
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-700);
}
.overdue_invoices.index .container {
  max-width: 1200px;
}
.overdue_invoices.index h3 {
  padding: 10px 0;
  border-bottom: 1px solid #e6e6e6;
}
.subscriptions.show .container {
  max-width: 1200px;
}
.subscriptions.show .overage-quota-limit__hints {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-02);
  justify-content: space-between;
}
.subscriptions.show .contact-sales-box {
  display: flex;
  align-items: center;
  gap: var(--spacing-04);
  padding: var(--spacing-06);
  background-color: var(--colors-secondary-100);
  border: 0.1rem solid var(--colors-secondary-400);
  border-radius: 0.4rem;
}
.subscriptions.show .contact-sales-box__avatar {
  width: 8rem;
  height: 8rem;
  border-radius: 50%;
}
.subscriptions.show .contact-sales-box__content {
  flex: 1;
  padding-right: var(--spacing-04);
}
.subscriptions.show .contact-sales-box__title {
  margin-bottom: var(--spacing-01);
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 1.3333333333;
  color: var(--colors-grey-1000);
}
.subscriptions.show .contact-sales-box__description {
  font-size: 1.3rem;
  line-height: 1.5384615385;
  color: var(--colors-grey-800);
}
.subscriptions.show .contact-sales-box__description a {
  color: currentColor;
  text-decoration-line: underline;
  text-decoration-color: var(--colors-grey-500);
  text-underline-offset: var(--spacing-01);
  cursor: pointer;
}
.subscriptions.show .contact-sales-box__description a:hover, .subscriptions.show .contact-sales-box__description a:focus {
  text-decoration-color: currentColor;
}
.subscriptions.new .main-wrapper,
.subscriptions.new .container,
.subscriptions.edit .main-wrapper,
.subscriptions.edit .container {
  max-width: 1200px;
}
.subscriptions.new h1,
.subscriptions.edit h1 {
  font-size: 26px;
  font-weight: 700;
  margin: 0 0 60px;
  text-align: center;
}
.subscriptions.new h1 .subtitle,
.subscriptions.edit h1 .subtitle {
  font-weight: 500;
  font-size: 1.8rem;
  color: var(--colors-grey-600);
}
.subscriptions.new .pricing-enterprise,
.subscriptions.edit .pricing-enterprise {
  margin-bottom: var(--spacing-10);
}
.subscriptions.show .plan-features .far {
  margin-right: 3px;
  font-size: 12px;
}
.subscription-contact-box {
  --h-button-height: 4.8rem;
  --h-button-border-radius: var(--spacing-06);
  --h-button-padding: var(--spacing-02) var(--spacing-04) var(--spacing-02) var(--spacing-02);
}
.subscription-contact-box img {
  height: 3.6rem;
  width: 3.6rem;
  border-radius: 50%;
}
.subscription-contact-box__avatar {
  height: 3.6rem;
  width: 3.6rem;
  border-radius: 50%;
}
.subscription-contact-box__description {
  font-weight: 400;
  font-size: 1.2rem;
}
.subscription-box {
  background-color: var(--colors-grey-50);
  border: 0.1rem solid var(--colors-grey-200);
  border-radius: var(--spacing-base);
  font-size: 1.3rem;
  line-height: 1.8461538462;
}
.subscription-box--sm {
  max-width: 32rem;
}
.subscription-plan__title {
  font-size: 1.8rem;
  font-weight: 500;
  color: var(--colors-grey-900);
}
.subscription-plan__amount {
  font-size: 1.6rem;
}
.subscription-plan__section {
  gap: var(--spacing-02);
  margin-top: var(--spacing-06);
}
.subscription-plan__actions {
  display: flex;
  margin-bottom: var(--spacing-02);
  gap: var(--spacing-02);
  align-items: baseline;
}
.subscription-plan__info {
  gap: var(--spacing-base);
}
.subscription-box__label {
  font-weight: 500;
  color: var(--colors-grey-700);
}
.subscription-plan__link {
  text-decoration: underline;
  text-underline-offset: var(--spacing-01);
  color: var(--colors-grey-900);
}
.subscription-plan__link:hover {
  color: var(--colors-grey-900);
  text-decoration-color: var(--colors-grey-900);
}
.subscription-plan-details__card-processors img {
  width: 2.6rem;
}
.welcome.index .container {
  max-width: 720px;
}
.subscription-features {
  padding-left: 0;
  list-style-type: none;
}
.subscription-features li {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  font-size: 1.3rem;
  line-height: 1.2307692308;
}
.subscription-features li:not(:first-child) {
  margin-top: var(--spacing-02);
}
.subscription-hint {
  margin-top: 20px;
  color: var(--colors-grey-600);
}
.invites.index .dashboard-body .container {
  max-width: 1200px;
}
.invites.index .block-radio-container,
.invites.index .block-checkbox-container {
  font-size: 13px;
  line-height: 23px;
  text-align: left;
}
.invites.index .block-radio-container strong,
.invites.index .block-checkbox-container strong {
  display: inline-block;
  font-size: 15px;
  line-height: 22px;
  margin-bottom: 3px;
}
.invites.index .shared-icon {
  color: var(--colors-grey-400);
  margin-left: var(--spacing-01);
}
.invites.index .invitation-link {
  display: flex;
  gap: var(--spacing-02);
  padding-left: var(--spacing-06);
  margin-top: var(--spacing-03);
}
.invites.index .invitation-link__link {
  position: relative;
  flex: 1;
  max-width: 40rem;
}
.invites.index .invitation-link__copy {
  position: absolute;
  right: var(--spacing-01);
  top: calc(var(--spacing-base) * 7.25);
}
.teams.index .dashboard-body .container {
  min-width: 700px;
  max-width: 1200px;
}
.teams.index .shared-icon {
  color: var(--colors-grey-400);
}
.teams.index .h-search-form {
  min-width: 28rem;
}
.teams.index .h-table--full {
  width: calc(100% + 56px);
  margin-left: -28px;
  margin-right: -28px;
}
.teams.index .team-table__avatar {
  float: left;
  margin-right: var(--spacing-02);
  width: var(--spacing-08);
  height: var(--spacing-08);
  border-radius: 50%;
}
.teams.index .team-table__name {
  display: block;
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2307692308;
}
.teams.index .team-table__name:last-child {
  padding-top: var(--spacing-02);
}
.teams.index .team-table__email {
  display: block;
  font-size: 1.2rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-600);
}
.teams.index .edit-user-modal .modal-dialog {
  width: 750px;
}
.teams.index .edit-user-modal .block-radio-container,
.teams.index .edit-user-modal .block-checkbox-container {
  font-size: 13px;
  line-height: 23px;
  text-align: left;
}
.teams.index .edit-user-modal .shared-icon {
  margin-left: var(--spacing-01);
}
.teams.index .edit-user-modal h3 {
  font-size: 17px;
  font-weight: 600;
  margin: 0 0 20px;
}
@media screen and (max-width: 767px) {
  .teams.index .invitation-container .h-button--primary {
    width: 100%;
    margin: 10px 0;
  }
  .teams.index .team-table {
    min-width: 520px;
  }
}
.technologies.index .techlookup-header {
  margin: 20px 0;
}
.technologies.index .techlookup-header .techlookup-header__title {
  font-size: 4rem;
  line-height: 1.25;
  max-width: 500px;
}
.technologies.index .techlookup-header #technology-search {
  margin-top: 20px;
  max-width: 600px;
}
.technologies.index .techlookup-header #technology-search label {
  color: #ffffff;
  opacity: 0.9;
  margin-bottom: 5px;
}
.technologies.index .techlookup-header #technology-search input {
  width: 100%;
  border: 0 !important;
  padding: 22px 18px;
  height: 60px;
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px;
}
.technologies.index .techlookup-header #technology-search input:focus {
  box-shadow: rgba(0, 0, 0, 0.25) 0px 6px 24px;
}
.technologies.index #references {
  background-color: #ffffff !important;
}
.technologies.index .autocomplete-suggestions {
  box-shadow: rgba(0, 0, 0, 0.2) 0px 3px 12px;
}
.technologies.index .autocomplete-suggestions .autocomplete-suggestion {
  font-size: 15px !important;
  padding: 15px;
}
.technologies.index .techlookup-technologies {
  padding: 50px 0 100px;
  line-height: 30px;
}
.technologies.index .techlookup-technologies h2 {
  font-size: 2rem;
  font-weight: 600;
  margin: 50px 0 25px;
  text-align: left;
  padding-bottom: 10px;
  border-bottom: 1px solid var(--colors-grey-200);
}
@media screen and (min-width: 48em) {
  .technologies.index .techlookup-header .techlookup-header__title {
    font-size: 4.8rem;
  }
}
.technologies.show h2 {
  font-weight: 600;
  font-size: 20px;
  text-align: left;
  margin: 60px 0 30px;
}
.technologies.show .front-header {
  padding-bottom: 6rem;
}
.technologies.show .techlookup-header {
  margin: 6rem 0 0;
}
.technologies.show .techlookup-header .techlookup-header__title {
  display: flex;
  align-items: center;
  font-size: 3.2rem;
  line-height: 1.285;
}
.technologies.show .techlookup-header .techlookup-header__title .technology-icon-container {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 80px;
  width: 80px;
  min-width: 80px;
  background-color: #fff;
  border-radius: 50%;
  box-shadow: 0 2px 6px 0 rgba(0, 0, 0, 0.1);
  text-align: center;
  margin-right: 2rem;
  overflow: hidden;
  vertical-align: top;
}
.technologies.show .techlookup-header .techlookup-header__title .technology-icon-container img {
  display: block;
  max-height: 40px;
  max-width: 90%;
}
.technologies.show .technology-detail {
  padding: 80px 0 60px;
  font-size: 15px;
}
.technologies.show .technology-detail h2 {
  font-size: 25px;
  margin: 0 0 30px;
}
.technologies.show .technology-detail .technology-detail-side {
  font-size: 14px;
}
.technologies.show .technology-detail .technology-detail-side strong {
  font-size: 13px;
  text-transform: uppercase;
}
.technologies.show .technology-data {
  padding: 0 0 80px;
  font-size: 13px;
}
.technologies.show .technology-data .container {
  border-top: 1px solid var(--colors-grey-300);
}
.technologies.show .technology-data table {
  width: 100%;
  font-size: 13px;
}
.technologies.show .technology-data table tr {
  border-bottom: 1px solid var(--colors-grey-300);
}
.technologies.show .technology-data table td, .technologies.show .technology-data table th {
  padding: 7px;
}
.technologies.show .technology-data table th {
  color: var(--colors-grey-600);
  font-size: 12px;
  text-transform: uppercase;
}
.technologies.show .technology-data .technology-table-top,
.technologies.show .technology-data .technology-table-categories {
  margin-bottom: 15px;
}
.technologies.show .technology-data .percentage-bar {
  display: inline-block;
  background-color: var(--colors-secondary-700);
  margin-bottom: 2px;
  height: 5px;
  border-radius: 2px;
}
.technologies.show .other-technologies {
  background-color: var(--colors-grey-100);
  line-height: 30px;
}
@media screen and (min-width: 48em) {
  .technologies.show .front-header {
    padding-top: 10rem;
    padding-bottom: 8rem;
  }
  .technologies.show .techlookup-header {
    margin: 8rem 0 0;
  }
  .technologies.show .techlookup-header .techlookup-header__title {
    font-size: 4.2rem;
  }
}
.technologies.show .front-header,
.technologies.new .front-header {
  padding-top: 8rem;
}
@media screen and (min-width: 48em) {
  .technologies.show .front-header,
  .technologies.new .front-header {
    padding-top: 10rem;
  }
}
.upgrade_required.index .main-wrapper,
.upgrade_required.index .dashboard-body > .container {
  max-width: 1200px;
}
.upgrade_required.index .upgrade-required-help {
  margin-bottom: 60px;
  text-align: center;
}
.upgrade_required.index .upgrade-required-help h1 {
  font-weight: 600;
  font-size: 19px;
  margin-bottom: 20px;
}
.usage.index .dashboard-body .container {
  min-width: 600px;
  max-width: 1200px;
}
.usage.index .usage-dropdown {
  margin-left: 5px;
}
.usage.index .usage-dropdown .dropdown-menu {
  width: 250px;
}
.usage.index .usage-dropdown .fa-angle-down {
  margin: 0 0 0 3px;
}
.usage.index .request-type-title {
  font-weight: 600;
  text-transform: uppercase;
  font-size: 14px;
  color: var(--colors-grey-700);
  margin-top: 25px;
}
.usage.index .request-type-title div {
  text-transform: initial;
  color: var(--colors-grey-1000);
  font-size: 15px;
}
.usage.index .usage-breakdown {
  width: 100%;
  margin-top: 10px;
  font-size: 12px;
}
.usage.index .usage-breakdown td {
  padding: 5px 0;
}
.usage.index .usage-breakdown td:last-child {
  text-align: right;
}
.usage.index .usage-breakdown tr:not(:last-child) {
  border-bottom: 1px solid var(--colors-grey-300);
}
.usage.index .usage-breakdown span {
  margin-left: 10px;
}
.usage.show .dashboard-body .container {
  min-width: 600px;
  max-width: 1200px;
}
.usage.show .board-box, .usage.show .onboarding-box {
  min-height: 75rem;
}
.usage.show .h-table--full {
  width: calc(100% + 56px);
  margin-left: -28px;
  margin-right: -28px;
}
.usage.show .board-box, .usage.show .onboarding-box {
  min-height: 68rem;
}
.usage_overview {
  background-color: var(--colors-grey-50);
  border: 0.1rem solid var(--colors-grey-200);
  border-radius: var(--spacing-01);
}
.usage-overview__row {
  padding: var(--spacing-06) var(--spacing-08) var(--spacing-06) var(--spacing-06);
  border-bottom: 0.1rem solid var(--colors-grey-200);
}
.usage-overview__content {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  width: 100%;
}
.usage-overview-quota {
  flex: 0 1 clamp(50rem, 70%, 100rem);
}
.usage-overview-quota--full {
  flex: 0 1 100%;
}
.usage-overview-quota__label {
  display: flex;
  justify-content: space-between;
  font-size: 1.3rem;
}
.usage-overview-quota__title {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
  font-weight: 500;
  margin-bottom: var(--spacing-02);
}
.usage-overview-quota__title:hover .usage-overview-quota__caret, .usage-overview-quota__title:focus .usage-overview-quota__caret {
  color: currentColor;
}
.usage-overview-quota__title.disabled {
  cursor: default;
}
.usage-overview-quota__caret {
  width: 1.6rem;
  text-align: center;
  font-size: 1.2rem;
  color: var(--colors-grey-600);
  transition: color 150ms ease-in;
}
.usage-overview-quota__usage {
  color: var(--colors-grey-700);
}
.usage-overview-bar {
  display: flex;
  height: var(--spacing-01);
  border-radius: 0.8rem;
}
.usage-overview-bar__included {
  background-color: var(--colors-grey-300);
  border-radius: 0.8rem;
}
.usage-overview-bar__divider {
  display: flex;
  align-self: center;
  margin: 0 0.2rem;
  border-right: 0.1rem solid var(--colors-grey-700);
  height: var(--spacing-02);
  border-radius: 0.8rem;
}
.usage-overview-bar__overage {
  display: flex;
  background-color: var(--colors-danger-600);
  border-radius: 0.8rem;
}
.usage-overview-bar__used {
  height: var(--spacing-01);
  background-color: var(--colors-secondary-600);
  border-radius: 0.8rem;
}
.usage-overview-overage {
  min-width: 30%;
  display: flex;
  align-items: center;
  justify-content: flex-end;
  gap: var(--spacing-02);
  font-size: 1.2rem;
  text-align: right;
  color: var(--colors-grey-700);
}
.usage-overview-overage__cost {
  font-size: 1.3rem;
  color: var(--colors-grey-900);
}
.usage-overview__subrow {
  padding: var(--spacing-03) 0 0 var(--spacing-06);
}
.usage-overview-sources__table {
  width: 100%;
  text-align: right;
  font-size: 1.2rem;
  color: var(--colors-grey-700);
}
.usage-overview-sources__table th {
  padding-bottom: 0 0 var(--spacing-02);
  font-weight: 500;
}
.usage-overview-sources__table th:first-child {
  text-align: left;
}
.usage-overview-sources__table td {
  padding-bottom: 0 0 var(--spacing-02);
}
.usage-overview-sources__table td:first-child {
  text-align: left;
  font-weight: 500;
  color: var(--colors-grey-900);
}
.usage_overview__footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: var(--spacing-06);
}
.usage-overview__overage {
  display: flex;
  gap: var(--spacing-02);
  font-size: 1.2rem;
}
.usage-overview__overage-cost {
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.usage-details .chart-canvas-container {
  height: 24.5rem;
}
.usage-details-filters {
  display: flex;
  gap: var(--spacing-02);
}
.usage-details-quota__title {
  display: flex;
  align-items: flex-start;
  gap: var(--spacing-02);
}
.usage-details-quota__header {
  display: flex;
  justify-content: space-between;
}
.usage-details-quota__totals {
  font-size: 1.3rem;
}
.usage-details__table {
  width: 100%;
  font-size: 1.3rem;
}
.usage-details__table th:last-child, .usage-details__table td:last-child {
  text-align: right;
  padding-right: var(--spacing-10);
}
.usage-details-source {
  font-weight: 500;
  color: var(--colors-grey-900);
}
.usage-details-source__empty {
  font-weight: 400;
  color: var(--colors-grey-600);
}
.usage-details-source__label {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.usage-details-source__colors {
  --source-background-color: transparent;
  background-color: var(--source-background-color);
  border-radius: var(--spacing-02);
  width: var(--spacing-02);
  height: var(--spacing-02);
}
.usage-details-source__colors--website {
  --source-background-color: var(--colors-cyan-500);
}
.usage-details-source__colors--bulk {
  --source-background-color: var(--colors-primary-600);
}
.usage-details-source__colors--sheets_addon {
  --source-background-color: var(--colors-success-600);
}
.usage-details-source__colors--chrome_extension {
  --source-background-color: var(--colors-magenta-500);
}
.usage-details-source__colors--api {
  --source-background-color: var(--colors-warning-500);
}
.usage-details-source__colors--unknown {
  --source-background-color: var(--colors-grey-600);
}
.usage-request-history__filters {
  display: flex;
  gap: var(--spacing-02);
}
.usage-requests-metadata {
  display: flex;
  gap: var(--spacing-base);
  margin-bottom: 1em;
  line-height: 1.8461538462;
}
.usage-requests__empty {
  display: flex;
  place-items: center;
  font-size: 1.3rem;
  color: var(--colors-grey-700);
  font-weight: 600;
  justify-content: center;
}
.usage-requests-metadata__url {
  flex: 1;
  padding: var(--spacing-005) var(--spacing-01);
  background-color: var(--colors-grey-900);
  font-family: var(--fonts-family-code);
  color: var(--colors-grey-200);
  font-size: 1.2rem;
  line-height: 2rem;
}
:root {
  --iti-hover-color: rgba(0, 0, 0, 0.05);
  --iti-text-gray: #999;
  --iti-border-gray: #ccc;
  --iti-spacer-horizontal: 8px;
  --iti-flag-height: 15px;
  --iti-flag-width: 20px;
  --iti-border-width: 1px;
  --iti-arrow-height: 4px;
  --iti-arrow-width: 6px;
  --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
  --iti-arrow-padding: 6px;
  --iti-arrow-color: #555;
  --iti-input-padding: 6px;
  --iti-right-hand-selected-country-padding: calc(var(--iti-spacer-horizontal) + var(--iti-spacer-horizontal) + var(--iti-flag-width));
  --iti-selected-country-arrow-padding: calc(var(--iti-arrow-padding) + var(--iti-arrow-padding) + var(--iti-flag-width) + var(--iti-spacer-horizontal) + var(--iti-arrow-width) + var(--iti-input-padding));
  --iti-path-flags-1x: url("https://hunter.io/assets/flags-BMGzDaSL.png?1");
  --iti-path-flags-2x: url("https://hunter.io/assets/flags@2x-DTOyOn_-.png?1");
  --iti-path-globe-1x: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABQAAAAUCAQAAAAngNWGAAACTUlEQVR42k1SW0hUURQ9PSyzyCzoKURlIL1AhH4UucxZ+87LKQIly/wJIn+CHj/VgBkM8zFBhUFIoME4Mz2EhME+8iOECqWiQkjyQ5JIwuqjcYxoMHb7nOug98J5rLP2Omvvs5X3dS43o1NJVzGMGTB+0ivEaK9Bm1dYyuISUcyHOcj4jTnkAxxmYtw0Z87KoppQ8fQII4dvFA+u1lm9hdrpO2YEe43yotQyURsQ6KPvMFJWO+mNVIfngo9YvdoSpag9whiXo6PUT3X6It5Th9tA3Tgv2LBQY5bqrsUvYreJzuILZRHDBbzRV9CJR5iWOYwc5n07hKhb6C9y+gmiNKSUd6k3CxZDCrkQ0yULOKVOlVLhCt3tEehBcL0NSOCgjGdCjEHVvAZd9BknJb4VyfoKfxV2YxA17i5nA27hcqQMNcT4pGgozH75nUqcw1fcQwZpTFE/UujBO4yiFwNgTCmMuYzZMCPhVuPugsdMpMxa6NCtsisXxphsgowCMYUk+15T/toSPHY324AuvU9vQlo8ZpRvDwp+xqh9wgnabpX6THWF8pKyyOCHZH3KxPUE2GVqc9bhLSaRoj5MIE338QLjokjEmHZKTXG2Ii8u/vm3iZtqUTqEEXJFN64D+1dhtpHpxMITui0BJkbOPUBtuKOUr8E6fIbTyEeYbtum8JpIXw8aqpSpkTHplPo34iEKAZY0EqZt5DeTaTRcs6p/kJOr4m7DMfGtP+iAIViatzDS+jjmRFdUdJNvJ26gXtn7FmnKA2xaSdGMLkWLq/8ijPjvv8jQpwAAAABJRU5ErkJggg==");
  --iti-path-globe-2x: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAQAAAAm93DmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGNUlEQVR42oVWC2iVZRj+z9TUUqfZRTTFlEq0FBQpmeRx3/P+55zNqZEmSZGKJF2YoZtlhkqZYWlQYGWleakoS0FySLlQMgtNmUFecbot3BRF87b72d/zft9/zjwy5//xX77L+7z39/29tq9oR/c2Q+UVfI39qEIjWlBjDmGLWWjGuN1RnbyId/tradbUDp43tQNm4g8ECY5YIAE4hF9xzv0Ax8zC/F4h6/Yvd8BMQTmBFKYR9WjxLaTPm7MGzgmLSyh2crYDp5v+XfgxrsR1SgrCErQCl/ksx1WVVpJoQq0oaJk/RKnagZOHUJFQiDpfoZpJPgMDPA/foJLy90EUNUJ2cZW1Pk5wv0ApbwGHx3A9prI1EbQCSyjPl26XrqkKv6bnB/gYu/IC8KSohZ9tA1Id4ffHZasq+ZtNlPbtWJC41/MK7rQSVqmF1cY4gT9p5wWUVOUkJGI3QTr34+844fSAednzEj04+8TzxnSNdnGAynZMV3VZQSCGa1FcV0ghld9fdzOtt4pK0KOqgoUvjgfRe1InZD0qWvmjGjv0bYajTuHIejenWTeoO34EN1rQSNstComO4XcMMnPkI/zEr0toxF8oNV+gKDYM70tAWXlJXkzpGkg3UwVLA2ILl67zLtWV2N0yjxayQW2u4ChKcQa12CmHcJ6rzstrMMAyfi9PVQ5wivZNu2OIJNEMQkrf2AhsVyI0yiojuf1C+66T02E69pYcFKM6oa47ZKZxr0wjIxHI8632WzEhsN7aj9KCAJfxmuzDkXQE3EGib1GlaZlaw2pcwywc5uljKPHJnvC/Ov/ymBygSqcQ5Ad8T7cENVinHqahI2SZisOIDuv16XRZT4oyTvblBaIpoFI+wCNKhkHRjonOZozMcPxz+9HXc1JGzgAMjRQblghynwpPF6BKnIxT2qgXyt+MpuFzFUolpMrpOKTSWaRQtwUyX4Nez8tztHktrfgu4dRGZgF+Q4mRVC5IHr046EY2ZhMqMxnT0h+md4eHEm7VjSfM6Txb6bgwgRnSmQcK/WD8I9EuY3shO9HD9OapzfJvonO0J7KRrU+a6Qy+V5/n94p2MUNRZ1Nir+c/aatKPZpRT1+dt4Y2NsgDuWEgyJzbE5mzZuIc9Mxel786NN7lM6vOGoIvkbkokvkyD8UyBwdxyRRyFg5TiIso43oxinhuKRokqWHnYRdfTQ5QeaIxdzABJ5FNdobF1jKwMy7UYHXq27+PGjazOv7iyWLNiTQgo0lbEJDgWz2uTmI0usCm13XQ65Gc7hTjHfXyxO60pKieCa2euSNVfw4CWiucz+mudZvcprqQ0mdmHDJ0WDuZ5S9ohLgYCAHnciIHtNSDsHqbyU4JrizT45mArY1MDAN7ZBjW5Yqgrct/XElfdUqz7NvC6mVhEgNjD3ZrIEc7juqUqbLmFOeL0JTfC8/geL72vySS6XqDbFzQTmYV3qk8ZTkVuIoL6p42CyxjFXskwDWCnZBx2Bi3eWJWujy1jpEGJ6PMtuQLcFI4RyW2yGKZYUbjZ5yVHDNNXmcSHkUjd8/hU8nRxhZTcVrAVHDVRjvxWQqclKRWjOhAZ3hcIdwGVEoy/FvgM84nqrEZ29m5R7nCgcqYy+P1zrpOxtkpGblZ5tIPn2Mbt8mOtWggSlAzfpj/YLSb9epWOR1W+hLt0EJI6dtaL/nCrjghXbZoipNbt3QdirhcTpeCh1n039AvfKcOtZ1oVrqjhJwGoE5c+Oj2hrDSDZZxzG7b3uUfLa4qu3wlgW0FexNq53rCr3UoGW3UTI7baHKQ8gODYjXUdv+5tuo/ymrTUZnw3DI8bZtnAxoItyOlx02Q8mYewdI5U0fvUQJ2OK3e4RVarTz8nWomxbZU9rTxMyKrLGSLQoreSf1Ckqq9aMHewmFNVZ+yKUOyXBHStnFFrHM+yCNEOhU5QvCr5n5NwAn0J5qkwTba42KUzkl3a8giqhiqngE5VvdoXRePJ00hzzPy+GzniqjZMQm11uDJVjhzJdpHqyLlOoKNMpFKZjS42/3F9sdulUXrMOHoScpDdrkjzVAv0vYve/uQvPCSXFRQPyDcSvWjAji5bqdoWx7Psr13Oc6h2haMCAfXp3ZoH+p/nx653W4Gr3MAAAAASUVORK5CYII=");
  --iti-flag-sprite-width: 5762px;
  --iti-flag-sprite-height: 15px;
  --iti-mobile-popup-margin: 30px ;
}
.iti {
  position: relative;
  display: inline-block;
}
.iti * {
  box-sizing: border-box;
}
.iti__hide {
  display: none;
}
.iti__v-hide {
  visibility: hidden;
}
.iti__a11y-text {
  width: 1px;
  height: 1px;
  clip: rect(1px, 1px, 1px, 1px);
  overflow: hidden;
  position: absolute;
}
.iti input.iti__tel-input,
.iti input.iti__tel-input[type=tel],
.iti input.iti__tel-input[type=text] {
  position: relative;
  z-index: 0;
  margin-top: 0 !important;
  margin-bottom: 0 !important;
  padding-right: var(--iti-right-hand-selected-country-padding);
  margin-right: 0;
}
.iti__country-container {
  position: absolute;
  top: 0;
  bottom: 0;
  right: 0;
  padding: var(--iti-border-width);
}
.iti__selected-country {
  z-index: 1;
  position: relative;
  display: flex;
  align-items: center;
  height: 100%;
  background: 0 0;
  border: 0;
  margin: 0;
  padding: 0;
  font-family: inherit;
  font-size: inherit;
  color: inherit;
  border-radius: 0;
  font-weight: inherit;
  line-height: inherit;
  text-decoration: none;
}
.iti__selected-country-primary {
  display: flex;
  align-items: center;
  height: 100%;
  padding: 0 var(--iti-arrow-padding) 0 var(--iti-spacer-horizontal);
}
.iti__arrow {
  margin-left: var(--iti-arrow-padding);
  width: 0;
  height: 0;
  border-left: var(--iti-triangle-border) solid transparent;
  border-right: var(--iti-triangle-border) solid transparent;
  border-top: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
[dir=rtl] .iti__arrow {
  margin-right: var(--iti-arrow-padding);
  margin-left: 0;
}
.iti__arrow--up {
  border-top: none;
  border-bottom: var(--iti-arrow-height) solid var(--iti-arrow-color);
}
.iti__dropdown-content {
  border-radius: 3px;
  background-color: #fff;
}
.iti--inline-dropdown .iti__dropdown-content {
  position: absolute;
  z-index: 2;
  margin-top: 3px;
  margin-left: calc(var(--iti-border-width) * -1);
  border: var(--iti-border-width) solid var(--iti-border-gray);
  box-shadow: 1px 1px 4px rgba(0, 0, 0, 0.2);
}
.iti__search-input {
  width: 100%;
  border-width: 0;
  border-radius: 3px;
  padding: 9px 12px;
}
.iti__search-input + .iti__country-list {
  border-top: 1px solid var(--iti-border-gray);
}
.iti__country-list {
  list-style: none;
  padding: 0;
  margin: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}
.iti--inline-dropdown .iti__country-list {
  max-height: 185px;
}
.iti--flexible-dropdown-width .iti__country-list {
  white-space: nowrap;
}
@media (max-width: 500px) {
  .iti--flexible-dropdown-width .iti__country-list {
    white-space: normal;
  }
}
.iti__flag-box {
  display: inline-block;
  width: var(--iti-flag-width);
}
.iti__country {
  display: flex;
  align-items: center;
  padding: 8px var(--iti-spacer-horizontal);
  outline: 0;
}
.iti__dial-code {
  color: var(--iti-text-gray);
}
.iti__country.iti__highlight {
  background-color: var(--iti-hover-color);
}
.iti__country-name,
.iti__flag-box {
  margin-right: var(--iti-spacer-horizontal);
}
[dir=rtl] .iti__country-name,
[dir=rtl] .iti__flag-box {
  margin-right: 0;
  margin-left: var(--iti-spacer-horizontal);
}
.iti--allow-dropdown input.iti__tel-input,
.iti--allow-dropdown input.iti__tel-input[type=tel],
.iti--allow-dropdown input.iti__tel-input[type=text] {
  padding-right: var(--iti-input-padding);
  padding-left: var(--iti-selected-country-arrow-padding);
  margin-left: 0;
}
[dir=rtl] .iti--allow-dropdown input.iti__tel-input,
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=tel],
[dir=rtl] .iti--allow-dropdown input.iti__tel-input[type=text] {
  padding-right: var(--iti-selected-country-arrow-padding);
  padding-left: var(--iti-input-padding);
  margin-right: 0;
}
.iti--allow-dropdown .iti__country-container {
  right: auto;
  left: 0;
}
[dir=rtl] .iti--allow-dropdown .iti__country-container {
  right: 0;
  left: auto;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])):hover button {
  cursor: pointer;
}
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country-primary:hover,
.iti--allow-dropdown .iti__country-container:not(:has(+ input[disabled])):not(:has(+ input[readonly])) .iti__selected-country:has(+ .iti__dropdown-content:hover) .iti__selected-country-primary {
  background-color: var(--iti-hover-color);
}
.iti .iti__selected-dial-code {
  margin-left: 4px;
}
[dir=rtl] .iti .iti__selected-dial-code {
  margin-left: 0;
  margin-right: 4px;
}
.iti--container {
  position: fixed;
  top: -1000px;
  left: -1000px;
  z-index: 1060;
  padding: var(--iti-border-width);
}
.iti--container:hover {
  cursor: pointer;
}
.iti--fullscreen-popup.iti--container {
  background-color: rgba(0, 0, 0, 0.5);
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
  position: fixed;
  padding: var(--iti-mobile-popup-margin);
  display: flex;
  flex-direction: column;
  justify-content: flex-start;
}
.iti--fullscreen-popup .iti__dropdown-content {
  display: flex;
  flex-direction: column;
  max-height: 100%;
  position: relative;
}
.iti--fullscreen-popup .iti__country {
  padding: 10px 10px;
  line-height: 1.5em;
}
.iti__flag {
  --iti-flag-offset: 0px;
  --iti-flag-width: 20px;
  --iti-flag-height: 14px;
  height: var(--iti-flag-height);
  width: var(--iti-flag-width);
  box-shadow: 0 0 1px 0 #888;
  background-image: var(--iti-path-flags-1x);
  background-repeat: no-repeat;
  background-position: var(--iti-flag-offset) 0;
  background-size: var(--iti-flag-sprite-width) var(--iti-flag-sprite-height);
}
.iti__np {
  --iti-flag-width: 13px ;
}
.iti__ch,
.iti__va {
  --iti-flag-width: 15px ;
}
.iti__be,
.iti__ne {
  --iti-flag-width: 18px ;
}
.iti__mc {
  --iti-flag-width: 19px ;
}
.iti__ac,
.iti__ae,
.iti__ai,
.iti__am,
.iti__as,
.iti__au,
.iti__az,
.iti__ba,
.iti__bm,
.iti__bn,
.iti__bs,
.iti__by,
.iti__ca,
.iti__cc,
.iti__ck,
.iti__cu,
.iti__cx,
.iti__dg,
.iti__dm,
.iti__eh,
.iti__er,
.iti__et,
.iti__fj,
.iti__fk,
.iti__gb,
.iti__gi,
.iti__gs,
.iti__gw,
.iti__hm,
.iti__hn,
.iti__hr,
.iti__hu,
.iti__ie,
.iti__im,
.iti__io,
.iti__jm,
.iti__jo,
.iti__ki,
.iti__kp,
.iti__kw,
.iti__ky,
.iti__kz,
.iti__lc,
.iti__lk,
.iti__lv,
.iti__ly,
.iti__md,
.iti__me,
.iti__mk,
.iti__mn,
.iti__mp,
.iti__ms,
.iti__my,
.iti__nc,
.iti__nf,
.iti__ng,
.iti__nr,
.iti__nu,
.iti__nz,
.iti__om,
.iti__ph,
.iti__pn,
.iti__ps,
.iti__sb,
.iti__sc,
.iti__sd,
.iti__sh,
.iti__si,
.iti__ss,
.iti__st,
.iti__su,
.iti__ta,
.iti__tc,
.iti__tj,
.iti__tk,
.iti__tl,
.iti__to,
.iti__tv,
.iti__uk,
.iti__uz,
.iti__vg,
.iti__ws,
.iti__zw {
  --iti-flag-height: 10px ;
}
.iti__fm,
.iti__gu,
.iti__lr,
.iti__mh,
.iti__py,
.iti__um,
.iti__us {
  --iti-flag-height: 11px ;
}
.iti__bd,
.iti__bg,
.iti__bh,
.iti__bi,
.iti__bz,
.iti__cq,
.iti__cr,
.iti__cv,
.iti__de,
.iti__fi,
.iti__gd,
.iti__gy,
.iti__ht,
.iti__ir,
.iti__je,
.iti__kg,
.iti__km,
.iti__li,
.iti__lt,
.iti__lu,
.iti__mx,
.iti__ni,
.iti__sv,
.iti__tt,
.iti__vu {
  --iti-flag-height: 12px ;
}
.iti__ar,
.iti__ax,
.iti__ee,
.iti__gt,
.iti__kh,
.iti__pl,
.iti__pw,
.iti__se,
.iti__tg {
  --iti-flag-height: 13px ;
}
.iti__al,
.iti__be,
.iti__bv,
.iti__cd,
.iti__ch,
.iti__dk,
.iti__fo,
.iti__ga,
.iti__il,
.iti__is,
.iti__mc,
.iti__ne,
.iti__no,
.iti__np,
.iti__pg,
.iti__sj,
.iti__sm,
.iti__va,
.iti__xk {
  --iti-flag-height: 15px ;
}
.iti__qa {
  --iti-flag-height: 8px ;
}
.iti__ac {
  --iti-flag-offset: 0px ;
}
.iti__ad {
  --iti-flag-offset: -22px ;
}
.iti__ae {
  --iti-flag-offset: -44px ;
}
.iti__af {
  --iti-flag-offset: -66px ;
}
.iti__ag {
  --iti-flag-offset: -88px ;
}
.iti__ai {
  --iti-flag-offset: -110px ;
}
.iti__al {
  --iti-flag-offset: -132px ;
}
.iti__am {
  --iti-flag-offset: -154px ;
}
.iti__ao {
  --iti-flag-offset: -176px ;
}
.iti__aq {
  --iti-flag-offset: -198px ;
}
.iti__ar {
  --iti-flag-offset: -220px ;
}
.iti__as {
  --iti-flag-offset: -242px ;
}
.iti__at {
  --iti-flag-offset: -264px ;
}
.iti__au {
  --iti-flag-offset: -286px ;
}
.iti__aw {
  --iti-flag-offset: -308px ;
}
.iti__ax {
  --iti-flag-offset: -330px ;
}
.iti__az {
  --iti-flag-offset: -352px ;
}
.iti__ba {
  --iti-flag-offset: -374px ;
}
.iti__bb {
  --iti-flag-offset: -396px ;
}
.iti__bd {
  --iti-flag-offset: -418px ;
}
.iti__be {
  --iti-flag-offset: -440px ;
}
.iti__bf {
  --iti-flag-offset: -460px ;
}
.iti__bg {
  --iti-flag-offset: -482px ;
}
.iti__bh {
  --iti-flag-offset: -504px ;
}
.iti__bi {
  --iti-flag-offset: -526px ;
}
.iti__bj {
  --iti-flag-offset: -548px ;
}
.iti__bl {
  --iti-flag-offset: -570px ;
}
.iti__bm {
  --iti-flag-offset: -592px ;
}
.iti__bn {
  --iti-flag-offset: -614px ;
}
.iti__bo {
  --iti-flag-offset: -636px ;
}
.iti__bq {
  --iti-flag-offset: -658px ;
}
.iti__br {
  --iti-flag-offset: -680px ;
}
.iti__bs {
  --iti-flag-offset: -702px ;
}
.iti__bt {
  --iti-flag-offset: -724px ;
}
.iti__bv {
  --iti-flag-offset: -746px ;
}
.iti__bw {
  --iti-flag-offset: -768px ;
}
.iti__by {
  --iti-flag-offset: -790px ;
}
.iti__bz {
  --iti-flag-offset: -812px ;
}
.iti__ca {
  --iti-flag-offset: -834px ;
}
.iti__cc {
  --iti-flag-offset: -856px ;
}
.iti__cd {
  --iti-flag-offset: -878px ;
}
.iti__cf {
  --iti-flag-offset: -900px ;
}
.iti__cg {
  --iti-flag-offset: -922px ;
}
.iti__ch {
  --iti-flag-offset: -944px ;
}
.iti__ci {
  --iti-flag-offset: -961px ;
}
.iti__ck {
  --iti-flag-offset: -983px ;
}
.iti__cl {
  --iti-flag-offset: -1005px ;
}
.iti__cm {
  --iti-flag-offset: -1027px ;
}
.iti__cn {
  --iti-flag-offset: -1049px ;
}
.iti__co {
  --iti-flag-offset: -1071px ;
}
.iti__cp {
  --iti-flag-offset: -1093px ;
}
.iti__cq {
  --iti-flag-offset: -1115px ;
}
.iti__cr {
  --iti-flag-offset: -1137px ;
}
.iti__cu {
  --iti-flag-offset: -1159px ;
}
.iti__cv {
  --iti-flag-offset: -1181px ;
}
.iti__cw {
  --iti-flag-offset: -1203px ;
}
.iti__cx {
  --iti-flag-offset: -1225px ;
}
.iti__cy {
  --iti-flag-offset: -1247px ;
}
.iti__cz {
  --iti-flag-offset: -1269px ;
}
.iti__de {
  --iti-flag-offset: -1291px ;
}
.iti__dg {
  --iti-flag-offset: -1313px ;
}
.iti__dj {
  --iti-flag-offset: -1335px ;
}
.iti__dk {
  --iti-flag-offset: -1357px ;
}
.iti__dm {
  --iti-flag-offset: -1379px ;
}
.iti__do {
  --iti-flag-offset: -1401px ;
}
.iti__dz {
  --iti-flag-offset: -1423px ;
}
.iti__ea {
  --iti-flag-offset: -1445px ;
}
.iti__ec {
  --iti-flag-offset: -1467px ;
}
.iti__ee {
  --iti-flag-offset: -1489px ;
}
.iti__eg {
  --iti-flag-offset: -1511px ;
}
.iti__eh {
  --iti-flag-offset: -1533px ;
}
.iti__er {
  --iti-flag-offset: -1555px ;
}
.iti__es {
  --iti-flag-offset: -1577px ;
}
.iti__et {
  --iti-flag-offset: -1599px ;
}
.iti__eu {
  --iti-flag-offset: -1621px ;
}
.iti__ez {
  --iti-flag-offset: -1643px ;
}
.iti__fi {
  --iti-flag-offset: -1665px ;
}
.iti__fj {
  --iti-flag-offset: -1687px ;
}
.iti__fk {
  --iti-flag-offset: -1709px ;
}
.iti__fm {
  --iti-flag-offset: -1731px ;
}
.iti__fo {
  --iti-flag-offset: -1753px ;
}
.iti__fr {
  --iti-flag-offset: -1775px ;
}
.iti__fx {
  --iti-flag-offset: -1797px ;
}
.iti__ga {
  --iti-flag-offset: -1819px ;
}
.iti__gb {
  --iti-flag-offset: -1841px ;
}
.iti__gd {
  --iti-flag-offset: -1863px ;
}
.iti__ge {
  --iti-flag-offset: -1885px ;
}
.iti__gf {
  --iti-flag-offset: -1907px ;
}
.iti__gg {
  --iti-flag-offset: -1929px ;
}
.iti__gh {
  --iti-flag-offset: -1951px ;
}
.iti__gi {
  --iti-flag-offset: -1973px ;
}
.iti__gl {
  --iti-flag-offset: -1995px ;
}
.iti__gm {
  --iti-flag-offset: -2017px ;
}
.iti__gn {
  --iti-flag-offset: -2039px ;
}
.iti__gp {
  --iti-flag-offset: -2061px ;
}
.iti__gq {
  --iti-flag-offset: -2083px ;
}
.iti__gr {
  --iti-flag-offset: -2105px ;
}
.iti__gs {
  --iti-flag-offset: -2127px ;
}
.iti__gt {
  --iti-flag-offset: -2149px ;
}
.iti__gu {
  --iti-flag-offset: -2171px ;
}
.iti__gw {
  --iti-flag-offset: -2193px ;
}
.iti__gy {
  --iti-flag-offset: -2215px ;
}
.iti__hk {
  --iti-flag-offset: -2237px ;
}
.iti__hm {
  --iti-flag-offset: -2259px ;
}
.iti__hn {
  --iti-flag-offset: -2281px ;
}
.iti__hr {
  --iti-flag-offset: -2303px ;
}
.iti__ht {
  --iti-flag-offset: -2325px ;
}
.iti__hu {
  --iti-flag-offset: -2347px ;
}
.iti__ic {
  --iti-flag-offset: -2369px ;
}
.iti__id {
  --iti-flag-offset: -2391px ;
}
.iti__ie {
  --iti-flag-offset: -2413px ;
}
.iti__il {
  --iti-flag-offset: -2435px ;
}
.iti__im {
  --iti-flag-offset: -2457px ;
}
.iti__in {
  --iti-flag-offset: -2479px ;
}
.iti__io {
  --iti-flag-offset: -2501px ;
}
.iti__iq {
  --iti-flag-offset: -2523px ;
}
.iti__ir {
  --iti-flag-offset: -2545px ;
}
.iti__is {
  --iti-flag-offset: -2567px ;
}
.iti__it {
  --iti-flag-offset: -2589px ;
}
.iti__je {
  --iti-flag-offset: -2611px ;
}
.iti__jm {
  --iti-flag-offset: -2633px ;
}
.iti__jo {
  --iti-flag-offset: -2655px ;
}
.iti__jp {
  --iti-flag-offset: -2677px ;
}
.iti__ke {
  --iti-flag-offset: -2699px ;
}
.iti__kg {
  --iti-flag-offset: -2721px ;
}
.iti__kh {
  --iti-flag-offset: -2743px ;
}
.iti__ki {
  --iti-flag-offset: -2765px ;
}
.iti__km {
  --iti-flag-offset: -2787px ;
}
.iti__kn {
  --iti-flag-offset: -2809px ;
}
.iti__kp {
  --iti-flag-offset: -2831px ;
}
.iti__kr {
  --iti-flag-offset: -2853px ;
}
.iti__kw {
  --iti-flag-offset: -2875px ;
}
.iti__ky {
  --iti-flag-offset: -2897px ;
}
.iti__kz {
  --iti-flag-offset: -2919px ;
}
.iti__la {
  --iti-flag-offset: -2941px ;
}
.iti__lb {
  --iti-flag-offset: -2963px ;
}
.iti__lc {
  --iti-flag-offset: -2985px ;
}
.iti__li {
  --iti-flag-offset: -3007px ;
}
.iti__lk {
  --iti-flag-offset: -3029px ;
}
.iti__lr {
  --iti-flag-offset: -3051px ;
}
.iti__ls {
  --iti-flag-offset: -3073px ;
}
.iti__lt {
  --iti-flag-offset: -3095px ;
}
.iti__lu {
  --iti-flag-offset: -3117px ;
}
.iti__lv {
  --iti-flag-offset: -3139px ;
}
.iti__ly {
  --iti-flag-offset: -3161px ;
}
.iti__ma {
  --iti-flag-offset: -3183px ;
}
.iti__mc {
  --iti-flag-offset: -3205px ;
}
.iti__md {
  --iti-flag-offset: -3226px ;
}
.iti__me {
  --iti-flag-offset: -3248px ;
}
.iti__mf {
  --iti-flag-offset: -3270px ;
}
.iti__mg {
  --iti-flag-offset: -3292px ;
}
.iti__mh {
  --iti-flag-offset: -3314px ;
}
.iti__mk {
  --iti-flag-offset: -3336px ;
}
.iti__ml {
  --iti-flag-offset: -3358px ;
}
.iti__mm {
  --iti-flag-offset: -3380px ;
}
.iti__mn {
  --iti-flag-offset: -3402px ;
}
.iti__mo {
  --iti-flag-offset: -3424px ;
}
.iti__mp {
  --iti-flag-offset: -3446px ;
}
.iti__mq {
  --iti-flag-offset: -3468px ;
}
.iti__mr {
  --iti-flag-offset: -3490px ;
}
.iti__ms {
  --iti-flag-offset: -3512px ;
}
.iti__mt {
  --iti-flag-offset: -3534px ;
}
.iti__mu {
  --iti-flag-offset: -3556px ;
}
.iti__mv {
  --iti-flag-offset: -3578px ;
}
.iti__mw {
  --iti-flag-offset: -3600px ;
}
.iti__mx {
  --iti-flag-offset: -3622px ;
}
.iti__my {
  --iti-flag-offset: -3644px ;
}
.iti__mz {
  --iti-flag-offset: -3666px ;
}
.iti__na {
  --iti-flag-offset: -3688px ;
}
.iti__nc {
  --iti-flag-offset: -3710px ;
}
.iti__ne {
  --iti-flag-offset: -3732px ;
}
.iti__nf {
  --iti-flag-offset: -3752px ;
}
.iti__ng {
  --iti-flag-offset: -3774px ;
}
.iti__ni {
  --iti-flag-offset: -3796px ;
}
.iti__nl {
  --iti-flag-offset: -3818px ;
}
.iti__no {
  --iti-flag-offset: -3840px ;
}
.iti__np {
  --iti-flag-offset: -3862px ;
}
.iti__nr {
  --iti-flag-offset: -3877px ;
}
.iti__nu {
  --iti-flag-offset: -3899px ;
}
.iti__nz {
  --iti-flag-offset: -3921px ;
}
.iti__om {
  --iti-flag-offset: -3943px ;
}
.iti__pa {
  --iti-flag-offset: -3965px ;
}
.iti__pe {
  --iti-flag-offset: -3987px ;
}
.iti__pf {
  --iti-flag-offset: -4009px ;
}
.iti__pg {
  --iti-flag-offset: -4031px ;
}
.iti__ph {
  --iti-flag-offset: -4053px ;
}
.iti__pk {
  --iti-flag-offset: -4075px ;
}
.iti__pl {
  --iti-flag-offset: -4097px ;
}
.iti__pm {
  --iti-flag-offset: -4119px ;
}
.iti__pn {
  --iti-flag-offset: -4141px ;
}
.iti__pr {
  --iti-flag-offset: -4163px ;
}
.iti__ps {
  --iti-flag-offset: -4185px ;
}
.iti__pt {
  --iti-flag-offset: -4207px ;
}
.iti__pw {
  --iti-flag-offset: -4229px ;
}
.iti__py {
  --iti-flag-offset: -4251px ;
}
.iti__qa {
  --iti-flag-offset: -4273px ;
}
.iti__re {
  --iti-flag-offset: -4295px ;
}
.iti__ro {
  --iti-flag-offset: -4317px ;
}
.iti__rs {
  --iti-flag-offset: -4339px ;
}
.iti__ru {
  --iti-flag-offset: -4361px ;
}
.iti__rw {
  --iti-flag-offset: -4383px ;
}
.iti__sa {
  --iti-flag-offset: -4405px ;
}
.iti__sb {
  --iti-flag-offset: -4427px ;
}
.iti__sc {
  --iti-flag-offset: -4449px ;
}
.iti__sd {
  --iti-flag-offset: -4471px ;
}
.iti__se {
  --iti-flag-offset: -4493px ;
}
.iti__sg {
  --iti-flag-offset: -4515px ;
}
.iti__sh {
  --iti-flag-offset: -4537px ;
}
.iti__si {
  --iti-flag-offset: -4559px ;
}
.iti__sj {
  --iti-flag-offset: -4581px ;
}
.iti__sk {
  --iti-flag-offset: -4603px ;
}
.iti__sl {
  --iti-flag-offset: -4625px ;
}
.iti__sm {
  --iti-flag-offset: -4647px ;
}
.iti__sn {
  --iti-flag-offset: -4669px ;
}
.iti__so {
  --iti-flag-offset: -4691px ;
}
.iti__sr {
  --iti-flag-offset: -4713px ;
}
.iti__ss {
  --iti-flag-offset: -4735px ;
}
.iti__st {
  --iti-flag-offset: -4757px ;
}
.iti__su {
  --iti-flag-offset: -4779px ;
}
.iti__sv {
  --iti-flag-offset: -4801px ;
}
.iti__sx {
  --iti-flag-offset: -4823px ;
}
.iti__sy {
  --iti-flag-offset: -4845px ;
}
.iti__sz {
  --iti-flag-offset: -4867px ;
}
.iti__ta {
  --iti-flag-offset: -4889px ;
}
.iti__tc {
  --iti-flag-offset: -4911px ;
}
.iti__td {
  --iti-flag-offset: -4933px ;
}
.iti__tf {
  --iti-flag-offset: -4955px ;
}
.iti__tg {
  --iti-flag-offset: -4977px ;
}
.iti__th {
  --iti-flag-offset: -4999px ;
}
.iti__tj {
  --iti-flag-offset: -5021px ;
}
.iti__tk {
  --iti-flag-offset: -5043px ;
}
.iti__tl {
  --iti-flag-offset: -5065px ;
}
.iti__tm {
  --iti-flag-offset: -5087px ;
}
.iti__tn {
  --iti-flag-offset: -5109px ;
}
.iti__to {
  --iti-flag-offset: -5131px ;
}
.iti__tr {
  --iti-flag-offset: -5153px ;
}
.iti__tt {
  --iti-flag-offset: -5175px ;
}
.iti__tv {
  --iti-flag-offset: -5197px ;
}
.iti__tw {
  --iti-flag-offset: -5219px ;
}
.iti__tz {
  --iti-flag-offset: -5241px ;
}
.iti__ua {
  --iti-flag-offset: -5263px ;
}
.iti__ug {
  --iti-flag-offset: -5285px ;
}
.iti__uk {
  --iti-flag-offset: -5307px ;
}
.iti__um {
  --iti-flag-offset: -5329px ;
}
.iti__un {
  --iti-flag-offset: -5351px ;
}
.iti__us {
  --iti-flag-offset: -5373px ;
}
.iti__uy {
  --iti-flag-offset: -5395px ;
}
.iti__uz {
  --iti-flag-offset: -5417px ;
}
.iti__va {
  --iti-flag-offset: -5439px ;
}
.iti__vc {
  --iti-flag-offset: -5456px ;
}
.iti__ve {
  --iti-flag-offset: -5478px ;
}
.iti__vg {
  --iti-flag-offset: -5500px ;
}
.iti__vi {
  --iti-flag-offset: -5522px ;
}
.iti__vn {
  --iti-flag-offset: -5544px ;
}
.iti__vu {
  --iti-flag-offset: -5566px ;
}
.iti__wf {
  --iti-flag-offset: -5588px ;
}
.iti__ws {
  --iti-flag-offset: -5610px ;
}
.iti__xk {
  --iti-flag-offset: -5632px ;
}
.iti__ye {
  --iti-flag-offset: -5654px ;
}
.iti__yt {
  --iti-flag-offset: -5676px ;
}
.iti__za {
  --iti-flag-offset: -5698px ;
}
.iti__zm {
  --iti-flag-offset: -5720px ;
}
.iti__zw {
  --iti-flag-offset: -5742px ;
}
.iti__globe {
  background-image: var(--iti-path-globe-1x);
  background-size: contain;
  background-position: right;
  box-shadow: none;
  height: 19px;
}
@media (min-resolution: 2x) {
  .iti__flag {
    background-image: var(--iti-path-flags-2x);
  }
  .iti__globe {
    background-image: var(--iti-path-globe-2x);
  }
}
.step1.new .iti {
  width: 100%;
}
.step1.new .has-error .form-control {
  border-color: var(--colors-danger-600) !important;
}
.step1.new .help-block {
  color: var(--colors-danger-700);
}
.linkedin.index .dashboard-body > .container,
.linkedin.index .main-wrapper, .step1.new .dashboard-body > .container,
.step1.new .main-wrapper, .step2.new .dashboard-body > .container,
.step2.new .main-wrapper {
  max-width: 600px;
}
.application-front {
  padding: 0;
  /*  Tablet */
}
.application-front .container {
  padding: 0;
}
.application-front .front-header {
  padding: 13rem 1.5rem;
  color: var(--colors-grey-1000);
}
.application-front .front-header__title {
  display: flex;
  align-items: center;
  justify-content: center;
  margin: 0;
  font-weight: normal;
  font-size: 3.6rem;
  line-height: 1.25;
  text-align: center;
}
.application-front .front-header__title .front-header__actions,
.application-front .front-header__title .h-button {
  letter-spacing: 0;
  margin-top: 30px;
}
.application-front .front-header__subtitle {
  max-width: 62rem;
  margin: 1.2rem auto 0;
  font-size: 1.6rem;
  font-weight: normal;
  line-height: 1.5;
  letter-spacing: 0px;
  text-align: center;
  color: var(--colors-grey-700);
}
.application-front .front-header__icon {
  margin-right: 1.6rem;
}
.application-front .front-header__actions {
  text-align: center;
  margin-top: 3rem;
}
@media screen and (min-width: 48em) {
  .application-front .front-header {
    padding: 16rem 1.5rem 10rem;
  }
  .application-front .front-header__title {
    font-size: 4.8rem;
  }
  .application-front .front-header__title--sm {
    font-size: 4.2rem;
  }
  .application-front .front-header__subtitle {
    font-size: 2.1rem;
    margin-top: 1.6rem;
  }
}
.application-front .front-breadcrumb .container {
  padding: 8rem 15px 0;
}
.application-front .front-breadcrumb ol {
  display: inline-block;
  margin: 0;
  padding: 13px 0 0;
  list-style: none;
  opacity: 0.9;
}
.application-front .front-breadcrumb ol li {
  font-size: 13px;
  display: inline-block;
}
.application-front .front-breadcrumb ol li:not(:first-child):before {
  content: "›";
  color: var(--colors-grey-500);
  margin: 0 3px;
}
@media screen and (min-width: 48em) {
  .application-front .front-breadcrumb + .front-header {
    padding-top: 8rem;
  }
}
.application-front section {
  padding: 100px 0;
  font-size: 16px;
}
.application-front section .row {
  margin: 0;
}
.application-front section h2 {
  font-size: 3rem;
  font-weight: 500;
  margin: 0 0 30px 0;
  text-align: center;
  color: var(--colors-grey-1000);
}
.application-front section h2 .subtitle {
  color: var(--colors-grey-600);
  margin-top: 10px;
  font-size: 18px;
  line-height: 28px;
  font-weight: 500;
}
.application-front section h3 {
  font-size: 24px;
  font-weight: 500;
  margin: 30px 0 15px;
  color: var(--colors-grey-1000);
}
.application-front section .text-content .text-subtitle {
  color: var(--colors-grey-600);
  text-transform: uppercase;
  font-weight: 700;
  font-size: 14px;
  margin-bottom: 12px;
}
.application-front section .text-content h2,
.application-front section .text-content h3 {
  display: inline-block;
  color: var(--colors-grey-1000);
  margin: 0 0 12px;
  font-size: 17px;
  font-weight: 600;
  text-align: left;
}
.application-front section .text-content p {
  font-size: 16px;
  line-height: 26px;
  margin: 0;
}
.application-front section .blue-cta {
  display: inline-block;
  font-size: 16px;
  margin-top: 20px;
}
.application-front section .blue-cta:after {
  margin-left: 0.3em;
  border-bottom: 0 !important;
  content: "›";
}
.application-front section sup > a {
  border: 0 !important;
}
.application-front section .big-p {
  font-size: 22px;
  line-height: 38px;
}
.application-front section.faq {
  color: var(--colors-grey-1000);
  padding: 100px 0;
}
.application-front section.faq .container {
  max-width: 980px;
}
.application-front section.faq h2 {
  color: var(--colors-grey-800);
  font-size: 2.6rem;
  margin-bottom: 4rem;
}
.application-front section.faq .row-title {
  padding: 25px;
}
.application-front section.faq .row-detail {
  padding: 40px 25px 30px;
  line-height: 27px;
}
.application-front section.faq .row-detail ul, .application-front section.faq .row-detail ol {
  padding-left: 20px;
}
.application-front section.faq .row-detail li {
  margin-bottom: 5px;
}
.application-front section.faq-open .container {
  max-width: 840px;
}
.application-front section.faq-open h3 {
  font-size: 17px;
  font-weight: 600;
}
.application-front section.faq-open ul {
  padding-left: 20px;
}
.application-front section#references {
  text-align: center;
  font-size: 12px;
  padding: 20px 0 40px;
  background: var(--colors-grey-100);
}
.application-front section#references ol {
  padding-left: 15px;
}
.application-front section.products h2 {
  font-size: 24px;
  margin: 0 0 40px;
}
.application-front section.reviews {
  text-align: center;
  padding: 60px 0 100px;
}
.application-front section.reviews img {
  height: 32px;
  margin: 40px auto 0;
}
.application-front section.reviews .reviews-rating {
  display: inline-block;
  color: var(--colors-grey-1000);
  font-weight: 600;
  margin-top: 15px;
  font-size: 22px;
}
.application-front section.reviews .reviews-rating > span {
  font-size: 14px;
}
.application-front section .press-logos {
  text-align: center;
  margin-top: 40px;
}
.application-front section .press-logos .press-legend {
  text-align: left;
  padding-top: 20px;
  font-size: 13px;
}
.application-front section .press-logos .col-md-2 {
  min-height: 66px;
}
.application-front section .press-logos img {
  height: 22px;
  opacity: 0.25;
  margin: 20px auto;
  display: block;
  border-radius: 0;
}
.application-front section .press-logos img[alt=Huffpost] {
  height: 19px;
}
.application-front section .press-logos img[alt="The Guardian"] {
  height: 26px;
}
.application-front .customers-logos {
  padding: 30px 0;
}
.application-front .customers-logos__title {
  color: var(--colors-grey-600);
  font-weight: 500;
  font-size: 17px;
  margin: var(--spacing-06);
  text-align: center;
}
.application-front .customers-logos-list {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  justify-content: space-between;
  margin: var(--spacing-06) 0 0;
}
.application-front .customers-logos-list__item {
  padding: var(--spacing-04);
  text-align: center;
  flex: 0 0 50%;
  max-width: 50%;
}
.application-front .customers-logos-list__item img {
  display: inline-block;
  height: 36px;
  width: auto;
  opacity: 0.25;
  border-radius: 0;
}
.application-front .testimonial {
  text-align: center;
}
.application-front .testimonial .testimonial__quote {
  color: var(--colors-grey-700);
  font-size: 21px;
  line-height: 36px;
  border: 0;
  padding: 0;
  margin: 0 0 4rem 0;
}
.application-front .testimonial .testimonial__quote--lg {
  font-size: 27px;
  line-height: 44px;
}
.application-front .testimonial .testimonial__avatar {
  border-radius: 50%;
  height: 70px;
  margin: 0 auto 15px;
}
.application-front .testimonial .testimonial__avatar--lg {
  height: 100px;
}
.application-front .testimonial .testimonial__author {
  font-size: 13px;
}
@media screen and (min-width: 48em) {
  .application-front .testimonial {
    text-align: left;
  }
  .application-front .testimonial h2 {
    text-align: left;
  }
  .application-front .testimonial .testimonial__avatar {
    margin: 0 0 15px;
  }
  .application-front .testimonial .testimonial__avatar--lg {
    height: 120px;
  }
}
@media screen and (min-width: 62em) {
  .application-front .testimonial .testimonial__quote {
    margin-bottom: 0;
  }
}
@media screen and (min-width: 48em) {
  .application-front .customers-logos-list__item {
    flex: 0 0 33.3333333333%;
    max-width: 33.3333333333%;
  }
}
@media screen and (min-width: 62em) {
  .application-front .customers-logos-list {
    flex-wrap: nowrap;
  }
  .application-front .customers-logos-list--wrap {
    flex-wrap: wrap;
  }
  .application-front .customers-logos-list--wrap .customers-logos-list__item img {
    height: 40px;
  }
  .application-front .customers-logos-list__item {
    flex: 0 0 auto;
    max-width: auto;
  }
}
@media screen and (max-width: 992px) {
  .application-front .press-logos .press-legend {
    text-align: center !important;
  }
}
@media screen and (max-width: 767px) {
  .application-front .navbar-toggle {
    margin-top: 0;
  }
  .application-front .navbar-collapse a {
    margin: 0 !important;
  }
  .application-front .navbar-collapse .cta-link {
    margin-top: 20px;
  }
  .application-front .faq .col-md-12 {
    padding: 50px 15px !important;
    border-radius: 0 !important;
    border-width: 1px 0 0 0 !important;
  }
  .application-front .faq .row-container {
    margin: 0 -15px;
  }
  .application-front .big-p {
    font-size: 19px !important;
    line-height: 34px !important;
  }
}
.application-front .section {
  padding: 8rem 0;
  background-color: #fff;
  color: var(--colors-grey-800);
}
.application-front .section--lightgrey {
  background-color: var(--colors-grey-100);
}
.application-front .section--bordered {
  border-bottom: 2px solid var(--colors-grey-300);
}
.application-front .section__title {
  margin: 0 0 var(--spacing-06) 0;
  font-size: 2.7rem;
  font-weight: 500;
  text-align: center;
  color: var(--colors-grey-900);
}
@media screen and (min-width: 48em) {
  .application-front .section {
    padding: 10rem 0;
  }
}
@media screen and (min-width: 68em) {
  .application-front .section--wide {
    width: calc(100% - 8rem);
    margin-left: auto;
    margin-right: auto;
    border-radius: 0.8rem;
  }
}
.landing-page .section {
  padding: 8rem 0;
  background-color: #fff;
  color: var(--colors-grey-800);
}
.landing-page .section--lightgrey {
  background-color: var(--colors-grey-100);
}
.landing-page .main-header:not(.is-scrolled) {
  border-bottom: 0;
}
.landing-page .container {
  max-width: 120rem;
}
.lp-hero .prefill-sign-form__field {
  border-width: 2px;
}
.lp-hero__title {
  margin: 0 0 1.6rem 0;
  font-size: 3.6rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--colors-grey-900);
}
.lp-hero__desc {
  font-size: 2rem;
  line-height: 1.6;
  color: var(--colors-grey-700);
}
.lp-hero__end {
  position: relative;
}
.lp-hero__animation {
  width: 100%;
  height: auto;
  margin-top: var(--spacing-12);
  position: relative;
}
.lp-hero__animation > svg {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  transition: opacity 200ms linear;
}
.lp-hero__animation.active > svg {
  opacity: 1;
}
.lp-hero__animation.active .lp-hero__animation-placeholder {
  opacity: 0;
}
.lp-hero__animation-placeholder {
  opacity: 1;
  transition: opacity 500ms linear;
}
.lp-hero__demo {
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 100;
}
.landing-page .lp-section__title {
  margin: 0 0 1.6rem 0;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.25;
}
.lp-section__desc {
  margin: 0 auto 3.2rem;
  font-size: 2rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
  max-width: 64rem;
}
.prefill-sign-form {
  max-width: 42rem;
  transition: opacity 200ms ease-in;
}
.prefill-sign-form[aria-hidden=true] {
  opacity: 0;
}
.prefill-sign-form__field {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: stretch;
  border: 2px solid var(--colors-grey-300);
  border-radius: 4px;
  background-color: #fff;
  padding: 0.2rem;
}
.prefill-sign-form__field:focus-within {
  border-color: var(--colors-primary-500);
}
.prefill-sign-form__field .prefill-sign-form__input {
  height: auto;
  font-size: 1.4rem;
  border: 0;
  flex: 1;
  padding: 0.8rem 1.4rem;
}
.prefill-sign-form__field .prefill-sign-form__input:hover, .prefill-sign-form__field .prefill-sign-form__input:focus {
  border: 0 !important;
}
.prefill-sign-form__field .prefill-sign-form__submit {
  height: auto;
  width: 100%;
}
.reviews-sm {
  display: flex;
  flex-wrap: wrap;
  align-items: flex-end;
  gap: 2.4rem;
}
.reviews-sm--center {
  justify-content: center;
}
.review-block {
  text-align: center;
  font-size: 1.3rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
}
.review-block__label {
  display: flex;
  align-items: center;
  gap: var(--spacing-01);
  margin-top: var(--spacing-02);
}
.review-block__stars {
  font-size: 1.2rem;
  color: var(--colors-warning-500);
}
.demo-link {
  display: flex;
  align-items: center;
  gap: 0.6rem;
}
.lp-argument-block {
  max-width: 28rem;
  margin: 4rem auto 0;
}
.lp-argument-block .lp-argument-block__title {
  margin: 0 0 1.6rem 0;
  font-size: 2rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--colors-grey-900);
}
.lp-argument-block__illustration {
  display: block;
  margin: var(--spacing-08) auto var(--spacing-06);
}
.lp-argument-block__desc {
  font-size: 1.6rem;
  line-height: 1.6;
  color: var(--colors-grey-800);
}
.blocks-row {
  padding: 0 var(--spacing-04);
}
.blocks-row > .block-shadow:not(:first-child) {
  margin-top: var(--spacing-10);
}
.block-shadow {
  position: relative;
  padding: 2.4rem;
  border: 2px solid var(--colors-grey-800);
  border-radius: 0.8rem;
  background-color: #fff;
  box-shadow: 8px 8px 0px 0px var(--colors-primary-200), 8px 8px 0px 2px var(--colors-grey-800);
}
.block-shadow--secondary {
  box-shadow: 8px 8px 0px 0px var(--colors-secondary-300), 8px 8px 0px 2px var(--colors-grey-800);
}
.testimonial-quote__citation {
  max-width: 40rem;
  font-size: 2.8rem;
  line-height: 1.285;
  padding: 0;
  border-left: 0;
}
.testimonial-quote__citation::before {
  content: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjciIGhlaWdodD0iMjIiIHZpZXdCb3g9IjAgMCAyNyAyMiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjU2MjUgMi4zNDM3NUMxMC4zMzg1IDMuMDQ2ODggOS4zNDg5NiAzLjY1ODg1IDguNTkzNzUgNC4xNzk2OUM3LjgzODU0IDQuNjc0NDggNy4wNzAzMSA1LjMzODU0IDYuMjg5MDYgNi4xNzE4OEM1LjU1OTkgNi45NTMxMiA1IDcuNzczNDQgNC42MDkzOCA4LjYzMjgxQzQuMjE4NzUgOS40OTIxOSAzLjk0NTMxIDEwLjU5OSAzLjc4OTA2IDExLjk1MzFINS42NjQwNkM3LjI3ODY1IDExLjk1MzEgOC41NDE2NyAxMi4zNTY4IDkuNDUzMTIgMTMuMTY0MUMxMC4zOTA2IDEzLjk0NTMgMTAuODU5NCAxNS4xMDQyIDEwLjg1OTQgMTYuNjQwNkMxMC44NTk0IDE3LjczNDQgMTAuNDQyNyAxOC43NjMgOS42MDkzOCAxOS43MjY2QzguODAyMDggMjAuNjY0MSA3LjY4MjI5IDIxLjEzMjggNi4yNSAyMS4xMzI4QzQuMDEwNDIgMjEuMTMyOCAyLjQwODg1IDIwLjQwMzYgMS40NDUzMSAxOC45NDUzQzAuNDgxNzcxIDE3LjQ2MDkgMCAxNS41MjA4IDAgMTMuMTI1QzAgMTEuNDMyMyAwLjM2NDU4MyA5Ljg5NTgzIDEuMDkzNzUgOC41MTU2MkMxLjgyMjkyIDcuMTA5MzggMi43MDgzMyA1Ljg1OTM4IDMuNzUgNC43NjU2MkM0LjgxNzcxIDMuNjQ1ODMgNS45NTA1MiAyLjY5NTMxIDcuMTQ4NDQgMS45MTQwNkM4LjM0NjM1IDEuMTMyODEgOS4zNDg5NiAwLjQ5NDc5MiAxMC4xNTYyIDBMMTEuNTYyNSAyLjM0Mzc1Wk0yNi4wMTU2IDIuMzQzNzVDMjQuNzkxNyAzLjA0Njg4IDIzLjgwMjEgMy42NTg4NSAyMy4wNDY5IDQuMTc5NjlDMjIuMjkxNyA0LjY3NDQ4IDIxLjUyMzQgNS4zMzg1NCAyMC43NDIyIDYuMTcxODhDMTkuOTg3IDYuOTc5MTcgMTkuNDE0MSA3LjgxMjUgMTkuMDIzNCA4LjY3MTg4QzE4LjY1ODkgOS41MDUyMSAxOC4zOTg0IDEwLjU5OSAxOC4yNDIyIDExLjk1MzFIMjAuMTE3MkMyMS43MzE4IDExLjk1MzEgMjIuOTk0OCAxMi4zNTY4IDIzLjkwNjIgMTMuMTY0MUMyNC44NDM4IDEzLjk0NTMgMjUuMzEyNSAxNS4xMDQyIDI1LjMxMjUgMTYuNjQwNkMyNS4zMTI1IDE3LjczNDQgMjQuODk1OCAxOC43NjMgMjQuMDYyNSAxOS43MjY2QzIzLjI1NTIgMjAuNjY0MSAyMi4xMzU0IDIxLjEzMjggMjAuNzAzMSAyMS4xMzI4QzE4LjQ2MzUgMjEuMTMyOCAxNi44NjIgMjAuNDAzNiAxNS44OTg0IDE4Ljk0NTNDMTQuOTM0OSAxNy40NjA5IDE0LjQ1MzEgMTUuNTIwOCAxNC40NTMxIDEzLjEyNUMxNC40NTMxIDExLjQzMjMgMTQuODE3NyA5Ljg5NTgzIDE1LjU0NjkgOC41MTU2MkMxNi4yNzYgNy4xMDkzOCAxNy4xNjE1IDUuODU5MzggMTguMjAzMSA0Ljc2NTYyQzE5LjI3MDggMy42NDU4MyAyMC40MDM2IDIuNjk1MzEgMjEuNjAxNiAxLjkxNDA2QzIyLjc5OTUgMS4xMzI4MSAyMy44MDIxIDAuNDk0NzkyIDI0LjYwOTQgMEwyNi4wMTU2IDIuMzQzNzVaIiBmaWxsPSIjQzdDREQ0Ii8+Cjwvc3ZnPgo=);
  display: block;
  margin-bottom: 0.8rem;
}
.testimonial-quote__author {
  margin-top: 2.4rem;
  display: flex;
  align-items: flex-start;
  gap: 0.8rem;
  font-size: 1.2rem;
  line-height: 1.3333;
  font-style: normal;
}
.testimonial-quote__avatar {
  border-radius: 50%;
}
.testimonial-quote__logo {
  margin-top: 0.8rem;
}
.customers-block {
  font-size: 1.8rem;
}
.argument-icon-block {
  margin-top: var(--spacing-10);
}
.argument-icon-block .argument-icon-block__title {
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.33333;
  font-weight: 600;
}
.argument-icon-block__icon {
  display: flex;
  align-items: center;
  justify-content: center;
  flex: var(--spacing-12) 0 0;
  width: var(--spacing-12);
  height: var(--spacing-12);
  margin-bottom: var(--spacing-04);
  border-radius: 4px;
  background-color: var(--colors-secondary-200);
  color: var(--colors-secondary-600);
  font-size: 2rem;
}
.argument-icon-block__desc {
  margin-top: var(--spacing-01);
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
}
.section-features .lp-section__title {
  text-align: left;
}
.feature-item {
  border-radius: 0.4rem;
  background-color: var(--colors-grey-100);
  transition: background-color 150ms ease-in;
  cursor: pointer;
}
.feature-item:hover, .feature-item:focus-within {
  background-color: var(--colors-grey-200);
}
.feature-item[aria-expanded=true] {
  background-color: var(--colors-secondary-200);
}
.feature-item[aria-expanded=true] .feature-item__expand {
  display: none;
}
.feature-item[aria-expanded=true] .feature-item__content {
  display: block;
}
.feature-item:not(:first-child) {
  margin-top: var(--spacing-04);
}
.feature-item__header {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: var(--spacing-06);
}
.feature-item__header .feature-item__title {
  margin: 0;
  font-size: 1.8rem;
  line-height: 1.33333;
  font-weight: 600;
}
.feature-item__expand {
  font-size: 1.6rem;
  color: var(--colors-grey-600);
}
.feature-item__content {
  display: none;
  overflow: hidden;
  padding: var(--spacing-06);
  padding-top: 0;
  margin-top: -1.6rem;
}
.feature-item__desc {
  margin: 0;
  font-size: 1.6rem;
  line-height: 1.5;
  color: var(--colors-grey-700);
}
.feature-item__mobile-preview {
  margin-top: 2.4rem;
}
.feature-item__visual {
  position: relative;
  display: none;
}
.feature-item__thumbnail {
  margin: 0;
}
.feature-item__thumbnail img {
  position: absolute;
  top: 50%;
  right: 0;
  transform: translateY(-50%);
  opacity: 0;
  transition: opacity 250ms ease-in;
}
.feature-item__thumbnail img.active {
  opacity: 1;
}
.plan-block {
  position: relative;
  margin: var(--spacing-02) 0;
  padding: var(--spacing-08);
  background-color: #fff;
  border-radius: 0.4rem;
  border: 0.1rem solid var(--colors-grey-200);
  font-size: 1.4rem;
  transition: border-color 200ms ease-in-out, box-shadow 200ms ease-in-out;
}
.plan-block.plan-block--highlight, .plan-block:hover, .plan-block:focus-within {
  border-color: var(--colors-primary-600);
  box-shadow: 0 0 0 0.2rem var(--colors-primary-200);
}
.plan-block .plan-block__title {
  font-size: 2.4rem;
  line-height: 1.3333333333;
  color: var(--colors-grey-1000);
  margin: 0 0 var(--spacing-04) 0;
  text-align: left;
}
.plan-block .plan-block__subtitle {
  font-size: 1.8rem;
  font-family: var(--fonts-family-heading);
  font-weight: normal;
  line-height: 1.3333333333;
  color: var(--colors-grey-700);
}
.plan-block .plan-block__desc {
  font-size: 1.4rem;
  line-height: 1.4285714286;
}
.plan-block .plan-block__features {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
.plan-block .plan-block__features li {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.plan-block .price-change__current {
  position: relative;
  display: inline-block;
  font-size: 1.8rem;
  line-height: 1.3333;
  color: var(--colors-grey-700);
}
.plan-block .price-change__current::before {
  content: "";
  position: absolute;
  top: calc(50% - 0.1rem);
  height: 0.2rem;
  left: 0;
  right: 0;
  background-color: var(--colors-grey-700);
  transform: rotate(-1deg);
}
.plan-block .price-change__new {
  display: flex;
  align-items: center;
  gap: var(--spacing-02);
}
.plan-block .price-change__value {
  font-size: 3.2rem;
  line-height: 1;
  font-weight: 500;
  line-height: 1;
}
.plan-block .price-change__hint {
  font-size: 1.2rem;
  line-height: 1.33333;
  color: var(--colors-grey-600);
}
.plan-block .pricing-preview-features {
  margin-top: var(--spacing-02);
}
.plan-block__action {
  margin-top: var(--spacing-08);
}
.plans__hint {
  font-size: 1.4rem;
  text-align: center;
  color: var(--colors-grey-600);
}
.plan-block--wide {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-06);
  padding: var(--spacing-06) var(--spacing-10);
}
@media screen and (min-width: 48em) {
  .plan-block--wide {
    max-width: none;
  }
  .plan-block--wide__content {
    margin-bottom: var(--spacing-08);
  }
  .plan-block--wide {
    flex-direction: row;
    align-items: center;
    justify-content: space-between;
  }
  .plan-block--wide__content {
    max-width: 60rem;
    margin-bottom: 0;
  }
}
.plans-grid {
  display: flex;
  flex-wrap: wrap;
  gap: var(--spacing-06);
  margin: var(--spacing-10) 0;
}
.plans-grid .plan-block {
  flex: 1;
  width: 100%;
}
@media screen and (min-width: 35em) {
  .plans-grid .plan-block {
    flex: 0 0 calc(50% - var(--spacing-06));
    max-width: calc(50% - var(--spacing-06));
  }
}
@media screen and (min-width: 62em) {
  .plans-grid .plan-block:not(.plan-block--wide) {
    flex: 1;
    max-width: none;
  }
  .plans-grid .plan-block--wide {
    flex: 1 0 100%;
    max-width: none;
  }
}
.block-cta {
  margin: 0 var(--spacing-04);
  padding: 6rem 2.4rem;
  text-align: center;
}
.block-cta .block-cta__title {
  margin: 0 0 1.6rem 0;
  font-size: 3.2rem;
  font-weight: 600;
  line-height: 1.2;
  color: var(--colors-grey-900);
}
.block-cta .prefill-sign-form {
  margin: 4rem auto 0;
}
.block-cta__desc {
  margin-bottom: 0;
  font-size: 2rem;
  line-height: 1.6;
  color: var(--colors-grey-700);
}
.modal-floating-close {
  width: 4rem;
  height: 4rem;
  position: absolute;
  top: 0;
  right: 0;
  transform: translate(50%, -50%);
  background-color: #fff;
  border: 0;
  border-radius: 50%;
}
.modal-floating-close:hover, .modal-floating-close:focus {
  background-color: var(--colors-grey-200);
}
.video-responsive {
  overflow: hidden;
  padding-bottom: 56.25%;
  position: relative;
  height: 0;
}
.video-responsive iframe {
  left: 0;
  top: 0;
  height: 100%;
  width: 100%;
  position: absolute;
}
.minimal-footer {
  margin: 8rem auto 0;
  padding: 2.4rem 1.6rem;
  max-width: 1200px;
  border-top: 1px solid var(--colors-grey-300);
  font-size: 1.2rem;
}
.minimal-footer__copyright {
  color: var(--colors-grey-600);
  line-height: 1.5;
}
.minimal-footer-links {
  display: flex;
  align-items: center;
  gap: 4rem;
  margin: 0;
  padding: 0;
  list-style-type: none;
}
.minimal-footer-links__link {
  color: var(--colors-grey-700);
}
@media screen and (min-width: 25em) {
  .prefill-sign-form .prefill-sign-form__submit {
    width: auto;
  }
}
@media screen and (min-width: 48em) {
  .landing_find_emails_alt,
  .landing_find_emails,
  .landing_verify_emails {
    padding-top: 8.8rem;
  }
  .landing-page .section {
    padding: 8rem 0;
  }
  .landing-page .lp-hero {
    padding: 6.4rem 0;
  }
  .lp-hero__animation {
    margin-top: 0;
  }
  .lp-hero__title {
    font-size: 4.4rem;
  }
  .reviews-sm {
    gap: 4rem;
  }
  .feature-item {
    max-width: 38rem;
  }
  .feature-item[aria-expanded=true] .feature-item__content {
    display: block;
  }
  .lp-argument-block {
    margin: 0 auto;
  }
  .blocks-row {
    display: flex;
    flex-wrap: wrap;
    gap: 3.2rem;
  }
  .blocks-row > .block-shadow {
    flex: 0 0 calc(50% - 1.6rem);
    max-width: calc(50% - 1.6rem);
  }
  .blocks-row > .block-shadow:not(:first-child) {
    margin-top: 0;
  }
  .block-shadow {
    padding: 4.8rem;
  }
  .feature-item__mobile-preview {
    display: none;
  }
  .feature-item__visual {
    display: block;
  }
  .block-cta {
    padding: 8rem 2.4rem;
  }
  .minimal-footer {
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
}
/*! purgecss end ignore */
.internal-cache-buster-3 {
  font-size: inherit;
}