/*
    Dependencies
*/
/*! normalize.css v8.0.1 | MIT License | github.com/necolas/normalize.css */
/* Document
   ========================================================================== */
/**
 * 1. Correct the line height in all browsers.
 * 2. Prevent adjustments of font size after orientation changes in iOS.
 */
html {
  line-height: 1.15; /* 1 */
  -webkit-text-size-adjust: 100%; /* 2 */
}
/* Sections
   ========================================================================== */
/**
 * Remove the margin in all browsers.
 */
body {
  margin: 0;
}
/**
 * Render the `main` element consistently in IE.
 */
main {
  display: block;
}
/**
 * Correct the font size and margin on `h1` elements within `section` and
 * `article` contexts in Chrome, Firefox, and Safari.
 */
h1 {
  font-size: 2em;
  margin: 0.67em 0;
}
/* Grouping content
   ========================================================================== */
/**
 * 1. Add the correct box sizing in Firefox.
 * 2. Show the overflow in Edge and IE.
 */
hr {
  box-sizing: content-box; /* 1 */
  height: 0; /* 1 */
  overflow: visible; /* 2 */
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
pre {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/* Text-level semantics
   ========================================================================== */
/**
 * Remove the gray background on active links in IE 10.
 */
a {
  background-color: transparent;
}
/**
 * 1. Remove the bottom border in Chrome 57-
 * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari.
 */
abbr[title] {
  border-bottom: none; /* 1 */
  text-decoration: underline; /* 2 */
  -webkit-text-decoration: underline dotted;
          text-decoration: underline dotted; /* 2 */
}
/**
 * Add the correct font weight in Chrome, Edge, and Safari.
 */
b,
strong {
  font-weight: bolder;
}
/**
 * 1. Correct the inheritance and scaling of font size in all browsers.
 * 2. Correct the odd `em` font sizing in all browsers.
 */
code,
kbd,
samp {
  font-family: monospace, monospace; /* 1 */
  font-size: 1em; /* 2 */
}
/**
 * Add the correct font size in all browsers.
 */
small {
  font-size: 80%;
}
/**
 * Prevent `sub` and `sup` elements from affecting the line height in
 * all browsers.
 */
sub,
sup {
  font-size: 75%;
  line-height: 0;
  position: relative;
  vertical-align: baseline;
}
sub {
  bottom: -0.25em;
}
sup {
  top: -0.5em;
}
/* Embedded content
   ========================================================================== */
/**
 * Remove the border on images inside links in IE 10.
 */
img {
  border-style: none;
}
/* Forms
   ========================================================================== */
/**
 * 1. Change the font styles in all browsers.
 * 2. Remove the margin in Firefox and Safari.
 */
button,
input,
optgroup,
select,
textarea {
  font-family: inherit; /* 1 */
  font-size: 100%; /* 1 */
  line-height: 1.15; /* 1 */
  margin: 0; /* 2 */
}
/**
 * Show the overflow in IE.
 * 1. Show the overflow in Edge.
 */
button,
input { /* 1 */
  overflow: visible;
}
/**
 * Remove the inheritance of text transform in Edge, Firefox, and IE.
 * 1. Remove the inheritance of text transform in Firefox.
 */
button,
select { /* 1 */
  text-transform: none;
}
/**
 * Correct the inability to style clickable types in iOS and Safari.
 */
button,
[type="button"],
[type="reset"],
[type="submit"] {
  -webkit-appearance: button;
}
/**
 * Remove the inner border and padding in Firefox.
 */
button::-moz-focus-inner,
[type="button"]::-moz-focus-inner,
[type="reset"]::-moz-focus-inner,
[type="submit"]::-moz-focus-inner {
  border-style: none;
  padding: 0;
}
/**
 * Restore the focus styles unset by the previous rule.
 */
button:-moz-focusring,
[type="button"]:-moz-focusring,
[type="reset"]:-moz-focusring,
[type="submit"]:-moz-focusring {
  outline: 1px dotted ButtonText;
}
/**
 * Correct the padding in Firefox.
 */
fieldset {
  padding: 0.35em 0.75em 0.625em;
}
/**
 * 1. Correct the text wrapping in Edge and IE.
 * 2. Correct the color inheritance from `fieldset` elements in IE.
 * 3. Remove the padding so developers are not caught out when they zero out
 *    `fieldset` elements in all browsers.
 */
legend {
  box-sizing: border-box; /* 1 */
  color: inherit; /* 2 */
  display: table; /* 1 */
  max-width: 100%; /* 1 */
  padding: 0; /* 3 */
  white-space: normal; /* 1 */
}
/**
 * Add the correct vertical alignment in Chrome, Firefox, and Opera.
 */
progress {
  vertical-align: baseline;
}
/**
 * Remove the default vertical scrollbar in IE 10+.
 */
textarea {
  overflow: auto;
}
/**
 * 1. Add the correct box sizing in IE 10.
 * 2. Remove the padding in IE 10.
 */
[type="checkbox"],
[type="radio"] {
  box-sizing: border-box; /* 1 */
  padding: 0; /* 2 */
}
/**
 * Correct the cursor style of increment and decrement buttons in Chrome.
 */
[type="number"]::-webkit-inner-spin-button,
[type="number"]::-webkit-outer-spin-button {
  height: auto;
}
/**
 * 1. Correct the odd appearance in Chrome and Safari.
 * 2. Correct the outline style in Safari.
 */
[type="search"] {
  -webkit-appearance: textfield; /* 1 */
  outline-offset: -2px; /* 2 */
}
/**
 * Remove the inner padding in Chrome and Safari on macOS.
 */
[type="search"]::-webkit-search-decoration {
  -webkit-appearance: none;
}
/**
 * 1. Correct the inability to style clickable types in iOS and Safari.
 * 2. Change font properties to `inherit` in Safari.
 */
::-webkit-file-upload-button {
  -webkit-appearance: button; /* 1 */
  font: inherit; /* 2 */
}
/* Interactive
   ========================================================================== */
/*
 * Add the correct display in Edge, IE 10+, and Firefox.
 */
details {
  display: block;
}
/*
 * Add the correct display in all browsers.
 */
summary {
  display: list-item;
}
/* Misc
   ========================================================================== */
/**
 * Add the correct display in IE 10+.
 */
template {
  display: none;
}
/**
 * Add the correct display in IE 10.
 */
[hidden] {
  display: none;
}
/*
    Variables
    - Breakpoints (Horizontal)
    - Asset Locations
    - Colors
    - Typography
    - Widths
    - Heights
 */
/*
    Breakpoints
 */
/*
    Asset Locations
    - No quotes, causes issues with Webpack -
 */
/*
    Color Naming Conventions:
    - primary, secondary, tertiary
    - dark, light
    - succes, warning, error

    // Lighter
    - tint-1
    - tint-2

    // Darker
    - shade-1
    - shade-2

    Color names generated at http://chir.ag/projects/name-that-color/
 */
/*
    Additional Questions
*/
/*
    Typography
    - Typefaces
    - Weights
 */
/*
    Widths
 */
/*
    Navigation width
*/
/*
    Conversation header height
*/
/*
    Border radii
 */
/*
    Box shadows
*/
/*
    Layers/Z-index architecture
 */
/*
    Animation
 */
@keyframes animation-spin {
    0% {
        transform: rotate(0deg);
    }

    100% {
        transform: rotate(360deg);
    }
}
.animate-spin {
    animation-duration: 0.6s;
    animation-iteration-count: infinite;
    animation-name: animation-spin;
    animation-timing-function: linear;
}
@keyframes animation-float {
    0% {
        transform: translateY(0);
    }

    50% {
        transform: translateY(0.625rem);
    }

    100% {
        transform: translateY(0);
    }
}
.animate-float {
    animation-duration: 1.6s;
    animation-iteration-count: infinite;
    animation-name: animation-float;
    animation-timing-function: ease-in-out;
}
.animate-moving-enter {
    opacity: 0;
}
.animate-moving-enter-active {
    opacity: 1;

    transition: opacity 200ms;
}
.animate-moving-exit {
    opacity: 1;
}
.animate-moving-exit-active {
    opacity: 0;

    transition: opacity 200ms;
}
/*
    Form
    - Button
    - Textarea
    - Select
 */
button {
    padding: 0;

    line-height: 1;
    white-space: nowrap;

    cursor: pointer;
    background: none;
    border: none;

    -webkit-appearance: none;

       -moz-appearance: none;

            appearance: none;
}
textarea {
    max-height: 25rem;
}
select {
    height: 2.5rem
}
select:disabled {
  opacity: 0.5;
}
/*
    Heading
 */
h1,
.heading-1,
h2,
.heading-2,
h3,
.heading-3,
h4,
.heading-4,
h5,
.heading-5,
h6,
.heading-6 {
    margin-top: 0;
    margin-bottom: 1.25rem;

    font-weight: 700;
}
h1,
.heading-1 {
    font-size: 1.875rem;
}
h2,
.heading-2 {
    font-size: 1.5rem;
}
h3,
.heading-3 {
    font-size: 1.25rem;
    font-weight: 400;
}
h4,
.heading-4 {
    font-size: 1rem;
}
h5,
.heading-5 {
    font-size: 0.875rem;
}
h6,
.heading-6 {
    font-size: 0.75rem;
}
/*
    Layout
    - Constraint
 */
.constrain-width {
    max-width: 60rem
}
.constrain-width:not(.no-pad) {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  margin-right: auto;
  margin-left: auto;
}
.constrain-width.none {
  max-width: none;
}
.constrain-width.none:not(.no-pad) {
  padding-right: 0rem;
  padding-left: 0rem;
  margin-right: auto;
  margin-left: auto;
}
.constrain-width.small {
  max-width: 37.5rem;
}
.constrain-width.medium {
  max-width: 46.25rem;
}
.constrain-width.large {
  max-width: 87.5rem;
}
.constrain-width.x-large {
  max-width: 100rem;
}
/*
    Media
    - Image
    - Iframe
    - SVG
 */
picture,
img {
    display: block;
    height: auto;
    max-width: 100%;
}
figure {
    margin: 0;
}
iframe {
    width: 100%;
}
svg {
    max-width: 100%;
}
use {
    width: 100%;
    height: 100%;
}
/*
    Page
 */
*,
*::before,
*::after {
    box-sizing: border-box;
}
html {
    position: relative;

    min-width: 320px;
    min-height: 100%;
}
body {
    width: 100%;
    margin: 0;

    background-color: rgb(252, 252, 252)
}
body.is-fixed {
  position: fixed;
}
/*
    Type
    - Normal text
    - Quote
    - Address
    - Link
 */
html {
    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    font-size: 16px;
    line-height: 1.6;
    word-break: break-word;
    word-wrap: break-word;
    -webkit-tap-highlight-color: rgb(67, 74, 84);
}
label,
li,
p {
    margin-top: 0;
    margin-bottom: 1.25rem;

    font-size: 0.875rem;
}
strong {
    font-weight: 700;
}
em {
    font-style: italic;
}
small {
}
blockquote,
q {
    quotes: '“' '”' '‘' '’';
}
blockquote p::before, q p::before {
        content: open-quote;
    }
blockquote p::after, q p::after {
        content: close-quote;
    }
cite {
}
address {
}
a {
    color: rgb(0, 153, 240);
    text-decoration: none
}
a:hover {
  text-decoration: underline;
}
a.disabled {
    pointer-events: none;
}
.unlink {
    color: rgb(105, 110, 118);
    text-decoration: none;

    cursor: pointer
}
.unlink:hover {
  text-decoration: none;
}
.unlink.primary {
  color: rgb(0, 153, 240);
}
.d-none {
    display: none !important;
}
.d-block {
    display: block !important;
}
.d-inline {
    display: inline !important;
}
.d-inline-block {
    display: inline-block !important;
}
.d-flex {
    display: flex !important;
}
@media (min-width: 401px) {
    .d-tiny-none {
        display: none !important;
    }
    .d-tiny-block {
        display: block !important;
    }
    .d-tiny-inline {
        display: inline !important;
    }
    .d-tiny-inline-block {
        display: inline-block !important;
    }
    .d-tiny-inline-flex {
        display: flex !important;
    }
}
@media (min-width: 601px) {
    .d-small-none {
        display: none !important;
    }
    .d-small-block {
        display: block !important;
    }
    .d-small-inline {
        display: inline !important;
    }
    .d-small-inline-block {
        display: inline-block !important;
    }
    .d-small-flex {
        display: flex !important;
    }
}
@media (min-width: 801px) {
    .d-medium-none {
        display: none !important;
    }
    .d-medium-block {
        display: block !important;
    }
    .d-medium-inline {
        display: inline !important;
    }
    .d-medium-inline-block {
        display: inline-block !important;
    }
    .d-medium-flex {
        display: flex !important;
    }
}
@media (min-width: 1001px) {
    .d-normal-none {
        display: none !important;
    }
    .d-normal-block {
        display: block !important;
    }
    .d-normal-inline {
        display: inline !important;
    }
    .d-normal-inline-block {
        display: inline-block !important;
    }
    .d-normal-flex {
        display: flex !important;
    }
}
@media (min-width: 1201px) {
    .d-large-none {
        display: none !important;
    }
    .d-large-block {
        display: block !important;
    }
    .d-large-inline {
        display: inline !important;
    }
    .d-large-inline-block {
        display: inline-block !important;
    }
    .d-large-flex {
        display: flex !important;
    }
}
@media (min-width: 1401px) {
    .d-xlarge-none {
        display: none !important;
    }
    .d-xlarge-block {
        display: block !important;
    }
    .d-xlarge-inline {
        display: inline !important;
    }
    .d-xlarge-inline-block {
        display: inline-block !important;
    }
    .d-xlarge-flex {
        display: flex !important;
    }
}
/*
    Availability
*/
.availability {
    display: flex;
    flex-direction: column;

    padding: 0.75rem;
    margin-bottom: 0.3125rem;

    border: 1px solid rgb(207, 207, 207);
    border-radius: 0.625rem;
}
.availability-header {
        display: flex;
        align-items: center;
        margin-bottom: 0.5rem;
    }
.availability-header * {
            margin-bottom: 0rem;
        }
.availability-header .heading-4 {
            font-size: 1rem;
        }
.availability-header .icon {
            width: 1.125rem;
            height: 100%;
            margin-right: 0.75rem;
            margin-bottom: 0.125rem;
        }
.availability-description {
        margin-bottom: 0rem;

        color: rgb(136, 136, 136);
        font-size: 0.75rem;
    }
.avatar {
    position: relative;

    display: inline-block;
    flex-shrink: 0;
    width: 2.5rem;
    height: 2.5rem;
    margin-right: 0.625rem
}
.avatar.small {
  width: 28px;
  height: 28px;
}
.avatar.small-status {
            right: -2px;
            bottom: 3px;

            width: 9px;
            height: 9px;

            border-color: rgb(255, 255, 255);
}
.avatar.x-large {
  width: 3.125rem;
  height: 3.125rem;
}
.avatar.x-large-status {
            right: -2px;
            bottom: 3px;

            width: 9px;
            height: 9px;

            border-color: rgb(255, 255, 255);
}
.avatar.is-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 3.125rem;
  height: 3.125rem;
  color: rgb(36, 57, 137);
  font-size: 1.5rem;
  font-weight: 700;
  background-color: rgb(181, 210, 245);
  border-radius: 6.1875rem;
}
.avatar.is-empty .icon {
            width: 1.5625rem;
            height: 1.5625rem;
            margin: 0rem;

            color: rgb(255, 255, 255);
            fill: rgb(255, 255, 255);
}
.avatar.active .avatar-status {
        background-color: rgb(126, 211, 33);
}
.avatar.in-active .avatar-status {
        background-color: rgb(230, 230, 230);
}
.avatar-image {
        position: relative;

        width: 100%;
        height: 100%;
        padding: 0;
        margin: 0;
        margin-right: 10px;

        background-color: rgb(255, 255, 255);
        background-position: center;
        background-size: cover;
        border-radius: 6.25rem;
}
.avatar-status {
        position: absolute;
        right: -2px;
        bottom: 3px;

        width: 11px;
        height: 11px;

        border: 2px solid var(--color-primary);

        border: 2px solid var(--color-primary);

        border: 2px solid var(--color-primary);

        border: 2px solid var(--color-primary);
        border-radius: 99em;
}
.avatar .icon {
        width: auto;
        height: auto;
}
.avatar .icon.staff {
  color: rgb(255, 255, 255);
  background-color: rgb(195, 205, 212);
}
.avatar .icon.yonder-light {
  padding: 0.3125rem;
  color: rgb(255, 255, 255);
  background-color: rgb(248, 82, 82);
}
/*
    Badge
*/
.badge {
    display: inline-flex;
    align-items: center;
    height: 1.125rem;
    padding: 0 0.4375rem;

    color: rgb(255, 255, 255);
    font-size: 0.5rem;
    line-height: 1.125rem;
    letter-spacing: 0.1em;
    text-transform: uppercase;

    background-color: rgb(195, 205, 212);
    border-radius: 6.25rem;
}
.badge .icon {
        width: 0.625rem;
        height: 0.625rem;
        margin-left: 0.1875rem;
    }
.badge.primary {
  color: rgb(255, 255, 255);
  background-color: rgb(241, 159, 74);
}
.badge.is-new,
    .badge.secondary {
  color: rgb(255, 255, 255);
  background-color: rgb(0, 153, 240);
}
/*
    Button
 */
.button {
    position: relative;

    display: inline-flex;
    align-items: center;
    justify-content: center;
    height: 2.5rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;

    color: rgb(255, 255, 255);
    font-size: 0.875rem;
    line-height: 1.25rem;

    cursor: pointer;
    background-color: rgb(0, 0, 0);
    border-radius: 0.1875rem;

    transition: background-color 0.2s, border-color 0.2s, color 0.2s,
        opacity 0.2s
}
.button:hover {
  background-color: rgb(40, 40, 40);
}
.button:disabled,
    .button.is-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.button.fit {
  width: -webkit-fit-content;
  width: -moz-fit-content;
  width: fit-content;
}
.button.block {
  display: block;
  width: 100%;
}
.button.no-pad {
  padding: 0rem;
}
.button.tiny {
  height: 1.5rem;
  padding-right: 0.625rem;
  padding-left: 0.625rem;
  font-size: 0.75rem;
}
.button.tiny .button-icon {
            width: 0.875rem;
            height: 0.875rem;
}
.button.small {
  height: 1.875rem;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.button.small .button-icon {
            width: 1.25rem;
            height: 1.25rem;
}
.button.medium {
  height: 2.5rem;
  padding-right: 0.9375rem;
  padding-left: 0.9375rem;
}
.button.medium .button-icon {
            width: 1.875rem;
            height: 1.875rem;
}
.button.large {
  height: 3.125rem;
  padding-right: 3.125rem;
  padding-left: 3.125rem;
}
.button.large .button-icon {
            width: 2.5rem;
            height: 2.5rem;
}
.button.inverse {
  color: rgb(0, 0, 0);
  background-color: transparent;
}
.button.transparent {
  color: rgb(0, 153, 240);
  background-color: transparent;
  border: transparent;
}
.button.primary {
  background-color: rgb(216, 23, 23);
}
.button.primary:hover {
  background-color: rgb(224, 69, 69);
}
.button.primary .loader {
            color: rgb(255, 255, 255);
}
.button.secondary {
  color: rgb(255, 255, 255);
  background-color: rgb(0, 153, 240);
}
.button.secondary:hover {
  background-color: rgb(51, 173, 243);
}
.button.secondary .loader {
            color: rgb(255, 255, 255);
}
.button.tertiary {
  color: rgb(0, 153, 240);
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(0, 153, 240);
  transition: all 0.4s;
}
.button.tertiary:hover {
  background-color: transparent;
}
.button.tertiary .icon {
            color: rgb(0, 153, 240);
            fill: rgb(0, 153, 240);
}
.button.quartenary {
  color: rgb(126, 211, 33);
  background-color: transparent;
  border: 1px solid transparent;
  transition: all 0.4s;
}
.button.quartenary:hover {
  color: rgb(255, 255, 255);
  background-color: rgb(126, 211, 33);
}
.button.quinary {
  color: rgb(40, 40, 40);
  background-color: transparent;
  border: 1px solid transparent;
  transition: all 0.4s;
}
.button.quinary:hover {
  background-color: rgb(230, 230, 230);
}
.button.senary {
  color: rgb(255, 255, 255);
  background-color: rgb(67, 74, 84);
  border: 1px solid transparent;
  transition: all 0.4s;
  fill: rgb(255, 255, 255);
}
.button.senary:hover {
  background-color: rgb(105, 110, 118);
}
.button.septenary {
  color: rgb(0, 153, 240);
  font-weight: 700;
  text-decoration: none;
  white-space: nowrap;
  background-color: rgb(255, 255, 255);
  border: 0.0625rem solid rgb(219, 218, 218);
}
.button.septenary:hover {
  background-color: rgb(250, 250, 250);
}
.button.octonary {
  color: rgb(0, 153, 240);
  font-weight: 400;
  background-color: rgb(255, 255, 255);
}
.button.octonary:focus {
  outline: 0;
}
.button.nonary {
  color: rgb(67, 74, 84);
  font-weight: 700;
  background-color: rgb(255, 255, 255);
}
.button.nonary:hover {
  background-color: rgb(250, 250, 250);
  box-shadow: 0 0 0.3125rem 0 rgb(219, 218, 218);
}
.button.nonary:focus {
  outline: 0;
}
.button-icon {
        display: flex;
        align-items: center;
        flex-grow: 0;
        flex-shrink: 0;
        justify-content: space-between;
        width: 0.625rem;
        height: 0.625rem;
        margin-right: 0.625rem;
        margin-left: 0.625rem;
}
.button-icon.left {
  margin-right: 0.625rem;
  margin-left: 0;
}
.button-icon.right {
  margin-right: 0;
  margin-left: 0.625rem;
}
.button-icon.center {
  margin-right: 0;
  margin-left: 0;
}
.chat-example {
    max-width: 18.75rem;
    padding: 0.4375rem 0.75rem;
    margin-bottom: 0.75rem;

    color: rgb(67, 74, 84);
    font-size: 0.875rem;
    line-height: 1.4;

    background-color: rgb(243, 243, 243);
    border: 0.0875rem solid rgb(229, 229, 229);
    border-radius: 0.2625rem;
}
/*
    Close Button
    Note: The only attributes that can vary on each case are width, height and color on .button-close.
    Also on ::after and ::before the height to make the cross thinner.
 */
.close-button {
    position: relative;

    flex-shrink: 0;
    width: 1.5625rem;
    height: 1.5625rem;
    overflow: hidden;

    text-indent: -9999em;

    transition: opacity 0.3s
}
.close-button:hover {
  opacity: 0.7;
}
.close-button::before,
    .close-button::after {
  position: absolute;
  top: 45%;
  left: 0;
  width: 100%;
  height: 3px;
  overflow: hidden;
  background-color: currentColor;
  border-radius: 3px;
  content: '';
  transform: rotate(0deg);
}
.close-button::before {
  transform: rotate(45deg);
}
.close-button::after {
  transform: rotate(-45deg);
}
.error-message {
    color: rgb(255, 0, 0);
}
/*
    If the app white screens
*/
.error-thrown {
    display: flex;

    align-items: center; /* Center the children horizontally */
    flex-direction: column;
    width: 100%;
    height: 100%;
    margin-top: 6.25rem;

    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
}
.error-thrown-title {
        margin-bottom: 0.75rem;

        color: rgb(74, 74, 74);
        font-size: 1.8125rem;
        text-align: left;
    }
.error-thrown-description {
        color: rgb(216, 23, 23);
        text-align: left;
    }
.error-thrown-footer {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        margin: 1.25rem;
    }
.error-thrown img {
        width: 31.25rem;
    }
/*
    Export Csv
*/
.export-csv .button {
        color: rgb(0, 0, 0);
    }
.row {
    display: flex;
    flex-wrap: wrap;
    margin-top: -0.25rem;
    margin-right: -0.25rem;
    margin-bottom: -0.25rem;
    margin-left: -0.25rem;
}
.row .col {
        flex: 1 1 0;
        padding-top: 0.25rem;
        padding-right: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.25rem;
    }
.row .col-1 {
        width: 8.33%;
    }
.row .col-2 {
        width: 16.66%;
    }
.row .col-3 {
        width: 25%;
    }
.row .col-4 {
        width: 33.33%;
    }
.row .col-5 {
        width: 41.66%;
    }
.row .col-6 {
        width: 50%;
    }
.row .col-7 {
        width: 58.33%;
    }
.row .col-8 {
        width: 66.66%;
    }
.row .col-9 {
        width: 75%;
    }
.row .col-10 {
        width: 83.33%;
    }
.row .col-11 {
        width: 91.66%;
    }
.row .col-12 {
        width: 100%;
    }
.row [class^='col-'] {
        position: relative;

        flex: 0 0 auto;

        padding-top: 0.25rem;
        padding-right: 0.25rem;
        padding-bottom: 0.25rem;
        padding-left: 0.25rem;
    }
/*
    Helpbox
*/
.helpbox {
    display: flex;
    flex-direction: column;
    flex-grow: 1;
    padding: 0.625rem 1.25rem;
    margin-bottom: 1.25rem;
    overflow: auto;

    color: rgb(84, 84, 84);
    font-size: 0.875rem;
    line-height: 1.375rem;
    letter-spacing: 0;

    background-color: rgb(252, 240, 204);
    border-left: 0.25rem solid rgb(255, 191, 0);
    border-radius: 0.25rem
}
.helpbox.tertiary {
  background-color: rgb(255, 255, 255);
  box-shadow: 0 0.125rem 0.5rem -0.125rem rgba(0, 0, 0, 0.1);
}
.helpbox.tertiary > p {
            flex-grow: 1;
            margin-bottom: 0rem;
}
.helpbox .link {
        font-weight: 700;
}
.helpbox .button {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;

        white-space: nowrap;
}
.helpbox .icon {
        min-width: 0.875rem;
        min-height: 0.875rem;
        margin-right: 0.875rem;
}
.helpbox .icon.large {
  width: 1.125rem;
  height: 1.125rem;
}
.helpbox-row {
        display: flex;
        align-items: center;
        flex-direction: row;
}
.helpbox-row > p {
            flex-grow: 1;
            margin-bottom: 0rem;
        }
.helpbox-validation-message {
        flex-grow: 1;

        color: rgb(255, 0, 0);
        text-align: left;
}
.helpbox-text {
        margin-bottom: 0rem;
}
.helpbox-text.with-pad {
  padding-bottom: 0.625rem;
}
.icon-statistic {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
}
.icon-statistic-icon-text {
        color: rgb(248, 155, 52);
        font-weight: 600;
    }
.icon-statistic-text {
        margin-right: 0.75rem;
    }
.icon-statistic .tag {
        margin-right: 0.75rem;
    }
.icon-statistic .icon {
        width: 0.75rem;
        height: 0.75rem;
        fill: rgb(248, 155, 52);
    }
.icon-title {
    display: flex
}
.icon-title.large .icon {
            width: 1.5625rem;
            height: 1.5625rem;
            margin-right: 1.625rem;
}
.icon-title-text {
        margin-bottom: 0rem;

        text-transform: uppercase;
}
.icon-title .link {
        font-weight: 700;
}
.icon-title .icon {
        width: 1.25rem;
        height: 1.25rem;
        margin-right: 0.625rem;
}
.icon {
    width: 0.9375rem;
    height: 0.9375rem;
}
/*
    Info
 */
.info {
    padding: 0.625rem;

    font-size: 0.75rem
}
.info.success {
  color: rgb(255, 255, 255);
  background-color: rgb(126, 211, 33);
}
.info.danger {
  background-color: rgb(255, 0, 0);
}
.info.warning {
  background-color: rgb(241, 159, 74);
}
.info.secondary {
  background-color: rgb(202, 245, 201);
}
.info.tertiary {
  background-color: rgb(230, 230, 230);
}
/*
    Input
*/
input[type='text'],
input[type='password'],
input[type='email'],
input[type='number'],
input[type='tel'],
textarea {
    height: 2.8125rem;
    max-width: 100%;
    padding: 0.625rem;

    font-size: 0.875rem;

    outline: none
}
input[type='text']:focus, input[type='password']:focus, input[type='email']:focus, input[type='number']:focus, input[type='tel']:focus, textarea:focus {
}
input[type='text']:-moz-read-only, input[type='password']:-moz-read-only, input[type='email']:-moz-read-only, input[type='number']:-moz-read-only, input[type='tel']:-moz-read-only, textarea:-moz-read-only {
  opacity: 0.75;
}
input[type='text']:read-only, input[type='password']:read-only, input[type='email']:read-only, input[type='number']:read-only, input[type='tel']:read-only, textarea:read-only {
  opacity: 0.75;
}
input[type='text']:disabled,
    input[type='text'].is-disabled,
    input[type='password']:disabled,
    input[type='password'].is-disabled,
    input[type='email']:disabled,
    input[type='email'].is-disabled,
    input[type='number']:disabled,
    input[type='number'].is-disabled,
    input[type='tel']:disabled,
    input[type='tel'].is-disabled,
    textarea:disabled,
    textarea.is-disabled {
  cursor: not-allowed;
  opacity: 0.2;
}
input[type='text']::-webkit-input-placeholder, input[type='password']::-webkit-input-placeholder, input[type='email']::-webkit-input-placeholder, input[type='number']::-webkit-input-placeholder, input[type='tel']::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
}
input[type='text']::-moz-placeholder, input[type='password']::-moz-placeholder, input[type='email']::-moz-placeholder, input[type='number']::-moz-placeholder, input[type='tel']::-moz-placeholder, textarea::-moz-placeholder {
}
input[type='text']:-ms-input-placeholder, input[type='password']:-ms-input-placeholder, input[type='email']:-ms-input-placeholder, input[type='number']:-ms-input-placeholder, input[type='tel']:-ms-input-placeholder, textarea:-ms-input-placeholder {
}
input[type='text']::placeholder, input[type='password']::placeholder, input[type='email']::placeholder, input[type='number']::placeholder, input[type='tel']::placeholder, textarea::placeholder {
}
/*
    Insert Button
 */
.insert-button {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 0.5rem;
    padding-right: 1.5625rem;
    padding-left: 1.5625rem;

    color: rgb(51, 173, 243);

    cursor: pointer;
    background-color: none;
    border-radius: 0.1875rem;

    transition: background-color 0.2s ease-in-out, border-color 0.2s ease-in-out,
        color 0.2s ease-in-out, opacity 0.2s ease-in-out,
        height 0.05s ease-in-out
}
.insert-button:hover {
  height: 1.25rem;
}
.insert-button:hover::before {
  opacity: 1;
}
.insert-button:hover .insert-button-actions {
            opacity: 1;
}
.insert-button:focus {
  outline: none;
}
.insert-button:disabled,
    .insert-button.is-disabled {
  pointer-events: none;
  cursor: not-allowed;
  opacity: 0.5;
}
.insert-button::before {
  position: absolute;
  top: 50%;
  left: 0;
  display: block;
  width: 100%;
  height: 0.5rem;
  background-color: rgb(230, 244, 253);
  content: '';
  opacity: 0;
  transform: translateY(-50%);
  transition: opacity 0.2s ease-in-out;
}
.insert-button-actions {
        position: absolute;
        top: 50%;
        right: 0;

        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.4375rem;
        height: 2.5rem;

        background-color: rgb(230, 244, 253);
        border-radius: 6.25rem 0 0 6.25rem;
        opacity: 0;

        transform: translateY(-50%);
        transition: background-color 0.2s ease-in-out,
            border-color 0.2s ease-in-out, color 0.2s ease-in-out,
            opacity 0.2s ease-in-out;
}
.insert-button .icon {
        width: 1.25rem;
        height: 1.25rem;
}
.keyword {
    position: relative;

    box-sizing: border-box;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    height: 1.875rem;
    padding: 0.75rem;
    margin: 0.25rem;

    color: rgb(74, 74, 74);
    word-break: keep-all;

    border: 2px solid rgb(109, 185, 26);
    border-radius: 0.9375rem
}
.keyword:hover {
  color: rgb(255, 255, 255);
  cursor: pointer;
  background-color: rgb(109, 185, 26);
}
.keyword:hover.is-negative {
  color: rgb(255, 255, 255);
  cursor: pointer;
  background-color: rgb(227, 88, 88);
  border: 2px solid rgb(227, 88, 88);
}
.keyword:hover.is-neutral {
  background-color: rgb(67, 74, 84);
}
.keyword.is-negative.is-selected {
  color: rgb(255, 255, 255);
  background-color: rgb(227, 88, 88);
}
.keyword.is-neutral.is-selected {
  color: rgb(255, 255, 255);
  background-color: rgb(67, 74, 84);
}
.keyword.is-positive.is-selected {
  color: rgb(255, 255, 255);
  background-color: rgb(109, 185, 26);
}
.keyword-set {
        margin-bottom: 1.375rem;
}
.keyword-set.is-loading {
  height: 6.25rem;
}
.keyword-set.is-empty {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 9.375rem;
  margin-bottom: 0rem;
}
.keyword-set.is-empty p {
                color: rgb(88, 88, 88);
                font-size: 0.75rem;
                line-height: 18px;
}
.keyword-set.is-empty svg,
            .keyword-set.is-empty img {
                margin-bottom: 1.375rem;
}
.keyword-label {
        margin-bottom: 0;

        font-weight: 600;
        line-height: 1.1875rem;
        letter-spacing: 0;
}
.keyword-frequency {
        margin-bottom: 0;

        line-height: 1.1875rem;
        letter-spacing: 0;
        text-align: right;
}
.legend {
    position: relative;

    display: flex;
    min-width: 1.25rem;
    min-height: 1.25rem;

    background-color: rgb(252, 142, 142);
    border-radius: 3.125rem
}
.legend.primary {
  background-color: rgb(169, 222, 165);
}
.legend.secondary {
  background-color: rgb(255, 154, 96);
}
/*
    Line
 */
hr {
    height: 0.0625rem;
    margin-bottom: 1.8125rem;

    background-color: rgb(230, 230, 230);
    border: 0;
}
/*
    Loader
 */
.loader {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 3.75rem;
    height: 3.75rem;

    color: rgb(0, 153, 240)
}
.loader.block {
  width: 100%;
}
.loader.primary {
  color: rgb(216, 23, 23);
}
.loader.small {
  width: 1.875rem;
  height: 1.875rem;
}
.loader.small .loader-spinner {
            width: 1.25rem;
            height: 1.25rem;
}
.loader .loader-spinner {
        display: block;
        width: 2.5rem;
        height: 2.5rem;

        border: 0.125rem solid currentColor;
        border-bottom-color: transparent;
        border-radius: 50%;

        content: '';
}
.loader-text {
        display: none;
}
.lower-section {
    width: 100%;
    height: 12.5rem;
    padding-top: 1.875rem;
    padding-bottom: 1.875rem;
}
.lower-section-label {
        color: rgb(254, 83, 84);
    }
.lower-section .link {
        font-weight: 700;
    }
/*
    Move Group
*/
.move-group {
    margin-bottom: 0.75rem;
}
.move-group-content {
        display: flex;
        align-items: center;
    }
.move-group-content * {
            margin-right: 0.75rem;
            margin-bottom: 0rem;
        }
.move-group-header {
        margin-bottom: 0.5rem;

        color: rgb(74, 74, 74);
        font-size: 0.875rem;
        font-weight: 700;
        text-transform: uppercase;
    }
/*
    Navigate Button
*/
.navigate-button {
    opacity: 0.3;

    transition: opacity 0.15s ease-in-out
}
.navigate-button:hover {
  opacity: 1;
}
.navigate-button-inner {
        display: flex;
        align-items: center;
}
.navigate-button-text {
        margin-bottom: 0;

        text-transform: uppercase;
}
.navigate-button-text + .icon {
            margin-right: 0;
            margin-left: 0.3125rem;
        }
.navigate-button .icon {
        width: 0.75rem;
        height: 0.75rem;
        margin-right: 0.3125rem;
        margin-left: -0.125rem;
}
/*
    Notes with line clamp, used contain elements to certain lines with ellipsis
*/
.notes {
    -webkit-box-orient: vertical;
    display: -webkit-box
}
.notes.two-lines {
  overflow: hidden;
  -webkit-line-clamp: 2;
  line-clamp: 2;
}
.number-scale {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
    margin-bottom: 0.9375rem;
}
.number-scale-row {
        display: flex;
        justify-content: center;
    }
.number-scale-content {
        position: relative;

        display: inline-flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: center;
        height: 2.5rem;
        padding: 0rem 0.9375rem 0rem 0.9375rem;
        margin: 0.3125rem 0rem 0rem 0.3125rem;

        color: rgb(255, 255, 255);
        font-size: 0.875rem;
        font-weight: 700;

        cursor: default;
        border-radius: 0.25rem;

        transition: background-color 0.2s, border-color 0.2s, color 0.2s,
            opacity 0.2s;
    }
/*
    Response field
*/
.response-field {
    position: relative;
}
.response-field-form {
        position: absolute;
        bottom: 0;
        left: 0;

        width: 100%;
        max-height: 7.5rem;
        min-height: 3.125rem;

        border-top: 1px solid rgb(250, 250, 250);
        box-shadow: 0 2px 1.25rem 0 rgba(0, 0, 0, 0.08);
    }
.response-field-form ::-webkit-scrollbar {
            width: 0;
        }
.response-field-form ::-webkit-scrollbar-thumb {
            background: rgb(230, 230, 230);
        }
.response-field-pre,
    .response-field-input {
        width: 100%;
        height: 100%;
        padding-top: 0.9375rem;
        padding-right: 10.625rem;
        padding-bottom: 0.9375rem;
        padding-left: 0.9375rem;
        overflow: auto;

        font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
        font-size: 0.875rem;
        line-height: 1.4;
        word-wrap: break-word;
        white-space: pre-wrap;

        border: none;
        border-left: 1px solid transparent;
    }
.response-field-input {
        position: absolute;
        bottom: 0;
        left: 0;

        resize: none
    }
.response-field-input:focus {
  outline: none;
}
.response-field-input::-webkit-input-placeholder {
  color: rgb(161, 165, 170);
}
.response-field-input::-moz-placeholder {
  color: rgb(161, 165, 170);
}
.response-field-input:-ms-input-placeholder {
  color: rgb(161, 165, 170);
}
.response-field-input::placeholder {
  color: rgb(161, 165, 170);
}
.response-field-pre {
        margin: 0;

        visibility: hidden;
    }
.response-field-options {
        position: absolute;
        right: 0;
        bottom: 0;

        display: flex;
        height: 100%;
        padding-right: 1.5625rem;
        padding-left: 1.5625rem;
        overflow: visible;

        border: none;
    }
.response-field-options-container {
            position: relative;

            display: flex;
            align-items: center
        }
.response-field-options-container.is-open .response-field-options-container-button {
                    background-color: rgb(216, 216, 216);
}
.response-field-options-container.is-open .quick-reply {
                    display: block;
                    overflow: visible;
}
.response-field-options-container .quick-reply {
                position: absolute;
                top: 0;
                left: 0;

                display: none;
                overflow: hidden;

                transform: translate(-85%, -100%);
}
.response-field-options-container-button {
                display: flex;
                align-items: center;
                justify-content: center;
                padding: 0.3125rem;

                cursor: pointer;
                border-radius: 0.25rem;
}
.response-field-options-container-button:hover {
  background-color: rgb(216, 216, 216);
}
.response-field-options-container-icon {
                display: flex;
                align-items: center;
                width: 1.25rem;
                height: 1.25rem;
                fill: rgb(67, 74, 84);
}
.response-field .button {
        width: 4.6875rem;
        height: 100%;

        font-weight: 700;
        text-transform: uppercase;

        border: none;
    }
/*
    Section
 */
.section {
    padding-top: 2.5rem;
    margin-bottom: 2.5rem;
}
.signature {
    position: relative;

    display: flex;
    justify-content: center;

    width: 27.5rem;
    height: 12.5rem;

    background-color: rgb(246, 246, 246);
    border: 1px solid rgb(230, 230, 230);
    border-radius: 0.5rem;
}
.signature-footer {
        position: absolute;
        bottom: 0.625rem;
        left: 0.625rem;

        display: flex;
    }
.signature-footer p {
            margin-bottom: 0rem
        }
.signature-footer p:first-of-type {
  font-weight: 600;
}
.signature-clear {
        position: absolute;
        top: 0.625rem;
        right: 0.625rem;

        width: 4.6875rem;
        height: 1.875rem;

        color: rgb(84, 105, 212);
        font-weight: 600;

        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(219, 218, 218);
        border-radius: 0.25rem
    }
.signature-clear:hover {
  cursor: pointer;
}
.signature-clear > p {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 100%;
            margin-bottom: 0rem;
}
.signature-canvas {
        width: 27.5rem;
        height: 12.5rem;
    }
/*
    Social Button
 */
.social-button {
    display: flex;
    align-items: center;
    width: auto;
    height: 1.8125rem;
    padding: 0rem 0.625rem;
    margin: 0.3125rem;

    color: rgb(74, 74, 74);
    font-size: 0.875rem;
    font-weight: 600;
    line-height: 1.1875rem;
    letter-spacing: 0;
    word-break: keep-all;

    border: 1px solid rgb(219, 218, 218);
    border-radius: 0.9375rem;
}
.social-button .icon {
        min-width: 0.9375rem;
        min-height: 0.9375rem;
        margin-right: 0.5rem;
    }
/*
    Seperator
    A simple horizontal line to separate content.
*/
.separator {
    margin-top: 1rem;

    margin-bottom: 1rem;

    border-bottom: 1px solid rgb(219, 218, 218);
}
/*
    Splash
*/
.splash {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    min-height: 100vh;
    padding: 0 2.5rem;

    text-align: center
}
.splash.error {
  color: rgb(216, 23, 23);
}
.splash.align-left {
  align-items: flex-start;
  text-align: left;
}
.splash.align-top {
  justify-content: flex-start;
  padding-top: 2.5rem;
}
/*
    Star rating
*/
.star-rating {
    display: flex;
    align-items: center;

    font-size: 0.875rem;
    word-break: normal;
}
.star-rating-set {
        display: flex;
        flex-direction: row;
    }
.star-rating-set-icon {
            margin-right: 0.75rem;
        }
.star-rating-item {
        display: flex;
        align-items: flex-start;
        padding-right: 0.125rem
    }
.star-rating-item:not(:last-of-type) {
  margin-right: 0.125rem;
}
.star-rating-label {
        margin-left: 0.5rem;

        color: rgb(67, 74, 84);
        font-weight: 700;
        line-height: 1.1875rem;
        letter-spacing: 0
    }
.star-rating-label.large {
  font-size: 1rem;
}
.star-rating.large {
  font-size: 1rem;
}
.star-rating.large .icon {
            width: 1.5625rem;
            height: 1.5625rem;
}
.star-rating .icon {
        width: 1rem;
        height: 1rem;
}
/*
    Status Dot
*/
.status-dot {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.25rem;
    min-width: 1.25rem
}
.status-dot.is-active::before {
  width: 0.75rem;
  height: 0.75rem;
  background-color: rgb(126, 211, 33);
  border: none;
  box-shadow: 0 0 0 0.125rem rgba(126, 211, 33, 0.25);
}
.status-dot::before {
  display: block;
  width: 0.875rem;
  height: 0.875rem;
  border: 0.125rem solid rgb(213, 213, 213);
  border-radius: 50%;
  content: '';
}
.status-dot-text {
        padding: 0 0 0 0.375rem;

        color: rgb(115, 115, 115);
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1.25rem;
        letter-spacing: 0.05em;
        text-transform: uppercase;
}
.status {
    display: flex;
    height: 1.25rem;
    min-width: 1.25rem
}
.status.is-active::before {
  width: 1.25rem;
  height: 1.25rem;
  background-color: rgb(126, 211, 33);
  border: none;
  box-shadow: 0 0 0 0.125rem rgba(126, 211, 33, 0.25);
}
.status::before {
  display: block;
  width: 1.25rem;
  height: 1.25rem;
  border: 0.125rem solid rgb(213, 213, 213);
  border-radius: 50%;
  content: '';
}
.status-text {
        display: flex;
        padding: 0 0 0 1.875rem;
}
.tag {
    display: flex;
    align-items: center;
    flex-wrap: wrap;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;
    min-width: -webkit-fit-content;
    min-width: -moz-fit-content;
    min-width: fit-content;
    padding: 0rem 0.625rem;
    margin-bottom: 0;

    font-size: 0.625rem;
    font-weight: 700;
    text-align: center;
    text-transform: uppercase;

    cursor: default;
    background-color: rgb(230, 230, 230);
    border-radius: 0.1875rem
}
.tag.spacing {
  letter-spacing: 0.8px;
}
.tag.pointer {
  cursor: pointer;
}
.tag.semi-bold {
  font-weight: 600;
}
.tag.error {
  color: rgb(255, 0, 0);
  background-color: transparent;
}
.tag.block {
  display: inline-block;
}
.tag.round {
  border-radius: 0.625rem;
}
.tag.normalise {
  text-transform: none;
}
.tag.lowercase {
  text-transform: lowercase;
}
.tag.uppercase {
  text-transform: uppercase;
}
.tag.border {
  font-size: 0.875rem;
  border-radius: 0.5625rem;
}
.tag.medium {
  font-size: 0.8125rem;
  font-weight: 700;
}
.tag.medium * {
            margin-bottom: 0rem;

            font-size: 0.75rem;
}
.tag.large {
  height: 1.875rem;
  min-width: 8.3125rem;
  font-weight: 600;
}
.tag.large .icon {
            width: 0.75rem !important;
            height: 0.75rem !important;
            margin: 0rem 0.3125rem;
}
.tag.light {
  color: rgb(115, 115, 115);
  font-weight: 400;
  background-color: rgb(255, 255, 255);
  border: 1px solid rgb(230, 230, 230);
}
.tag.dark {
  color: rgb(255, 255, 255);
  background-color: rgb(67, 74, 84);
}
.tag.primary {
  color: rgb(255, 255, 255);
  background-color: rgb(74, 144, 226);
}
.tag.secondary {
  color: rgb(255, 255, 255);
  background-color: rgb(248, 155, 52);
}
.tag.tertiary {
  color: rgb(36, 57, 137);
  background-color: rgb(228, 232, 247);
}
.tag.quartenary {
  color: rgb(255, 255, 255);
  background-color: rgb(155, 155, 155);
}
.tag.quinary {
  color: rgb(255, 255, 255);
  background-color: rgb(100, 231, 100);
}
.tag.senary {
  color: rgb(74, 74, 74);
  background-color: rgb(232, 232, 232);
}
.tag.septenary {
  color: rgb(117, 80, 203);
  background-color: rgb(249, 245, 255);
}
.tag.octonary {
  color: rgb(248, 155, 52);
  background-color: rgb(253, 237, 219);
}
.tag.nonary {
  color: rgb(255, 255, 255);
  background-color: rgb(254, 83, 84);
}
.tag.denary {
  color: rgb(255, 255, 255);
  background-color: rgb(74, 184, 85);
}
.tag .icon {
        width: 0.5rem !important;
        height: 0.5rem !important;
        min-width: 0.5rem !important;
        min-height: 0.5rem !important;
        margin-left: 0.3125rem;
}
/*
    Text Button
*/
.text-button {
    display: flex;
    align-items: center;
    justify-content: center;

    color: rgb(105, 110, 118);

    transition: opacity 0.15s ease-in-out
}
.text-button:hover {
  opacity: 0.6;
}
.text-button-label {
        font-size: 0.75rem;
}
.text-button-link {
        max-width: 1rem !important;
        max-height: 1rem !important;
        min-width: 1rem !important;
        min-height: 1rem !important;

        color: rgb(74, 144, 226);
        fill: rgb(74, 144, 226);
}
.text-button .icon {
        width: 1.25rem;
        height: 1.25rem;
}
.text-button .icon:last-child:not(:first-child) {
  margin-left: 0.3125rem;
}
.text-button .icon:first-child {
  margin-right: 0.3125rem;
}
[data-toggle='tooltip'] {
    position: relative;

    display: inline-block
}
[data-toggle='tooltip']::after,
    [data-toggle='tooltip']::before {
  position: absolute;
  pointer-events: none;
  opacity: 0;
  visibility: hidden;
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
[data-toggle='tooltip']::after {
  z-index: 1000;
  padding: 6px 10px;
  color: rgb(255, 255, 255);
  font-size: 0.875rem;
  font-weight: 200;
  white-space: nowrap;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 4px;
  content: attr(data-title);
}
[data-toggle='tooltip']::before {
  position: absolute;
  z-index: 999;
  border-style: solid;
  border-width: 5px;
  content: '';
}
[data-toggle='tooltip']:hover::after,
    [data-toggle='tooltip']:hover::before {
  opacity: 1;
  visibility: visible;
}
[data-toggle='tooltip'][data-placement='over']::after {
  bottom: 100%;
  left: 50%;
  margin-bottom: 3px;
  transform: translateX(-50%) translateY(-5px);
}
[data-toggle='tooltip'][data-placement='over']::before {
  bottom: 100%;
  left: 50%;
  margin-bottom: 1px;
  border-color: rgb(0, 0, 0) transparent transparent transparent;
  transform: translateX(-50%);
}
[data-toggle='tooltip']:hover[data-placement='over']::after {
  transform: translateX(-50%) translateY(-8px);
}
[data-toggle='tooltip'][data-placement='under']::after {
  top: 100%;
  left: 50%;
  margin-top: 3px;
  transform: translateX(-50%) translateY(5px);
}
[data-toggle='tooltip'][data-placement='under']::before {
  top: 100%;
  left: 50%;
  margin-top: 1px;
  border-color: transparent transparent rgb(0, 0, 0) transparent;
  transform: translateX(-50%);
}
[data-toggle='tooltip']:hover[data-placement='under']::after {
  transform: translateX(-50%) translateY(8px);
}
[data-toggle='tooltip'][data-placement='left']::after {
  top: 50%;
  right: 100%;
  margin-right: -1px;
  transform: translateY(-50%) translateX(-5px);
}
[data-toggle='tooltip'][data-placement='left']::before {
  top: 50%;
  right: 100%;
  margin-right: 1px;
  border-color: transparent rgb(0, 0, 0) transparent transparent;
  transform: translateY(-50%);
}
[data-toggle='tooltip']:hover[data-placement='left']::after {
  transform: translateY(-50%) translateX(-8px);
}
[data-toggle='tooltip'][data-placement='right']::after {
  top: 50%;
  left: 100%;
  margin-left: -1px;
  transform: translateY(-50%) translateX(5px);
}
[data-toggle='tooltip'][data-placement='right']::before {
  top: 50%;
  left: 100%;
  margin-left: 1px;
  border-color: transparent transparent transparent rgb(0, 0, 0);
  transform: translateY(-50%);
}
[data-toggle='tooltip']:hover[data-placement='right']::after {
  transform: translateY(-50%) translateX(8px);
}
.variable-tag {
    display: block;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;

    padding: 0.5rem;

    color: rgb(67, 74, 84);

    background-color: rgb(255, 255, 255);

    border: 1px solid rgb(230, 230, 230);
    border-radius: 0.25rem
}
.variable-tag:hover {
  cursor: default;
}
.variable-tag-set {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
}
.variable-tag-set .variable-tag {
            margin-right: 0.75rem;
            margin-bottom: 0.75rem;
        }
/*
    Yonder Managed Badge
*/
.yonder-managed-badge {
    display: flex;
    padding: 0.3125rem 0.625rem 0.3125rem 0.5rem;

    background-color: rgba(248, 81, 81, 0.15);
    border-radius: 0.25rem;
}
.yonder-managed-badge-text {
        color: rgb(67, 74, 84);
        font-size: 0.5625rem;
    }
.yonder-managed-badge .icon {
        position: relative;
        top: 0.0625rem;

        width: 0.625rem;
        height: 0.625rem;
        margin-right: 0.375rem;

        color: rgb(194, 21, 21);
    }
/*
    Form inside add product modal
*/
.add-product-form {
    flex-grow: 1;
    height: 100%;
}
.add-product-form .heading-2 {
        margin-bottom: 0.75rem;

        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.5rem;
        letter-spacing: 0rem;
    }
.add-product-form .dropdown,
    .add-product-form .dropdown-item {
        width: 100%;
    }
.add-product-form .dropdown {
        margin-bottom: 1.25rem;
    }
.add-product-form-description {
        color: rgb(136, 136, 136);
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.5rem;
        letter-spacing: 0rem;
    }
/*

*/
.add-product-preview-background {
        width: 100%;
        height: 100%;
        max-width: 23.75rem;
        min-width: 23.75rem;
        padding: 1.25rem 1.25rem;

        margin: 0 0 0 auto;

        border-radius: 0.375rem
    }
.add-product-preview-background.center {
  margin: auto;
  margin-top: 3.125rem;
}
.add-product-preview-title {
        display: flex;
        justify-content: center;
        width: 100%;

        margin-bottom: 0.25rem;

        font-size: 0.75rem;
        text-transform: uppercase;
    }
.add-product-preview-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: auto;
        max-width: 19.375rem;
        min-width: 19.375rem;

        padding: 0.75rem;

        background-color: rgb(255, 255, 255);
        border-radius: 0.5rem;

        box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
    }
.add-product-preview-container .dropdown {
            flex-grow: 1;
            width: 100%;
            height: 2.875rem;
            margin-bottom: 1.125rem;
        }
.add-product-preview-container .dropdown-item {
                display: flex;
                width: 100%;
                height: 2.875rem;

                border-color: rgb(207, 207, 207);
            }
.add-product-preview-container .dropdown-content-label {
                font-weight: 400;
            }
.add-product-preview-container .heading-4 {
            margin-bottom: 0.25rem;

            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.25rem;
            letter-spacing: 0;
        }
.add-product-preview-header {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
.add-product-preview-header .heading-4 {
            font-size: 1rem;
            font-weight: 700;
        }
.add-product-preview-date {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;

        padding: 0.625rem;
        margin-bottom: 1.125rem;

        border: 1px solid rgb(207, 207, 207);

        border-radius: 0.5rem;
    }
.add-product-preview-date-text {
            margin-bottom: 0rem;

            font-size: 0.875rem;
            font-weight: 400;
            line-height: 1.5rem;
            letter-spacing: 0rem;
        }
.add-product-preview-subtitle {
        margin-bottom: 1.125rem;

        color: rgb(136, 136, 136);
        font-size: 0.8125rem;
        font-weight: 400;
        line-height: 1.5rem;
        letter-spacing: 0rem;
    }
.add-product-preview-time {
        padding: 0.625rem;

        margin-bottom: 0.5rem;

        border: 1px solid rgb(94, 143, 220);
        border-radius: 0.375rem
    }
.add-product-preview-time:not(:last-of-type) {
  margin-right: 0.5rem;
}
.add-product-preview-time:hover {
  cursor: pointer;
}
.add-product-preview-time-set {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 1.125rem;
}
.add-product-preview-time-title {
            margin-bottom: 0.5rem;

            font-weight: 600;
}
.add-product-preview-time-text {
            margin-bottom: 0rem;

            color: rgb(94, 143, 220);
            font-size: 0.875rem;

            font-weight: 600;
            line-height: 1.5rem;
            letter-spacing: 0rem;
}
/*
    Add a tag to a document
*/
.add-tag {
    display: flex;
    align-items: center;
}
.add-tag .quiz-option-rule {
        margin-bottom: 0rem;
    }
.add-tag .quiz-option-rule .loader {
            position: absolute;
            top: 0rem;
            left: 0rem;

            color: rgb(0, 153, 240);
        }
.add-tag .quiz-option-rule.is-active .button {
                color: rgb(74, 144, 226);

                background-color: rgb(242, 244, 252);
}
.add-tag .tag {
        height: 1.25rem;
        margin-right: 0.75rem;
        margin-bottom: 0rem;

        font-weight: 600
    }
.add-tag .tag:hover {
  cursor: default;
}
.add-tag .tag.auto {
  height: auto;
}
.add-tag-add-item {
        position: relative;

        color: rgb(0, 153, 240);

        font-size: 0.875rem;

        cursor: pointer;
    }
.add-tag-add-item .icon {
            width: 0.625rem;
            height: 0.625rem;
            min-width: 0.625rem;
            min-height: 0.625rem;
            margin-right: 0.25rem;
            fill: rgb(0, 153, 240)
        }
.add-tag-add-item .icon.dark {
  fill: rgb(67, 74, 84);
}
.add-tag-text {
        display: flex;
        align-items: center;
        justify-content: center;

        margin-right: 0.75rem;
        margin-bottom: 0rem;

        color: rgb(136, 136, 136);

        font-weight: 600;
    }
.add-tag-icon {
        cursor: pointer;
    }
.add-tag-icon .icon {
            fill: rgb(136, 136, 136);

            width: 0.625rem;
            height: 0.625rem;
        }
.team-mention {
    padding: 1.5625rem;

    background-color: rgb(244, 247, 255);

    border-radius: 0.625rem;
}
.team-mention .dropdown {
        height: 2.8125rem;
        margin-bottom: 0.875rem;
    }
.team-mention .dropdown-content {
            flex-grow: 1;
        }
.team-mention .dropdown-item {
            display: flex;
            height: 2.625rem;
        }
.team-mention-subtitle {
        margin-bottom: 0.75rem;
    }
.team-mention-heading {
        margin-bottom: 0.75rem;
    }
.team-mention-list {
        margin-top: -1rem;
    }
.team-mention-submit {
        display: flex;
        justify-content: flex-end;
        padding-top: 0.9375rem;
    }
.team-mention-submit .button {
            margin-left: 0.75rem;
        }
.team-mention-label {
        color: rgb(15, 15, 15);

        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.1875rem;
        letter-spacing: 0;
    }
.team-mention-add-button {
        width: 9.375rem;
        height: 2.1875rem;

        margin-top: 0.5rem;

        color: rgb(0, 0, 0);

        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(219, 218, 218);
        border-radius: 0.3125rem;
        box-shadow: 0 0.125rem 0.5rem -0.125rem rgba(0, 0, 0, 0.17);
    }
.team-mention-add-button .icon {
            color: rgb(74, 74, 74);
        }
.team-mention-add-button:hover {
  background-color: rgb(255, 255, 255);
}
/*
    Admin form
*/
.admin-form {
    display: block;

    padding: 1.25rem;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(230, 230, 230);

    border-radius: 0.5rem;
}
.admin-form .dropdown,
    .admin-form .field {
        width: 100%;
        padding-bottom: 1.375rem;
    }
.admin-form .dropdown-item {
            width: 100%;
        }
.admin-form .dropdown-content {
            height: 2.1875rem;
        }
.admin-form .dropdown-content-label {
                font-weight: 400;
            }
.admin-form-submit {
        display: flex;
        align-items: flex-end;
        flex-direction: column;
        width: 100%;
    }
.admin-form-submit .error-message {
            margin-bottom: 0.75rem;

            color: rgb(255, 0, 0);
        }
/*
    Availability form
*/
.availability-form {
    display: flex;
    flex-direction: column;

    padding: 1.25rem;

    margin-bottom: 0.75rem;

    border: 1px solid rgb(207, 207, 207);

    border-radius: 0.625rem;
}
.availability-form-button-set {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
        width: auto;
    }
.availability-form-button-set .button {
            margin-bottom: 0.75rem
        }
.availability-form-button-set .button.transparent {
  padding: 0rem;
}
.availability-form-delete {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
.availability-form-delete .icon {
            cursor: pointer;
            fill: rgb(136, 136, 136)
        }
.availability-form-delete .icon:hover {
  fill: rgb(254, 83, 84);
}
/*
    Billing Card
*/
.billing-card {
    width: 100%;
    padding: 1.5625rem;
    margin-bottom: 0.75rem;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(233, 233, 233);
    border-radius: 0.3125rem;
}
.billing-card .heading-4 {
        margin-bottom: 0.75rem;
    }
.billing-card .heading-5 {
        margin-bottom: 0.375rem;

        color: rgb(74, 74, 74);
        font-size: 1rem;
    }
.billing-card .icon-label {
        width: 6.25rem;
        height: 1.875rem;

        font-size: 14px;

        font-weight: 600;
    }
.billing-card .button:disabled,
    .billing-card .button.is-disabled {
        background-color: rgb(180, 188, 194);
    }
.billing-card-label {
        color: rgb(155, 155, 155);
    }
.billing-card-content {
        display: flex;
        justify-content: space-between;
    }
.billing-card-content .button {
            align-self: flex-end
        }
.billing-card-content .button.small {
  width: 6.25rem;
}
.billing-card-content p {
            margin-bottom: 0.5rem;
        }
.billing-card-content .icon {
            width: 0.75rem;
            height: 0.75rem;
            margin-right: 0.75rem
        }
.billing-card-content .icon.large {
  min-width: 1.875rem;
  min-height: 1.875rem;
  margin-right: 1.25rem;
}
.billing-card-column {
        display: flex;
        flex-direction: column
    }
.billing-card-column.no-shrink {
  flex-shrink: 0;
}
.billing-card-column p {
            margin-bottom: 0.375rem;
}
.billing-card-column-description {
            color: rgb(155, 155, 155);
}
.billing-card-price {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
.billing-card-price-header {
            display: flex;
            align-items: center;
        }
.billing-card-price-header .heading-5,
            .billing-card-price-header p {
                margin-bottom: 0;
            }
.billing-card-list {
        padding-left: 0;
        margin: 0;
        margin-bottom: 1.375rem;
    }
.billing-card-list li {
            display: flex;
            margin-bottom: 0.1875rem;
        }
.billing-card-list li .icon {
                width: 20px;
                height: 20px;

                padding: 4px;
                margin-right: 0.5rem;

                background-color: rgb(242, 244, 252);
                border-radius: 6.1875rem;
                fill: rgb(10, 31, 68);
            }
.breakdown-sentiment {
    flex-grow: 1;
    padding: 1.25rem;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(207, 207, 207);
}
.breakdown-sentiment .progress {
        width: 100%;
        height: 0.625rem;
        margin-right: 0.75rem;
    }
.breakdown-sentiment-row {
        display: flex;
        align-items: center;
    }
.breakdown-sentiment-col {
        display: flex;
        flex-direction: column;
    }
.breakdown-sentiment-text {
        flex-shrink: 0;
        width: 3.75rem;

        margin-right: 0.75rem;
        margin-bottom: 0rem;

        color: rgb(88, 88, 88);

        font-size: 0.875rem;
        line-height: 1.5rem;
    }
.breakdown-sentiment-icon {
        display: flex;
        align-items: center;
        flex-direction: row;
        flex-shrink: 0;
        justify-content: center;
        margin-right: 1.375rem;
    }
.breakdown-sentiment-icon-text {
            margin-bottom: 0rem;

            font-weight: 700;
        }
.breakdown-sentiment-icon .icon {
            width: 1rem;
            height: 1rem;
            margin-right: 0.5rem;
        }
.breakdown-sentiment-percentage {
        flex-shrink: 0;
        width: 3.125rem;
        margin-bottom: 0rem;

        color: rgb(88, 88, 88);
    }
.button-set {
    background-color: rgb(255, 255, 255);
}
.button-set .button {
        display: block;
        width: 100%;
        padding: 0.625rem;

        color: rgb(0, 153, 240);
        text-align: center;

        cursor: not-allowed;
        background-color: rgb(255, 255, 255);
        border: none;
        border-bottom: 1px solid rgb(230, 230, 230);

        -webkit-appearance: none;

           -moz-appearance: none;

                appearance: none
    }
.button-set .button:focus {
  outline: none;
}
.button-set .button:hover {
  background-color: transparent;
}
.button-set .button:last-child {
  border-bottom: none;
}
/*
    Call to action Preview
*/
.call-to-action {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    justify-content: flex-end;
}
.call-to-action-preview {
        position: relative;

        width: 19.4375rem;
        height: auto;
        padding: 0.875rem;
        margin-bottom: 0.875rem;

        cursor: default;
        background-color: rgb(255, 255, 255);
        border-radius: 0.25rem;
        box-shadow: rgb(0 0 0 / 14%) 0rem 0.1875rem 2rem 0rem;
    }
.call-to-action-title {
        margin-bottom: 0.25rem;

        color: rgb(67, 74, 84);
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.25rem;
        text-overflow: ellipsis;
        -webkit-line-clamp: 2;
    }
.call-to-action-subtitle {
        margin-bottom: 0.5rem;
        overflow: hidden;

        color: rgb(155, 155, 155);
        font-size: 0.75rem;
        font-weight: 400;
    }
.call-to-action-button {
        flex-grow: 1;
        width: 100%;
    }
.call-to-action-icon .icon {
            width: 3.75rem;
            height: 3.75rem;

            border-radius: 6.25rem;
            box-shadow: 0 0.125rem 1.25rem 0 rgb(0 0 0 / 8%);
            fill: rgb(255, 255, 255);
        }
/*
    Category item, use for pre-built faqs
*/
.category-item {
    display: flex;
    flex-direction: column;
    width: 16.25rem;
    height: auto;
    padding: 1.5rem;

    cursor: pointer;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(231, 231, 231);
    border-radius: 1.25rem;

    transition: border 0.6s linear
}
.category-item:hover {
  border: 1px solid rgb(94, 143, 220);
}
.category-item.inactive {
  cursor: default;
}
.category-item.inactive:hover {
  border: 1px solid transparent;
}
.category-item-set {
        display: flex;
        flex-wrap: wrap;
}
.category-item-set .category-item {
            margin-right: 1.5rem;
            margin-bottom: 0.75rem;
        }
.category-item-icon {
        height: 2.9375rem;
}
.category-item-icon .icon {
            width: 2.5rem;
            height: 2.5rem;
        }
.category-item-inactive-button {
        display: flex;
        justify-content: flex-end;

        width: 100%;

        border-radius: 0.5rem;
}
.category-item-inactive-button .button {
            color: rgb(0, 153, 240);

            background-color: rgb(243, 243, 243);
        }
.category-item-description {
        margin-bottom: 0.75rem;

        color: rgb(136, 136, 136);
        font-size: 0.875rem;
        line-height: 1.5rem;
}
.category-item-title {
        margin-bottom: 0.25rem;

        color: rgb(0, 0, 0);
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.5rem;
}
.category-item-footer {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
}
.category-item-footer .link {
            font-size: 0.875rem;
        }
.category-item-footer .button.transparent {
  padding: 0rem;
}
.category-item-footer .button.secondary {
  fill: rgb(255, 255, 255);
}
.barchart {
    position: relative;

    width: 100%;
}
.barchart-info {
        display: flex;
        align-items: center;
        margin-bottom: 0.625rem;
    }
.barchart-summary {
        min-width: 3.125rem;
        margin-left: 0.9375rem;
    }
.barchart-title {
        margin-bottom: 0.1875rem;

        color: rgb(115, 115, 115);
        font-size: 1rem;
        font-weight: 700;
        text-transform: uppercase;
    }
.barchart-value {
        min-width: 3.75rem;
        margin-right: 1.25rem;
        margin-bottom: 0rem;

        color: rgb(67, 74, 84);
        font-size: 1.875rem;
    }
.barchart-label {
        position: absolute;

        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
        padding-left: 0.75rem;

        font-size: 0.875rem;
    }
.barchart-result {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        min-width: 5rem;
        margin-bottom: 0;

        font-weight: 600;
    }
.barchart-result-label {
            margin: 0;

            color: rgb(155, 155, 155);
            font-size: 0.75rem;
        }
.barchart-column {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: center;
        margin-bottom: 1.25rem
    }
.barchart-column:last-child {
  margin-bottom: 0;
}
.barchart-column:last-of-type {
  margin-bottom: 0rem;
}
.barchart-column .icon {
            width: 2.1875rem;
            height: 2.1875rem;
}
.barchart .progress {
        flex-basis: 90%;
        flex-grow: 1;
        height: 1.5625rem
    }
.barchart .progress.auto {
  height: 0.75rem;
}
.barchart .progress.small {
  height: 0.75rem;
}
.barchart .progress.normal {
  height: 0.75rem;
}
.barchart .progress.large {
  height: 2rem;
}
.barchart.small {
  width: 17.6875rem;
}
.barchart.auto {
  min-width: 1.25rem;
  margin-bottom: 0rem;
}
.barchart.large {
  width: 100%;
}
/*
    Benchmark progress graph
*/
.benchmark-progress {
    display: flex;
    align-items: flex-end;
    margin-bottom: 1rem;
}
.benchmark-progress-title {
        flex-shrink: 0;
        height: 1.125rem;
        min-width: 12.5rem;

        font-size: 0.875rem;
    }
.benchmark-progress-container {
        flex-grow: 1;
    }
.benchmark-progress-label {
        display: flex;
        justify-content: space-between;
        width: 100%;
    }
.benchmark-progress-label p {
            margin-bottom: 0.5rem;

            color: rgb(67, 74, 84);
            font-size: 0.875rem;
            font-weight: 700;
            text-transform: uppercase;
        }
.benchmark-progress .progress {
        flex-basis: 100%;
        height: 1.125rem;
    }
/*
    Benchmark graph
*/
.benchmark {
    position: relative;

    width: -webkit-fit-content;

    width: -moz-fit-content;

    width: fit-content;
    height: 100%;
}
.benchmark-title {
        margin-bottom: 0.5rem;

        font-size: 0.875rem;
    }
.benchmark-tags {
        display: flex;
        margin-bottom: 1.375rem;
    }
.benchmark-tags .tag,
        .benchmark-tags p {
            margin-right: 0.5rem;
            margin-bottom: 0rem;
        }
.benchmark-message {
        display: flex;

        color: rgb(128, 128, 128);
    }
.benchmark-message p {
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1.0625rem;
            letter-spacing: 0;
        }
.benchmark-message .icon {
            display: none;
            width: 0.625rem !important;
            height: 0.625rem !important;
            margin-top: 0.25rem;
            margin-right: 0.375rem;
        }
.benchmark-message.error {
  color: rgb(247, 181, 0);
}
.benchmark-message.error .icon {
                display: block;

                color: rgb(247, 181, 0);
                fill: rgb(247, 181, 0);
}
.benchmark-message.success {
  color: rgb(109, 212, 0);
}
.benchmark-message.success .icon {
                display: block;
                fill: rgb(109, 212, 0);
}
.benchmark-legend {
        width: 100%;
    }
.benchmark-legend p {
            margin-bottom: 0.25rem;
        }
.benchmark-legend-row {
            display: flex;
            flex-direction: row;
            justify-content: space-between
        }
.benchmark-legend-row.has-border {
  padding-bottom: 0.625rem;
  margin-bottom: 0.625rem;
  border-bottom: 1px solid rgb(208, 213, 221);
}
.benchmark-min {
        position: absolute;
        bottom: -0.375rem;
        left: 25%;

        display: flex;
        justify-content: flex-end;

        color: rgb(128, 128, 128);
        font-size: 0.875rem;
        font-weight: 400;

        transform: translate(-50%, -60%);
    }
.benchmark-max {
        position: absolute;
        right: 2.1875rem;
        bottom: -0.375rem;

        display: flex;
        justify-content: flex-end;
        min-width: 1.875rem;

        color: rgb(128, 128, 128);
        font-size: 0.875rem;
        font-weight: 400;

        transform: translate(-50%, -60%);
    }
.benchmark-label {
        position: absolute;
        top: 50%;
        left: 50%;

        font-size: 1.5rem;

        transform: translate(-50%, -60%);
    }
.benchmark-label-container {
            display: flex;
            align-items: center;
            flex-direction: column;

            line-height: 1.25rem;
        }
.benchmark-label-container p {
                margin-bottom: 0rem;

                color: rgb(210, 210, 210);
                font-size: 0.75rem;
            }
.breakdown {
    width: 100%;
    min-height: 2.1875rem;
    margin-bottom: 0.75rem
}
.breakdown.large {
  height: 1.5625rem;
}
.breakdown .star-rating {
        min-width: 12.5rem;
}
.breakdown .progress {
        flex-grow: 1;
        flex-shrink: 1;
        height: 1rem;
        margin-top: 0.15rem;
}
.breakdown .progress.small {
  height: 1rem;
}
.breakdown .progress.large {
  height: 1.5625rem;
}
.breakdown-container {
        display: flex;
        align-items: flex-start;
}
.breakdown-label {
        flex-shrink: 0;
        margin-bottom: 0rem;
        margin-left: 0.75rem;
}
.breakdown-column {
        display: flex;
        align-items: flex-start;
        width: 100%;
}
.breakdown-column.large {
  height: 1.5625rem;
}
.breakdown-title,
    .breakdown-info {
        padding: 0rem 0.3125rem;
}
.breakdown-info {
        min-width: 8.75rem;
}
.breakdown-title {
        flex-grow: 1;
        flex-shrink: 0;
        max-width: 11.25rem;
        min-width: 11.25rem;

        color: rgb(0, 0, 0);
        font-size: 0.875rem;
        word-break: break-all;
}
.breakdown-value {
        display: flex;
        justify-content: center;
        min-width: 2.1875rem;
        margin-bottom: 0;

        font-size: 0.875rem;
}
.breakdown-value.large {
  font-size: 1rem;
}
.breakdown-value.small {
  min-width: 2.8125rem;
  font-size: 0.875rem;
}
.breakdown-icon {
        display: flex;
        align-items: center;
        min-width: 1.875rem;
        padding-right: 0.625rem;
        margin-bottom: 0rem;
}
.breakdown-icon.large .icon {
  width: 1.875rem;
  height: 1.875rem;
  margin-top: -0.125rem;
}
.breakdown-icon .icon {
            min-width: 1.5625rem;
            min-height: 1.5625rem;
}
/*
    Dynamic line graph
*/
.dynamic-line-graph-options {
        display: flex;
        padding: 0;
        margin: 0;
        margin-bottom: 2.5rem;

        list-style: none;

        border-bottom: 1px solid rgb(230, 230, 230);
    }
.dynamic-line-graph-option {
        padding: 0.3125rem;
        margin-right: 1.875rem;
        margin-bottom: 0;

        color: rgb(0, 0, 0);

        cursor: pointer;
        border: 1px solid transparent;

        transition: border ease 400ms
    }
.dynamic-line-graph-option.is-selected {
  border-bottom: 2px solid rgb(0, 153, 240);
}
.dynamic-line-graph-option.is-selected .dynamic-line-graph-option-title,
            .dynamic-line-graph-option.is-selected .dynamic-line-graph-option-value {
                color: rgb(0, 0, 0);
}
.dynamic-line-graph-option.is-selected .dynamic-line-graph-option-value {
                font-weight: 700;
}
.dynamic-line-graph-option:hover:not(.is-selected) {
  background-color: rgb(230, 245, 254);
}
.dynamic-line-graph-option-title {
            margin-bottom: 0.1875rem;

            color: rgb(0, 0, 0);
            font-size: 0.875rem;
}
.dynamic-line-graph-option-value {
            margin-bottom: 0rem;

            color: rgb(0, 0, 0);
            font-size: 1.125rem;
}
.recharts-responsive-container .loader {
        position: relative;

        width: 100%;
        height: 100%;

        color: rgb(0, 153, 240);
    }
.piechart {
    position: relative;

    display: flex;
    flex-direction: column;
    flex-shrink: 0;
    justify-content: center;
    width: 13.125rem;
}
.piechart svg {
        width: 10rem;
    }
.piechart .recharts-surface {
        display: flex;
        justify-content: center;
        width: 100%;
        height: 11.25rem;
    }
.piechart-info {
        position: absolute;
        bottom: 3.125rem;

        width: 100%;

        text-align: center;
    }
.piechart-summary {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 3.125rem;
        margin-bottom: 0.25rem;

        font-size: 2.625rem;
    }
.piechart-label {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 0rem;

        font-size: 0.875rem;
        font-weight: 700;
    }
.piechart-legend {
    display: flex;
    align-items: center;
    justify-content: center;

    list-style: none;
}
.piechart-legend-info {
        display: flex;
        align-items: center;
        margin-right: 0.9375rem;
    }
.piechart-legend-item:first-child {
  padding-right: 3.125rem;
}
.piechart-legend-title,
    .piechart-legend-text {
        margin-bottom: 0;
    }
.piechart-legend-title {
        color: rgb(40, 40, 40);
        font-size: 1.25rem;
    }
.piechart-legend-text {
        margin-left: 0.8125rem;

        color: rgb(115, 115, 115);
    }
.piechart-legend-key {
        display: block;
        width: 0.5rem;
        height: 0.5rem;
        margin-right: 0.3125rem;

        border-radius: 0.0625rem;
    }
/*
    Item table styles
*/
.item-table-row {
        display: flex;
        align-items: center;

        padding: 0.625rem;

        cursor: pointer;

        background-color: rgb(255, 255, 255);

        border-top: 1px solid rgb(229, 229, 229);
        border-right: 1px solid rgb(229, 229, 229);
        border-left: 1px solid rgb(229, 229, 229);

        transition: background-color 0.3s ease
    }
.item-table-row:hover,
        .item-table-row.active {
  background-color: rgb(239, 244, 251);
}
.item-table-row:last-child {
  border-bottom: 1px solid rgb(229, 229, 229);
}
.item-table-row:first-child {
  border-radius: 4px 4px 0 0;
}
.item-table-row p {
            margin-bottom: 0rem;
}
.item-table-pagination {
        margin-bottom: 0.75rem;

        background-color: rgb(255, 255, 255);
        border-right: 1px solid rgb(229, 229, 229);
        border-bottom: 1px solid rgb(229, 229, 229);
        border-left: 1px solid rgb(229, 229, 229);
        border-radius: 0 0 0.25rem 0.25rem;
    }
.item-table-page {
        margin-bottom: 0.75rem;

        font-weight: 700;
    }
.item-table-is-loading {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 13.7225rem;

        padding: 0.625rem;

        cursor: pointer;

        background-color: rgb(255, 255, 255);

        border: 1px solid rgb(229, 229, 229);
        border-radius: 0 0 0.25rem 0.25rem;

        transition: background-color 0.3s ease;
    }
.progress {
    display: flex;
    overflow: hidden;

    border-radius: 0.1875rem;
}
.progress-indicator {
        overflow: visible;
    }
.progress-remainder {
        flex-grow: 1;

        background-color: rgb(230, 230, 230)
    }
.progress-remainder.light {
  background-color: rgb(241, 241, 241);
}
.progress-amount {
        position: absolute;

        padding: 0 0.3125rem;

        color: rgb(255, 255, 255);
        text-shadow: 0 0 0.0625rem rgb(115, 115, 115);
    }
/*
    Chat Bubble Preview
*/
.chat-bubble {
    display: flex;
    align-items: flex-end;
    flex-direction: row;
}
.chat-bubble-preview {
        position: relative;

        width: 18.75rem;
        min-height: 3rem;
        padding: 0.75rem;
        margin-right: 1.125rem;

        background-color: rgb(255, 255, 255);
        border-radius: 0.25rem;
        box-shadow: rgb(0 0 0 / 14%) 0rem 0.1875rem 2rem 0rem
    }
.chat-bubble-preview::after {
  position: absolute;
  bottom: 1.25rem;
  left: calc(100% - 0.5rem);
  width: 0;
  height: 0;
  background-color: rgb(255, 255, 255);
  border: 0.4375rem solid rgb(0, 0, 0);
  border-color: transparent rgb(255, 255, 255) rgb(255, 255, 255) transparent;
  border-radius: 0 0.1875rem 0 0;
  content: '';
  transform: rotate(-45deg);
}
.chat-bubble-text {
        margin-bottom: 0rem;

        color: rgb(67, 74, 84);
        font-size: 0.875rem;
    }
.chat-bubble-icon {
        display: flex;
        align-items: center;
        justify-content: center;
    }
.chat-bubble-icon .icon {
            width: 3.75rem;
            height: 3.75rem;

            border-radius: 6.25rem;
            box-shadow: 0 0.125rem 1.25rem 0 rgb(0 0 0 / 8%);
            fill: rgb(255, 255, 255);
        }
.chat-typing-area {
    display: flex;
    align-items: center;
    flex-shrink: 0;
    justify-content: space-between;
    width: 100%;
}
.chat-typing-area .users-typing {
        margin-right: auto;
    }
.chat-typing-area .typing-indicator {
        margin-left: auto;
    }
/*
    Chat window
*/
.chat {
    position: relative;

    display: flex;
    flex-direction: column;
}
.chat-header {
        display: flex;
        align-items: center;
        height: 100%;
        max-height: 4.375rem;
        padding: 1.25rem;

        color: rgb(67, 74, 84);

        border-bottom: 1px solid rgb(230, 230, 230);
    }
.chat-header .button {
            padding-right: 0.4375rem;
            padding-left: 0.4375rem;
        }
.chat-header .button + .button {
                margin-right: 0.3125rem;
            }
.chat-header .button .icon {
                width: 1.25rem;
                height: 1.25rem;
                margin: 0;
            }
.chat-header .icon.chat {
            flex-shrink: 0;
            width: 1.25rem;
            height: 1.25rem;
            min-width: 1.25rem;
            min-height: 1.25rem;
            margin-right: 0.625rem;
            margin-left: 0.625rem;
        }
.chat-customer-header {
        display: flex;
    }
.chat-title {
        margin-bottom: 0;
        overflow: hidden;

        font-size: 1rem;
        font-weight: 700;
        text-overflow: ellipsis;
        white-space: nowrap;
        display: none !important;
    }
@media (min-width: 801px) {
  .chat-title {
    display: inline-block !important;
  }
}
.chat-thread {
        position: relative;

        display: flex;
        flex-direction: column;
        margin-top: auto;
        overflow-x: hidden;
        overflow-y: auto;
}
.chat-status {
        flex-shrink: 0;
        margin-left: auto;

        font-size: 0.75rem;
}
.chat-status-label {
            margin-right: 0.625rem;
            margin-bottom: 0;

            color: rgb(60, 67, 76);
            font-size: 0.8125rem;
            font-weight: 700;
            text-transform: uppercase;
        }
.chat-action-menu {
        display: flex;
}
.chat-online {
        position: relative;

        padding-left: 0.75rem;

        font-size: 0.75rem;
        font-weight: 400;
}
.chat-online::after {
  position: absolute;
  top: 4px;
  left: calc(100% + 0.3125rem);
  flex-shrink: 0;
  width: 0.625rem;
  height: 0.625rem;
  background-color: rgb(126, 211, 33);
  border-radius: 99em;
  content: '';
}
.chat-day {
        position: relative;

        margin: 0.9375rem 0;

        color: rgb(67, 74, 84);
        font-size: 0.875rem;
        text-align: center;
}
.chat-day-text {
            position: relative;
            z-index: 2;

            padding: 0 0.75rem;

            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;

            background-color: rgb(250, 250, 250);
        }
.chat-day::before,
        .chat-day::after {
  position: absolute;
  top: 50%;
  z-index: 1;
  width: 50%;
  border-top: 1px solid rgb(230, 230, 230);
  content: '';
}
.chat-day::before {
  left: 0;
}
.chat-day::after {
  right: 0;
}
.chat-selector {
        position: relative;

        width: 8.75rem;
        height: 2rem;
        padding: 0 0.625rem;

        font-size: 0.875rem;

        background-color: rgb(255, 255, 255);
        background-image: url(/ icons/caret.svg);
        background-position: right 0.625rem center;
        background-repeat: no-repeat;
        background-size: 1.25rem;
        border-color: rgb(110, 110, 110);

        -webkit-appearance: none;

           -moz-appearance: none;

                appearance: none;
}
.chat-label {
        position: relative;

        display: flex;
        justify-content: space-between;
        margin-right: 0.625rem;
        margin-bottom: 0;

        font-size: 0.875rem;
}
.chat-error {
        padding: 0.625rem;

        color: rgb(255, 255, 255);
        font-size: 0.75rem;
        text-align: center;

        background-color: rgb(0, 153, 240);
}
.chat-error .link {
            color: rgb(255, 255, 255);
            text-decoration: underline;
        }
.chat-break {
        padding: 0.1875rem 0;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;

        background-color: rgb(74, 74, 74);
}
.chat-break-text {
            margin-bottom: 0;

            color: rgb(255, 255, 255);
            font-size: 0.75rem;
            font-weight: 700;
            text-align: center;
            text-transform: uppercase;
        }
.chat .history-error .icon:first-of-type {
            width: 6.25rem;
            height: 6.25rem;
        }
.chat .users-typing {
        position: absolute;
        bottom: 2.8125rem;
}
.chat .modal-footer {
        padding: 1.25rem;
}
/*
    Chatbot flag preview
*/
.chatbot-flag {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 6.4375rem;
}
.chatbot-flag-text {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: 2rem;
        padding-right: 1rem;
        padding-left: 1rem;
        margin-right: 3.3125rem;

        color: rgb(255, 255, 255);
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;

        background-color: rgb(255, 255, 255);
        border-radius: 0.3125rem 0rem 0rem 0.3125rem;
        box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08)
    }
.chatbot-flag-text.is-dark {
  color: rgb(0, 0, 0);
}
.chatbot-flag .icon {
        position: absolute;

        width: 3.75rem;
        height: 3.75rem;

        border-radius: 6.25rem;
        fill: rgb(255, 255, 255)
    }
.chatbot-flag .icon.is-dark {
  fill: rgb(0, 0, 0);
}
/*
    Chatbot preview
*/
.chatbot-preview-message {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
.chatbot-preview-button {
        box-sizing: border-box;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0.5rem 0.875rem;
        margin: 0.375rem 0;

        color: rgb(0, 153, 240);
        font-size: 0.875rem;
        line-height: 1.1875rem;
        letter-spacing: 0;

        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(0, 153, 240);
        border-radius: 0.5rem;
    }
/*
    Chatbot training metric
*/
.chatbot-training-metric {
    display: flex;
    flex-direction: column;

    flex-shrink: 0;
    justify-content: center;

    height: -webkit-fit-content;

    height: -moz-fit-content;

    height: fit-content;

    padding: 1.5rem;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(232, 232, 232);
    border-radius: 0.625rem
}
.chatbot-training-metric.row {
  flex-direction: row;
  justify-content: flex-start;
}
.chatbot-training-metric.full-height {
  height: 100%;
}
.chatbot-training-metric.warning .chatbot-training-metric-icon {
            border: 1px solid rgb(255, 165, 165);
}
.chatbot-training-metric.warning .chatbot-training-metric-icon .icon {
                fill: rgb(255, 49, 49);
            }
.chatbot-training-metric.no-border {
  border: 1px solid transparent;
}
.chatbot-training-metric .heading-4 {
        display: flex;
        justify-content: flex-start;
        width: 100%;
        margin-bottom: 1rem;

        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.25rem;
}
.chatbot-training-metric .heading-2 {
        margin-bottom: 0rem;

        font-size: 1.875rem;
}
.chatbot-training-metric p {
        margin-bottom: 0rem;
}
.chatbot-training-metric .chatbot-training-metric-text .heading-2, .chatbot-training-metric .chatbot-training-metric-graph .heading-2 {
            margin-bottom: 0rem;
        }
.chatbot-training-metric-text {
        display: flex;
        flex-direction: column;
        justify-content: center;
}
.chatbot-training-metric-text .heading-2 {
            margin-bottom: 0rem;
        }
.chatbot-training-metric-header {
        display: flex;
        margin-bottom: 0.75rem;
}
.chatbot-training-metric-header .heading-4 {
            margin-bottom: 0rem;

            color: rgb(67, 74, 84);

            font-weight: 700;
        }
.chatbot-training-metric-header .info-icon .icon {
                width: 1.25rem;
                height: 1.25rem;
            }
.chatbot-training-metric-header .table.has-fixed-actions .table-button-icon .icon {
                        width: 0.875rem;
                        height: 0.875rem;
                    }
.chatbot-training-metric-container {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 100%;
        overflow: hidden;
}
.chatbot-training-metric-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding: 0.75rem;

        margin-right: 0.75rem;

        border: 1px solid rgb(231, 231, 231);

        border-radius: 0.6875rem;
}
.chatbot-training-metric-icon .icon {
            flex-shrink: 0;
            width: 100%;
            height: 100%;
            fill: rgb(255, 165, 165);
        }
.chatbot-training-metric-set {
        display: flex;
        flex-direction: column;
}
.chatbot-training-metric-set.row {
  flex-direction: row;
}
.chatbot-training-metric-set.row .chatbot-training-metric {
                align-items: flex-start;
                flex-shrink: 1;
                padding: 0rem;
}
.chatbot-training-metric-set.row .chatbot-training-metric .icon {
                    min-width: 1.625rem;
                    min-height: 1.625rem;
                }
.chatbot-training-metric-set.row .chatbot-training-metric:not(:last-of-type) {
  margin-right: 1.375rem;
  margin-bottom: 0rem;
}
.chatbot-training-metric-set .chatbot-training-metric:not(:last-of-type) {
  margin-bottom: 1.375rem;
}
.chatbot-training-metric-graph {
        position: relative;
}
.chatbot-training-metric-graph-title {
            position: absolute;
            top: 50%;
            left: 50%;

            transform: translate(-50%, -50%);
        }
.chatbot-training-metric-graph-title .heading-2 {
                margin-bottom: 0rem;
            }
.chatbot-training-metric-table-container {
            display: flex;
            flex-direction: column;
            flex-grow: 1;

            justify-content: space-between;
            height: 100%;

            background-color: rgb(255, 255, 255);
            border: 1px solid rgb(231, 231, 231);
            border-radius: 0rem 0rem 0.5rem 0.5rem;
        }
.chatbot-training-metric-table-container .table::after {
  border-bottom: 1px solid rgb(237, 244, 247);
}
.chatbot-training-metric-table-container .table.is-empty::after {
  border-bottom: transparent;
}
.chatbot-training-metric-table-container .table .table-header-column {
                    border-top: 0 solid transparent;
}
.chatbot-training-metric-table-container .table .table-grid-row {
                    border: 0 solid transparent;
}
.chatbot-training-metric-table-container .pagination {
                padding-top: 0.75rem;
                padding-bottom: 0.75rem;
            }
/*
    Chatbot wrapper view
*/
.chatbot-view {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: auto;
    min-height: 100%;
    padding: 1.875rem;

    background-color: rgb(243, 243, 243);
    border-left: solid rgb(230, 230, 230);
    border-width: 0.0625rem;
    border-radius: 0rem;
    box-shadow: none;
}
.chatbot-view-text {
        padding: 0.4375rem 0.75rem;

        color: rgb(67, 74, 84);
        font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
        font-size: 0.875rem;
        line-height: 1.4;

        text-align: left;

        background-color: rgb(243, 243, 243);
        border-radius: 0.625rem;
    }
.chatbot-view-text a {
            color: rgb(0, 153, 240);
            text-decoration: underline
        }
.chatbot-view-text a:visited {
  opacity: 0.8;
}
.chatbot-view-button-set {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
.chatbot-view-button-set .button {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            margin-right: 0.75rem;
            margin-bottom: 0.75rem;

            cursor: default;

            border-radius: 0.75rem;
        }
/*
    Chatbot preview
*/
.chatbot {
    position: relative;

    display: flex;
    flex-direction: column;
    width: 100%;
    height: 37.5rem;

    max-width: 23.125rem;
    min-width: 23.125rem;
    margin: 0 auto;

    color: rgb(255, 255, 255);
    text-align: center;

    background-color: rgb(255, 255, 255);
    border-radius: 1.4375rem 1.4375rem 1.4375rem 1.4375rem;
    box-shadow: 0 0.125rem 1.25rem 0 rgba(0, 0, 0, 0.08);
}
.chatbot-body {
        padding: 1.875rem;
        margin-bottom: 3.125rem;
    }
.chatbot-header {
        display: flex;
        align-items: center;
        width: 100%;
        height: 4.3125rem;
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
        margin: 0 auto;

        color: rgb(255, 255, 255);
        text-align: center;

        border-radius: 1.4375rem 1.4375rem 0rem 0rem;
    }
.chatbot-header-title {
            padding-left: 0.9375rem;
            margin: 0;

            font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.375rem;
            letter-spacing: 0;
        }
.chatbot-header.is-dark {
  color: rgb(0, 0, 0);
}
.chatbot-footer {
        position: absolute;
        bottom: 0;

        display: flex;
        align-items: center;
        width: 100%;
        height: 3.0625rem;
        padding-left: 0.9375rem;
        margin: 0;

        color: rgb(170, 170, 170);
        text-align: left;

        cursor: default;

        background-color: rgb(255, 255, 255);
        border-radius: 0rem 0rem 1.4375rem 1.4375rem;
        box-shadow: 0 0.125rem 1.25rem 0 rgba(0, 0, 0, 0.08);
    }
.chatbot .icon {
        width: 3.375rem;
        height: 3.375rem;

        border-radius: 6.25rem;
        fill: rgb(255, 255, 255)
    }
.chatbot .icon.is-dark {
  fill: rgb(0, 0, 0);
}
/*
    Chatlog row item
*/
.chatlog-item {
    cursor: pointer;
    background-color: rgb(255, 255, 255)
}
.chatlog-item.is-chatbot .chatlog-item-container {
            background-color: rgb(191, 210, 242, 0.2);
}
.chatlog-item.is-chatbot .chatlog-item-container:hover {
  background-color: rgb(191, 210, 242, 0.1);
}
.chatlog-item-set {
        height: calc(100vh - 20.3125rem);
        margin-bottom: 1.375rem;
        overflow: auto;
}
.chatlog-item-icon {
        max-width: 1.5625rem;
        max-height: 1.5625rem;
        min-width: 1.5625rem;
        min-height: 1.5625rem;
        margin-right: 0.75rem;
}
.chatlog-item-icon .icon {
            width: 1.25rem;
            height: 1.25rem;
        }
.chatlog-item-text {
        width: 100%;
}
.chatlog-item-date {
        display: flex;
        justify-content: flex-end;
        width: 9.375rem;
}
.chatlog-item-container {
        display: flex;
        align-items: flex-start;
        width: 100%;
        padding: 0.75rem;

        background-color: rgb(255, 255, 255);
}
.chatlog-item-container:hover {
  background-color: rg(255, 255, 255, 0.6);
}
.chatlog-item-container .chatlog-item-text {
            display: flex;
            justify-content: flex-start;
}
.chatlog-item-container p {
            margin-bottom: 0rem;
}
.chatlog-item-container.right .chatlog-item-icon {
                margin-right: 0rem;
                margin-left: 0.75rem;
}
.chatlog-item-container.right .chatlog-item-text {
                justify-content: flex-end;

                width: 100%;

                text-align: right;
}
.chatlog-item-container.right .chatlog-item-star {
                margin-right: 0.3125rem;
                margin-left: 0.3125rem;
}
.check-in-modal-table-button {
        width: 9.375rem;
        height: 2rem;
        fill: rgb(255, 255, 255);
    }
.check-in-modal-date {
        position: relative;

        justify-content: center;
        height: 18.75rem;
        max-height: 18.75rem;
        margin-bottom: 3.75rem;

        opacity: 1;

        transition: max-height 0.25s ease-in, opacity 0.5s ease-in
    }
.check-in-modal-date.is-hidden {
  display: none;
  height: 0rem;
  max-height: 0rem;
  opacity: 0;
  transition: max-height 0.25s ease-out;
}
.check-in-modal-date .DayPicker {
            width: 100%;
            height: 100%;

            box-shadow: none;
}
.check-in-modal-date .DayPicker-Month {
                width: 100%;
            }
.check-in-modal-date .DayPicker-Footer {
                display: none;
            }
.check-in-modal-date .DayPicker-NavBar {
                position: absolute;
                right: 0;

                width: 3.125rem;
                height: 3.125rem;
            }
.check-in-modal-date .DayPicker-NavBar * {
                    position: absolute;
                }
.check-in-modal .slider-toggle {
        width: auto;
        margin-bottom: 0.75rem;
    }
.check-in-modal .modal {
        background-color: transparent;
    }
.check-in-modal .modal-close-button {
            width: auto;
        }
.check-in-modal .modal-close-button .icon {
                fill: rgb(0, 0, 0);
            }
.check-in-modal .modal-header {
            padding-top: 0.9375rem;
        }
.check-in-modal .modal-content {
            padding: 1.25rem 2.5rem;
            overflow: hidden;

            box-shadow: 0 0.125rem 0.25rem rgba(0, 0, 0, 0.23);
        }
.check-in-modal .modal-content .button {
                width: 100%;

                font-weight: 600;
                fill: rgb(255, 255, 255);
            }
.check-in-modal .modal-header-container {
            box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.23);
        }
.check-in-modal .modal-content,
        .check-in-modal .modal-header-container,
        .check-in-modal .modal-header {
            width: 25rem;

            border: none;
        }
.checkbox-set {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin-bottom: 0.75rem;
}
.checkbox-set .checkbox {
        margin-right: 4.6875rem;
    }
/*
    Checkbox
*/
.checkbox {
    position: relative;

    display: flex;
    align-items: center;
    margin-bottom: 1.25rem
}
.checkbox.disabled {
  opacity: 0.5;
}
.checkbox-label {
        flex-shrink: 0;
        padding-left: 1.875rem;
        margin-bottom: 0;

        font-size: 0.875rem;
}
.checkbox-description {
        position: absolute;
        left: 6.875rem;

        font-size: 0.875rem;
        font-style: italic;

        opacity: 0.4;
}
.checkbox-date {
        position: absolute;
        left: 6.875rem;

        width: 7.5rem;
}
.checkbox-input {
        position: absolute;
        left: 0;
        z-index: 1;

        width: 1.25rem;
        height: 1.25rem;

        opacity: 0;
}
.checkbox-input:checked + .checkbox-button {
                background-color: rgb(0, 153, 240);
                border: none;
}
.checkbox-input:checked + .checkbox-button .icon {
                    opacity: 1;
                }
.checkbox-button {
        position: absolute;
        left: 0;

        width: 1.25rem;
        height: 1.25rem;

        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(203, 203, 203);
        border-radius: 0.3125rem;
        content: '';

        transition: background-color 0.1s ease-in-out;
}
.checkbox-button .icon {
            position: absolute;
            top: 50%;
            left: 50%;

            color: rgb(255, 255, 255);

            opacity: 0;

            transform: translateY(-50%) translateX(-50%);
            transition: opacity 0.15s ease-in-out;
            fill: rgb(255, 255, 255);
        }
.checkbox-date {
        flex-grow: 0;
}
.checkbox .field-input {
        flex-grow: 0;
        width: auto;
}
.color-picker {
    position: relative;
}
.color-picker-option {
        position: relative;

        width: 18.75rem;
    }
.color-picker-option .input,
        .color-picker-option .selector {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;

            width: 1.875rem;
            height: 1.875rem;
            margin: 0.5rem;

            border-radius: 0.3125rem
        }
.color-picker-option .input.is-light, .color-picker-option .selector.is-light {
  border: 1px solid rgb(230, 230, 230);
}
.color-picker-option .input {
            z-index: 1;

            cursor: pointer;
            opacity: 0;
        }
/*
    Color Selector
*/
.color-selector .field-label {
        margin-bottom: 1.25rem;
    }
.color-selector-inner {
        display: flex;
        width: 100%;
    }
.color-selector-option {
        position: relative;

        width: 5rem;
        height: 5rem
    }
.color-selector-option.is-selected .color-selector-option-box {
                transform: scale(1.3);
}
.color-selector-option-label {
            width: 0;

            opacity: 0;
}
.color-selector-option-input,
        .color-selector-option-box {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;
            left: 0;

            border-radius: 0.3125rem;
            box-shadow: 0 0.125rem 1.25rem 0 rgba(0, 0, 0, 0.1);
}
.color-selector-option-input {
            z-index: 1;

            width: 3.75rem;
            height: 3.75rem;

            cursor: pointer;
            opacity: 0;
}
.color-selector-option-box {
            position: absolute;
            top: 0;

            width: 3.75rem;
            height: 3.75rem;
}
/*
    Conditional Logic
*/
.conditional-logic.is-disabled {
  position: relative;
  pointer-events: none;
  opacity: 0.4;
}
.conditional-logic.is-disabled::before {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.content-editable-field {
    display: block;
    width: 100%;
    min-height: 2.5rem;
    padding: 0.5rem;

    font-size: 0.875rem;

    white-space: pre-wrap;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(230, 230, 230);

    border-radius: 0.3125rem
}
.content-editable-field[contenteditable] {
  direction: ltr;
}
.content-editable-field[contenteditable][placeholder]:empty:before {
  position: absolute;
  color: rgb(128, 128, 128);
  cursor: text;
  background-color: transparent;
  content: attr(placeholder);
}
.content-editable-field:focus {
  border: 1px solid rgb(0, 153, 240);
  border-color: rgb(0, 153, 240);
  box-shadow: 0 0 0.3125rem 0 rgba(0, 153, 240, 0.5);
}
.content-editable-field.focus-visible,
    .content-editable-field:focus {
  outline: 1px solid transparent;
}
.conversation-box {
    padding: 0.75rem;
    margin-bottom: 1.125rem;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(209, 214, 222);
    border-radius: 0.3125rem;
}
.conversation-box .heading-5 {
        margin-bottom: 0.5rem;

        color: rgb(67, 74, 84);
    }
.conversation-box .link {
        display: flex;
        padding-top: 0.625rem;

        color: rgb(0, 153, 240);

        border-top: 0.0625rem solid rgb(209, 214, 222)
    }
.conversation-box .link:hover {
  cursor: pointer;
}
.conversation-box-container {
        border-bottom: none
    }
.conversation-box-container:not(:last-child) {
  margin-bottom: 0.375rem;
  border-bottom: 0.0625rem solid rgb(209, 214, 222);
}
.conversation-box-subtitle,
    .conversation-box .heading-5,
    .conversation-box p {
        line-height: 1.1875rem;
        letter-spacing: 0;
    }
.conversation-box .link,
    .conversation-box-subtitle {
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
    }
.conversation-box-subtitle {
        color: rgb(111, 119, 130);
    }
.conversation-box-label {
        margin-bottom: 0.75rem;

        color: rgb(67, 74, 84);
    }
.conversation-box-tag {
        display: flex;
    }
.conversation-box-tag .tag {
            margin-bottom: 0.75rem;
            margin-left: 0.75rem;
        }
.conversation-box-title {
        padding: 0rem 0rem 0.75rem 0.625rem;
        margin: 0rem -0.75rem 0rem -0.75rem;

        border-bottom: 0.0625rem solid rgb(209, 214, 222);
    }
.copy-content {
    position: relative;

    box-sizing: border-box;
    display: flex;
    flex-direction: row;
    width: auto;
    height: auto;
    padding: 0.9375rem;

    background-color: rgb(248, 247, 247);
    border: 1px solid rgb(229, 229, 229);
    border-radius: 0.25rem;
}
.copy-content-text {
        height: 100%;

        color: rgb(74, 74, 74);
        font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
        font-size: 0.875rem;
        line-height: 1.1875rem;
        letter-spacing: 0;

        -webkit-user-select: none;

           -moz-user-select: none;

            -ms-user-select: none;

                user-select: none;
    }
.copy-content-button {
        position: absolute;
        right: 0;

        justify-content: space-evenly;
        min-width: 8.125rem;
        margin-right: 0.9375rem;

        color: rgb(74, 74, 74);
        font-weight: 700;
        text-transform: uppercase;

        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(219, 218, 218);
        border-radius: 0.25rem
    }
.copy-content-button:focus {
  outline: 0;
}
.copy-content-button:hover {
  background-color: rgb(255, 255, 255);
}
.copy-content-button .icon {
            width: 0.9375rem;
            height: 0.9375rem;
}
/*
    Copy embed code container
*/
.copy-embed-code {
    max-width: 37.5rem;
}
.copy-link {
    display: flex;
    align-items: flex-end;
    flex-direction: column;
    flex-grow: 1;
}
.copy-link-container {
        box-sizing: border-box;
        display: flex;
        align-items: center;
        justify-content: flex-start;
        width: 100%;
        height: 3.9375rem;
        padding: 1.25rem;
        margin-bottom: 0.625rem;

        font-size: 0.875rem;

        background-color: rgb(248, 247, 247);
        border: 1px solid rgb(229, 229, 229);
        border-radius: 0.25rem;
    }
.copy-link-link {
        display: flex;
        align-items: center;
        flex-direction: row;
        padding: 1.25rem;

        color: rgb(75, 145, 226);
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.125rem;
        letter-spacing: 0;
        fill: rgb(75, 145, 226);
    }
.copy-link-button {
        box-sizing: border-box;
        width: 7.75rem;
        height: 2.3125rem;

        color: rgb(0, 0, 0);

        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(219, 218, 218);
        border-radius: 4px
    }
.copy-link-button:hover {
  background-color: rgb(255, 255, 255);
}
.copy-link-button:focus {
  outline: none;
}
.copy-to-clipboard-content {
        display: flex;
    }
.copy-to-clipboard-content .icon {
            margin-right: 0.75rem;

            cursor: pointer;
        }
.copy-to-clipboard-wrapper {
        display: flex;
    }
.copy-to-clipboard-text {
        margin-right: 0.75rem;
    }
/*
    Date Field Set
*/
.date-field-set {
    position: relative;
}
.date-field-set-container {
        display: flex;
    }
.date-field-set-container .quiz-preview-question-field,
        .date-field-set-container .field:not(:last-child) {
            margin-right: 0.75rem;
        }
/*
    Day Picker
*/
.DayPicker {
    position: absolute;
    z-index: 7;

    width: 17.5rem;

    font-size: 1rem;

    background-color: rgb(255, 255, 255);
    border-radius: 0.375rem;
    box-shadow: 0 0rem 0.125rem rgba(0, 0, 0, 0.4);
}
.Selectable .DayPicker-Day--selected:not(.DayPicker-Day--start):not(.DayPicker-Day--end):not(.DayPicker-Day--outside) {
        color: rgb(74, 144, 226);

        background-color: rgb(240, 248, 255) !important;
    }
.Selectable .DayPicker-Day {
    border-radius: 0 !important;
}
.Selectable .DayPicker-Day--start {
    border-top-left-radius: 50% !important;
    border-bottom-left-radius: 50% !important;
}
.Selectable .DayPicker-Day--end {
    border-top-right-radius: 50% !important;
    border-bottom-right-radius: 50% !important;
}
.DayPicker-wrapper {
    position: relative;

    flex-direction: row;
    padding-bottom: 1em;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;
}
.DayPicker-Months {
    display: flex;
    flex-wrap: wrap;
    justify-content: center;
}
.DayPicker-Month {
    display: table;
    margin: 0 1em;
    margin-top: 1em;

    border-collapse: collapse;
    border-spacing: 0;

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;
}
.DayPicker-NavButton {
    position: absolute;
    top: 1em;
    right: 1.5em;
    left: auto;

    display: inline-block;
    width: 1.25em;
    height: 1.25em;
    margin-top: 2px;

    color: rgb(139, 152, 152);

    cursor: pointer;
    background-position: center;
    background-repeat: no-repeat;
    background-size: 50%;
}
.DayPicker-NavButton:hover {
    opacity: 0.8;
}
.DayPicker-NavButton--prev {
    margin-right: 1.5em;

    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAVVJREFUWAnN2G0KgjAYwPHpGfRkaZeqvgQaK+hY3SUHrk1YzNLay/OiEFp92I+/Mp2F2Mh2lLISWnflFjzH263RQjzMZ19wgs73ez0o1WmtW+dgA01VxrE3p6l2GLsnBy1VYQOtVSEH/atCCgqpQgKKqYIOiq2CBkqtggLKqQIKgqgCBjpJ2Y5CdJ+zrT9A7HHSTA1dxUdHgzCqJIEwq0SDsKsEg6iqBIEoq/wEcVRZBXFV+QJxV5mBtlDFB5VjYTaGZ2sf4R9PM7U9ZU+lLuaetPP/5Die3ToO1+u+MKtHs06qODB2zBnI/jBd4MPQm1VkY79Tb18gB+C62FdBFsZR6yeIo1YQiLJWMIiqVjQIu1YSCLNWFgijVjYIuhYYCKoWKAiiFgoopxYaKLUWOii2FgkophYp6F3r42W5A9s9OcgNvva8xQaysKXlFytoqdYmQH6tF3toSUo0INq9AAAAAElFTkSuQmCC');
}
.DayPicker-NavButton--next {
    background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACQAAAAwCAYAAAB5R9gVAAAABGdBTUEAALGPC/xhBQAAAXRJREFUWAnN119ugjAcwPHWzJ1gnmxzB/BBE0n24m4xfNkTaOL7wOtsl3AXMMb+Vjaa1BG00N8fSEibPpAP3xAKKs2yjzTPH9RAjhEo9WzPr/Vm8zgE0+gXATAxxuxtqeJ9t5tIwv5AtQAApsfT6TPdbp+kUBcgVwvO51KqVhMkXKsVJFXrOkigVhCIs1Y4iKlWZxB1rX4gwlpRIIpa8SDkWmggrFq4IIRaJKCYWnSgnrXIQV1r8YD+1Vrn+bReagysIFfLABRt31v8oBu1xEBttfRbltmfjgEcWh9snUS2kNdBK6WN1vrOWxObWsz+fjxevsxmB1GQDfINWiev83nhaoiB/CoOU438oPrhXS0WpQ9xc1ZQWxWHqUYe0I0qrKCQKjygDlXIQV2r0IF6ViEBxVTBBSFUQQNhVYkHIVeJAtkNsbQ7c1LtzP6FsObhb2rCKv7NBIGoq4SDmKoEgTirXAcJVGkFSVVpgoSrXICGUMUH/QBZNSUy5XWUhwAAAABJRU5ErkJggg==');
}
.DayPicker-NavButton--interactionDisabled {
    display: none;
}
.DayPicker-Caption {
    display: table-caption;
    padding: 0 0.5em;
    margin-bottom: 0.5em;

    text-align: left;
}
.DayPicker-Caption > div {
    font-size: 1.15em;
    font-weight: 500;
}
.DayPicker-Weekdays {
    display: table-header-group;
    margin-top: 1em;
}
.DayPicker-WeekdaysRow {
    display: table-row;
}
.DayPicker-Weekday {
    display: table-cell;
    padding: 0.5em;

    color: rgb(139, 152, 152);
    font-size: 0.875rem;
    text-align: center;
}
.DayPicker-Weekday abbr[title] {
    text-decoration: none;

    border-bottom: none;
}
.DayPicker-Body {
    display: table-row-group;
}
.DayPicker-Week {
    display: table-row;
}
.DayPicker-Day {
    display: table-cell;
    padding: 0.5em;

    text-align: center;
    vertical-align: middle;

    cursor: pointer;
}
.DayPicker-WeekNumber {
    display: table-cell;
    min-width: 1em;
    padding: 0.5em;

    color: rgb(139, 152, 152);
    font-size: 0.75em;
    text-align: right;
    vertical-align: middle;

    cursor: pointer;
    border-right: 1px solid rgb(234, 236, 236);
}
.DayPicker--interactionDisabled .DayPicker-Day {
    cursor: default;
}
.DayPicker-Footer {
    padding-top: 0.5em;

    text-align: center;
}
.DayPicker-TodayButton {
    color: rgb(74, 144, 226);
    font-size: 0.875rem;

    cursor: pointer;
    background-color: transparent;
    background-image: none;
    border: none;
    box-shadow: none;
}
.DayPicker-Day--today {
    color: rgb(208, 2, 27);
    font-weight: 700;
}
.DayPicker-Day--outside {
    color: rgb(139, 152, 152);

    cursor: default;
}
.DayPicker-Day--disabled {
    color: rgb(220, 224, 224);

    cursor: default;
}
.DayPicker-Day--sunday {
    background-color: rgb(247, 248, 248);
}
.DayPicker-Day--sunday:not(.DayPicker-Day--today) {
    color: rgb(220, 224, 224);
}
.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside) {
    position: relative;

    color: rgb(240, 248, 255);

    background-color: rgb(74, 144, 226);
}
.DayPicker-Day--selected:not(.DayPicker-Day--disabled):not(.DayPicker-Day--outside):hover {
    background-color: rgb(81, 160, 250);
}
.DayPicker:not(.DayPicker--interactionDisabled).DayPicker-Day:not(.DayPicker-Day--disabled):not(.DayPicker-Day--selected):not(.DayPicker-Day--outside):hover {
    background-color: rgb(240, 248, 255);
}
.DayPickerInput {
    display: inline-block;
}
.DayPickerInput-OverlayWrapper {
    position: relative;
}
.DayPickerInput-Overlay {
    position: absolute;
    left: 0;
    z-index: 1;

    background: hsl(0, 0%, 100%);
    box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
}
/*
    Detailed Panel
*/
.detailed-panel {
    position: relative;

    height: 100%;
    padding: 1.875rem;
    padding-bottom: 11.25rem;
    overflow: auto;

    background-color: rgb(255, 255, 255);
    border-left: 0.0625rem solid rgb(221, 220, 220)
}
.detailed-panel.is-editing {
  padding-bottom: 13.125rem;
}
.detailed-panel.auto {
  width: auto;
  min-width: 33.75rem;
  border-radius: 0rem;
}
.detailed-panel.medium {
  width: 33.75rem;
}
.detailed-panel.no-border {
  border-left: none;
}
.detailed-panel.no-pad {
  padding: 0rem;
}
.detailed-panel .tab-navigation {
        margin-bottom: 1.375rem;

        border-bottom: 1px solid rgb(231, 231, 231);
}
.detailed-panel .field-adder-item-wrapper {
        margin-bottom: 1.375rem;
}
.detailed-panel .profile-picture {
        align-items: flex-start;
}
.detailed-panel .add-tag {
        margin-bottom: 1.375rem;
}
.detailed-panel .add-tag .tag {
            margin-bottom: 0rem;
        }
.detailed-panel .tag {
        margin-bottom: 0.75rem;
}
.detailed-panel .user-comment-content-time {
            margin-right: 0rem;
        }
.detailed-panel .user-comment-input {
            position: fixed;
            bottom: 0;

            left: calc(100% - 33.75rem);

            z-index: 99;

            width: 31.25rem;

            padding: 1.25rem;
            margin: 0rem 1.25rem;

            background-color: rgb(255, 255, 255);

            border-top: 0.0625rem solid rgb(221, 220, 220);
        }
.detailed-panel .quick-reply {
        position: absolute;
        top: 0;
        left: 0.9375rem;
        z-index: 200;
}
.detailed-panel .quick-reply-wrapper {
            position: relative;

            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-bottom: 0.75rem
        }
.detailed-panel .quick-reply-wrapper.is-hidden .quick-reply {
                    display: none;
}
.detailed-panel .quick-reply-wrapper .button:not(:last-of-type) {
                margin-right: 0.75rem;
}
.detailed-panel .quick-reply-wrapper .quick-reply {
                display: block;
}
.detailed-panel .quick-reply-button {
            display: flex;
            justify-content: center;
            width: 2.5rem;
            height: 2.5rem;
            margin-right: 0.75rem
        }
.detailed-panel .quick-reply-button:hover {
  cursor: pointer;
  background-color: rgb(216, 216, 216);
}
.detailed-panel .quick-reply-button .icon {
                width: 1.5625rem;
                height: 2.8125rem;
}
.detailed-panel-empty {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 25rem;
}
.detailed-panel-header {
        margin-bottom: 0.75rem;

        border-bottom: 0.0625rem solid rgb(221, 220, 220);
}
.detailed-panel-header-field {
            position: relative;

            margin-right: 3rem;
        }
.detailed-panel-header-field .loader {
                position: absolute;
                top: 0.5rem;
                right: 0;
            }
.detailed-panel-header-field .icon-button-set {
                position: absolute;
                top: 2.8125rem;
                right: 0;
            }
.detailed-panel-header-field .field {
                width: 100%;
            }
.detailed-panel-header-field .field-input {
                    width: 100%;

                    padding: 0;

                    font-size: 1.125rem;
                    font-weight: 700;

                    border: 0 solid transparent;
                    border-bottom: 1px solid transparent;
                    border-radius: 0
                }
.detailed-panel-header-field .field-input::-webkit-input-placeholder {
  font-weight: 400;
}
.detailed-panel-header-field .field-input:hover,
                    .detailed-panel-header-field .field-input:focus {
  border-bottom: 1px solid rgb(231, 231, 231);
  box-shadow: 0 0 0rem 0 transparent;
}
.detailed-panel-header-field .field-status {
                    position: absolute;
                }
.detailed-panel-header.no-border {
  border-bottom: transparent;
}
.detailed-panel-header > p {
            margin-bottom: 0.75rem;
}
.detailed-panel-header-rating {
            display: flex;
            align-items: center;
            margin-bottom: 0.75rem;
}
.detailed-panel-header-rating .star-rating,
            .detailed-panel-header-rating > p {
                margin-bottom: 0rem;
                margin-left: 0.75rem;
            }
.detailed-panel-header-rating .icon {
                width: 1rem;
                height: 1rem;
            }
.detailed-panel-section {
        margin-top: 0.75rem;
}
.detailed-panel-section:not(:last-of-type) {
  border-top: 0.0625rem solid rgb(221, 220, 220);
}
.detailed-panel-column {
        display: flex;
        flex-basis: 50%;
        flex-direction: column;
        width: 100%;
}
.detailed-panel-row {
        display: flex;
        flex-direction: row;
        margin-bottom: 0.75rem;
}
.detailed-panel-row.no-margin {
  margin-bottom: 0rem;
}
.detailed-panel-row .icon {
            width: 1rem;
            height: 1rem;
}
.detailed-panel-submit {
        display: flex;
        justify-content: flex-end;
        width: 100%;
        min-height: 2.5rem;
        margin-bottom: 1.375rem;
}
.detailed-panel-submit .button {
            border-radius: 0.5rem
        }
.detailed-panel-submit .button:not(:last-of-type) {
  margin-right: 0.75rem;
}
.detailed-panel-close {
        position: absolute;
        right: 2.5rem;
        z-index: 99;

        display: flex;
        align-items: center;
}
.detailed-panel-close .icon {
            width: 1.25rem;
            height: 1.25rem;

            color: rgb(0, 153, 240);
        }
.detailed-panel-seperator {
        margin-top: 1.375rem;
        margin-bottom: 1.375rem;

        border: 1px solid rgb(231, 231, 231);
}
.detailed-panel-date {
        color: rgb(136, 136, 136);
        font-size: 0.8125rem;
        font-weight: 400;
        line-height: 1.25rem;
}
.detailed-panel-content {
        padding-top: 0.75rem;
}
.detailed-panel-error {
        display: flex;
        flex-direction: column;

        color: rgb(255, 0, 0);
        font-size: 0.875rem;
}
/*
    Dialog Actions
*/
.dialog-actions {
    position: absolute;
    top: 0;
    left: 0;
    z-index: 2;

    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    height: 100%;

    background-color: rgba(255, 255, 255, 0.8);
    opacity: 1;
}
.dialog-actions-inner {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;
    }
.dialog-actions-close-overlay {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;
    }
.dialog-actions-close-overlay-label {
            opacity: 0;
        }
.dialog-actions-close-button {
        position: absolute;
        top: 0;
        right: 0;

        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.5rem;
        height: 1.5rem;

        color: rgb(255, 255, 255);

        background-color: rgb(67, 74, 84);
        border-radius: 50%;

        transform: translate(50%, -50%);
        transition: opacity 0.15s ease-in-out
    }
.dialog-actions-close-button:hover {
  opacity: 0.8;
}
.dialog-actions-close-button .icon {
            fill: rgb(255, 255, 255);

            width: 0.625rem;
            height: 0.625rem;
}
.dialog-actions-close-button-label {
            display: none;
}
.dialog-actions-buttons {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;
    }
.dialog-actions-button {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 5rem;
        height: 5.625rem;

        color: rgb(255, 255, 255);
        text-align: center;

        background-color: rgb(67, 74, 84)
    }
.dialog-actions-button:first-child {
  border-top-left-radius: 0.25rem;
  border-bottom-left-radius: 0.25rem;
}
.dialog-actions-button:last-child {
  border-top-right-radius: 0.25rem;
  border-bottom-right-radius: 0.25rem;
}
.dialog-actions-button:not(:first-child) {
  border-left: 0.0625rem solid rgba(0, 0, 0, 0.2);
}
.dialog-actions-button:hover .dialog-actions-button-inner {
                opacity: 0.6;
}
.dialog-actions-button-inner {
            transition: opacity 0.15s ease-in-out;
}
.dialog-actions-button .icon {
            display: inline-block;
            width: 1.875rem;
            height: 1.875rem;
            margin-bottom: 0.625rem;
}
.dialog-actions-button-label {
            display: block;

            font-size: 0.5625rem;
            line-height: 0.625rem;
            letter-spacing: 0.1em;
            text-transform: uppercase;
}
.dialog-actions-empty {
        display: flex;
        align-items: center;
        justify-content: center;
        width: auto;
        height: auto;
        max-width: 25rem;
        min-width: 21.25rem;
        min-height: 6.25rem;
        padding: 1.25rem;

        white-space: pre-wrap;

        background-color: rgb(67, 74, 84);
        border-radius: 0.25rem;
    }
.dialog-actions-empty p {
            margin-bottom: 0;

            color: rgb(255, 255, 255);
            text-align: center;
        }
.dialog-actions-empty .link {
            color: rgb(255, 255, 255);
            font-weight: 600;
            text-decoration: underline;
        }
/*
    Dialog Box
*/
.dialog-box {
    position: relative;

    padding: 1rem 0 1.25rem;

    border: 0.0625rem solid rgb(230, 230, 230);
    border-radius: 0.625rem
}
.dialog-box.has-shadow {
  box-shadow: 0 0.625rem 1.25rem rgba(0, 0, 0, 0.08);
}
.dialog-box.FIXED {
  position: absolute;
  left: 9.375rem;
  z-index: 7;
  display: none;
  width: auto;
  max-width: 21.875rem;
  min-width: 15.625rem;
  background-color: rgb(255, 255, 255);
}
.dialog-box.FIXED.is-active {
  display: block;
}
.dialog-box.FIXED.is-empty {
  height: auto;
  min-width: 20rem;
}
.dialog-box.FIXED.is-lower {
  bottom: 0rem;
}
.dialog-box-title {
        margin-bottom: 0.375rem;

        color: rgb(74, 74, 74);
        font-size: 1rem;
        font-weight: 700;
        line-height: 1.375rem;
        letter-spacing: 0;
}
.dialog-box-empty {
        margin-bottom: 0.375rem;

        color: rgb(155, 155, 155);
        font-weight: 400;
        line-height: 1.375rem;
        letter-spacing: 0;
}
.dialog-box-subtitle {
        margin-bottom: 0.75rem;

        color: rgb(155, 155, 155);
        font-size: 0.75rem;
        font-weight: 700;
        line-height: 1.0625rem;
        letter-spacing: 0;
        text-transform: uppercase;
}
.dialog-box-avatar {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.875rem;
        height: 1.875rem;
        margin-left: 1.25rem;

        background-color: rgb(248, 82, 82);
        border-radius: 50%;
}
.dialog-box-avatar .icon {
            width: 1.25rem;
            height: 1.25rem;

            color: rgb(255, 255, 255);
        }
.dialog-box-legend {
        position: relative;

        display: flex;
        align-items: flex-start;
        justify-content: flex-start;

        font-size: 0.875rem;

        cursor: default;
}
.dialog-box-legend .icon {
            width: 1.25rem;
            height: 1.25rem;

            color: rgb(67, 74, 84);
        }
.dialog-box-legend .link {
            font-weight: 700;
        }
.dialog-box-legend > p,
        .dialog-box-legend .link {
            margin-bottom: 1.375rem;
            margin-left: 0.625rem;
        }
.dialog-box-create {
        min-height: 25rem;
        padding: 1.25rem;
}
.dialog-box-create .field.text,
        .dialog-box-create .field-input:focus,
        .dialog-box-create .field-input {
            height: auto;
            min-height: 21.875rem;

            background-color: rgb(252, 252, 252);
            border: none;
            box-shadow: none;
        }
.dialog-box-create .field.textarea .textarea {
            padding: 0;

            line-height: 1.8;

            resize: none;
        }
.dialog-box-managed {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 25rem;

        text-align: center;
}
.dialog-box-managed .yonder-managed-badge {
            display: inline-flex;
        }
.dialog-box-content {
        padding-bottom: 0.625rem;
}
.dialog-box-content.is-editing {
  padding-top: 0.25rem;
  padding-bottom: 0.875rem;
}
.dialog-box-content.is-editing .dialog-box-section {
                padding-top: 0.5rem;
                padding-bottom: 0.5rem;
}
.dialog-box-content.is-editing .placeholder-hint-block:first-child {
                margin-top: 0.0625rem;
                margin-bottom: 0.5rem;
}
.dialog-box-content.is-editing .placeholder-hint-block:last-child {
                margin-top: 0.5rem;
                margin-bottom: 0.0625rem;
}
.dialog-box-content .placeholder-hint-block {
            width: calc(100% - 2.5rem);
            min-height: 11.25rem;
            margin: 0.3125rem 1.25rem;
}
.dialog-box-content .placeholder-hint-block:first-child {
  margin-top: 0;
}
.dialog-box-section {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.25rem 1.25rem;

        transition: background-color 0.15s ease-in-out, height 0.15s ease-in-out;
}
.dialog-box-section:not(.is-preview):hover {
  z-index: 1;
  cursor: pointer;
}
.dialog-box-section:not(.insert-button):hover {
  background-color: rgb(230, 244, 253);
}
.dialog-box-section:not(.insert-button):hover .dialog-box-section-actions {
                opacity: 1;
}
.dialog-box-section.is-preview:hover {
  background-color: rgb(255, 255, 255);
}
.dialog-box-section.is-active {
  background-color: rgb(230, 244, 253);
}
.dialog-box-section.is-active .dialog-box-section-actions {
                opacity: 1;
}
.dialog-box-section.is-active .dialog-box-section-actions-close {
                    display: block;
                }
.dialog-box-section.is-active .dialog-box-section-actions-open {
                    display: none;
                }
.dialog-box-section-content {
            flex-basis: 80%;
            flex-shrink: 0;
}
.dialog-box-section-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 0 1.25rem;

            color: rgb(51, 173, 243);

            opacity: 0;

            transition: opacity 0.1s ease-in-out;
}
.dialog-box-section-actions .icon {
                width: 1.25rem;
                height: 1.25rem;
            }
.dialog-box-section-actions-close {
                display: none;
            }
/*
    Dialog list used in quiz recommendations.
*/
.dialog-list {
    position: absolute;
    top: 2.5rem;
    left: 0;
    z-index: 7;

    display: none;
    width: 23.75rem;
    height: auto;

    color: rgb(67, 74, 84);

    cursor: default;
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(219, 218, 218);
    border-radius: 0.25rem;
    box-shadow: 0 0.9375rem 1.5625rem 0 rgba(0, 0, 0, 0.1)
}
.dialog-list.is-open {
  display: block;
}
.dialog-list.align-right {
  right: 0;
  left: auto;
}
.dialog-list-loader {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 6.25rem;
}
.dialog-list-content {
        max-height: 9.375rem;
        overflow-y: auto;
}
.dialog-list-empty {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 7.5rem;
}
.dialog-list-empty > p {
            margin-bottom: 0rem;
        }
.dialog-list-header {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        height: 2.1875rem;
        padding: 0rem 0.9375rem;

        border-bottom: 1px solid rgb(219, 218, 218);
}
.dialog-list-header-icon {
            display: flex;
            align-items: center;
            justify-content: flex-end
        }
.dialog-list-header-icon:hover {
  cursor: pointer;
}
.dialog-list-header-icon .icon {
                width: 0.625rem !important;
                height: 0.75rem !important;

                color: rgb(180, 178, 178);
}
.dialog-list-item {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 2.1875rem;
        padding: 0.75rem;

        font-size: 0.8125rem;
}
.dialog-list-item:hover {
  cursor: pointer;
  background-color: rgb(246, 246, 246);
}
.dialog-list-item:hover .icon {
                visibility: visible;
}
.dialog-list-item > p {
            display: block;

            margin-bottom: 0rem;
            overflow: hidden;

            text-overflow: ellipsis;

            white-space: nowrap;
}
.dialog-list-item .icon {
            width: 0.875rem;
            height: 0.875rem;
            min-width: 0.875rem;
            min-height: 0.875rem;
            margin-left: 0.75rem;

            color: rgb(74, 144, 226);

            visibility: hidden;
}
/*
    Dialog Preview
*/
.dialog-preview-message {
        min-height: 2.25rem;
        padding: 0.4375rem 0.5rem 0.4375rem 0.625rem;

        color: rgb(115, 115, 115);
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.25rem;
        white-space: pre-wrap;

        background-color: rgb(250, 250, 250);
        border: 0.0625rem solid rgb(230, 230, 230);
        border-radius: 0.625rem 0.625rem 0.625rem 0.25rem;
    }
.dialog-preview-button-wrapper {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        min-width: 6.25rem;
        min-height: 2.125rem;
        padding: 0.375rem 0.75rem;

        color: rgb(0, 153, 240);
        font-size: 0.875rem;
        font-weight: 600;
        text-align: center;

        background-color: rgb(255, 255, 255);
        border: 0.0625rem solid rgb(0, 153, 240);
        border-radius: 0.625rem;
    }
.dialog-preview-button-wrapper .icon {
            width: 0.75rem !important;
            height: 0.75rem !important;
            margin-left: 0.625rem;
            fill: rgb(0, 153, 240);
        }
.dialog-preview-media {
        display: flex;
        align-items: center;
        justify-content: center;

        background-color: rgb(230, 230, 230);
        border-radius: 0.25rem
    }
.dialog-preview-media.no-image {
  min-height: 12.5rem;
}
.dialog-preview-media .icon {
            width: 3.75rem;
            height: 3.75rem;

            color: rgb(115, 115, 115);

            opacity: 0.2;
}
.dialog-preview-media .loader {
            color: rgb(115, 115, 115);

            opacity: 0.2;
}
.direct-feedback {
    padding: 0.9375rem;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(219, 218, 218);
    border-bottom: 0
}
.direct-feedback:last-child,
    .direct-feedback:last-of-type {
  margin-bottom: 0.75rem;
  border-bottom: 1px solid rgb(219, 218, 218);
}
.direct-feedback:hover .direct-feedback-open-container {
            opacity: 1;
}
.direct-feedback-container {
        margin-bottom: 1.375rem;
}
.direct-feedback-content {
        display: flex;
        align-items: center;
}
.direct-feedback-content-item {
            display: flex;
            align-items: center;
            flex-shrink: 0;
            margin-bottom: 0rem
        }
.direct-feedback-content-item:not(:last-child) {
  margin-right: 0.625rem;
}
.direct-feedback-open {
        display: flex;
        align-items: center;
        min-width: 5rem;
}
.direct-feedback-open-container {
            display: flex;
            align-items: center;
            align-self: flex-end;
            padding: 0.125rem 0.5rem;

            color: rgb(67, 74, 84);

            border-radius: 0.25rem;

            opacity: 0;

            transition: opacity 0.18s ease-in-out;
            fill: rgb(67, 74, 84)
        }
.direct-feedback-open-container:hover {
  color: rgb(74, 144, 226);
  cursor: pointer;
  background-color: rgb(242, 244, 252);
  fill: rgb(74, 144, 226);
}
.direct-feedback-open-container > p {
                margin-bottom: 0rem;

                font-weight: 600;
}
.direct-feedback-open-container .icon {
                width: 0.875rem;
                height: 0.875rem;
                margin-right: 0.3125rem;
                fill: rgb(74, 74, 74);
}
.direct-feedback-header {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        margin-bottom: 0.5rem;

        color: rgb(74, 74, 74);
        font-weight: 600;
}
.direct-feedback-header .icon {
            max-width: 1rem;
            max-height: 1rem;
            fill: rgb(0, 153, 240);
        }
.direct-feedback-loader {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 3.75rem;
}
.direct-feedback-empty {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        min-height: 3.75rem;
        padding: 1.25rem;

        text-align: center;
}
.direct-feedback-empty a {
            text-decoration: none;

            cursor: pointer;
        }
.direct-feedback-empty h4 {
            margin-bottom: 0.375rem;

            font-size: 0.875rem;
        }
.direct-feedback > p {
        margin-bottom: 0.5rem;
}
.direct-feedback h5 {
        margin-bottom: 0;

        color: rgb(74, 74, 74);
}
.downgrade-box-set {
    display: flex;
    flex-wrap: wrap;
}
/*
    Downgrade Box
*/
.downgrade-box {
    width: 21.875rem;
    padding: 1.5625rem;

    background-color: rgb(255, 255, 255);
    border: 0.0625rem solid rgb(233, 233, 233);
    border-radius: 0.25rem;
}
.downgrade-box p {
        margin-bottom: 0.25rem;
    }
.downgrade-box .link {
        font-size: 0.875rem;
        font-weight: 700;
        text-transform: uppercase;
    }
.downgrade-box-header {
        display: flex;
        align-items: center;
        margin-bottom: 0.375rem;
    }
.downgrade-box-header p {
            margin-bottom: 0rem;

            font-weight: 700;
        }
.downgrade-box .icon {
        width: 2.5rem;
        height: 2.5rem;
        margin-right: 0.75rem;
        fill: rgb(67, 74, 84);
    }
/*
    Dropdown set
*/
.dropdown-set {
    position: relative;

    display: flex;
    align-items: center;
    flex-grow: 1;
    width: 100%
}
.dropdown-set.default .button {
            color: rgb(255, 255, 255);

            background-color: rgb(0, 153, 240);
}
.dropdown-set.has-margin {
  margin-bottom: 0.875rem;
}
.dropdown-set.align-end {
  align-items: flex-end;
}
.dropdown-set.justify-center {
  flex-grow: 1;
  justify-content: center;
}
.dropdown-set.justify-end {
  align-items: flex-end;
  flex-grow: 1;
  justify-content: flex-end;
}
.dropdown-set.justify-end > a:hover {
            text-decoration: none;
}
.dropdown-set.no-grow {
  flex-grow: 0;
}
.dropdown-set.left-spacing .dropdown {
            margin-right: 0rem;
            margin-left: 0.75rem;
}
.dropdown-set .pagination {
        align-self: flex-end;
        flex-grow: 1;
}
.dropdown-set .link {
        text-decoration: none;
}
.dropdown-set .DayPicker {
        top: 1.25rem;
        right: 0rem;
}
.dropdown-set .DayPicker.medium-offset {
  top: 2.1875rem;
}
.dropdown-set .heading-5 {
        margin-bottom: 0.25rem;

        color: rgb(74, 74, 74);
}
.dropdown-set .heading-4 {
        margin-right: 0.75rem;
        margin-bottom: 0rem;

        color: rgb(74, 74, 74);
        font-size: 1.125rem;
}
.dropdown-set .switch {
        margin-bottom: 0rem;
}
.dropdown-set .switch,
    .dropdown-set .dropdown {
        margin-right: 1.25rem;
}
.dropdown-set .table-search {
        width: 23.75rem;
}
.dropdown-set-column {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
}
.dropdown-set-row {
        display: flex;
        flex-grow: 1;
        justify-content: space-between;
        margin-bottom: 0.75rem;
}
.dropdown-set-row .dropdown {
            width: -webkit-fill-available;
            min-width: auto;
        }
.dropdown-set-row .dropdown-item {
                width: -webkit-fill-available;
                min-width: auto;
            }
.dropdown-set-row .dropdown-set-label {
            min-width: 7.5rem;
        }
.dropdown-set-label {
        display: flex;
        align-items: center;
        margin-right: 0.75rem;
        margin-bottom: 0rem;
}
.dropdown-set-description {
        margin-bottom: 0rem;
        margin-left: 0.75rem;
}
.dropdown-set-subtext {
        padding: 0.125rem 0.3125rem;
        margin-bottom: 0rem;

        color: rgb(111, 119, 130);
}
.dropdown-set-button {
        height: 2.8125rem;
        margin: 0rem 0.75rem;
}
.dropdown-set-button.no-margin {
  margin: 0;
}
.dropdown {
    position: relative;

    display: flex;
    align-items: baseline
}
.dropdown.disabled {
  pointer-events: none;
  cursor: default;
  opacity: 0.5;
}
.dropdown.inactive .dropdown-content-label {
            color: rgb(136, 136, 136);
}
.dropdown-clear-icon {
        margin-right: 0.3125rem;

        color: rgb(115, 115, 115);

        font-size: 0.75rem;

        cursor: pointer;
}
.dropdown-icons,
    .dropdown-items {
        display: flex;
        align-items: center;
}
.dropdown-icons.selected, .dropdown-items.selected {
  justify-content: space-between;
  width: 2.1875rem;
}
.dropdown-placeholder {
        color: rgb(115, 115, 115);
}
.dropdown-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 0rem 0.3125rem;

        text-align: center;
}
.dropdown-content-label {
            flex-wrap: nowrap;
            padding-right: 0.75rem;
            overflow: hidden;

            text-overflow: ellipsis;
            white-space: nowrap;
        }
.dropdown-content .loader.small {
            width: 1rem;
            height: 1rem;
        }
.dropdown-content .loader.small .loader-spinner {
                width: 1rem;
                height: 1rem;
            }
.dropdown-content > .icon.label {
            margin-right: 0.75rem;
        }
.dropdown-content.is-open > .icon.arrow {
                transform: rotate(180deg);
}
.dropdown-item {
        position: relative;

        display: block;
        align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0.25rem;

        font-size: 0.875rem;
        font-weight: 600;

        background-color: rgb(255, 255, 255);
        border-color: rgb(230, 230, 230);
        border-style: solid;
        border-width: 0.0625rem;
        border-radius: 0.375rem;
}
.dropdown-item:hover {
  cursor: pointer;
}
.dropdown-item:focus {
  outline: none;
}
.dropdown-item.small {
  min-width: 6.25rem;
}
.dropdown-item.medium {
  min-width: 9.375rem;
}
.dropdown-item.large {
  min-width: 12.5rem;
}
.dropdown-item.x-large {
  min-width: 15.625rem;
}
.dropdown-item.auto {
  min-width: auto;
}
.dropdown-item.grow {
  flex-grow: 1;
}
.dropdown-item.transparent {
  background-color: transparent;
  border: 1px solid transparent;
}
.dropdown-item.transparent:hover {
  cursor: default;
  background-color: transparent;
}
.dropdown-item.is-open .dropdown-submenu {
                display: block;

                cursor: pointer;
}
.dropdown-item.dark {
  color: rgb(255, 255, 255);
  background-color: rgb(68, 75, 85);
}
.dropdown-item.dark .icon.arrow {
  color: rgb(255, 255, 255);
}
.dropdown-item.dark:hover {
  background-color: rgb(97, 108, 125);
}
.dropdown-item.light {
  color: rgb(0, 0, 0);
  background-color: rgb(255, 255, 255);
}
.dropdown-item.light .icon.arrow {
  color: rgb(74, 74, 74);
}
.dropdown-item.light:hover {
  background-color: rgb(243, 243, 243);
}
.dropdown-item:hover {
  background-color: rgb(243, 243, 243);
}
.dropdown-item .icon {
            width: 0.9375rem;
            height: 0.9375rem;
}
.dropdown-item .icon.arrow {
  width: 0.75rem;
  height: 0.75rem;
  color: rgb(255, 255, 255);
  transition: all 400ms ease;
}
.dropdown-submenu {
        position: absolute;
        top: calc(100% + 0.3125rem);
        left: -0.0625rem;
        z-index: 5;

        display: none;
        flex-grow: 1;
        width: -webkit-fill-available;
        max-height: 18.75rem;
        min-width: 11.25rem;
        overflow: auto;

        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(230, 230, 230);
        border-top: 1px solid rgb(230, 230, 230);
        border-radius: 0.25rem;
}
.dropdown-submenu.has-flipped {
  top: auto;
  bottom: calc(100% + 0.3125rem);
  left: -0.0625rem;
}
.dropdown-submenu.small-height {
  max-height: 6.25rem;
}
.dropdown-submenu.medium-height {
  max-height: 12.5rem;
}
.dropdown-submenu-item {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            padding: 0.625rem;

            color: rgb(67, 74, 84);
            font-size: 0.75rem;
            font-weight: 600;
            line-height: 1.7;
            text-align: left;
}
.dropdown-submenu-item-info:not(:first-child) {
  padding: 0rem 0.9375rem;
}
.dropdown-submenu-item .icon {
                width: 1.125rem !important;
                height: 1.125rem !important;

                color: rgb(67, 74, 84);
                fill: rgb(67, 74, 84);
            }
.dropdown-submenu-item:hover {
  color: rgb(0, 162, 255);
  text-decoration: none;
  background-color: rgb(250, 250, 250);
  fill: rgb(0, 162, 255);
}
.dropdown-label {
        margin-right: 0.3125rem;
        margin-left: 0.3125rem;

        color: rgb(115, 115, 115);
        font-size: 0.8125rem;
}
.dropdown-right {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-right: 0.625rem;
}
/*
    Dynamic textarea for expandable text
*/
.dynamic-textarea {
    position: relative;

    min-height: 3.875rem;
    margin-bottom: 1.375rem;
}
.dynamic-textarea .textarea {
        min-height: 3.875rem;

        overflow: hidden;

        line-height: 1.4;

        resize: none;
    }
.dynamic-textarea textarea:disabled {
        background-color: rgb(243, 243, 243);
        opacity: 0.4;
    }
.dynamic-textarea.textarea {
  min-height: 6.25rem;
}
.dynamic-textarea input[type='text'] {
        font-size: 0.875rem;
}
.dynamic-textarea-pre,
    .dynamic-textarea textarea {
        font-size: 0.875rem;
}
.dynamic-textarea-textarea {
        min-height: 100px;
}
.dynamic-textarea-container {
        position: relative;

        width: 100%;

        min-height: 3.875rem;

        border: none;
}
.dynamic-textarea-pre,
    .dynamic-textarea-input {
        width: 100%;
        height: 100%;
        padding: 0.625rem;
        overflow: auto;

        font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
        font-size: 1rem;
        word-wrap: break-word;
        white-space: pre-wrap;

        border: none;
        border-left: 1px solid transparent;
        scrollbar-width: none;
        -ms-overflow-style: none;
}
.dynamic-textarea-pre ::-webkit-scrollbar, .dynamic-textarea-input ::-webkit-scrollbar {
            width: 0;
            height: 0;
        }
.dynamic-textarea-input {
        position: absolute;
        top: 0;
        left: 0;

        max-height: -webkit-fit-content;

        max-height: -moz-fit-content;

        max-height: fit-content;

        border: 1px solid rgb(237, 237, 237);
        border-radius: 0.5rem;

        resize: none;
}
.dynamic-textarea-input .dynamic-textarea-input.textarea {
            min-height: 100px;
        }
.dynamic-textarea-input:focus {
  border-color: rgb(0, 153, 240);
  box-shadow: 0 0 0.3125rem 0 rgba(0, 153, 240, 0.5);
}
.dynamic-textarea-input::-webkit-input-placeholder {
  font-size: 0.875rem;
}
.dynamic-textarea-input::-moz-placeholder {
  font-size: 0.875rem;
}
.dynamic-textarea-input:-ms-input-placeholder {
  font-size: 0.875rem;
}
.dynamic-textarea-input::placeholder {
  font-size: 0.875rem;
}
.dynamic-textarea-pre {
        min-height: 3.875rem;

        padding: 0.75rem;
        margin: 0;

        font-size: 0.875rem;
        line-height: 1.4;

        visibility: hidden;
}
.email-configuration-row {
        display: flex;
        justify-content: flex-start
    }
.email-configuration-row:last-of-type {
  margin-bottom: 0.75rem;
}
.email-configuration-row p {
            margin-bottom: 0.75rem;
}
.email-configuration-row .link {
            margin-left: 0.75rem;
}
.email-configuration-row-text {
            width: 9.375rem;
            margin-bottom: 0.75rem;

            font-weight: 700;
}
.enquiry-form .dropdown {
        padding-bottom: 1.125rem;
    }
.enquiry-form .field {
        padding-bottom: 0.75rem;
    }
.enquiry-form .link {
        font-weight: 700;
        text-transform: uppercase;
    }
.enquiry-form .form-submit {
        display: flex;
        justify-content: flex-end;
    }
.enquiry-form p,
    .enquiry-form-title {
        color: rgb(41, 41, 41);
    }
.enquiry-form-title {
        font-size: 1.125rem;
    }
/*
    Feedback Modal
*/
.feedback-section {
        display: flex;
        justify-content: space-between;
    }
.feedback-section .field {
            flex-grow: 1
        }
.feedback-section .field:nth-of-type(1) {
  margin-right: 1rem;
}
.feedback-section-row {
            display: flex;
            flex-direction: row;
        }
.feedback-section-row .feedback-section-rating {
                margin-left: 1.375rem;
            }
.feedback-section-container {
            display: flex;
            flex-direction: column;
        }
.feedback-section-marginalised {
            margin: 0;
        }
.feedback-section-rating {
            fill: none;
            stroke: rgb(0, 0, 0);
        }
.feedback-section-rating-clear {
                color: rgb(0, 153, 240)
            }
.feedback-section-rating-clear:hover {
  cursor: pointer;
}
.feedback-section-rating.is-selected {
  fill: rgb(245, 166, 35);
  cursor: pointer;
  stroke: none;
}
.feedback-section-rating:hover {
  cursor: pointer;
  stroke: none;
  fill: rgb(245, 166, 35);
}
.feedback-section-rating .icon {
                width: 2.5rem;
                height: 2.5rem;
}
.feedback-container {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
    }
.feedback-container .icon {
            width: 9.875rem;
            height: 9.875rem;
            stroke: rgb(0, 0, 0);
        }
.feedback-information {
        padding: 0.3125rem;

        color: rgb(110, 110, 110);
        text-align: center;
    }
.feedback-footer {
        display: flex;
        align-items: flex-end;
        justify-content: flex-end;
    }
.feedback-footer-content {
            margin-right: 1.875rem;
        }
/*
    Field
*/
.field {
    position: relative;

    padding-bottom: 1.375rem
}
.field.is-visible.password .field-visible {
            background-image: url(/ icons/eye-closed.svg);
}
.field.full-height {
  height: 100%;
}
.field.textarea {
  max-height: 12.5rem;
  min-width: 100%;
  min-height: 2.5rem;
}
.field.textarea.no-pad {
  padding-bottom: 0rem;
}
.field.textarea .textarea {
            line-height: 1.4;

            resize: none;
}
.field.textarea .textarea.is-resizeable {
  resize: vertical;
}
.field.textarea .textarea.medium {
  min-height: 4.375rem;
}
.field.textarea .textarea.large {
  min-height: 5.625rem;
}
.field.textarea .textarea.x-large {
  min-height: 10rem;
}
.field-label {
        display: block;
        margin-bottom: 0.3125rem;

        color: rgb(67, 74, 84);
        font-weight: 700;
}
.field-label.disabled {
  opacity: 0.4;
}
.field-input {
        width: 100%;

        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(230, 230, 230);
        border-radius: 0.3125rem;
}
.field-input:focus {
  border-color: rgb(0, 153, 240);
  box-shadow: 0 0 0.3125rem 0 rgba(0, 153, 240, 0.5);
}
.field-input.is-invalid {
  margin-bottom: 0.125rem;
  border-color: rgb(255, 0, 0);
}
.field-input.is-invalid.textarea {
  margin-bottom: -0.3125rem;
}
.field-input.is-warning {
  margin-bottom: 0.125rem;
}
.field-input.is-warning.textarea {
  margin-bottom: -0.3125rem;
}
.field-input.selector {
  height: 2.8125rem;
  padding: 0.63rem;
  font-size: 0.875rem;
}
.field-input.selector.small {
  height: 1.875rem;
}
.field-input.selector.auto {
  width: auto;
}
.field-input.selector:focus {
  outline: none;
  outline-offset: none;
}
.field-visible {
        position: absolute;
        top: 1.875rem;
        right: 0;

        width: 2.5rem;
        height: 2.5rem;

        font-size: 0;

        background-image: url(/ icons/eye-open.svg);
        background-position: center;
        background-repeat: no-repeat;
        background-size: 1.5625rem;
}
.field-status {
        bottom: 0;
        left: 0;

        display: flex;
        align-items: center;
        width: 100%;
        min-height: 1.5625rem;
        padding-top: 0.3125rem;
}
.field-status.not-fixed {
  position: relative;
  margin-top: 0.625rem;
}
.field-status a {
            color: inherit;
            text-decoration: underline;
}
.field-validation-message {
        flex-grow: 1;
        margin-right: 0.75rem;

        color: rgb(255, 0, 0);
        font-size: 0.75rem;
        text-align: left;
}
.field-validation-message.is-warning {
  color: rgb(255, 0, 0);
}
.field-label-info {
        display: block;
        flex-grow: 1;

        color: rgb(67, 74, 84);
        font-size: 0.75rem;
        text-align: right;
}
.field-label-info-icon {
            margin-left: 0.625rem;
        }
.field .limit {
        flex-grow: 1;

        font-size: 0.875rem;
        text-align: right;

        opacity: 0.3;
}
.field input[type='text']:disabled,
    .field input[type='text'].is-disabled,
    .field input[type='password']:disabled,
    .field input[type='password'].is-disabled,
    .field input[type='email']:disabled,
    .field input[type='email'].is-disabled,
    .field input[type='number']:disabled,
    .field input[type='number'].is-disabled,
    .field input[type='tel']:disabled,
    .field input[type='tel'].is-disabled,
    .field textarea:disabled,
    .field textarea.is-disabled {
        cursor: not-allowed;
        opacity: 0.6;
}
/*
    File Preview
*/
.file-preview {
    position: relative;

    display: flex;
    width: 5rem;
    height: 2.5rem;

    border: 1px dotted rgb(219, 218, 218);
    border-radius: 0.3125rem
}
.file-preview.small {
  height: 2rem;
}
.file-preview-image {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        padding: 0;
        margin: 0;
        margin-right: 0rem;

        cursor: pointer;
        background-position: center;
        background-size: cover;
        border-radius: 0.125rem;
}
.file-preview-image .icon {
            width: 1.25rem;
            height: 1.25rem;
            fill: rgb(219, 218, 218);
        }
.file-preview-action {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;

        cursor: pointer;
}
.file-preview-action .icon {
            width: 0.75rem;
            height: 0.75rem;
            color: rgb(148, 148, 148);
            fill: rgb(74, 74, 74);
        }
/*
    File Upload
*/
.file-upload {
    display: block;

    cursor: pointer;
    border: 2px dashed rgb(230, 230, 230);
    border-radius: 0.25rem;

    transition: background-color 0.1s ease-in-out, border-color 0.1s ease-in-out
}
.file-upload.is-loading .file-upload-title {
            text-align: left;
}
.file-upload.is-drag-active {
  background-color: rgba(0, 153, 240, 0.1);
  border-color: rgb(0, 153, 240);
}
.file-upload.is-drag-active .file-upload-contents {
            opacity: 0.5;
}
.file-upload.is-document {
  justify-content: center;
  height: 5rem;
}
.file-upload.is-document .file-upload-contents {
                justify-content: center;
                height: 5rem;
            }
.file-upload.is-document .file-upload-title {
                flex-grow: 0;
                justify-content: center;
            }
.file-upload-contents {
        display: flex;
        align-items: center;
        min-height: 3.125rem;
        padding: 0.3125rem 0.625rem 0.3125rem 0.375rem;

        transition: opacity 0.1s ease-in-out;
}
.file-upload-contents .icon,
        .file-upload-contents .button {
            flex-shrink: 0;
            fill: rgb(0, 153, 240);
        }
.file-upload-image-preview {
        width: 2.375rem;
        height: 2.375rem;

        background-size: cover;
        border-radius: 0.25rem;
}
.file-upload-title {
        flex-grow: 1;
        padding-right: 0.5rem;
        padding-left: 0.5rem;
        margin-bottom: 0;

        color: rgb(105, 110, 118);
        font-size: 0.75rem;
}
.file-upload-title.is-placeholder {
  text-align: right;
}
.file-upload-container .field-status {
            justify-content: flex-end;
        }
.file-upload-delete {
        display: flex;
        align-items: center;
        justify-content: flex-end;

        color: rgb(105, 110, 118);

        transition: opacity 0.15s ease-in-out;
}
.file-upload .icon {
        width: 1.125rem;
        height: 1.125rem;
        margin-left: 0.625rem;
}
.filter-options {
    display: flex;
    align-content: center;
    align-items: center;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: space-between;
    width: 100%
}
.filter-options.no-wrap {
  flex-wrap: nowrap;
}
.filter-options-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        height: 3.25rem;
}
.filter-options-row.justify-start {
  align-items: flex-start;
  justify-content: flex-start;
  width: 100%;
}
.filter-options-row.justify-end {
  align-items: flex-start;
  justify-content: flex-end;
  width: 100%;
}
.filter-options-row .button,
        .filter-options-row .dropdown {
            height: 2.125rem;
}
.filter-options-row .button:not(:last-child), .filter-options-row .dropdown:not(:last-child) {
  margin-right: 0.625rem;
}
.filter-options-row-text {
            margin-bottom: 0;

            color: rgb(67, 74, 84);
}
.filter-options-row-text:not(:first-child) {
  margin-left: 0.9375rem;
}
.filter-options-link {
        padding-left: 0.25rem;

        color: rgb(0, 153, 240);
        font-size: 0.875rem;
        font-weight: 700;
        fill: rgb(0, 153, 240);
}
.filter-options-link .icon {
            width: 0.75rem;
            height: 0.75rem;
        }
.filter-options-column {
        display: flex;
        align-content: center;
        align-items: center;
        flex-direction: column;

        font-weight: 400;
        text-align: center;
        fill: rgb(0, 153, 240);
}
.filter-options-column:first-child {
  justify-content: flex-start;
  font-weight: 600;
}
.filter-options-column:last-child {
  justify-content: flex-end;
}
/*
    Form
*/
.form-caption {
        color: rgb(74, 74, 74);
    }
.form-buttons {
        display: flex;
    }
.form-buttons .button:last-of-type {
            margin-left: auto;
        }
.form-fields-header h5 {
        margin-bottom: 0.25rem;

        color: rgb(67, 74, 84);
        font-size: 0.75rem;
        font-weight: 400;
        text-transform: uppercase;
    }
.form-fields-header p {
        color: rgb(67, 74, 84);
    }
/*
    Get started
*/
.get-started {
    width: 100%;
    height: auto;
    max-width: 87.5rem;

    margin-bottom: 2.5rem;

    background-color: rgb(255, 255, 255);

    border: 0.0625rem solid rgb(219, 218, 218);
    border-radius: 0.5rem;
    box-shadow: 0 0 0.375rem 0 rgba(0, 0, 0, 0.1);
}
.get-started-loader {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 10rem;
        margin-bottom: 2.5rem;

        background-color: rgb(255, 255, 255);
        border: 0.0625rem solid rgb(219, 218, 218);
        border-radius: 0.5rem;
        box-shadow: 0 0 0.375rem 0 rgba(0, 0, 0, 0.1);
    }
.get-started-content {
        height: 20rem;
        padding: 1.25rem;
    }
.get-started-content .heading-2 {
            margin-bottom: 0.3125rem;

            font-size: 1.25rem;
        }
.get-started-content-subtext {
            color: rgb(155, 155, 155);
        }
.get-started-content-list-item {
            display: flex;
            align-items: center;
            margin-bottom: 1.5625rem
        }
.get-started-content-list-item.active .get-started-content-list-item-label {
                        color: rgb(155, 155, 155);
                        font-weight: 400;
                        text-decoration: none;

                        cursor: default;
                    }
.get-started-content-list-item.active .get-started-content-list-item-toggle {
                        background-color: rgb(74, 184, 129);
                        border: none;
                    }
.get-started-content-list-item.active .get-started-content-list-item-toggle .icon {
                            color: rgb(255, 255, 255);
                        }
.get-started-content-list-item-toggle {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 1.625rem;
                height: 1.625rem;

                border: 0.0625rem solid rgb(74, 144, 226);
                border-radius: 6.1875rem;
}
.get-started-content-list-item-toggle .icon {
                    width: 0.9375rem;
                    height: 0.9375rem;
                    fill: rgb(74, 144, 226);
                }
.get-started-content-list-item-label {
                margin-bottom: 0rem;
                margin-left: 0.75rem;

                font-size: 0.875rem;

                font-weight: 600;
}
.get-started-image {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;
        height: 10rem;
        padding: 0.625rem;
        overflow: hidden;

        background-color: rgb(242, 245, 252);
        border-radius: 0.5rem 0.5rem 0rem 0rem;
    }
.get-started-image-close {
            position: absolute;
            top: 1.25rem;
            right: 1.25rem;
        }
.get-started-image-close .icon {
                width: 0.9375rem;
                height: 0.9375rem;

                color: rgb(155, 155, 155);
            }
.get-started-image .img {
            position: absolute;

            top: 1.25rem;

            height: 8.75rem;
        }
.reply-to-review .field {
        padding-bottom: 0.375rem;
    }
.reply-to-review-edit {
        color: rgb(170, 170, 170);
        font-weight: 600;

        cursor: pointer
    }
.reply-to-review-edit:hover {
  text-decoration: underline;
}
.reply-to-review-text {
        display: flex;
        width: 100%;

        padding-left: 0.75rem;
        margin: 0;

        margin-bottom: 0.75rem;

        font-style: italic;

        border-left: 0.1875rem solid rgb(221, 220, 220);
    }
.reply-to-review-date {
        display: flex;
        align-content: center;

        width: 100%;
        margin: 0;

        color: rgb(74, 74, 74);
    }
.reply-to-review-date P {
            margin-bottom: 0rem
        }
.reply-to-review-date P:not(:last-of-type) {
  margin-right: 2.125rem;
}
.google-snippet {
    display: flex;
    align-items: center;
    width: 19.1875rem;
    height: 1.8125rem;
    max-width: 100%;
    padding: 0.625rem;

    color: rgb(155, 155, 155);
    line-height: 1.125rem;
    letter-spacing: 0;

    background-color: rgb(255, 255, 255);
    border-radius: 0.25rem;
    box-shadow: 0 0 0.5625rem 0 rgba(0, 0, 0, 0.14);
}
.google-snippet-label {
        padding: 0rem 0.625rem;
        margin-bottom: 0;

        font-size: 0.8125rem;
    }
.google-snippet.no-border {
  padding: 0;
  box-shadow: none;
}
.google-snippet .icon {
        width: 0.9375rem;
        height: 0.9375rem;
}
.header-spaced {
        display: 'table-cell';
        margin-right: 10px;
        margin-left: 10px;
    }
/*
    Heading filter
    Organise filter options such as dropdowns and date pickers 
*/
.heading-filter {
    display: flex;
}
.heading-filter-container {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        width: 100%;
        margin-bottom: 0.75rem
    }
.heading-filter-container.space-between {
  flex-direction: row;
  justify-content: space-between;
}
.heading-filter-container .button {
            height: 1.875rem;
}
.heading-filter-container .button,
        .heading-filter-container .heading-filter-label,
        .heading-filter-container .dropdown {
            margin-right: 0.75rem;
            margin-bottom: 0.75rem;
}
.heading-filter-row {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
    }
.heading-filter-label {
        display: flex;
        align-items: center;
        max-width: 18.75rem;

        color: rgb(74, 74, 74);
        font-size: 0.875rem;
        font-weight: 700;
    }
/*
    Help
*/
.help-contact-list {
        padding: 0;
        margin: 0;

        list-style: none;
    }
.help-contact-list-item {
            display: flex;
            align-items: center;
            margin-bottom: 0.625rem;
        }
.help-contact-list-item .info {
                display: flex;
                align-items: center;
            }
.help-contact-list-item .icon {
                width: 1.25rem;
                height: 1.25rem;

                margin-right: 0.3125rem;
            }
.help-contact-list-item .text-spacer {
                padding: 0 0.3125rem;
            }
/*
    Icon button
*/
.icon-button {
    padding: 0.25rem 0.75rem;

    cursor: pointer;

    background-color: rgba(9, 30, 66, 0.04);

    border-radius: 0.25rem
}
.icon-button:hover {
  background-color: rgba(9, 30, 66, 0.1);
}
.icon-button .icon {
        width: 0.5rem;
        height: 0.5rem;
}
.icon-button-set {
        display: flex;
}
.icon-button-set .icon-button:not(:last-of-type) {
  margin-right: 0.25rem;
}
.icon-label-list-row {
        display: flex;
        justify-content: space-between;

        padding: 0.875rem 0rem;

        border-top: 0.0625rem solid rgb(208, 213, 221)
    }
.icon-label-list-row:last-child {
  border-bottom: 0.0625rem solid rgb(208, 213, 221);
}
.icon-label-list-row-container {
            display: flex;
            align-items: center;
}
.icon-label-list-row-container * {
                margin-bottom: 0rem;

                color: rgb(67, 74, 84);
                fill: rgb(67, 74, 84);
            }
.icon-label-list-row-container .icon {
                width: 1.5625rem;
                height: 1.5625rem;
                margin-right: 1rem;
            }
.icon-label {
    display: flex;
    align-items: center;
    flex-shrink: 0
}
.icon-label.primary {
  color: rgb(74, 184, 85);
  fill: rgb(74, 184, 85);
}
.icon-label.align-start {
  align-items: flex-start;
}
.icon-label.small img,
        .icon-label.small .icon {
            width: 20px;
            height: 20px;
}
.icon-label.large img,
        .icon-label.large .icon {
            width: 100px;
            height: 40px;
}
.icon-label img,
    .icon-label .icon {
        width: 40px;
        height: 40px;
        margin-right: 0.5rem;
}
.icon-list {
    padding: 0;
    margin: 0;

    list-style: none
}
.icon-list.large .icon-list-item {
            margin-bottom: 1.125rem;
}
.icon-list.large .icon {
            width: 1.125rem;
            height: 1.125rem;
}
.icon-list-item {
        display: flex;
        align-items: center;
        margin-bottom: 0.625rem;

        color: rgb(67, 74, 84);
}
.icon-list-text {
        display: flex;
        flex-wrap: wrap;
}
.icon-list .icon {
        flex-shrink: 0;
        margin-right: 0.875rem;
        fill: rgb(67, 74, 84);
}
.icon-submit {
    position: absolute;

    z-index: 5;

    display: flex;
}
.icon-submit-item {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 1.5625rem;
        height: 1.5625rem;

        background-color: rgb(243, 243, 243)
    }
.icon-submit-item:not(:last-of-type) {
  margin-right: 0.25rem;
}
.icon-submit-item .icon {
            width: 0.5rem;
            height: 0.5rem;
}
.info-box {
    box-sizing: border-box;
    width: auto;
    height: auto;
    padding: 0.9375rem;
    margin-top: 1.25rem;

    background-color: rgb(231, 233, 241);
    border: 1px solid rgb(229, 229, 229);
    border-radius: 0.25rem;
}
.info-box-header {
        margin-bottom: 0.5rem;

        font-size: 0.875rem;
    }
.info-box-subtitle {
        margin-bottom: 0rem;
    }
/*
    Information Box
*/
.information-box {
    padding: 1.125rem;
    margin-bottom: 1.125rem;

    background-color: rgb(255, 255, 255);
    border: 0.0625rem solid rgb(219, 218, 218);
    border-radius: 0.25rem 0.25rem 0 0;
}
.information-box .button {
        height: 2rem;
        min-width: 8.75rem;
        margin-top: 0.625rem;
        margin-bottom: 0.5rem;
    }
.information-box p {
        margin-bottom: 0rem;
    }
.information-box .heading-5 {
        margin-bottom: 0.25rem;
    }
.information-box-set {
        margin-bottom: 1.125rem;
    }
.information-box-set .information-box {
            margin-bottom: 0rem;

            border-radius: 0rem
        }
.information-box-set .information-box:last-child {
  border-radius: 0rem 0rem 0.25rem 0.25rem;
}
.information-box-set .information-box:not(:last-child) {
  border-bottom: none;
}
.information-box-set .information-box:first-child {
  border-radius: 0.25rem 0.25rem 0rem 0rem;
}
.information-box-set .information-box:not(:last-child).information-box-set .information-box:not(:first-child) {
                border-radius: 0rem;
}
.information-box-label {
        min-width: 9.375rem;
        margin-bottom: 0.25rem
    }
.information-box-label.light {
  color: rgb(155, 155, 155);
}
.information-box-label .link {
            font-weight: 600;
}
.information-box-container {
        display: flex;
    }
.information-box-container .icon {
            width: 1.25rem;
            height: 1.25rem;
            margin-top: 0.3125rem;
            margin-right: 1.25rem;

            border-radius: 6.1875rem;
        }
.information-box-row:not(:last-child) {
  padding-bottom: 1.25rem;
  margin-bottom: 0.75rem;
  border-bottom: 1px solid rgb(219, 218, 218);
}
.information-box-loader {
        display: flex;
        align-items: center;
        justify-content: center;
    }
/*
    Information icon
*/
.info-icon {
    position: relative;

    z-index: 5;

    display: flex;
    align-items: center;
    justify-content: center
}
.info-icon:hover .info-icon-tooltip {
            display: block;
}
.info-icon.position-left .info-icon-tooltip {
            right: 1rem;
}
.info-icon.position-down .info-icon-tooltip {
            top: 0rem;
}
.info-icon.position-center .info-icon-tooltip {
            bottom: auto;
}
.info-icon .icon {
        width: 1.125rem;
        height: 1.125rem;
        margin-top: 0.125rem;

        color: rgb(74, 74, 74);
        fill: rgb(74, 74, 74);
}
.info-icon-tooltip {
        position: absolute;
        bottom: 0.625rem;
        left: 0.875rem;

        z-index: 5;

        display: none;
        width: -webkit-max-content;
        width: -moz-max-content;
        width: max-content;
        height: -webkit-fit-content;
        height: -moz-fit-content;
        height: fit-content;
        max-width: 12.5rem;
        padding: 0.5rem;

        color: rgb(255, 255, 255);

        background-color: rgb(67, 74, 84);
        border-radius: 0.5rem;
}
.info-icon-tooltip p {
            margin-bottom: 0rem;

            font-size: 0.75rem;
        }
.inline-adder {
    position: relative;

    top: -15px;
    bottom: 15px;

    width: 100%;
    height: 0;

    opacity: 0;
}
.inline-adder-button {
        position: relative;
        top: -5px;

        height: 27px;
        padding-right: 10px;

        margin: 0;

        color: rgb(74, 144, 226);

        cursor: pointer;

        background-color: rgb(220, 233, 249);
        border-radius: 0 10px 10px 0;
    }
.inline-adder-button > svg {
            width: 20px;
            height: 20px;
        }
.inline-adder-line {
        position: relative;
        top: 11px;

        width: 100%;
        height: 5px;

        cursor: pointer;

        background-color: rgb(220, 233, 249);
    }
.inline-adder:hover,
*:hover + .inline-adder {
    top: -15px;
    bottom: 15px;

    opacity: 1;
}
.inline-box {
    position: relative;

    display: inline-block;
    width: 13.625rem;
    height: 11.875rem;
    margin-right: 1.5625rem;
    margin-bottom: 1.5625rem;

    cursor: pointer;
    background-color: rgb(255, 255, 255);
    border-radius: 0.25rem;
    box-shadow: 0 0rem 0.125rem rgba(0, 0, 0, 0.4)
}
.inline-box:hover {
  box-shadow: 0 0rem 0.125rem rgb(0, 153, 240);
}
.inline-box-header {
        position: absolute;
        top: 0;

        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 1.5625rem;
        margin: 0 auto;

        color: rgb(255, 255, 255);
        font-size: 0.875rem;

        background-color: rgb(155, 155, 155);
        border-radius: 0.25rem 0.25rem 0 0;
}
.inline-box-header.is-active {
  background-color: rgb(74, 184, 85);
}
.inline-box-header.success {
  color: rgb(255, 255, 255);
  background-color: rgb(126, 211, 33);
}
.inline-box-header.warning {
  background-color: rgb(241, 159, 74);
}
.inline-box-header.danger {
  background-color: rgb(255, 0, 0);
}
.inline-box-header.info {
  background-color: rgb(0, 153, 240);
}
.inline-box-header.secondary {
  background-color: rgb(0, 153, 240);
}
.inline-box-header.primary {
  background-color: rgb(216, 23, 23);
}
.inline-box-footer {
        position: absolute;
        bottom: 0;

        width: 100%;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        padding-left: 1.875rem;
        margin: 0 auto;

        color: rgb(115, 115, 115);
        font-size: 0.875rem;
        font-weight: 700;
        text-align: left;

        border-top: 0.0625rem solid rgba(0, 0, 0, 0.1);
}
.inline-box-image-container {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 90%;
        padding-right: 0.625rem;
        padding-left: 0.625rem;
}
.inline-box .image {
        height: 50%;
        object-fit: contain;
}
.inline-box .img {
        width: auto;
        height: 45%;
        object-fit: contain;
}
/*
    Input Layout
    - Constraint
 */
.input-constrain {
    display: flex;
    align-items: center;
    padding-bottom: 1.375rem
}
.input-constrain.small .field {
            max-width: 6.25rem;
}
.input-constrain .field {
        padding-bottom: 0rem;
}
.input-constrain .field-status {
            position: absolute;
            bottom: auto;

            min-width: 18.75rem;
            padding-top: 0;
        }
.input-constrain-label {
        padding-left: 1.25rem;
        margin: 0;
}
.list-item-row {
    display: flex;
    align-items: center;
    flex-grow: 1;
    justify-content: flex-start;
    height: 4.625rem;
    padding: 0.875rem;
    margin-bottom: 1.25rem;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(219, 218, 218);
    border-radius: 0.25rem;
}
.list-item-row .button {
        justify-self: flex-end;
    }
.list-item-row-text {
        display: flex;
        flex-direction: column;
        flex-grow: 1;
    }
.list-item-row-text > h4,
        .list-item-row-text > p {
            margin-bottom: 0rem;

            color: rgb(67, 74, 84);
            font-size: 0.875rem;
        }
.list-item-row-icon {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 3.125rem;
        height: 3.125rem;
        margin-right: 1.5625rem;

        background-color: rgb(233, 240, 249);
        border-radius: 0.625rem;
    }
.list-item-row-icon .icon {
            width: 1.875rem;
            height: 1.875rem;
        }
.table-list-item {
    z-index: 99;

    display: flex;
    flex-grow: 1;
    width: 100%;

    padding: 0.3125rem;
    overflow: visible;

    background-color: rgb(255, 255, 255)
}
.table-list-item:first-of-type {
  border-top: 0.3125rem;
}
.table-list-item:hover {
  cursor: pointer;
}
.table-list-item-text {
        flex-shrink: 0;

        font-weight: 400;
}
.table-list-item-set {
        z-index: 99;

        display: flex;
        flex-direction: column;
        width: 100%;
        overflow: visible;

        background-color: rgb(255, 255, 255);
}
.list {
    padding: 0;
    margin: 0;

    list-style: none;
}
.list-item {
        display: flex;
        justify-content: space-between;
        padding: 0.625rem 0;
        margin-bottom: 1.25rem;

        color: rgb(67, 74, 84);
        font-size: 0.875rem
    }
.list-item:not(:last-child) {
  border-bottom: 1px solid rgb(110, 110, 110);
}
/*
    Main
*/
.main.has-top-menu-navigation .sidebar {
            margin-top: -6.25rem;
}
.main.has-top-menu-navigation .main-container {
            height: calc(100vh - 6.25rem);
            margin-top: 6.25rem;
}
.main-container {
        margin-top: 3.75rem;
        margin-left: 12.5rem;
}
.main-container.no-margin {
  margin-left: 0;
}
.main .sidebar {
        position: fixed;
        z-index: 6;

        width: 12.5rem;
        height: 100%;
        margin-top: -3.75rem;
}
.main .sidebar-logo {
            display: flex;
            justify-content: center;
            padding: 0.9375rem 0;
        }
.main .sidebar-logo .icon {
                width: 1.875rem;
                height: 1.875rem;
            }
/*
    Message Button
*/
.message-button {
    display: flex;
    align-items: center;
    width: 100%;
    padding: 0.9375rem 0;

    color: inherit
}
.message-button:hover {
  text-decoration: none;
}
.message-button:hover .message-button-button {
            opacity: 1;
}
.message-button > * {
        display: block;
}
.message-button-text {
        flex-grow: 1;
        padding-right: 2.5rem;
}
.message-button-button {
        position: relative;
        top: 0.125rem;

        display: flex;
        align-items: center;
        flex-shrink: 0;

        color: rgb(0, 153, 240);
        font-size: 0.625rem;
        letter-spacing: 0.05em;
        text-transform: uppercase;

        opacity: 0;

        transition: opacity 0.18s ease-in-out;
}
.message-button-button .icon {
            width: 1.25rem;
            height: 1.25rem;
            margin-right: -0.25rem;
            margin-left: 0.25rem;

            transform: rotate(-90deg);
        }
/*
    Message List
*/
.message-list-container {
        max-width: 75rem;
    }
.message-list-header {
        flex-grow: 1;
        width: 100%;
        margin-bottom: 1.375rem;
    }
.message-list-header p {
            margin-right: 0.75rem;
            margin-bottom: 0rem;
        }
.message-list-header-title {
            margin-right: 1.25rem;
            margin-bottom: 0;
        }
.message-list-header .page-header-inner {
            align-items: center;
        }
.message-list-header .button {
            flex-shrink: 0;
        }
.message-set {
    padding-bottom: 0.625rem
}
.message-set.right + .left,
    .message-set.left + .right {
  padding-top: 0.625rem;
}
.message-set.center {
  padding: 0;
}
.message-set:hover .message-set-hover-only {
            opacity: 1;
}
.message-set-hover-only {
        opacity: 0;

        transition: opacity 250ms ease;
}
.message-set-error {
        flex-grow: 1;

        color: rgb(255, 0, 0);
        font-size: 0.75rem;
        text-align: left;
}
.message-set-item {
        box-sizing: border-box;
        display: flex;
        flex-shrink: 0;
        padding: 0 0.75rem;
        margin: 0;
}
.message-set-origin-switch {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;
        margin-top: 1.25rem;
        margin-bottom: 1.25rem;
}
.message-set-origin-switch-text {
            z-index: 1;

            padding: 0.1875rem 0.9375rem;

            color: rgb(255, 255, 255);
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;

            background-color: rgb(248, 82, 82);
            border-radius: 0.625rem;
        }
.message-set-origin-switch::before,
        .message-set-origin-switch::after {
  position: absolute;
  z-index: 0;
  width: 50%;
  border-top: 1px solid rgb(230, 230, 230);
  content: '';
}
.message-set-origin-switch::before {
  left: 0;
}
.message-set-origin-switch::after {
  right: 0;
}
.message-set .avatar {
        flex-shrink: 0;
        margin-top: auto;
        margin-bottom: 0.3125rem;
}
.message-set .avatar-status {
            right: -2px;
            bottom: 3px;

            width: 0.5625rem;
            height: 0.5625rem;

            border: 2px solid rgb(255, 255, 255);
            border-radius: 100%;
        }
/*
    Message type
*/
.message-type-title {
        margin-bottom: 2.5rem;
    }
.message-type-item {
        position: relative;

        width: calc(100% - 2.1875rem);
        min-height: 9.6875rem;
        margin-bottom: 1.25rem;
        margin-left: 2.1875rem;

        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(230, 230, 230);
        box-shadow: 0 2px 18px 0 rgba(0, 0, 0, 0.08);
    }
@media (min-width: 1201px) {
  .message-type-item {
    width: 67.1875rem;
    margin-left: 2.1875rem;
  }
}
.message-type-item-image {
            position: absolute;
            top: 50%;
            left: -10rem;

            max-width: 18.4375rem;

            border: 0.6 solid rgb(110, 110, 110);

            transform: translateY(-50%);
}
@media (min-width: 1001px) {
  .message-type-item-image {
    left: -2.5rem;
  }
}
.message-type-item-image:not(.no-shadow) {
  box-shadow: 0 1px 0.75rem 0 rgba(0, 0, 0, 0.08);
}
.message-type-item-inner {
            display: flex;
            align-items: center;
            justify-content: space-between;
            padding: 1.875rem 1.875rem 1.25rem 11.5625rem;
}
@media (min-width: 1001px) {
  .message-type-item-inner {
    padding-left: 17.1875rem;
  }
}
.message-type-item-content {
            display: flex;
            flex-wrap: wrap;
            margin-right: 1.5625rem;

            color: rgb(67, 74, 84);
}
.message-type-item-button {
            min-width: 8.125rem;

            border-color: rgb(0, 153, 240);
}
.message-type-item-title {
            margin-bottom: 0.3125rem;
}
.message-type-item-description {
            flex-basis: 100%;
            margin-right: 1.875rem;
            margin-bottom: 0;
}
/*
    Message
*/
.message {
    box-sizing: border-box;
    display: flex;
    flex-shrink: 0;
    max-width: 80%;
}
.message-left {
        margin-right: auto;
        margin-left: 2.375rem
    }
.message-left.is-last {
  margin-left: 0;
}
.message-left .message-bubble {
            margin-right: auto;

            background-color: rgb(243, 243, 243);
}
.message-left .message-avatar {
            margin-right: 11px;
}
.message-left .message-info {
            justify-content: flex-start;
}
.message-right {
        justify-content: flex-end;
        margin-right: 0;
        margin-left: auto;
    }
.message-right .message-bubble {
            margin-left: auto;

            background-color: rgb(0, 153, 240);
            border-color: transparent;
        }
.message-right .message-bubble-payload-parse-failed {
            background-color: rgb(243, 243, 243);
            border-color: transparent;
        }
.message-right .message-time {
            text-align: right;
        }
.message-right .message-text {
            color: rgb(255, 255, 255);
            white-space: pre-line;
        }
.message-right .message-text a {
                color: inherit;
            }
.message-right .message-payload-parse-failed {
            color: rgb(0, 0, 0);
        }
.message-right .message-avatar {
            margin-left: 0.6875rem;
        }
.message-right .message-info {
            justify-content: flex-end;
        }
.message-center {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        max-width: none;
        padding-left: 2.375rem;

        color: rgb(129, 134, 140);
        font-style: italic;

        border-radius: 0;
    }
.message-center .message-text {
            flex: 1 1 100%;
            padding-right: 0;
            padding-left: 0;

            color: inherit;
            font-size: 0.875rem;
        }
.message--dark .message-bubble {
            color: rgb(0, 0, 0);
        }
.message-inner {
        display: flex;
        flex-direction: column;
        justify-content: flex-end;
        max-width: 100%;
        margin: 0;

        border-radius: 0.1875rem;
    }
.message-bubble {
        display: inline-block;
        margin-bottom: 0.3125rem;
        overflow: hidden;

        border: 1px solid rgb(230, 230, 230);
        border-radius: 0.625rem;
    }
.message-text {
        padding: 0.4375rem 0.75rem;

        color: rgb(67, 74, 84);
        font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
        font-size: 0.875rem;
        line-height: 1.4;
        white-space: pre-line;
    }
.message-text a {
            color: rgb(0, 153, 240);
            text-decoration: underline
        }
.message-text a:visited {
  opacity: 0.8;
}
.message-image {
        width: 100%;
        height: 0;
        min-width: 14.375rem;
        padding-bottom: 66%;

        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
    }
.message-title {
        padding: 0.4375rem 0.75rem 0;

        color: rgb(0, 0, 0);
        font-size: 0.875rem;
    }
.message-info {
        display: flex;
        width: 100%;
        padding-top: 2px;

        color: rgb(161, 165, 170);
        font-size: 0.75rem;
        line-height: 1;
    }
.message-time {
        margin-right: 0.4375rem;

        font-weight: 600;
    }
.message-read-status {
        display: inline-flex;
        margin-right: 0.3125rem;

        line-height: 1;
    }
.message-read-status-hover-highlight {
            color: rgb(161, 165, 170);

            transition: opacity 250ms ease;
            fill: rgb(161, 165, 170);
        }
.message-read-status:hover.message-status-hover-highlight {
  color: rgb(0, 153, 240);
  text-decoration: none;
  cursor: pointer;
  fill: rgb(0, 153, 240);
}
.message-read-status .icon {
            width: 0.6875rem;
            height: 0.6875rem;
            margin-right: 0.4375rem;
            margin-bottom: 0.11875rem;
            margin-left: 0.4375rem;
}
.message-author {
        margin-right: 0.4375rem;
        margin-left: 0.4375rem;

        font-weight: 600;
    }
.message-status {
        margin: 0 0.4375rem;
    }
.message-status-queued {
            color: rgb(0, 153, 240);
        }
.message-status-sent {
            color: rgb(0, 153, 240);
        }
.message-status-delivered {
            color: rgb(126, 211, 33);
        }
.message-status-failure {
            color: rgb(255, 0, 0);
        }
/*
    Metrics Box
*/
.metrics-box {
    width: 100%;
    height: -webkit-fit-content;
    height: -moz-fit-content;
    height: fit-content;
    max-width: 87.5rem;
    margin-bottom: 1.25rem;

    background-color: rgb(255, 255, 255);
    border: 0.0625rem solid rgb(219, 218, 218);
    border-radius: 0.25rem;
}
.metrics-box .yonder-review-widget {
        margin-bottom: 0.75rem;
    }
.metrics-box .benchmark {
        margin-bottom: 1.375rem;
    }
.metrics-box-star-rating {
        margin-bottom: 2rem;
    }
.metrics-box-star-rating p,
        .metrics-box-star-rating .star-rating {
            flex-shrink: 0;
            margin-bottom: 0;
        }
.metrics-box-star-rating p-label, .metrics-box-star-rating .star-rating-label {
                margin-right: 0.375rem;
            }
.metrics-box-star-rating p-summary, .metrics-box-star-rating .star-rating-summary {
                margin-left: 0rem;
            }
.metrics-box-star-rating p {
            font-weight: 400;
        }
.metrics-box-star-rating-content {
            display: flex;
            align-items: center;
            flex-wrap: wrap;
        }
.metrics-box-star-rating-title {
            margin-bottom: 0.5rem;

            font-weight: 700;
            text-transform: uppercase;
        }
.metrics-box-row {
        display: flex;
        width: 100%;

        letter-spacing: 0;
        word-break: normal;
    }
.metrics-box-row .link {
            margin-right: 2.8125rem;

            text-transform: uppercase;
        }
.metrics-box-row .breakdown {
            margin-bottom: 0rem;
        }
.metrics-box-row .breakdown .icon {
                width: 1rem;
                height: 1rem;
            }
.metrics-box-row.center {
  justify-content: center;
  text-align: center;
}
.metrics-box-row.center .button:nth-child(2) {
  margin-left: 1.875rem;
}
.metrics-box-row.flex-end {
  align-items: center;
  justify-content: flex-end;
}
.metrics-box-row.evenly-spaced {
  align-items: center;
  justify-content: space-between;
}
.metrics-box-row.evenly-spaced .button {
                margin-right: 1.875rem;
}
.metrics-box-row.border {
  padding-bottom: 1.25rem;
  margin-bottom: 1.25rem;
  border-bottom: 1px solid rgb(219, 218, 218);
}
.metrics-box-column {
        display: flex;
        flex-direction: column;
        width: 100%
    }
.metrics-box-column.wrap {
  margin-right: 0.75rem;
  overflow: hidden;
  white-space: nowrap;
}
.metrics-box-column.half {
  width: 50%;
}
.metrics-box-subtitle {
        padding-bottom: 0.5rem;
        margin-bottom: 0.75rem;

        color: rgb(74, 74, 74);
        text-transform: uppercase;

        border-bottom: 1px solid rgb(219, 218, 218);
    }
.metrics-box-loader {
        display: flex;
        justify-content: center;
        height: 100%;
    }
.metrics-box-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
.metrics-box-header .badge.is-new {
            margin: 0.625rem 0.9375rem;
        }
.metrics-box-header .dropdown {
            padding: 0.625rem 0.9375rem;
        }
.metrics-box-statistic {
        margin-bottom: 0rem;

        color: rgb(84, 84, 84);
        font-size: 2.625rem;
    }
.metrics-box-statistic-title {
            margin-bottom: 0rem;
            overflow: hidden;

            color: rgb(84, 84, 84);
            text-overflow: ellipsis;
            text-transform: uppercase;
            white-space: nowrap;
        }
.metrics-box-title {
        padding: 0.625rem 0.9375rem;
        margin-bottom: 0;

        color: rgb(67, 74, 84);
        font-weight: 700;
    }
.metrics-box-container {
        padding: 0.9375rem
    }
.metrics-box-container.center-align {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  text-align: center;
}
.metrics-box-container.space-between {
  display: flex;
  justify-content: space-between;
}
.metrics-box-container-subtitle {
            flex-shrink: 0;
            padding-right: 0.9375rem;
            padding-left: 0.9375rem;
            margin-bottom: 0rem;

            color: rgb(74, 74, 74);
            font-size: 0.875rem;
            letter-spacing: 0;
}
.metrics-box-container-subtitle.margin {
  margin-bottom: 1.625rem;
}
.metrics-box-container .img {
            display: inline-flex;
            width: 18.125rem;
            height: auto;
}
.metrics-box-container .breakdown {
            align-self: center;
}
.metrics-box-container .breakdown-header {
                position: relative;

                flex-grow: 1;
            }
.metrics-box-container .breakdown-header-title {
                    position: absolute;
                    top: -1.5625rem;

                    color: rgb(74, 74, 74);
                    font-size: 0.875rem;
                    font-weight: 700;
                    line-height: 1.1875rem;
                    letter-spacing: 0;
                    text-transform: uppercase;
                }
.metrics-box-container .breakdown-column {
                align-items: center;
            }
.metrics-box-container .breakdown .progress {
                margin-top: 0rem;
            }
.metrics-box-container .profile-picture {
            max-width: 12.5rem;
            min-width: 12.5rem;
}
.metrics-box-container .profile-picture:not(:last-child) {
  margin-bottom: 0.75rem;
}
.metrics-box-container .profile-picture-wrapper-title {
                margin-right: 0.75rem;
                overflow: hidden;

                color: rgb(67, 74, 84);
                font-size: 0.875rem;
                text-overflow: ellipsis;
                white-space: nowrap;
}
.metrics-box-container .profile-picture .img {
                margin-right: 0.75rem;
}
.metrics-box-container .link {
            font-size: 0.875rem;
            font-weight: 700;
}
.metrics-box-content {
        display: flex;
        align-items: flex-start;
        flex-direction: column;

        color: rgb(84, 84, 84);
    }
.metrics-box-content-container {
            display: flex;
            align-items: center;
            flex-direction: row;
        }
.metrics-box-content-header {
            margin-bottom: 0;

            font-size: 2.625rem;
            font-weight: 400;
        }
.metrics-box-content-title {
            margin-bottom: 0;

            text-transform: uppercase;
        }
.metrics-box-table-column {
        display: flex;
        flex-direction: row
    }
.metrics-box-table-column.is-positive {
  color: rgb(126, 211, 33);
  font-weight: 700;
}
.metrics-box-table-column.is-neutral {
  color: rgb(115, 115, 115);
  font-weight: 700;
}
.metrics-box-table-column.is-negative {
  color: rgb(255, 87, 85);
  font-weight: 700;
}
.metrics-box-table-column .icon {
            width: 0.9375rem;
            height: 1.25rem;
}
.metrics-box-bar-chart {
        padding: 1.25rem 0rem 0rem 1.25rem;
    }
.metrics-box-bar-chart-constrain {
            max-width: 31.25rem;
            padding: 1.25rem 1.25rem 0rem 1.25rem;
        }
.metrics-box-bar-chart-text {
            margin-bottom: 0rem;
        }
/*
    Modal
*/
.modal {
    position: fixed;
    top: 0;
    right: 0;
    z-index: 7;

    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 100%;
    height: 100%;
    padding: 1.875rem 0rem;
    overflow: none;

    background-color: rgba(67, 74, 84, 0.4);
}
.modal .table-grid-row {
            padding-right: 0rem !important;
        }
.modal .table-search {
            margin-bottom: 1.375rem;
        }
.modal .table-header-column {
            border-bottom: hidden;
        }
.modal .table-column {
            border-top: 1px solid rgb(221, 220, 220)
        }
.modal .table-column.no-border {
  border-top: none;
}
.modal .table-grid-row.dynamic-height:hover .button {
                        opacity: 1;
}
.modal .table-grid-row.dynamic-height .button {
                    opacity: 0;
}
.modal .dropdown-submenu {
            max-height: 10rem;
        }
.modal .field-status {
        justify-content: flex-end;
    }
.modal .file-upload {
        display: flex;
    }
.modal .file-upload-contents {
            flex-grow: 1;
        }
.modal .file-upload-constrain {
            width: 21.875rem;
            margin-bottom: 1.375rem;
        }
.modal .file-upload .button {
            align-self: center;
        }
.modal-loading {
        display: flex;
        align-items: center;
        justify-content: center;
    }
.modal-form-field .field.text {
                padding-bottom: 0.375rem;
            }
.modal-image {
        margin-bottom: 1.5625rem;
    }
.modal-option {
        display: flex;
        align-items: center;
        margin-bottom: 1.375rem;
    }
.modal-option > .conversation-status {
            box-shadow: 0 0 0.25rem 0 rgb(219 218 218);
        }
.modal-option > option {
            margin-right: 0.75rem;
        }
.modal-title {
        display: flex;
        align-items: flex-start;
        width: 100%;

        color: rgb(74, 74, 74);
        font-size: 1.5rem;
        font-weight: 700;
        line-height: 2.0625rem;
        letter-spacing: 0;
    }
.modal-title img,
        .modal-title .icon {
            width: 3.75rem;
            margin-right: 1.375rem;
        }
.modal-title.x-small {
  font-size: 1.125rem;
}
.modal-button-set {
        display: flex;
        flex-grow: 1;
        justify-content: space-between;
    }
.modal-content {
        position: relative;

        display: flex;
        flex-direction: column;
        width: 47.8125rem;
        max-height: 53.125rem;
        padding: 1.875rem 2.5rem;
        overflow: auto;

        background-color: rgb(255, 255, 255);
        border-radius: 0rem 0rem 0.625rem 0.625rem;
    }
.modal-content-delete {
            padding: 0rem 0.75rem;

            color: rgb(0, 0, 0);
            font-weight: 600;

            background-color: transparent;
            border-radius: 0.25rem
        }
.modal-content-delete:hover {
  color: rgb(254, 83, 84);
  background-color: rgb(254, 83, 84, 0.2);
  fill: rgb(254, 83, 84);
}
.modal-content .button {
            align-self: flex-end;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
        }
.modal-content.center {
  align-items: center;
  text-align: center;
}
.modal-content.visible {
  overflow: visible;
}
.modal-content.small {
  width: 34.375rem;
}
.modal-content.x-small {
  width: 31.25rem;
  padding: 0rem 1.5625rem;
}
.modal-content.scroll {
  max-height: 80%;
  overflow-y: auto;
}
@media (max-height: 900px) {
  .modal-content.scroll {
    height: 90%;
  }
}
.modal-header {
        position: relative;

        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        width: 47.8125rem;
        padding: 0rem 2.5rem;
        padding-top: 1.875rem;
        margin-bottom: 0.5rem;
        overflow: none;

        background-color: rgb(255, 255, 255);
        border-radius: 0.625rem 0.625rem 0rem 0rem;
}
.modal-header-container {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: -webkit-min-content;
            width: -moz-min-content;
            width: min-content;

            background-color: rgb(255, 255, 255);
            border-bottom: 0.5px solid rgb(219, 218, 218);
            border-radius: 0.625rem 0.625rem 0rem 0rem;
        }
.modal-header.small {
  width: 34.375rem;
}
.modal-header.x-small {
  width: 31.25rem;
  height: 5rem;
  padding: 0rem 1.5625rem;
  overflow: hidden;
  border-bottom: transparent;
}
.modal-header.has-no-subheader {
  padding: 1.5625rem 2.5rem;
  margin-bottom: 0rem;
}
.modal-header.has-no-title {
  padding-bottom: 1.25rem;
  border-bottom: 0;
}
.modal-sub-header {
        padding: 0rem 2.5rem;
        padding-right: 4.375rem;
        margin-bottom: 0.75rem;

        color: rgb(74, 74, 74);
        font-size: 0.875rem;
        font-weight: 400;
        line-height: 1.1875rem;
        letter-spacing: 0;
}
.modal-sub-header .link {
            font-weight: 700;
        }
.modal-close-button {
        display: flex;
        flex-grow: 1;
        justify-content: flex-end;
}
.modal-close-button .icon {
            width: 1.25rem;
            height: 1.25rem;

            color: rgb(0, 153, 240);
            fill: rgb(0, 153, 240);
        }
.modal-footer {
        display: flex;
        align-items: flex-end;
        flex-grow: 1;
        justify-content: flex-end;
        width: 100%;
        padding: 1.25rem;
}
.modal-footer.center {
  justify-content: center;
}
.modal-footer .button:not(:last-child) {
  margin-right: 0.9375rem;
}
/*
    Navigation
 */
.navigation {
    position: relative;
    z-index: 5;

    height: 100%;

    overflow-y: auto;

    background-image: linear-gradient(rgb(50, 110, 205), rgb(15, 32, 66));
}
.navigation-container {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        height: 100%;
    }
.navigation-section {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding-bottom: 1.25rem
    }
.navigation-section.end {
  justify-content: flex-end;
}
.navigation-divider {
        width: 0.25rem;
        height: 100%;

        margin-right: 0.875rem;

        background-color: transparent;

        border-radius: 0rem 0.3125rem 0.3125rem 0rem;
    }
.navigation-submenu {
        display: none;
        flex-direction: column;

        margin-left: 0.75rem;

        transition: height 0.5s
    }
.navigation-submenu.is-open {
  display: flex;
}
.navigation-submenu.is-open .navigation-submenu-item {
                height: 1.75rem;
}
.navigation-submenu.is-open .navigation-submenu-item:last-of-type {
  margin-bottom: 0.25rem;
}
.navigation-submenu-item {
            position: relative;

            width: 100%;
            height: 1.75rem;
}
.navigation-submenu-item .navigation-item-title {
                padding-left: 2.8125rem;
            }
.navigation-item {
        position: relative;

        width: 100%;
        height: 2.5rem;

        cursor: pointer;
    }
.navigation-item .icon {
            width: 1rem;
            height: 1rem;

            margin-right: 0.875rem;

            color: rgb(255, 255, 255);
            fill: rgb(255, 255, 255);
        }
.navigation-item .tag {
            width: 2.875rem;
            height: 1.375rem;

            font-size: 0.75rem;
            font-weight: 600;

            cursor: pointer;

            background-color: rgb(207, 207, 207);
            border-radius: 1.5rem
        }
.navigation-item .tag.new {
  background: rgb(94, 143, 220);
}
.navigation-item-title {
            display: flex;
            align-items: center;
            height: 100%;

            margin-right: 0.875rem;

            color: rgb(255, 255, 255);

            font-size: 0.8125rem;
            font-weight: 500;
            text-align: center;
        }
.navigation-external-link {
        display: flex;
        justify-content: center;

        text-decoration: underline;
    }
.navigation-external-link .navigation-item-title {
            color: rgb(255, 255, 255);
        }
.navigation-external-link,
    .navigation .link {
        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;

        color: rgb(255, 255, 255);
        text-align: left;

        text-decoration: none;

        cursor: pointer;

        transition: background-color 0.25s ease-in-out;
    }
.navigation .link.active {
  font-weight: 700;
}
.navigation .link.active .navigation-divider {
                background-color: rgb(255, 255, 255);
}
.navigation .link.active .navigation-item-title,
            .navigation .link.active .icon {
                font-weight: 700;
}
.navigation .link.inactive .navigation-item-title {
                color: rgb(255, 255, 255);
}
/*
    One off form for surveys
*/
.survey-oneoff-form {
    display: flex;
    justify-content: space-between;
}
.survey-oneoff-form .field {
        flex-basis: 30%;
    }
.survey-oneoff-form.inactive {
  position: relative;
  opacity: 0;
}
.survey-oneoff-form.active {
  position: relative;
  padding-bottom: 1.25rem;
}
.survey-oneoff-form.active:hover {
  cursor: pointer;
}
.ordered-step-title-container {
        display: flex;
        align-items: center;
        margin: 0.9375rem 0rem;
    }
.ordered-step-title-container .icon {
            width: 1.5625rem;
            height: 1.5625rem;
        }
.ordered-step-title-container .link {
            font-weight: 700;
            text-transform: uppercase;
        }
.ordered-step-title {
        padding-left: 0.9375rem;
        margin-bottom: 0;
    }
.ordered-step-subtitle {
        margin-bottom: 0.9375rem;
    }
/*
    Page Header
*/
.page-header {
    padding: 1.25rem 0.625rem;

    border-bottom: 1px solid rgb(230, 230, 230)
}
.page-header.has-navigation {
  padding-bottom: 0;
}
.page-header-inner {
        display: flex;
        align-items: flex-end;
        justify-content: flex-start;
}
.page-header-title {
        display: flex;
        align-items: flex-start;
}
.page-header-title .field.text {
            width: 31.25rem;
            padding-bottom: 0.75rem;
        }
.page-header-title input {
            width: 31.25rem;
            padding-left: 0rem;

            background: linear-gradient(rgb(219, 218, 218), rgb(219, 218, 218)) center bottom 0 / calc(100% - 10px) 1px
                no-repeat;
            border: none;
            box-shadow: none
        }
.page-header-title input:active,
            .page-header-title input:focus {
  background: linear-gradient(rgb(219, 218, 218), rgb(219, 218, 218)) center bottom 0 / calc(100% - 10px)
                    1px no-repeat;
  box-shadow: none;
}
.page-header-content {
        flex-grow: 1;
}
.page-header-content a,
        .page-header-content .link {
            font-weight: 700;
            text-transform: uppercase;
        }
.page-header-crumbs {
        min-width: 1px;
        min-height: 1.25rem;
        margin-bottom: 0.3125rem;
}
.page-header-navigation {
        padding-top: 0.625rem;
}
.page-header-navigation .tab-navigation {
            position: relative;

            margin-bottom: -0.0625rem;
        }
.page-header-actions {
        display: flex;
}
.page-header-actions .button {
            margin-right: 0.625rem;
        }
.page-header-details {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: flex-start;
}
.page-header-details-item {
            flex-shrink: 0;
            margin-right: 0.9375rem
        }
.page-header-details-item:not(:last-child)::after {
  display: block;
  width: 0.125rem;
  height: 1.25rem;
  margin-left: 0.9375rem;
  background-color: rgb(230, 230, 230);
  content: '';
}
.page-header .status-dot {
        justify-content: flex-start;
}
.page-header h2 {
        margin-bottom: 0.125rem;

        color: rgb(67, 74, 84);
}
.page-header input,
    .page-header input:not(:focus) {
        height: 2.375rem;

        color: rgb(67, 74, 84);
        font-size: 1.5rem;
        font-weight: 700;

        background-color: rgb(252, 252, 252);
}
.page-header p {
        margin-bottom: 0;

        color: rgb(67, 74, 84);
}
/*
    Pagination
*/
.pagination {
    display: flex;
    align-items: center;
    justify-content: flex-end;
}
.pagination-button:disabled {
  display: none;
}
.pagination-button.is-next .icon {
                transform: rotate(-90deg);
}
.pagination-button.is-prev .icon {
                transform: rotate(90deg);
}
.pagination-button-inner {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 2.8125rem;
            height: 2.8125rem;

            color: rgb(0, 153, 240);

            border-radius: 0.25rem;
}
.pagination-button .icon {
            flex-shrink: 0;
            width: 1.5rem;
            height: 1.5rem;
}
.pagination-numbers {
        display: flex;
        padding: 0 0.625rem;
    }
.pagination-numbers-item {
            padding: 0 0.625rem;

            color: rgb(0, 153, 240);
            font-size: 0.75rem;
            font-weight: 700;
            word-break: normal
        }
.pagination-numbers-item:hover {
  text-decoration: none;
}
.pagination-numbers-item.is-active {
  color: rgb(115, 115, 115);
}
/*
    Panel
*/
.panel {
    width: 100%;
    height: 100%;
    padding: 1.25rem;

    padding-bottom: 9.375rem;
    overflow-x: hidden;
    overflow-y: auto;

    border-left: 1px solid rgb(219, 218, 218);
}
.panel .tab-navigation {
        margin-bottom: 1.375rem;
    }
.panel .breakdown-sentiment {
        margin-bottom: 1.375rem;
    }
.panel .profile-picture {
        align-items: flex-start;
        margin-bottom: 1rem;
    }
.panel .profile-picture-row img.is-empty {
  min-width: 3.125rem;
  min-height: 3.125rem;
}
.panel .profile-picture-text.light {
  flex-wrap: wrap;
  white-space: pre-wrap;
}
.panel .dropdown {
        flex-shrink: 0;
        justify-content: flex-end;
    }
.panel .dropdown-submenu {
            min-width: auto;
        }
.panel .dropdown-submenu-icon-container {
                display: flex;
                align-items: center;
                justify-content: center;
            }
.panel .dropdown-submenu-icon-container .icon {
                    width: 1.875rem !important;
                    height: 1.875rem !important;
                }
.panel .dropdown-item.medium {
  width: 7.5rem;
  min-width: 7.5rem;
}
.panel .dropdown-content {
            justify-content: flex-start;
        }
.panel .dropdown-content .loader {
                width: 1.25rem;
                height: 1.25rem;
                margin-right: 0.75rem;
            }
.panel .dropdown-content .loader .loader-spinner {
                    width: 0.9375rem;
                    height: 0.9375rem;
                }
.panel .dropdown-content .icon {
                width: 1.125rem;
                height: 1.125rem;
                margin-right: 0.75rem;
            }
.panel-title {
        margin-bottom: 0.5rem;

        color: rgb(67, 74, 84);
        font-weight: 700;
    }
.panel-crumbs {
        min-width: 1px;
        min-height: 1.25rem;
        margin-bottom: 0.75rem;
    }
.panel-hint {
        margin-top: 7.5rem;
    }
/*
    Paragraph List
*/
.paragraph-list {
    width: 100%;
    height: auto;
    margin-bottom: 1.25rem;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(219, 218, 218);
}
.paragraph-list-row {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.9375rem;
        margin-bottom: 0;

        font-size: 0.875rem;
    }
.paragraph-list-row > a {
            min-width: 3.125rem;

            font-size: 0.75rem;
            font-weight: 700;

            opacity: 0;

            transition: opacity 0.18s ease-in-out;
        }
.paragraph-list-row > p {
            margin-bottom: 0rem;
        }
.paragraph-list-row:hover {
  cursor: pointer;
  background-color: rgb(248, 248, 248);
}
.paragraph-list-row:hover > a {
                opacity: 1;
}
.paragraph-list-row:not(:first-child) {
  border-top: 1px solid rgb(219, 218, 218);
}
.paragraph-list.is-empty {
  margin-bottom: 0rem;
  border: none;
}
.paragraph-list.is-empty .link {
            font-size: 0.875rem;
            font-weight: 600;
}
/*
    Payment Info
*/
.payment-info {
    height: 1.25rem;
    min-width: 9.0625rem;
    padding: 0 0.3125rem;
    margin-top: 1.25rem;
    margin-left: 1.25rem;

    text-align: left
}
.payment-info.active {
  color: rgb(255, 0, 0);
  border-color: rgb(255, 0, 0);
}
.payment-info.center {
  margin-top: 3.125rem;
  text-align: center;
}
.payment-info-empty {
        display: flex;
        flex-direction: column;

        padding: 2.5rem;

        color: rgb(67, 74, 84);
        font-size: 0.875rem;

        text-align: left;
}
.payment-info-empty ol {
            padding-left: 1rem;
        }
.payment-info-empty ol li {
                margin-bottom: 0rem;
            }
.payment-info-empty .chat-example {
            align-self: center;
            margin-bottom: 2.5rem;
        }
/*
    Person Chat Preview
*/
.personal-chat {
    position: relative;

    width: 21.875rem;

    border-radius: 0.25rem;
    box-shadow: 0 0 0.625rem 0 rgba(0, 0, 0, 0.2);
}
.personal-chat-header {
        display: flex;
        align-items: center;
        min-height: 3.125rem;
        padding: 0.75rem;

        border-radius: 0.25rem 0.25rem 0rem 0rem;
    }
.personal-chat-header .icon {
            min-width: 1.5625rem;
            min-height: 1.5625rem;
            margin-right: 0.75rem;

            border-radius: 6.25rem;
            fill: rgb(255, 255, 255);
        }
.personal-chat-title {
        margin-bottom: 0rem;

        color: rgb(255, 255, 255);
        font-size: 0.875rem;
        font-weight: 400
    }
.personal-chat-title.is-dark {
  color: rgb(67, 74, 84);
}
.personal-chat-text-input {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 3.125rem;
        padding: 0.75rem;
        overflow: auto;

        font-size: 1rem;
        word-wrap: break-word;
        white-space: pre-wrap;

        background-color: rgb(255, 255, 255);
        border: none;
        border-left: 1px solid transparent;
        border-radius: 0rem 0rem 0.25rem 0.25rem;
    }
.personal-chat-text-input-placeholder {
            display: flex;
            align-items: center;
            margin-bottom: 0rem;

            color: rgb(67, 74, 84);
        }
.personal-chat-text-input-action {
            color: rgb(67, 74, 84);
            font-size: 0.875rem;
            text-transform: uppercase
        }
.personal-chat-text-input-action:hover {
  cursor: default;
}
.personal-chat-icon {
        position: absolute;
        right: 0rem;
        bottom: -5rem;
    }
.personal-chat-icon .icon {
            width: 3.75rem;
            height: 3.75rem;

            border-radius: 6.25rem;
            box-shadow: 0 0.125rem 1.25rem 0 rgb(0 0 0 / 8%);
            fill: rgb(255, 255, 255);
        }
/*
    Placeholder Hint Block
*/
.placeholder-hint-block {
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 2.5rem 1.25rem 1.875rem;

    background-color: rgb(250, 250, 250);
    border: 0.0625rem dashed rgb(230, 230, 230);
    border-radius: 0.25rem;
}
.placeholder-hint-block-content {
        color: rgb(67, 74, 84);
        text-align: center;
    }
.placeholder-hint-block h4 {
        margin-bottom: 0.375rem;
    }
.placeholder-hint-block p {
        margin-bottom: 1rem;
    }
/*
    Preview list
*/
.preview-list-thread {
        position: relative;

        display: flex;
        flex-direction: column;
        overflow-y: auto;

        background-color: rgb(248, 248, 248);
    }
.preview-list-thread .loader {
            display: block;
            flex-shrink: 0;
            padding: 1.25rem;
            margin-right: auto;
            margin-bottom: 1.25rem;
            margin-left: auto;
        }
.preview-list-item {
        position: relative;

        display: flex;
        justify-content: flex-start;
        height: 4.6875rem;
        padding-top: 0.9375rem;
        padding-right: 0.9375rem;
        padding-bottom: 0.9375rem;
        padding-left: 1.25rem;
        overflow: hidden;

        color: rgb(67, 74, 84);

        border-bottom: 1px solid rgb(230, 230, 230);

        transition: background-color ease 400ms
    }
.preview-list-item.is-active {
  background-color: rgb(255, 255, 255);
}
.preview-list-item:hover {
  text-decoration: none;
  background-color: rgb(255, 255, 255);
}
.preview-list-item:first-of-type {
  border-top: 1px solid rgb(230, 230, 230);
}
.preview-list-item.highlighted .preview-list-title {
                font-weight: 700;
}
.preview-list-item.highlighted::after {
  position: absolute;
  top: 1.4375rem;
  left: 0.625rem;
  width: 0.625rem;
  height: 0.625rem;
  background-color: rgb(0, 153, 240);
  border-radius: 99em;
  content: '';
}
.preview-list-head {
        display: flex;
        align-items: center;
        margin-bottom: 0.3125rem;
    }
.preview-list-title {
        flex-shrink: 1;
        margin: 0;
        margin-bottom: 0.3125rem;
        overflow: hidden;

        font-size: 0.875rem;
        font-weight: 400;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
.preview-list-meta {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
        justify-content: space-between;
        padding-left: 0.9375rem;
        margin-left: auto;
    }
.preview-list-time {
        margin-top: auto;

        color: rgb(161, 165, 170);
        font-size: 0.75rem;
        font-weight: 600;
        line-height: 1.3;
        text-align: right;
    }
.preview-list-content {
    }
.preview-list-iconset {
        display: flex;
        align-items: center;
        flex-shrink: 0;
        justify-content: flex-end;
    }
.preview-list-iconset .preview-list-icon {
            width: 1.125rem;
            height: 1.125rem;
            margin: 0;
        }
.preview-list-status {
        flex-shrink: 0;
        margin-left: 0.3125rem;
    }
.preview-list-text {
        -webkit-box-orient: vertical;
        display: -webkit-box;
        margin-bottom: 0.625rem;
        overflow: hidden;

        color: rgb(115, 115, 115);
        font-size: 0.875rem;
        line-height: 1.25;
        text-overflow: ellipsis;
        white-space: normal;
        -webkit-line-clamp: 1;
    }
.preview-list-icon {
        flex-shrink: 0;
        width: 1.125rem;
        height: 1.125rem;
        margin-top: 0.3125rem;
        margin-right: 0.625rem;
        margin-left: 0.625rem;

        color: rgb(170, 170, 170);
        fill: rgb(170, 170, 170)
    }
.preview-list-icon.facebook {
  background-color: transparent;
}
.profile-picture-set {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.375rem;
}
.profile-picture-set .profile-picture {
        width: auto;
        margin-right: 1.25rem;
        margin-bottom: 0.5rem;
    }
.profile-picture-set .profile-picture .img {
            width: 1.875rem;
            height: 1.875rem;
        }
.profile-picture {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: flex-start;
    width: 100%
}
.profile-picture.centered {
  justify-content: center;
}
.profile-picture.medium {
  width: 23.125rem;
}
.profile-picture.space-between {
  justify-content: space-between;
}
.profile-picture.has-margin {
  margin-bottom: 0.75rem;
}
.profile-picture.align-center {
  align-items: center;
}
.profile-picture .img,
    .profile-picture .icon {
        margin-right: 0.75rem;
}
.profile-picture .img {
        display: block;
        width: 2.1875rem;
        height: 2.1875rem;
        max-width: 100%;

        border-radius: 6.25rem;
        object-fit: cover;
}
.profile-picture .img.tiny {
  width: 1.25rem;
  height: 1.25rem;
}
.profile-picture .img.small {
  width: 1.875rem;
  height: 1.875rem;
}
.profile-picture .img.medium {
  min-width: 3.75rem;
  min-height: 3.75rem;
}
.profile-picture .img.large {
  min-width: 5rem;
  min-height: 5rem;
}
.profile-picture .img.x-large {
  min-width: 7.1875rem;
  min-height: 7.1875rem;
}
.profile-picture .img.is-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  color: rgb(36, 57, 137);
  font-size: 2.5rem;
  font-weight: 400;
  background-color: rgb(181, 210, 245);
}
.profile-picture .img.is-empty.tiny {
  font-size: 0.875rem;
}
.profile-picture .icon {
        flex-shrink: 0;
        width: 1.25rem;
        height: 1.25rem;
}
.profile-picture .icon.large {
  width: 2.1875rem;
  height: 2.1875rem;
}
.profile-picture .icon.x-large {
  width: 5rem;
  height: 5rem;
}
.profile-picture-row {
        display: flex;
        flex-direction: row;
}
.profile-picture-row h2.profile-picture-text {
            display: flex;
            align-items: center;
            justify-content: center;

            margin-bottom: 0rem;

            font-size: 1.25rem;
        }
.profile-picture-row-button-set {
            display: flex;
            min-width: 10.625rem;

            background-color: transparent
        }
.profile-picture-row-button-set.flex-end {
  justify-content: flex-end;
}
.profile-picture-row-button-set .button {
                height: 2rem;

                margin-right: 1.25rem;
}
.profile-picture-row-button-set .dropdown {
                height: 2rem;
}
.profile-picture-wrapper {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
}
.profile-picture-wrapper .profile-picture-text:first-child {
            font-weight: 600;
        }
.profile-picture-wrapper .profile-picture-text:not(:first-child) {
            font-weight: 400;
        }
.profile-picture-wrapper.centered {
  align-items: center;
  justify-content: center;
  margin-top: 0.625rem;
  text-align: center;
}
.profile-picture-wrapper-title {
            margin-bottom: 0;
}
.profile-picture-footer {
        display: flex;
        align-items: center;
        margin-bottom: 0.75rem;
}
.profile-picture-footer > p {
            margin-bottom: 0rem;
        }
.profile-picture-text {
        margin-bottom: 0.3125rem !important;
        margin-left: 1.25rem;
        overflow: hidden;

        font-size: 0.875rem;
        text-overflow: ellipsis;
        white-space: nowrap;
}
.profile-picture-text .tag-set {
            max-width: 18.75rem;
        }
.profile-picture-text.tiny {
  margin-left: 0.625rem;
}
.profile-picture-text.overflow {
  width: 130px;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.profile-picture-text.light {
  color: rgb(155, 155, 155);
}
.profile-picture .link {
        font-weight: 600;
}
/*
    Progress Steps
*/
.progress-steps {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    max-width: 39.375rem;
    padding: 0;
    margin: 0;

    list-style: none;
}
.progress-steps-item {
        position: relative;

        display: flex;
        justify-content: center;
        width: 100%
    }
.progress-steps-item.is-selected::before {
  background-color: rgb(0, 153, 240);
  border-color: rgb(250, 250, 250);
}
.progress-steps-item.is-selected .progress-steps-item-button {
                color: rgb(0, 153, 240);
}
.progress-steps-item.is-completed::before {
  background-color: rgb(126, 211, 33);
  border-color: rgb(250, 250, 250);
}
.progress-steps-item.is-completed::after {
  background-color: rgb(126, 211, 33);
}
.progress-steps-item.is-completed .progress-steps-item-button {
                color: rgb(126, 211, 33);
}
.progress-steps-item::before {
  position: absolute;
  top: 2rem;
  left: 50%;
  z-index: -1;
  width: 0.9375rem;
  height: 0.9375rem;
  background-color: rgb(110, 110, 110);
  border: 4px solid rgb(110, 110, 110);
  border-radius: 50%;
  box-shadow: 0 2px 4px 0 rgba(176, 176, 176, 0.5);
  content: '';
  transform: translateX(-50%);
}
.progress-steps-item::after {
  position: absolute;
  top: 2.375rem;
  left: 50%;
  z-index: -2;
  width: 100%;
  height: 0.1875rem;
  background-color: rgb(110, 110, 110);
  content: '';
}
.progress-steps-item:last-child::after {
  content: none;
}
.progress-steps-item-button {
            width: 6.25rem;
            height: 3.125rem;
            padding-bottom: 1.25rem;

            color: rgb(110, 110, 110);
            font-size: 0.75rem;
            font-weight: 600;
}
/*
    Question Picker
*/
.question-picker {
    position: fixed;
}
.question-picker-noselect {
        width: 100%;
        height: 100%;
    }
.question-picker-dialog {
        position: absolute;

        display: flex;
        flex-direction: row;
        justify-content: flex-start;
    }
.question-picker-dialog-close {
            position: relative;
            top: -12px;
            left: -13px;

            width: 24px;
            height: 24px;

            color: rgb(255, 255, 255);

            background-color: rgb(67, 74, 84);
            border-radius: 16px;
            fill: rgb(255, 255, 255);
        }
.question-picker-dialog-close svg.button-icon {
                width: 10px;
                height: 10px;
                margin: 7px;
            }
.question-picker-dialog-inner {
            display: flex;
            flex-direction: row;
            justify-content: center;
        }
.question-picker-dialog-inner button.button {
                flex-direction: column-reverse;
                height: 100px;
                min-width: 100px;
                padding: 10px;
                margin-right: 1px;

                font-size: 10px;
                text-transform: uppercase;

                background-color: rgb(67, 74, 84);
                border-radius: 0;
                fill: rgb(255, 255, 255);
            }
.question-picker-dialog-inner button.button svg {
                    width: 35px;
                    height: 55px;
                    margin: 0;
                }
.question-picker-dialog-inner button.button:first-child {
                border-top-left-radius: 5px;
                border-bottom-left-radius: 5px;
            }
.question-picker-dialog-inner button.button:last-child {
                border-top-right-radius: 5px;
                border-bottom-right-radius: 5px;
            }
/*
    Quick links
*/
.quick-links .button {
        fill: rgb(0, 153, 240);
    }
.quick-links-title {
        color: rgb(67, 74, 84);
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.1875rem;
        letter-spacing: 0;
    }
.quick-links-section:first-of-type {
  margin-bottom: 1.25rem;
  border-bottom: 1px solid rgb(208, 213, 221);
}
.quick-links-list {
        padding: 0;

        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.1875rem;
        letter-spacing: 0;

        list-style: none;
    }
.quick-links-list li {
            display: flex;
            align-items: center;
            width: -webkit-max-content;
            width: -moz-max-content;
            width: max-content;

            color: rgb(0, 153, 240);
            text-transform: uppercase
        }
.quick-links-list li:hover {
  cursor: pointer;
}
.quick-links-list li.disabled {
  color: rgb(67, 74, 84);
  font-weight: 600;
  text-transform: none;
  cursor: default;
}
.quick-links-list li.disabled .icon {
                    fill: rgb(67, 74, 84);
}
.quick-links-list li .icon {
                fill: rgb(0, 153, 240);

                margin-right: 0.75rem;
}
/*
    Quill Preview
*/
.quill-preview h1,
    .quill-preview h2,
    .quill-preview h3,
    .quill-preview h4 {
        margin-bottom: 0.75rem;
    }
.quill-preview p {
        margin-bottom: 0.9375rem;
    }
/*
    Rich text editor
*/
.quill-label {
        margin-bottom: 0rem;

        font-weight: 700;
    }
.quill .ql-editor h1,
        .quill .ql-editor h2,
        .quill .ql-editor h3,
        .quill .ql-editor h4 {
            margin-bottom: 0.75rem;
        }
.quill .ql-editor p {
            margin-bottom: 0.9375rem;
        }
.quill .ql-snow h1 {
            font-size: 1.875rem !important;
        }
.quill .ql-snow h2 {
            font-size: 1.5rem !important;
        }
.quill .ql-snow h3 {
            font-size: 1.25rem !important;
            font-weight: 400 !important;
        }
.quill .ql-snow h4 {
            font-size: 1rem !important;
        }
.quill .ql-snow h5 {
            font-size: 0.875rem !important;
        }
.quill .ql-snow h6 {
            font-size: 0.75rem !important;
        }
/*
    Quiz Preview
*/
.quiz-preview {
    width: 100%;
    height: 100%;
    max-width: 30rem;
    padding: 1.25rem
}
.quiz-preview.fit-content {
  max-width: none;
  max-width: initial;
}
.quiz-preview.large {
  max-width: 37.5rem;
}
.quiz-preview.with-pad {
  padding: 3.75rem 1.25rem;
}
.quiz-preview-email {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        min-height: 9.375rem;
        padding: 0.75rem 0.9375rem;

        border-radius: 0.5rem;
        box-shadow: 0 0 0.3125rem 0 rgba(0, 0, 0, 0.1);
}
.quiz-preview-email .button {
            width: -webkit-min-content;
            width: -moz-min-content;
            width: min-content;
        }
.quiz-preview-question-next {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            margin-top: 1.875rem;

            font-size: 0.875rem;
            font-weight: 600;
            text-transform: uppercase;
        }
.quiz-preview-question-next-button {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 6.875rem;
                height: 2.5rem;

                color: rgb(255, 255, 255);

                background-color: rgb(254, 83, 84);
                border-radius: 0.25rem
            }
.quiz-preview-question-next-button:hover {
  cursor: pointer;
}
.quiz-preview-question-field {
            display: flex;
            align-items: center;
            margin-bottom: 1.375rem;

            border: 1px solid rgb(219 218 218);
            border-radius: 0.3125rem;
        }
.quiz-preview-question-field .icon {
                min-width: 1.375rem;
                min-height: 1.375rem;
                padding: 0.3125rem;
                margin-right: 1.5625rem;

                background-color: rgb(155, 155, 155);
                border-radius: 6.1875rem;
                fill: rgb(255, 255, 255);
            }
.quiz-preview-question-field .field {
                position: relative;

                display: flex;
                align-items: center;
                padding-right: 1.25rem;
                padding-bottom: 0rem;

                border-radius: 0.3125rem
            }
.quiz-preview-question-field .field.text {
  width: 100%;
  padding-right: 0rem;
}
.quiz-preview-question-field .field-input {
                    height: 3.75rem;
                    padding: 1.25rem;

                    border: none;
}
.quiz-preview-question-field .field-input:focus {
  border-color: none;
  box-shadow: none;
}
.quiz-preview-question-choice-set {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            width: 100%;
        }
.quiz-preview-question-picture {
            display: inline-block;
            width: 18.75rem;
            margin-bottom: 1.25rem;

            background-color: rgb(255, 255, 255);
            border-radius: 0.625rem;
            box-shadow: rgb(219, 218, 218) 0 0 0 1px inset
        }
.quiz-preview-question-picture.hidden-text .quiz-preview-question-picture-text {
                    display: none;
}
.quiz-preview-question-picture.hidden-text > img {
                    border-radius: 0.625rem;
}
.quiz-preview-question-picture-text {
                padding: 1.25rem;
                overflow: hidden;

                text-align: left;
                text-overflow: ellipsis;
}
.quiz-preview-question-picture-text > p {
                    color: rgb(74, 74, 74);
                }
.quiz-preview-question-picture > img {
                display: block;
                width: 100%;
                height: 12.5rem;
                max-width: 100%;
                padding: 0.0625rem;

                border-radius: 0.625rem 0.625rem 0 0;
                box-shadow: none;
                object-fit: cover;
}
.quiz-preview-question-capsule {
            display: inline-flex;
            align-items: center;
            width: 100%;
            height: 4.0625rem;
            max-width: 18.75rem;
            margin-bottom: 1rem;

            background-color: rgb(255, 255, 255);
            border-radius: 2.0625rem;
            box-shadow: rgb(219, 218, 218) 0 0 0 2px inset;

            transition: all 0.2s ease-in;
        }
.quiz-preview-question-capsule > p {
                -webkit-box-orient: vertical;
                display: -webkit-box;
                margin-right: 0.625rem;
                margin-bottom: 0;
                overflow: hidden;

                font-size: 1rem;
                -webkit-line-clamp: 2;
            }
.quiz-preview-question-capsule-checkbox {
                min-width: 1.5625rem;
                min-height: 1.5625rem;
                margin-right: 1.125rem;
                margin-left: 1.125rem;

                border-radius: 6.1875rem;
                box-shadow: rgb(219, 218, 218) 0 0 0 2px inset;

                transition: all 0.2s ease-in;
            }
.quiz-preview-question-choice {
            display: flex;
            flex-direction: column;
            width: 17.8125rem;
            min-height: 3.125rem;
            padding: 0.625rem 1.25rem;
            margin-bottom: 1.25rem;

            border: 1px solid rgb(219 218 218);
            border-radius: 0.25rem;

            transition: all 0.2s ease-in;
        }
.quiz-preview-question-choice-container {
                display: flex;
                align-items: center;
                flex-grow: 1;
                justify-content: space-between;
            }
.quiz-preview-question-choice-container > p {
                    margin-bottom: 0rem;
                }
.quiz-preview-question-choice:hover {
  cursor: pointer;
  border: 1px solid rgb(67, 74, 84);
}
.quiz-preview-question-choice:hover .icon {
                    visibility: visible;
}
.quiz-preview-question-choice .field {
                padding-bottom: 0rem;
}
.quiz-preview-question-choice .field-input {
                    height: auto;
                    padding-bottom: 0.375rem;
                    padding-left: 0rem;

                    border: none;
                    border-bottom: 1px solid rgb(230, 230, 230);
                    border-radius: 0
                }
.quiz-preview-question-choice .field-input:focus {
  border-color: rgb(230, 230, 230);
  box-shadow: none;
  outline: none;
}
.quiz-preview-question-choice .icon {
                visibility: hidden;
}
.quiz-preview-question-image {
            height: 20rem;
            margin-bottom: 1.375rem;

            border-radius: 0.3125rem;
        }
.quiz-preview-question-image > img {
                width: 100%;
                height: 20rem;

                border-radius: 0.3125rem;
                object-fit: cover;
            }
.quiz-preview-question .button {
            width: 11.125rem;

            color: rgb(255, 255, 255);
            font-weight: 700;

            border: transparent;
            border-radius: 1.25rem;
        }
.quiz-preview-header {
        display: flex;
        align-items: center;
        flex-direction: column;

        text-align: center;
}
.quiz-preview-header > h1 {
            margin-bottom: 0.5rem;

            font-size: 1.5rem;
            line-height: 1.3;
        }
.quiz-preview-header > h1,
        .quiz-preview-header > h3 {
            color: rgb(67, 74, 84);
        }
.quiz-preview-header-image {
            height: 15.625rem;
            padding: 0;
            margin-bottom: 1.75rem;
        }
.quiz-preview-header-image > img {
                width: 100%;
                height: 15.625rem;
                padding: 0;
                object-fit: cover;
            }
.quiz-preview-header-underline {
            width: 6.25rem;
            height: 0.0625rem;
            margin-bottom: 0.75rem;
        }
.quiz-preview-enquiry {
        display: flex;
        flex-direction: column;
        padding: 1.875rem;

        text-align: center;

        border: 1px solid rgb(219, 218, 218);
        border-radius: 0.625rem;
}
.quiz-preview-enquiry .button {
            align-self: center;
            width: 11.125rem;

            font-weight: 600;

            border: transparent;
            border-radius: 1.25rem;
        }
.quiz-preview-enquiry .field-input {
                padding: 0rem;

                border-color: transparent;
                border-bottom-color: rgb(219, 218, 218);
                border-radius: 0rem;
                box-shadow: none
            }
.quiz-preview-enquiry .field-input:focus {
  border-color: transparent;
  border-bottom-color: rgb(219, 218, 218);
  box-shadow: none;
}
.quiz-preview-recommendation {
        margin-bottom: 1rem;

        background-color: rgb(255, 255, 255);
        border-radius: 0.625rem;
}
.quiz-preview-recommendation-image {
            height: 15rem;

            border: 0.0625rem solid rgb(219, 218, 218);
            border-bottom: 0;
            border-radius: 0.625rem 0.625rem 0rem 0rem;
        }
.quiz-preview-recommendation-image > img {
                width: 100%;
                height: 15rem;

                border-radius: 0.625rem 0.625rem 0rem 0rem;
                object-fit: cover;
            }
.quiz-preview-recommendation-content {
            display: flex;
            flex-direction: column;
            justify-content: space-between;
            padding: 1.125rem;

            border: 0.0625rem solid rgb(219, 218, 218);
            border-top: 0rem;
            border-radius: 0rem 0rem 0.625rem 0.625rem;
        }
.quiz-preview-recommendation-content-underline {
                width: 6.25rem;
                height: 0.0625rem;
                margin-bottom: 0.75rem;
            }
.quiz-preview-recommendation-content-button {
                font-weight: 600;

                border-radius: 1.6875rem;
            }
.quiz-preview-recommendation-content-header {
                display: flex;
                flex-direction: column;
            }
.quiz-preview-recommendation-content-description {
                -webkit-box-orient: vertical;
                display: -webkit-box;
                margin-bottom: 1.25rem;
                overflow: hidden;

                text-overflow: ellipsis;
                -webkit-line-clamp: 2
            }
.quiz-preview-recommendation-content-description.multi {
  -webkit-line-clamp: 3;
}
.quiz-preview-recommendation-content-answers {
                display: flex;
                align-items: center;
                margin-bottom: 0.5rem;
            }
.quiz-preview-recommendation-content-answers > p {
                    margin-bottom: 0rem;

                    color: rgb(155, 155, 155);
                }
.quiz-preview-recommendation-content-answers .icon {
                    min-width: 1rem;
                    min-height: 1rem;
                    margin-right: 0.5rem;
                    fill: rgb(155, 155, 155);
                }
.quiz-preview-recommendation-content-title {
                margin-bottom: 0.625rem;

                color: rgb(67, 74, 84);
                font-weight: 700;
                line-height: 1.5rem;
                letter-spacing: 0;
            }
.quiz-preview-footer-start-over {
            display: flex;
            align-items: center;
            justify-content: center;
        }
.quiz-preview-footer-start-over .button {
                color: rgb(74, 74, 74);
                font-weight: 600;
                line-height: 1.375rem;
                letter-spacing: 0;
                text-align: center;

                background-color: transparent;
                border-radius: 1.6875rem;
            }
.quiz-preview-footer-other {
            width: 100%;
            padding: 0.5rem 4.375rem;
            margin-bottom: 1rem;

            text-align: center;

            background-color: rgb(250, 250, 250);
            border: 1px dashed rgb(219, 218, 218);
            border-radius: 0.625rem;
        }
.quiz-preview-footer-other > p {
                margin-bottom: 0rem;
            }
.quiz-preview-footer-button-set {
            display: flex;
            align-items: center;
            justify-content: center;
            margin-bottom: 1rem;
        }
.quiz-preview-footer-button-set .button {
                flex-grow: 1;
                width: 6.25rem;

                font-weight: 600;

                background-color: rgb(255, 255, 255);
                border-radius: 1.6875rem;
                fill: rgb(255, 255, 255)
            }
.quiz-preview-footer-button-set .button:first-child {
  margin-right: 1.875rem;
}
.quiz-preview-participant .field {
            padding-bottom: 1.125rem;
        }
.quiz-preview-participant-unit {
            display: flex;
            align-items: flex-end;
            padding-bottom: 1.125rem;
        }
.quiz-preview-participant-unit .field {
                padding: 0rem;
                margin-right: 0.75rem;
            }
.quiz-preview-participant-unit-box {
                display: flex;
                align-items: center;
                justify-content: center;
                width: 3.75rem;

                height: 2.8125rem;

                cursor: pointer;

                background-color: rgb(255, 255, 255);
                border: 1px solid rgb(230, 230, 230);

                border-radius: 0.3125rem
            }
.quiz-preview-participant-unit-box:not(:last-of-type) {
  margin-right: 0.75rem;
}
/*
    Quiz Settings
*/
.quiz-settings .tag {
        margin-bottom: 1.125rem;
    }
.quiz-settings .quill {
        margin-bottom: 1.375rem;
    }
.quiz-settings .file-upload-container {
        margin-bottom: 0.75rem;
    }
.quiz-settings-contrain-width {
        max-width: 37.5rem;
    }
.quiz-settings-delete {
        display: flex;
        align-items: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;

        padding: 0.5rem;

        color: rgb(254, 83, 84);
        font-weight: 600;

        border-radius: 0.25rem;
        fill: rgb(254, 83, 84)
    }
.quiz-settings-delete:hover {
  cursor: pointer;
  background-color: rgb(230, 230, 230);
}
.quiz-settings-delete > p {
            margin-right: 0.75rem;
            margin-bottom: 0rem;
}
.quiz-settings-form {
        padding: 1.125rem;

        border: 1px solid rgb(219, 218, 218);
        border-radius: 0.625rem;
    }
.quiz-settings-form-heading {
            display: flex;
            flex-direction: column;
            padding-bottom: 0.75rem;
            margin-bottom: 1rem;

            border-bottom: 1px solid rgb(219, 218, 218);
        }
.quiz-settings-form-heading-subject {
                display: flex;
                align-items: center;
                margin-bottom: 0.5rem;
            }
.quiz-settings-form-heading-subject * {
                    margin-bottom: 0;

                    font-size: 0.875rem;
                }
.quiz-settings-snippet {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        height: auto;
        min-height: 3.75rem;
        padding: 1.25rem;

        color: rgb(74, 74, 74);
        font-size: 14px;
        line-height: 19px;
        letter-spacing: 0;

        background-color: rgb(248, 247, 247);
        border: 1px solid rgb(229, 229, 229);
        border-radius: 0.25rem;
    }
.quiz-settings-snippet .button {
            position: absolute;
            right: 1.25rem;

            display: flex;
            align-items: center;
            width: auto;
            height: 2.25rem;

            color: rgb(0, 0, 0);
            font-weight: 700;
            text-transform: uppercase;

            background-color: rgb(255, 255, 255);
            border: 1px solid rgb(219, 218, 218);
            border-radius: 0.25rem;
        }
.quiz-settings-snippet .button .icon {
                width: 0.875rem;
                height: 0.875rem;
                margin-right: 0.5rem;
                margin-bottom: 0rem;
            }
.quiz-settings-content {
        padding-bottom: 1.375rem;
        margin-bottom: 1.375rem;

        color: rgb(15, 15, 15);
    }
.quiz-settings-content .link {
            font-size: 0.875rem;
            font-weight: 700;
        }
.quiz-settings-content .file-upload-container {
            width: 21.875rem;
        }
.quiz-settings-content .file-upload-container .icon {
                width: 1.25rem;
                height: 1.25rem;
            }
.quiz-settings-content img {
            width: 7.1875rem;
            height: 2.5rem;
            margin-bottom: 0.75rem;
        }
.quiz-settings-content .icon {
            width: 2.5rem;
            height: 2.5rem;
        }
.quiz-settings-content:not(:last-of-type) {
  border-bottom: 1px solid rgb(219, 218, 218);
}
.quiz-settings-toggle {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        margin-bottom: 1.375rem;
    }
.quiz-settings-toggle-header {
            margin-bottom: 0.5rem;

            font-weight: 700;
        }
.quiz-settings-toggle .switch {
            margin-right: 0.75rem;
        }
.quiz-settings-toggle .switch,
        .quiz-settings-toggle p {
            margin-bottom: 0rem;
        }
.quiz-settings-toggle .dropdown {
            margin-right: 0.75rem;
            margin-left: 0.75rem;
        }
/*
    Radio
*/
.radio-group {
        display: flex;
        align-items: center;
    }
.radio-group .button {
            margin-left: 0.625rem;
        }
.radio-input {
        width: 1.25rem;
        height: 1.25rem;
    }
.radio-label {
        padding-left: 0.5rem;
        margin-bottom: 0rem;

        font-size: 0.875rem
    }
.radio-label.bold {
  margin: 0;
  font-weight: 700;
}
.radio-label.disabled {
  color: rgb(105, 110, 118);
}
.reply-buttons {
    display: inline-flex;
    flex-wrap: wrap;
    justify-content: flex-end;
    width: 100%;
    padding-top: 0.375rem;
}
.reply-buttons .button {
        min-width: 5rem;
        padding: 0.4375rem 0.875rem;
        margin-bottom: 0.625rem;
        margin-left: 0.625rem;

        cursor: not-allowed;
    }
.response-form {
    position: relative;

    padding: 1.75rem;

    color: rgb(74, 74, 74);

    background-color: rgb(255, 255, 255);
    border: 0.0625rem solid rgb(230, 230, 230);
    border-radius: 0.625rem;
}
.response-form .icon-statistic {
        margin-bottom: 0.75rem;
    }
.response-form .icon-statistic p {
            margin-bottom: 0rem;
        }
.response-form-panel {
        min-width: 15.625rem;
    }
.response-form-panel-section {
            margin-bottom: 1.375rem
        }
.response-form-panel-section.border-top {
  padding-top: 1rem;
  border-top: 0.0625rem solid rgb(230, 230, 230);
}
.response-form-panel-link {
            font-size: 0.875rem;
            font-weight: 700;

            text-transform: uppercase;

            cursor: pointer
        }
.response-form-panel-link:hover {
  text-decoration: none;
}
.response-form-panel-list-item {
            margin-bottom: 0.25rem;
        }
.response-form-panel .heading-4,
        .response-form-panel .heading-3 {
            margin-bottom: 0.5rem;
        }
.response-form-header {
        padding-bottom: 0.625rem;
        margin-bottom: 1.375rem;

        border-bottom: 0.0625rem solid rgb(230, 230, 230);
    }
.response-form-header > p {
            margin-bottom: 0.3125rem;
        }
.response-form-container {
        display: flex;
        margin-bottom: 1.375rem;
    }
.response-form-container-col {
            flex-grow: 1;
        }
.response-form-container-col p {
                margin-bottom: 0.75rem;
            }
.response-form-content p:last-child {
            margin-bottom: 0rem;
        }
.response-form-content .barchart-column {
            max-width: 18.75rem;
        }
.response-form-content-question {
            margin-bottom: 0.125rem;

            color: rgb(155, 155, 155);
            font-size: 0.875rem;
            line-height: 1.1875rem;
        }
.response-form-content-title {
            margin-bottom: 0.125rem;

            color: rgb(155, 155, 155);
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1.1875rem;
            text-transform: uppercase;
        }
.response-form-content-copy-button {
            fill: rgb(0, 153, 240)
        }
.response-form-content-copy-button.is-copied {
  fill: rgb(126, 211, 33);
}
.response-form-content-tag {
            display: flex;
            align-items: flex-start;
        }
.response-form-content-tag-reminder {
                display: flex;
                align-items: center;
                margin-left: 0.75rem;
            }
.response-form-content-tag .icon {
                margin-right: 0.375rem;

                color: rgb(248, 155, 52);
                fill: rgb(248, 155, 52);
            }
.response-form-content-tag .tag {
                height: -webkit-min-content;
                height: -moz-min-content;
                height: min-content;
                margin-top: 0.1875rem;
                margin-left: 0.75rem;
            }
.response-input.is-active .dynamic-textarea input,
            .response-input.is-active .dynamic-textarea textarea,
            .response-input.is-active .dynamic-textarea.text,
            .response-input.is-active .dynamic-textarea.textarea,
            .response-input.is-active .field input,
            .response-input.is-active .field textarea,
            .response-input.is-active .field.text,
            .response-input.is-active .field.textarea {
                background-color: rgb(243, 243, 243);
            }
.response-input.is-active .dynamic-textarea-input, .response-input.is-active .field-input {
                border: 1px solid transparent;
            }
.response-input.is-active .dynamic-textarea-label, .response-input.is-active .field-label {
                background-color: rgb(255, 255, 255);
            }
.response-input.is-active .response-input-text-container {
            border: 1px solid transparent;
}
.response-input.is-active .response-input-text-container:hover .response-input-delete {
                    display: none;
}
.response-input.is-active .response-input-delete {
            display: none;
}
.response-input textarea {
        max-height: none;
        overflow-y: hidden;
}
.response-input .dynamic-textarea {
        margin-bottom: 0rem;
}
.response-input .dynamic-textarea-input:focus {
  border: 0.0625rem solid transparent;
  box-shadow: none;
}
.response-input .dynamic-textarea-container {
            border: 0.0625rem solid transparent;
            box-shadow: none;
        }
.response-input-submit {
        display: flex;
        justify-content: space-between;

        padding-bottom: 0rem;
        margin-bottom: 0.75rem;
}
.response-input-submit-container {
            display: flex;
            align-items: center;
        }
.response-input-submit p {
            display: flex;
            align-items: center;
            margin-bottom: 0rem;
        }
.response-input-submit .dropdown {
            border: 0.0625rem solid rgb(219, 218, 218);
            border-radius: 0.1875rem
        }
.response-input-submit .dropdown:last-of-type {
  margin-left: 0.75rem;
}
.response-input-submit .dropdown-item {
                height: 2.1875rem;

                border: 1px solid transparent;
                border-radius: 0;
}
.response-input-submit .dropdown-content-label {
                    color: rgb(67, 74, 84);
                    font-weight: 400;
                }
.response-input-submit .dropdown-item-content, .response-input-submit .dropdown-content {
                height: 100%;
            }
.response-input-submit .button {
            height: 2.1875rem
        }
.response-input-submit .button.septenary {
  color: rgb(67, 74, 84);
  font-weight: 400;
}
.response-input-submit .button:not(:last-of-type) {
  margin-right: 0.75rem;
}
.response-input .field {
        padding-bottom: 0rem;

        font-size: 0.875rem;
}
.response-input .field.text {
  padding: 0;
  margin-bottom: 0.25rem;
  border-radius: 0.5rem;
}
.response-input .field.text input {
                font-size: 1rem;
                font-weight: 700;

                border-radius: 0.5rem;
}
.response-input .field.text input::-webkit-input-placeholder {
  font-weight: 400;
}
.response-input .field.text input,
            .response-input .field.text textarea {
                background-color: transparent;
                border: 0.0625rem solid transparent;
}
.response-input .field.text input:focus, .response-input .field.text textarea:focus {
  background-color: rgb(243, 243, 243);
  border: 0.0625rem solid transparent;
}
.response-input .field.text textarea {
                min-height: 10rem;
}
.response-input .field.textarea {
  max-height: none;
  padding: 0rem;
  line-height: 1.4;
  border-radius: 0.5rem;
}
.response-input .field.textarea textarea {
                min-height: 5rem;
}
.response-input .field-status {
            position: absolute;

            padding-bottom: 0.75rem;
            padding-left: 0.75rem;
}
.response-input .field-input {
            padding: 0.75rem;

            white-space: pre-line;

            border: 1px solid transparent;
            border-radius: 0.5rem;
}
.response-input .field-input:focus {
  border-color: transparent;
  box-shadow: none;
}
.response-input .field-label {
            padding-bottom: 0.75rem;
            margin-bottom: 0rem;
}
.response-input-text-container {
        position: relative;

        margin-bottom: 0.75rem;

        cursor: text;
        border: 1px solid transparent;

        border-radius: 0.5rem;
}
.response-input-text-container-placeholder {
            color: rgb(115, 115, 115);
        }
.response-input-text-container:hover .response-input-delete {
                display: block;
}
.response-input-description {
        margin-bottom: 0rem;
}
.response-input-description .link {
            font-weight: 700;
        }
.response-input-delete {
        position: absolute;
        top: 0.25rem;
        right: 1.25rem;
        z-index: 99;

        display: none;
}
.response-input-delete .quiz-settings-delete:hover {
  background-color: transparent;
}
/*
    Modal wrapper for the panel
*/
.side-panel-modal {
    position: fixed;
    right: 0;

    width: 0;

    height: 100%;

    transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1)
}
.side-panel-modal.is-open {
  display: block;
  width: 33.75rem;
  transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1);
  transition-delay: 0s;
  transition-duration: 0.5s;
  transition-property: width;
}
.side-panel-modal .side-panel-modal-view {
        position: absolute;

        width: 100%;

        height: 100%;
}
.side-panel-modal .side-panel-modal-view.is-scrollable {
  overflow: scroll;
}
.side-panel-modal .detailed-panel:not(.has-border) {
  border-left: transparent;
  box-shadow: 0 0 0 1px rgb(237, 234, 233),
                0 5px 20px 0 rgba(109, 110, 111, 0.08);
}
.review-widget {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;
    width: 7.8125rem;
    height: 100%;
}
.review-widget-content {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
    }
.review-widget-content .icon {
            width: 1.25rem;
            height: 1.25rem;
        }
.review-widget-label {
        height: 1.1875rem;

        color: rgb(74, 74, 74);
        font-size: 0.875rem;
        font-weight: 600;
        line-height: 1.1875rem;
        letter-spacing: 0;
    }
.review-widget-footer {
        display: flex;
        align-items: center;
        justify-content: space-evenly;
        width: 100%;
        height: 1.0625rem;

        color: rgb(155, 155, 155);
        letter-spacing: 0;
    }
.review-widget-footer-text {
            margin-bottom: 0;

            font-size: 0.75rem;
        }
.review-widget .badge {
        justify-content: center;
        width: 2.6875rem;
        height: 1.6875rem;
        margin: 0.625rem;

        font-size: 1rem;

        background-color: rgb(74, 144, 226);
        border-radius: 4px;
    }
.review-widget .logo {
        width: 3.125rem;
        height: 0.9375rem;
    }
/*
    Select Box
*/
.select-box {
    display: flex;
    align-items: center;
    flex-direction: column;
    justify-content: center;

    width: 11.25rem;
    height: 5.5rem;
    padding: 0.875rem;

    text-align: center;

    border: 1px solid rgb(207, 207, 207);
    border-radius: 0.625rem;

    transition: border 0.25s
}
.select-box:hover {
  cursor: pointer;
}
.select-box.is-selected {
  border: 2px solid rgb(94, 143, 220);
}
.select-box-text {
        margin-bottom: 0rem;

        font-weight: 600;
}
.select-box-icon {
        flex-shrink: 0;
        margin-bottom: 0.25rem;
}
.select-box-icon .icon {
            width: 1.9375rem;
            height: 1.875rem;
        }
.select-box-set {
        display: flex;
        margin-bottom: 1.375rem;
}
.select-box-set .select-box:not(:last-of-type) {
  margin-right: 1.125rem;
}
.select-button {
    display: flex;
    align-items: center;
    flex-direction: column;
    width: 8.75rem;
}
.select-button-icon {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        width: 7.5rem;
        height: 7.5rem;
        padding: 0.875rem;
        margin-bottom: 0.75rem;

        cursor: pointer;
        border: 1px solid rgb(207, 207, 207);
        border-radius: 0.625rem
    }
.select-button-icon:hover {
  border: 1px solid rgb(0, 153, 240);
}
.select-button-icon .icon {
            width: 1.875rem;
            height: 1.875rem;
            fill: rgb(207, 207, 207);
            margin-bottom: 0rem;
}
.select-button-text {
        margin-bottom: 0rem;

        font-size: 0.8125rem;
        font-weight: 400;
        line-height: 1.25rem;
        white-space: normal;
        white-space: initial;
    }
.select-button-set {
        display: flex;
    }
.select-button-set .select-button .select-button-icon:hover {
                border: 1px solid rgb(0, 153, 240);
            }
.select-button-set .select-button-icon {
                border: 1px dotted rgb(207, 207, 207);
            }
.select-button-set .select-button:not(:last-of-type) {
  margin-right: 0.75rem;
}
.select-button-set .select-button:not(:last-of-type) .select-button-icon {
                    border: 1px solid rgb(207, 207, 207);
}
.select-button-set .select-button:not(:last-of-type) .select-button-icon:hover {
  border: 1px solid rgb(0, 153, 240);
}
.send-survey .slider-toggle {
        margin-bottom: 1.375rem;
    }
.send-survey .survey-form {
        max-width: 62.5rem;
    }
.send-survey .page-content {
        padding: 1.875rem;
    }
/*
    Settings Form
*/
.settings-form {
    width: 100%;
    max-width: 62.5rem;
}
.settings-form .field-constraint {
        width: 18.75rem;
    }
.settings-form textarea {
        max-height: 9.375rem;
        min-width: 100%;

        resize: none;
    }
.settings-form-submit {
        display: flex;
        justify-content: flex-end;
        padding-top: 1.25rem;
    }
.settings-form-submit .button {
            width: 11.25rem
        }
.settings-form-submit .button:last-of-type {
  margin-left: 0.75rem;
}
.settings-form-heading {
        color: rgb(67, 74, 84);
    }
/*
    Settings Navigation
*/
.settings-navigation {
    position: fixed;
    top: 0;
    left: -20rem;

    width: 12.5rem;
    height: 100%;
    padding-top: 4rem;
    overflow: auto;

    background-color: rgb(250, 250, 250);
    box-shadow: 0 0rem 0.0625rem 0 rgba(0, 0, 0, 0.5);
    opacity: 0;

    transition: opacity 0.1s ease-in-out
}
.settings-navigation.is-active {
  left: 12.5rem;
  opacity: 1;
}
.settings-navigation-option {
        margin-bottom: 1.25rem;

        font-size: 0.875rem;
}
.settings-navigation-option-title {
            margin-bottom: 0.6875rem;
            margin-left: 0.875rem;

            font-size: 0.6875rem;
            font-weight: 700;
            text-transform: uppercase;
        }
.settings-navigation-option-item {
            height: 2.8125rem;
        }
.settings-navigation-option-item .link {
                justify-content: flex-start;
                padding-left: 0.875rem;

                color: rgb(112, 112, 112);
                font-weight: 400;
                text-decoration: none
            }
.settings-navigation-option-item .link.active,
                .settings-navigation-option-item .link:hover {
  color: rgb(0, 138, 216);
  font-weight: 400;
  background-color: rgb(237, 244, 247);
}
.settings-navigation-option-item .icon {
                width: 1rem;
                height: 1rem;
                margin-right: 1rem;

                color: rgb(112, 112, 112);
                fill: rgb(112, 112, 112);
            }
/*
    Settings
*/
.settings {
    position: relative
}
.settings.is-loading .settings-inner {
            opacity: 0.6;
}
.settings-error-message {
        color: rgb(255, 0, 0);
        font-size: 0.75rem;
}
.settings-loader {
        position: absolute;
        z-index: 1;

        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
}
.settings .table {
        margin-bottom: 1.375rem;
}
/*
    Showcase element
*/
.showcase {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 13.0625rem;
    padding: 0.625rem;
    margin-bottom: 1.25rem;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(219, 218, 218);
    border-radius: 0.25rem;
}
.showcase-container {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        width: 50%;
        min-height: 100%;
        padding: 0.625rem;

        text-align: center
    }
.showcase-container.is-dark {
  justify-content: flex-start;
  min-width: 50%;
  color: rgb(255, 255, 255);
  background-color: rgb(111, 119, 130);
  border-left: 1px solid rgb(219, 218, 218);
}
.showcase-container.is-light {
  justify-content: flex-start;
  min-width: 50%;
  color: rgb(0, 0, 0);
  background-color: rgb(246, 246, 246);
  border-left: 1px solid rgb(219, 218, 218);
}
.showcase-container .button.septenary {
  padding-right: 1.25rem;
  padding-left: 1.25rem;
}
.showcase-container .button .button-icon {
                width: 0.9375rem;
                height: 0.9375rem;
}
.showcase-container-embed {
            display: flex;
            align-items: center;
            flex-direction: column;
            width: 100%;
            margin-top: 6.875rem;
}
.showcase-container-embed-snippet {
                display: flex;
                align-items: center;
                flex-direction: column;
                width: inherit;
                padding: 1.25rem 0rem;

                background-color: rgb(255, 255, 255);
                border-radius: 0.25rem;
            }
.showcase-container-button-set {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            padding-top: 4.375rem;
}
.showcase-container-button {
            display: flex;
}
.showcase-container-button > button {
                width: 4.1875rem;
                height: 1.6875rem;

                color: rgb(255, 255, 255);
                font-weight: 700;
                text-transform: uppercase;

                background-color: rgb(74, 74, 74);
                border-radius: 0.25rem
            }
.showcase-container-button > button:first-child {
  margin-right: 0.3125rem;
  color: rgb(0, 0, 0);
  font-weight: 600;
  background-color: rgb(255, 255, 255);
}
.showcase-container-button > button:hover {
  background-color: rgb(115, 115, 115);
  box-shadow: 0 2px 10px 0 rgba(0, 0, 0, 0.09);
}
.showcase-container-button > button:hover:first-child {
  background-color: rgb(230, 230, 230);
}
/*
    Side menu
*/
.side-menu-item {
        display: flex;
        height: 1.875rem;
        margin-bottom: 1.25rem
    }
.side-menu-item.is-disabled:hover {
  cursor: not-allowed;
}
.side-menu-item.is-disabled .side-menu-item-text {
                    color: rgb(135, 135, 135);
                }
.side-menu-item.is-disabled .side-menu-item-circle {
                    color: rgb(0, 0, 0);
                }
.side-menu-item.is-active .side-menu-item-text {
                    color: rgb(0, 153, 240);
                }
.side-menu-item.is-active .side-menu-item-circle {
                    color: rgb(255, 255, 255);

                    background-color: rgb(0, 153, 240);
                }
.side-menu-item:hover {
  cursor: pointer;
}
.side-menu-item-text {
            display: flex;
            align-items: center;
            flex-shrink: 0;

            margin-bottom: 0rem;

            font-size: 0.875rem;

            font-weight: 400;

            transition: all 0.2s ease-in-out;
}
.side-menu-item-circle {
            display: flex;
            align-items: center;

            flex-shrink: 0;
            justify-content: center;
            width: 1.875rem;
            height: 1.875rem;

            margin-right: 0.75rem;

            font-weight: 700;

            background: rgb(239, 244, 251);
            border-radius: 6.1875rem;

            transition: all 0.2s ease-in-out;
}
.side-menu-button {
        width: 100%;
    }
.side-navigation {
    width: 17.5rem;
}
.side-navigation-option {
        margin: 1.25rem;
    }
.side-navigation-option-item .link {
                display: flex;
                align-items: center;
                width: auto;
                height: 2.5rem;
                padding: 0.625rem;

                color: rgb(74, 74, 74);
                font-size: 0.875rem;
                font-weight: 600;
                letter-spacing: 0;
                text-decoration: none;

                border-radius: 0.25rem
            }
.side-navigation-option-item .link.active,
                .side-navigation-option-item .link:hover {
  cursor: pointer;
  background-color: rgb(242, 244, 252);
}
.side-navigation-option-item .link.active span,
                    .side-navigation-option-item .link.active .link,
                    .side-navigation-option-item .link:hover span,
                    .side-navigation-option-item .link:hover .link {
                        color: rgb(0, 153, 240);
}
.assign-user .dropdown-content {
        min-width: 10rem;
    }
/*
    Side panel (TODO: Deprecate)
*/
.sidepanel {
    width: 100%;
    overflow: hidden;
}
.sidepanel-content {
        max-height: 100%;
        overflow-y: auto;
    }
.sidepanel-section {
        padding: 1.25rem;
    }
.sidepanel-modal-view-loader {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 18.75rem;
        }
.sidepanel .icon-list-item.light {
        color: rgb(180, 188, 194);
        fill: rgb(180, 188, 194);
    }
.sidepanel .feedback {
        height: 100%;
    }
.sidepanel .payment {
        height: 100%;
    }
.sidepanel .chat-example {
        margin-bottom: 1.375rem;
    }
.sidepanel .heading-2,
    .sidepanel .heading-4 {
        color: rgb(67, 74, 84);
    }
.sidepanel hr {
        margin-bottom: 0;
    }
.payment-heading {
        display: flex;
        align-items: center;

        margin-bottom: 0.5rem;

        color: rgb(67, 74, 84);

        font-size: 1rem;
        font-weight: 700;
    }
.payment-heading-icon {
            width: 1.25rem;
            height: 1.25rem;
            margin-right: 1.25rem;

            cursor: pointer;

            transform: rotate(180deg);
        }
.payment-success {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        min-height: 15.625rem;
        padding: 1.25rem;
        margin-bottom: 1.25rem;

        text-align: center;

        background-color: transparent;
        border: 1px solid rgb(115, 115, 115);
        border-radius: 0.3125rem;
    }
.payment.form {
  width: 100%;
}
.payment .field.textarea {
        max-height: none;
}
.payment .field.textarea .textarea.large {
            min-height: 15.625rem;
        }
.payment .field-label {
        margin-bottom: 0.625rem;

        font-weight: 400;
}
.payment .loader {
        margin: 6.25rem auto 0;
}
.payment .button {
        display: flex;
        padding-right: 0.9375rem;
        padding-left: 0.9375rem;
        margin: 0 auto;
}
.simple-nav {
    display: flex;
    align-items: center;
}
.simple-nav * {
        font-weight: 600;
    }
.simple-nav *:not(:last-child) {
        margin-right: 0.3125rem;

        color: rgb(155, 155, 155);

        cursor: pointer;
    }
.simple-smart-summary {
    padding: 1.5625rem;

    background: rgb(255, 255, 255);
    border: 1px solid rgb(207, 207, 207);
    border-radius: 0.625rem
}
.simple-smart-summary:not(:last-of-type) {
  margin-bottom: 0.75rem;
}
.simple-smart-summary-is-empty {
        display: flex;
        align-items: center;
}
.simple-smart-summary-is-empty-text h3 {
                margin-bottom: 0rem;
            }
.simple-smart-summary-is-empty-text p {
                margin-bottom: 0rem;

                color: rgb(88, 88, 88);
            }
.simple-smart-summary-is-empty svg {
            margin-right: 2.5rem;
        }
.simple-smart-summary-is-loading {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 11.25rem;
}
.simple-smart-summary-header {
        display: flex;
        justify-content: space-between;
}
.simple-smart-summary-header-title {
            font-size: 1rem;
            font-weight: 700;
            line-height: 1.25rem;
        }
.simple-smart-summary-header-description {
            display: flex;
            flex-direction: row;
        }
.simple-smart-summary-header-description p {
                margin-bottom: 0rem;

                font-size: 0.875rem;
                line-height: 1.5rem
            }
.simple-smart-summary-header-description p:not(:last-of-type) {
  margin-right: 0.75rem;
}
.simple-smart-summary-content {
        color: rgb(88, 88, 88);
        font-size: 1rem;
        line-height: 1.6875rem;
}
.simple-smart-summary-text {
        line-height: 1.6875rem;
}
/*
    Slider toggle multiple input
*/
.slider-toggle-multi {
    display: flex;
    flex-direction: row;
    width: -webkit-fit-content;
    width: -moz-fit-content;
    width: fit-content;

    padding: 0.25rem 0.375rem;
    margin-bottom: 1.375rem;

    background-color: rgb(247, 247, 247);
    border: 1px solid rgb(247, 247, 247);

    border-radius: 6.1875rem;
}
.slider-toggle-multi .button {
        width: 6.25rem;

        color: rgb(67, 74, 84);
        font-weight: 600;

        background-color: rgb(247, 247, 247);
        border-radius: 6.1875rem 6.1875rem 6.1875rem 6.1875rem;

        transition: background-color ease 400ms;
        fill: rgb(67, 74, 84)
    }
.slider-toggle-multi .button.active {
  color: rgb(128, 128, 128);
  background-color: rgb(255, 255, 255);
}
.slider-toggle-multi .button.active:hover {
  background-color: rgb(255, 255, 255);
}
.slider-toggle-multi .button:hover {
  background-color: rgb(247, 247, 247);
}
.slider-toggle {
    width: 29.6875rem;
    height: 3.75rem;
    padding: 0.375rem;

    cursor: pointer;
}
.slider-toggle-container {
        position: relative;

        display: flex;
        align-items: center;
        width: 100%;
        height: 100%;
    }
.slider-toggle-container-content {
            position: absolute;

            display: flex;
            width: 100%;
            height: 100%;

            pointer-events: none;
        }
.slider-toggle-container-toggle {
            position: relative;
            z-index: 1;

            display: flex;
            align-items: center;
            justify-content: center;
            max-width: 50%;
            min-width: 50%;

            color: rgb(128, 128, 128);
            font-size: 0.875rem;
            font-weight: 600;
            fill: rgb(128, 128, 128)
        }
.slider-toggle-container-toggle.is-disabled .icon,
                .slider-toggle-container-toggle.is-disabled label {
                    color: rgb(67, 74, 84);
                    fill: rgb(67, 74, 84);
}
.slider-toggle-container-toggle label {
                flex-shrink: 0;
                margin-bottom: 0rem;
}
.slider-toggle-container-toggle .icon {
                min-width: 0.9375rem;
                min-height: 0.9375rem;
                margin-right: 0.5rem;
}
.slider-toggle-input {
        position: relative;

        flex-shrink: 0;
        order: -1;
        width: 100%;
        height: 100%;

        cursor: pointer;
        background-color: rgb(247, 247, 247);
        border: 0.375rem solid rgb(247, 247, 247);
        border-radius: 99em;

        transition: transform ease 400ms, background ease 400ms;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none
    }
.slider-toggle-input:checked::after {
  background-color: rgb(255, 255, 255);
  transform: translateX(100%);
}
.slider-toggle-input::after {
  position: absolute;
  width: 50%;
  height: 100%;
  background-color: rgb(255, 255, 255);
  border-radius: 6.1875rem;
  content: '';
  transition: all ease 400ms;
}
.smart-summary {
    padding: 1.5rem;
    margin-bottom: 1.375rem;

    background: rgb(255, 255, 255);

    border: 1px solid rgb(207, 207, 207);
    border-radius: 0.625rem;
}
.smart-summary .breakdown-sentiment {
        margin-bottom: 0.625rem;

        background-color: rgb(250, 250, 250);
        border: transparent;
        border-radius: 0.625rem;
    }
.smart-summary-header {
        display: flex;
        justify-content: space-between;
    }
.smart-summary-header-title {
            margin-bottom: 0.625rem;

            color: rgb(41, 41, 41);
            font-size: 1.5rem;
            font-weight: 700;
            line-height: 1.875rem;
        }
.smart-summary-text {
        flex-basis: 60%;
        margin-right: 1.875rem;
        margin-bottom: 0.5rem;

        color: rgb(88, 88, 88);
        font-size: 1rem;
        font-weight: 400;
        line-height: 1.6875rem;
    }
.smart-summary-content {
        display: flex;
    }
.smart-summary-breakdown {
        flex-basis: 40%;
    }
.smart-summary-breakdown p {
            margin-bottom: 0rem;
        }
.smart-summary-copy {
        display: flex;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;

        cursor: pointer;
        fill: rgb(88, 88, 88);
    }
.sms-preview {
    margin-bottom: 1.375rem
}
.sms-preview.is-dark .sms-preview-content {
            background: rgb(243, 243, 243);
}
.sms-preview-content {
        display: flex;
        width: 100%;

        margin-top: 0.1875rem;

        background-color: rgb(255, 255, 255);

        border: 1px solid rgb(207, 207, 207);
        border-radius: 0.3125rem;
}
.sms-preview-text {
        display: flex;
        flex-shrink: 1;
        justify-content: flex-start;
        padding: 0.875rem;
        margin-bottom: 0rem;
}
.sms-preview-label {
        margin-bottom: 0.5rem;

        color: rgb(41, 41, 41);
        font-size: 0.875rem;

        font-weight: 600;
        line-height: 1.25rem;
}
.star-set {
    position: relative;

    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
}
.star-set-container {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;

        cursor: pointer;
    }
.star-set-numbers {
        position: absolute;

        margin: 0;

        color: rgb(255, 255, 255);
        font-family: sans-serif;
        font-size: 1rem;
        font-weight: 700;
        text-align: center;

        transform: translate(0, 15%);
    }
.star-set .icon {
        width: 3.4375rem;
        height: 3.4375rem;
    }
/*
    Statistic
*/
.statistic {
    display: flex;
    margin-bottom: 1.375rem;
}
.statistic-column {
        display: flex;
        flex-direction: column;
        width: 100%;
        padding-right: 1.25rem;
        padding-left: 0.75rem;

        border-right: 0.0625rem solid rgb(230, 230, 230)
    }
.statistic-column:first-child {
  padding-left: 0rem;
}
.statistic-column:last-child {
  border-right: 0;
}
.statistic-column p {
            margin-bottom: 0.375rem;
}
.statistic-column h1 {
            font-size: 2.625rem;
            font-weight: 600;
}
.statistic-summary {
        display: flex;
    }
.statistic-summary-row {
            display: flex;
        }
.statistic-summary-column {
            width: 100%;
        }
.statistic-summary-column p {
                margin-right: 0.5rem;
                margin-bottom: 0.25rem;
            }
.statistic-summary-column-title {
                margin-bottom: 0.5rem;

                font-size: 1rem;
                font-weight: 700;
            }
/*
    Status Box
*/
.status-box {
    display: flex;
    align-items: center;
    justify-content: center;
    height: 1.25rem;
    min-width: 9.0625rem;
    padding: 0 0.3125rem;
    margin-top: 0.1875rem;
    margin-left: 1.25rem;

    font-size: 0.625rem;
    text-align: center;
    text-transform: uppercase;

    border: 1px solid rgb(67, 74, 84);
    border-radius: 3px
}
.status-box.active {
  color: rgb(255, 0, 0);
  border-color: rgb(255, 0, 0);
}
/*
    Status Message
*/
.status-message .validation-message {
        color: rgb(255, 0, 0);
        font-size: 0.75rem;
    }
/*
    Status Update Preview
*/
.status-update {
    position: relative;

    width: 19.4375rem;
    height: auto;
    min-height: 5.8125rem;
    padding: 0.875rem;

    cursor: default;
    background-color: rgb(255, 255, 255);
    border-radius: 0.25rem;
    box-shadow: rgb(0 0 0 / 14%) 0rem 0.1875rem 2rem 0rem;
}
.status-update-header {
        display: flex;
        align-items: center;
        justify-content: center;
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        padding: 0.3125rem 0.75rem;
        margin-bottom: 0.5rem;

        color: rgb(254, 83, 84);
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase;

        border: 0.0625rem solid rgb(254, 83, 84);
        border-radius: 0.375rem;
    }
.status-update-text {
        margin-bottom: 0.3125rem;

        color: rgb(74, 74, 74);
        font-size: 0.875rem;
        line-height: 1.5;
        text-align: left;
        white-space: pre-wrap;
    }
.status-update-icon {
        position: absolute;
        right: -0.9375rem;
        bottom: -2.1875rem;
    }
.status-update-icon .icon {
            width: 3.75rem;
            height: 3.75rem;

            border-radius: 6.25rem;
            box-shadow: 0 0.125rem 1.25rem 0 rgb(0 0 0 / 8%);
            fill: rgb(255, 255, 255);
        }
/*
    Survey Additional Questions
*/
.survey-additional-info {
        padding-left: 1.875rem;

        color: rgb(155, 155, 155);
        font-style: italic;
    }
.survey-additional-add-question {
        padding: 1.25rem;
    }
.survey-additional-noquestions {
        padding-left: 1.875rem;
    }
.survey-additional-form {
        padding-right: 0;
        margin-right: -0.625rem;
        margin-left: -1.25rem;
    }
.survey-additional-buttons {
        justify-content: space-between;
        padding: 0 1.875rem;
    }
.survey-additional-buttons > button {
            box-shadow: 0 0.125rem 1.25rem 0 rgba(0, 0, 0, 0.08);
        }
.survey-additional-buttons > button:first-child {
            align-self: flex-start;
            width: auto;
            padding: 0 0.9375rem 0 0.3125rem;
        }
.survey-additional-buttons > button:last-child {
            align-self: flex-end;
            margin-top: 3.125rem;
            margin-bottom: 10vh;
        }
.survey-additional-editor-section {
        display: flex;
        flex-direction: column;
        justify-content: space-between;
        width: 100%;
        padding: 0.625rem 1.875rem
    }
.survey-additional-editor-section:hover,
        .survey-additional-editor-section[focus-within],
        .survey-additional-editor-section:active,
        .survey-additional-editor-section:focus {
  background-color: rgb(246, 247, 251);
}
.survey-additional-editor-section:hover,
        .survey-additional-editor-section:focus-within,
        .survey-additional-editor-section:active,
        .survey-additional-editor-section:focus {
  background-color: rgb(246, 247, 251);
}
.survey-additional-editor-icon {
            display: flex;
            align-items: center;
            flex-direction: row;
            justify-content: space-evenly;
            min-width: 3.75rem;
            padding: 0.1875rem;
            margin-right: 0.625rem;
            margin-bottom: 1.25rem;

            color: rgb(255, 255, 255);

            background: rgb(0, 0, 0);
            border-radius: 0.3125rem;
            fill: rgb(255, 255, 255)
        }
.survey-additional-editor-icon.no-margin {
  margin-bottom: 0;
}
.survey-additional-editor-icon svg {
                height: 1.375rem;
}
.survey-additional-editor-icon-rating {
                background-color: rgb(0, 82, 204);
}
.survey-additional-editor-icon-rating svg {
                    width: 1.125rem;
                }
.survey-additional-editor-icon-selection {
                background-color: rgb(74, 184, 129);
}
.survey-additional-editor-icon-selection svg {
                    width: 0.875rem;
                }
.survey-additional-editor-icon-selection-multi {
                background-color: rgb(74, 184, 129);
}
.survey-additional-editor-icon-selection-multi svg {
                    width: 1.375rem;
                }
.survey-additional-editor-icon-text {
                background-color: rgb(245, 166, 35);
}
.survey-additional-editor-icon-text svg {
                    width: 1.125rem;
                }
.survey-additional-editor-icon-text-long {
                background-color: rgb(245, 166, 35);
}
.survey-additional-editor-icon-text-long svg {
                    width: 1.125rem;
                }
.survey-additional-editor-icon-team {
                background-color: rgb(234, 220, 26);
}
.survey-additional-editor-icon-team svg {
                    width: 1.125rem;
                }
.survey-additional-editor-title.no-pad {
            padding-left: 0;
        }
.survey-additional-editor-title,
        .survey-additional-editor-input,
        .survey-additional-editor-textarea {
            color: rgb(74, 74, 74);

            background: none;
            border: none;
            box-shadow: none
        }
.survey-additional-editor-title:hover, .survey-additional-editor-input:hover, .survey-additional-editor-textarea:hover {
  background: linear-gradient(rgb(219, 218, 218), rgb(219, 218, 218)) center bottom 5px /
                    calc(100% - 10px) 1px no-repeat;
  box-shadow: none;
}
.survey-additional-editor-title:active,
            .survey-additional-editor-title:focus,
            .survey-additional-editor-input:active,
            .survey-additional-editor-input:focus,
            .survey-additional-editor-textarea:active,
            .survey-additional-editor-textarea:focus {
  background: linear-gradient(rgb(74, 144, 226), rgb(74, 144, 226)) center bottom 5px / calc(100% - 10px)
                    1px no-repeat;
  box-shadow: none;
}
.survey-additional-editor-title.is-visible, .survey-additional-editor-input.is-visible, .survey-additional-editor-textarea.is-visible {
  background: linear-gradient(rgb(219, 218, 218), rgb(219, 218, 218)) center bottom 5px /
                    calc(100% - 10px) 1px no-repeat;
  box-shadow: none;
}
.survey-additional-editor-title-header, .survey-additional-editor-input-header, .survey-additional-editor-textarea-header {
                padding: 0.625rem;
                margin-bottom: 0rem;
}
.survey-additional-editor-row .field.text {
                display: flex;
                align-items: baseline;
                flex-direction: row;
            }
.survey-additional-editor-row .field.text input {
                    background: linear-gradient(rgb(219, 218, 218), rgb(219, 218, 218)) center bottom 5px /
                        calc(100% - 10px) 1px no-repeat;
                    box-shadow: none
                }
.survey-additional-editor-row .field.text input:active,
                    .survey-additional-editor-row .field.text input:focus {
  background: linear-gradient(rgb(219, 218, 218), rgb(219, 218, 218)) center bottom 5px /
                            calc(100% - 10px) 1px no-repeat;
  box-shadow: none;
}
.survey-additional-editor-row .field.text .field-label {
                    width: 5rem;
                }
.survey-additional-editor-row .field.text .field-status {
                    position: absolute;

                    margin-left: 4.6875rem;
                }
.survey-additional-editor-row .field.textarea {
                max-height: -webkit-fit-content;
                max-height: -moz-fit-content;
                max-height: fit-content;
            }
.survey-additional-editor-row .field.textarea textarea {
                    max-height: 17.2em;
                    min-height: 8.6em;

                    line-height: 1.8em;

                    background: linear-gradient(rgb(219, 218, 218), rgb(219, 218, 218)) center bottom 0 /
                        calc(100% - 10px) 1px no-repeat;
                    box-shadow: none
                }
.survey-additional-editor-row .field.textarea textarea:active,
                    .survey-additional-editor-row .field.textarea textarea:focus {
  background: linear-gradient(rgb(74, 144, 226), rgb(74, 144, 226)) center bottom 0 /
                            calc(100% - 10px) 1px no-repeat;
  box-shadow: none;
}
.survey-additional-editor-row-header {
            display: flex;
            align-items: center;
            flex-direction: row;
            justify-content: flex-start
        }
.survey-additional-editor-row-header.aligned {
  align-items: flex-start;
  margin-bottom: 1.25rem;
}
.survey-additional-editor-row-header .field {
                flex-grow: 1;
}
.survey-additional-editor-row-header .field input.survey-additional-editor-title {
                    font-size: 1.125rem;
                }
.survey-additional-editor-row-header .field .field-status {
                    position: absolute;
                    left: 0.625rem;

                    padding-top: 0rem;
                }
.survey-additional-editor-row-header-title {
                align-self: center;
                flex-grow: 1;
                width: 100%;
                margin-bottom: 0;

                font-size: 1rem;
}
.survey-additional-editor-row-header-export {
                flex-shrink: 0;
}
.survey-additional-editor-row-header-export .export-csv {
                    color: rgb(0, 0, 0);
                    text-decoration: none;
                }
.survey-additional-editor-row-header-export:hover .export-csv {
                        color: rgb(0, 153, 240);
}
.survey-additional-editor-row-header-export .icon {
                    margin-right: 0.75rem;
}
.survey-additional-editor-row-footer {
            display: flex;
            align-items: center;
            flex-direction: row;
            justify-content: flex-end;
        }
.survey-additional-editor-row-footer > div {
                padding-right: 0.9375rem;
                margin-left: 0.625rem;
            }
.survey-additional-editor-row-footer > .switch {
                border-right: 0.0625rem solid rgb(155, 155, 155);
            }
.survey-additional-editor-row-footer .switch {
                margin: 0;
                margin-left: 0.625rem;

                color: rgb(155, 155, 155);
            }
.survey-additional-editor-row-footer > * {
                margin-left: 0.625rem;
            }
.survey-additional-editor-row-footer .button {
                padding: 0 0.125rem;

                color: rgb(155, 155, 155);
            }
.survey-additional-infobox {
        background-color: rgb(252, 240, 204);
        border-radius: 0.9375rem;
    }
.survey-additional-infobox-vline {
            width: 0.25rem;
            height: auto;

            background-color: rgb(255, 191, 0);
            border-top-left-radius: 0.25rem;
            border-bottom-left-radius: 0.25rem;
        }
.survey-additional-infobox-text {
            font-size: 1em;
        }
.survey-additional-infobox-hflex {
            display: flex;
            flex-direction: row;
        }
.survey-additional-infobox-inner {
            margin-left: 1.25rem;
        }
/*
    Auto send settings for surveys
*/
.survey-auto-send a:hover {
        text-decoration: none;
    }
.survey-auto-send-content {
        display: flex;
        align-items: center;
        margin-bottom: 1.375rem;
    }
.survey-auto-send-content p,
        .survey-auto-send-content .switch,
        .survey-auto-send-content .field-input.selector {
            margin-bottom: 0rem;
        }
.survey-auto-send-section {
        margin-bottom: 1.25rem;

        border-bottom: 0.0625rem solid rgb(230, 230, 230);
    }
.survey-auto-send-section .survey-form-status {
            margin-bottom: 1.125rem;
        }
.survey-auto-send-heading {
        margin: 0
    }
.survey-auto-send-heading.with-pad {
  padding-left: 0.5rem;
}
.survey-auto-send-status {
        display: flex;
        flex-direction: column;
        padding-left: 0.9375rem;
    }
.survey-auto-send-status-dot {
            display: flex;
            align-items: center;
            justify-content: flex-start
        }
.survey-auto-send-status-dot.margin {
  margin-bottom: 1.375rem;
}
/*
    Survey Form
*/
.survey-form {
    position: relative;

    width: 100%;
    padding-bottom: 7.5rem
}
.survey-form.static {
  padding-bottom: 1rem;
}
.survey-form .settings-form-submit {
        margin-bottom: 1.375rem;
}
.survey-form .settings-form-submit-button-container {
            background-color: rgb(255, 255, 255);
        }
.survey-form .settings-form-submit.static {
  position: -webkit-sticky;
  position: sticky;
  right: 0;
  bottom: 0;
  display: flex;
  justify-content: flex-end;
  width: 100%;
  padding: 0;
  background-color: transparent;
}
.survey-form .settings-form-submit.static .button {
                margin-left: 0;
}
.survey-form .field.radio {
  padding-bottom: 1.5rem;
}
.survey-form .field.text {
  padding-bottom: 1.125rem;
}
.survey-form .field.textarea {
  padding-bottom: 0.5rem;
}
.survey-form .field-input.selector {
            width: 18.75rem;
            margin-bottom: 0.875rem;
}
.survey-form .field-input.selector.small {
  width: 12.5rem;
}
.survey-form .switch-label * {
            margin-bottom: 0;
        }
.survey-form .table {
        z-index: 5;
}
.survey-form .table .dropdown {
            margin-bottom: 0rem;
        }
.survey-form .icon-title {
        margin-bottom: 0.25rem;
}
.survey-form .icon-title.large {
  margin-bottom: 0.5rem;
}
.survey-form .icon-title.large .icon {
                width: 1.25rem;
                height: 1.25rem;
                margin-right: 0.625rem;
}
.survey-form .variable-tag {
        margin-bottom: 0.75rem;
}
.survey-form .link {
        font-weight: 700;
}
.survey-form .heading-4 {
        margin-bottom: 0.375rem;
}
.survey-form .dropdown {
        position: unset;

        margin-bottom: 0.875rem;
}
.survey-form .dropdown-set .dropdown {
                margin-bottom: 0rem;
            }
.survey-form-field-constraint {
        width: 21.875rem;
}
.survey-form-status {
        display: flex;
        align-items: center;
        margin-bottom: 1.375rem;
}
.survey-form-status p {
            margin-bottom: 0rem;
        }
.survey-form-status .dropdown {
            margin-bottom: 0rem;
        }
.survey-form-status .status-dot {
            margin-right: 0.75rem;
        }
.survey-form-status .icon {
            width: 1.25rem;
            height: 1.25rem;
            margin-right: 0.75rem;
            fill: rgb(126, 211, 33);
        }
.survey-form-validation {
        flex-grow: 1;
        margin-right: 0.75rem;
        margin-bottom: 0.75rem;

        color: rgb(255, 0, 0);
        font-size: 0.875rem;
        text-align: left;
}
.survey-form-validation.warning {
  margin-bottom: 1rem;
  color: rgb(111, 119, 130);
}
.survey-form-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 1.375rem;
}
.survey-form-row .dropdown-set {
            width: auto;
        }
.survey-form-label {
        color: rgb(180, 188, 194);
}
.survey-form-field-set {
        padding: 1rem 0rem;

        margin-bottom: 1rem;

        border-bottom: 1px solid rgb(219, 218, 218);
}
.survey-form-add {
        width: 100%;
}
.survey-form-add .button {
            padding: 0;
            fill: rgb(0, 153, 240);

            color: rgb(0, 153, 240);
        }
.survey-form-delete {
        display: flex;
        justify-content: flex-end;
        width: 100%;
}
.survey-form-delete.float {
  position: absolute;
  top: 1.25rem;
  right: 0;
  left: 0;
}
.survey-form-delete.center {
  display: flex;
  align-items: center;
  justify-content: center;
}
.survey-form-delete.warning {
  cursor: pointer;
}
.survey-form-delete.warning .icon {
                color: rgb(255, 0, 0);
                fill: rgb(255, 0, 0);
}
.survey-form-delete .button {
            padding: 0;

            color: rgb(216, 23, 23);
            fill: rgb(216, 23, 23);
}
.survey-form-delete .button:hover {
  background-color: transparent;
}
.survey-form-submit {
        display: flex;
        align-items: center;
        justify-content: flex-end;
}
.survey-form-submit p {
            margin-bottom: 0rem;
        }
.survey-form-submit .button:last-of-type {
  margin-left: 0.75rem;
}
.survey-metrics {
    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    padding-bottom: 1.25rem;
}
.survey-metrics-title {
        margin: 0;

        font-weight: 700;
    }
.survey-metrics .dropdown-set {
        flex-grow: 0;
        width: auto;
    }
.survey-metrics .dropdown-set .icon {
            margin-right: 0.75rem;
        }
.survey-preview-colors.is-light {
  color: rgb(255, 255, 255);
  fill: rgb(255, 255, 255);
}
.survey-preview-colors.is-dark {
  color: rgb(0, 0, 0);
  fill: rgb(0, 0, 0);
}
.survey-preview-copy-button {
    display: flex;
    align-items: center;
    width: 100%;
    max-height: 3.75rem;
    min-height: 3.75rem;
    margin-bottom: 0.75rem;

    color: rgb(0, 0, 0);
    font-size: 0.875rem;
    font-weight: 700;
    text-transform: uppercase;

    border-color: rgb(219 218 218);
    border-style: dashed;
    border-width: 0.0625rem;
    border-radius: 0.4375rem;
    outline: none;

    transition: all 0.4s;
}
.survey-preview-copy-button-container {
        display: flex;
        flex-direction: column;
        overflow: hidden;

        text-overflow: ellipsis;
        white-space: nowrap;
    }
.survey-preview-copy-button-description {
        margin: 0;
        overflow: hidden;

        color: rgb(180, 188, 194);
        text-align: left;
        text-overflow: ellipsis;
        white-space: nowrap;
    }
.survey-preview-copy-button-status {
        display: flex;
        align-items: center;

        color: rgb(111, 119, 130);
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;
    }
.survey-preview-copy-button-status .icon {
            min-width: 1.125rem;
            margin-right: 0.375rem;
        }
.survey-preview-copy-button .button {
        height: 3.625rem;
        overflow: hidden;

        background-color: rgb(255, 255, 255);
        border-radius: 0.4375rem;
    }
.survey-preview-copy-button:hover {
  opacity: 0.5;
}
/*
    Survey send settings
*/
.survey-send-settings-row {
        display: flex;
        align-items: center;
        margin-bottom: 0.75rem;
    }
.survey-send-settings-row .switch,
        .survey-send-settings-row p {
            flex-shrink: 0;
            margin-bottom: 0rem;
        }
.survey-send-settings-row .status-dot,
        .survey-send-settings-row .icon {
            width: 1.25rem;
            height: 1.25rem;
            margin-right: 0.75rem;
        }
.survey-send-settings-row a {
            cursor: pointer;
        }
.survey-send-settings-sms-set {
        display: flex;
    }
.survey-send-settings-sms-set .sms-preview,
        .survey-send-settings-sms-set .field {
            flex-basis: 50%;
            max-width: 21.875rem;
            min-width: auto;
            margin-right: 0.75rem;
        }
.survey-send-settings-label {
        margin-bottom: 0.5rem;

        font-weight: 700;
    }
/*
    Survey setup form
*/
.survey-setup-form .button.transparent {
  height: auto;
  padding: 0rem;
}
.survey-setup-form .button.transparent .icon {
                fill: rgb(0, 153, 240);

                color: rgb(0, 153, 240);
}
.survey-setup-form .button.transparent:last-of-type {
  margin-bottom: 2.375rem;
}
.survey-setup-form .heading-3 {
        margin-bottom: 1.25rem;

        font-size: 1.125rem;
        font-weight: 700;
    }
.survey-setup-form .tab-navigation {
        margin-bottom: 1.375rem;

        border-bottom: 1px solid rgb(230, 230, 230);
    }
.survey-setup-form .textarea {
        min-height: 5.0625rem
    }
.survey-setup-form .textarea.small {
  min-height: 3.8125rem;
}
.survey-setup-form .textarea.x-large {
  min-height: 10rem;
}
.survey-setup-form .slider-toggle {
        width: 17.5rem;
        margin-bottom: 1.375rem;
    }
.survey-setup-form-set {
        display: flex;
        align-content: center;
        flex-wrap: wrap;
        margin-bottom: 1.375rem
    }
.survey-setup-form-set.disabled .button {
                margin-bottom: 0.75rem;
}
.survey-setup-form-set.disabled .button:hover {
  cursor: default;
  background-color: transparent;
}
.survey-setup-form-set .button {
            color: rgb(0, 0, 0);
            font-weight: 400;
}
.survey-setup-form-set .button:not(:last-of-type) {
  margin-right: 0.75rem;
}
.survey-setup-form-divider {
        padding-top: 0.625rem;

        margin-bottom: 1.25rem;

        border-bottom: 1px solid rgb(207, 207, 207);
    }
.survey-setup-form-subtitle {
        margin-bottom: 0.625rem;

        font-size: 0.875rem;
    }
.survey-setup-form-subtext {
        margin-bottom: 0.625rem;

        color: rgb(136, 136, 136);
    }
.survey-setup-form-email {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
.survey-setup-form-email p {
            margin-bottom: 0.625rem
        }
.survey-setup-form-email p:last-of-type {
  margin-bottom: 1.25rem;
}
/*
    Swatch
 */
.swatch.outline .swatch-inner {
  color: rgb(0, 0, 0);
  border: 0.0625rem solid rgb(0, 0, 0);
}
.swatch.outline .swatch-inner .swatch-title::after {
            color: rgb(0, 0, 0);
}
.swatch.small {
  flex-grow: 0;
}
@media (min-width: 401px) {
  .swatch.small {
    flex-basis: 50%;
  }
}
@media (min-width: 801px) {
  .swatch.small {
    flex-basis: 25%;
  }
}
.swatch.colour-primary .swatch-inner {
  background-color: rgb(216, 23, 23);
}
.swatch.colour-primary .swatch-inner .swatch-title::after {
            content: 'rgb(216, 23, 23)';
}
.swatch.colour-primary .swatch-inner .tint-1 {
            background-color: rgb(224, 69, 69);
}
.swatch.colour-primary .swatch-inner .shade-1 {
            background-color: rgb(194, 21, 21);
}
.swatch.colour-secondary .swatch-inner {
  background-color: rgb(0, 153, 240);
}
.swatch.colour-secondary .swatch-inner .swatch-title::after {
            content: 'rgb(0, 153, 240)';
}
.swatch.colour-secondary .swatch-inner .tint-1 {
            background-color: rgb(51, 173, 243);
}
.swatch.colour-secondary .swatch-inner .shade-1 {
            background-color: rgb(0, 138, 216);
}
.swatch.colour-tertiary .swatch-inner {
  background-color: rgb(67, 74, 84);
}
.swatch.colour-tertiary .swatch-inner .swatch-title::after {
            content: 'rgb(67, 74, 84)';
}
.swatch.colour-tertiary .swatch-inner .tint-1 {
            background-color: rgb(105, 110, 118);
}
.swatch.colour-tertiary .swatch-inner .shade-1 {
            background-color: rgb(60, 67, 76);
}
.swatch.colour-dark .swatch-inner {
  background-color: rgb(0, 0, 0);
}
.swatch.colour-dark .swatch-inner .swatch-title::after {
            content: 'rgb(0, 0, 0)';
}
.swatch.colour-dark .swatch-inner .tint-1 {
            background-color: rgb(40, 40, 40);
}
.swatch.colour-light .swatch-inner {
  background-color: rgb(255, 255, 255);
}
.swatch.colour-light .swatch-inner .swatch-title::after {
            content: 'rgb(255, 255, 255)';
}
.swatch.colour-light .swatch-inner .shade-1 {
            background-color: rgb(230, 230, 230);
}
.swatch-inner {
        position: relative;

        padding-bottom: 2.5rem;
        overflow: hidden;

        color: rgb(255, 255, 255);

        border-radius: 0.1875rem;
}
@media (min-width: 601px) {
  .swatch-inner {
    padding-bottom: 3.75rem;
  }
}
.swatch-child,
    .swatch-title {
        margin-bottom: 0;
}
.swatch-child,
    .swatch-title::after {
        font-size: 0.75rem;
}
.swatch-child {
        padding: 0.625rem 1.25rem;
}
.swatch-title {
        padding: 1.25rem;
}
.swatch-title::after, .swatch-variation::after {
  display: block;
  text-transform: uppercase;
  opacity: 0.8;
}
.swatch-variations {
        position: absolute;
        bottom: 0;
        left: 0;

        display: flex;
        width: 100%;
        padding: 0;
        margin: 0;

        list-style: none;
}
.swatch-variation {
        flex-basis: 50%;
        height: 1.25rem;
}
/*
    Switch
*/
.switch {
    display: flex;
    align-items: flex-start;
    margin-bottom: 1.25rem
}
.switch.disabled {
  cursor: not-allowed;
  opacity: 0.6;
}
.switch.disabled .link {
            text-decoration: none;

            cursor: pointer;
            opacity: 1;
}
.switch input[type='checkbox']:disabled {
        cursor: not-allowed;
        opacity: 0.6;
}
.switch-label {
        min-width: -webkit-max-content;
        min-width: -moz-max-content;
        min-width: max-content;
        margin-right: 0.625rem;
        margin-bottom: 0;

        font-size: 0.875rem;
}
.switch-sub-title {
        margin-bottom: 0rem;

        color: rgb(155, 155, 155);
        font-size: 0.8125rem;
}
.switch-column {
        display: flex;
        flex-direction: column;
        flex-shrink: 0;
}
.switch-input {
        position: relative;

        flex-shrink: 0;
        order: -1;
        width: 1.875rem;
        height: 1.25rem;
        margin-right: 0.5rem;

        background-color: rgb(230, 230, 230);
        border: 2px solid rgb(230, 230, 230);
        border-radius: 99em;

        transition: transform ease 400ms, background ease 400ms;
        -webkit-appearance: none;
           -moz-appearance: none;
                appearance: none;
}
.switch-input:checked {
  background-color: rgb(0, 153, 240);
  border: 2px solid rgb(0, 153, 240);
}
.switch-input:checked::after {
  background-color: rgb(255, 255, 255);
  transform: translateX(0.625rem);
}
.switch-input::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 0.875rem;
  height: 0.875rem;
  background-color: rgb(255, 255, 255);
  border-radius: 99em;
  content: '';
  transition: all ease 400ms;
}
.switch-input.no-label {
  margin-right: 0rem;
}
.switch-input.large:checked, .switch-input.x-large:checked {
  background-color: rgb(0, 153, 240);
  border: 2px solid rgb(0, 153, 240);
}
.switch-input.large:checked::after, .switch-input.x-large:checked::after {
  background-color: rgb(255, 255, 255);
  transform: translateX(1.0625rem);
}
.switch-input.x-large {
  width: 3.125rem;
  height: 1.875rem;
}
.switch-input.x-large::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 1.6875rem;
  height: 1.5rem;
  background-color: rgb(255, 255, 255);
  border-radius: 99em;
  content: '';
  transition: all ease 400ms;
}
.switch-input.large {
  width: 2.6875rem;
  height: 1.5625rem;
}
.switch-input.large::after {
  position: absolute;
  top: 1px;
  left: 1px;
  width: 1.1875rem;
  height: 1.1875rem;
  background-color: rgb(255, 255, 255);
  border-radius: 99em;
  content: '';
  transition: all ease 400ms;
}
/*
    Tab Navigation
*/
.tab-navigation {
    display: flex;
    align-items: center;
    justify-content: flex-start
}
.tab-navigation.has-border {
  border-bottom: 1px solid rgb(230, 230, 230);
}
.tab-navigation-item {
        display: flex;
        align-items: center;
        flex-wrap: wrap;
        justify-content: flex-start;
        height: 2.5rem;

        border-bottom: 0.125rem solid transparent;

        transition: border-color 0.2s ease-in-out;
}
.tab-navigation-item:not(:last-child) {
  margin-right: 1.875rem;
}
.tab-navigation-item:hover {
  text-decoration: none;
  cursor: pointer;
}
.tab-navigation-item:hover .tab-navigation-item-text {
                        color: rgb(67, 74, 84);
                    }
.tab-navigation-item.is-active {
  border-bottom-color: rgb(67, 74, 84);
}
.tab-navigation-item.is-active .tab-navigation-item-text {
                        color: rgb(67, 74, 84);
                    }
.tab-navigation-item-text {
            margin-right: 0.5rem;

            color: rgb(115, 115, 115);
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.25rem;

            transition: color 0.2s ease-in-out;
}
.tab-navigation-item-icon {
            display: flex;
            align-items: center;
}
.tab-navigation-item .icon {
            min-width: 0.9375rem;
            min-height: 0.9375rem;
            margin-right: 0.5rem;
}
.tab-navigation-item .badge {
            margin-left: 0.375rem;
}
.table-advanced {
    background-color: rgb(255, 255, 255);
    border: none;
}
.table-advanced :focus {
        outline: 0;
    }
.table-advanced::after {
  display: block;
  width: 100%;
  content: '';
}
.table-advanced-row {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: flex-start;
        height: 100%;
        margin: 0 !important;

        color: rgb(0, 0, 0);
        font-size: 0.875rem;
        font-weight: 400;
        text-transform: none;

        border-bottom: none;
}
.table-advanced-column {
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 0.9375rem;
        margin: 0 !important;

        color: rgb(0, 0, 0);
        font-size: 0.875rem;
        font-weight: 400;
        text-transform: none;

        border-bottom: none;
}
.table-advanced-column.center {
  align-items: center;
  width: 100%;
}
.table-advanced-column.wrap {
  flex-wrap: wrap;
  white-space: normal;
  white-space: initial;
}
.table-advanced-column.start {
  display: flex;
  align-items: flex-start;
  width: 100%;
  word-wrap: break-word;
  white-space: normal;
}
.table-advanced-column.start .icon {
                min-width: 1.25rem;
                min-height: 1.375rem;
}
.table-advanced-column-label {
            padding-left: 0.625rem;

            color: rgb(0, 0, 0);
            letter-spacing: 0;
}
.table-advanced-column-label .icon {
                width: 0.75rem !important;
                height: 1.375rem !important;
            }
.table-advanced-header-column {
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 0.9375rem;
        margin: 0 !important;

        color: rgb(67, 74, 84);
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase !important;
}
.table-advanced-header-column:not(.no-border) {
  border-bottom: 1px solid rgb(230, 230, 230);
}
.table-advanced-header {
        color: rgb(67, 74, 84);
        font-size: 0.875rem;
        font-weight: 400;
        text-transform: none !important;
}
/*
    Table Search
*/
.table-search {
    display: flex;
    align-items: center;
    justify-content: space-between;
}
.table-search .loader {
        position: absolute;
        right: 1.25rem;
    }
.table-search-bar {
        position: relative;

        flex-grow: 1
    }
.table-search-bar:not(:last-child) {
  padding-right: 0.625rem;
}
.table-search-bar .icon {
            position: absolute;
            top: 50%;
            left: 0.625rem;

            width: 1.375rem;
            height: 1.375rem;

            color: rgb(230, 230, 230);

            pointer-events: none;
            opacity: 0.4;

            transform: translateY(-50%);
}
.table-search-bar .field input {
            padding-left: 2.5rem;
}
.table-search-filter {
        flex-grow: 0;
    }
.table-search-filter .switch {
            margin-bottom: 0;
        }
.table-search .field {
        padding-bottom: 0;
        margin-bottom: 0;
    }
.table-search .field .field-status {
            display: none;
        }
.table {
    background-color: rgb(255, 255, 255);
}
.table :focus {
        outline: 0;
    }
.table.round .table-grid-row {
            border-radius: 0rem;
}
.table.FIXED {
  height: auto;
  max-width: 100%;
}
.table.FIXED .dynamic-height {
            text-overflow: auto;
            white-space: normal;
}
.table.FIXED .dynamic-height.pointer {
  cursor: pointer;
}
.table.FIXED .dynamic-height:hover {
  background-color: rgb(248, 248, 248);
}
.table.FIXED .dynamic-height:hover.color {
  background-color: rgb(244, 252, 255);
}
.table.FIXED .table-column {
            height: auto;
            min-height: 3.125rem;
}
.table.FIXED .table-column.border {
  min-height: auto;
}
.table.FIXED .ReactVirtualized__Table__headerRow {
            overflow: visible !important;

            border-radius: 8px 8px 0 0;
}
.table.FIXED .ReactVirtualized__Table__headerTruncatedText {
            overflow: visible;
}
.table.FIXED .ReactVirtualized__Table__headerTruncatedText .info-icon {
                font-weight: 400;
                text-transform: none;
                white-space: normal;
                white-space: initial;
            }
.table.FIXED .ReactVirtualized__Table__headerColumn {
            height: 3.125rem;

            background-color: rgb(250, 250, 250);
}
.table.FIXED .ReactVirtualized__Table__headerColumn:first-child {
  border-radius: 8px 0 0 0;
}
.table.FIXED .ReactVirtualized__Table__headerColumn:last-of-type {
  border-radius: 0 8px 0 0;
}
.table.FIXED .ReactVirtualized__Table__row {
            align-items: unset;
}
.table.has-fixed-actions {
  z-index: 3;
}
.table.has-fixed-actions .ReactVirtualized__Grid__innerScrollContainer,
        .table.has-fixed-actions .ReactVirtualized__Grid,
        .table.has-fixed-actions .ReactVirtualized__Table__row,
        .table.has-fixed-actions .ReactVirtualized__Table__rowColumn {
            overflow: visible !important;

            white-space: pre-line;
}
.table.has-fixed-actions .ReactVirtualized__Table__row:hover .table-row-fixed-action,
            .table.has-fixed-actions .ReactVirtualized__Table__row:hover .table-row-hidden-action {
                opacity: 1;
            }
.table.has-padding {
  margin-bottom: 1.25rem;
}
.table.has-high-z-index {
  z-index: 3;
}
.table::after {
  display: block;
  width: 100%;
  border-bottom: 1px solid rgb(221, 220, 220);
  content: '';
}
.table .table-button-icon {
        display: flex;
        align-items: center;
}
.table .table-button-icon.icon-right .icon {
                margin-right: 0rem;
                margin-left: 0.75rem;
}
.table .table-button-icon .icon {
            width: 1rem;
            height: 1rem;
            margin-right: 0.75rem;
}
.table .table-button-icon .icon.light {
  fill: rgb(207, 207, 207);
}
.table .dropdown-submenu-item {
            color: rgb(67, 74, 84);
        }
.table .table-list-item-set {
            position: absolute;
            top: 0;
            bottom: 0;
            left: 0;
        }
.table-column {
        position: relative;

        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 0.9375rem;
        margin: 0 !important;

        color: rgb(67, 74, 84);
        font-size: 0.875rem;
        font-weight: 400;
        text-transform: none;

        border-bottom: 1px solid rgb(237, 244, 247);
        border-left: none;
}
.table-column:last-child {
  border-right: none;
}
.table-column.border {
  border-bottom: 1px solid rgb(237, 244, 247);
}
.table-column.center {
  display: flex;
  justify-content: center;
}
.table-column.space-between {
  justify-content: space-between;
}
.table-column.no-shrink {
  flex-shrink: 0 !important;
}
.table-column.grow {
  flex-grow: 1 !important;
}
.table-column.hidden {
  overflow: hidden !important;
}
.table-column.bold {
  font-weight: 600;
}
.table-column.wrap {
  display: flex;
  align-items: flex-start;
  overflow: hidden !important;
}
.table-column.flex-wrap {
  flex-wrap: wrap;
}
.table-column.start {
  align-items: flex-start;
}
.table-column .status-dot {
            margin-right: 0.25rem;
}
.table-column .icon {
            min-width: 0.9375rem;
            min-height: 0.9375rem;
}
.table-column .icon.large {
  min-width: 1.375rem;
  min-height: 1.375rem;
}
.table-column .icon.x-large {
  min-width: 2.5rem;
  min-height: 2.5rem;
}
.table-column .icon:not(:first-child) {
  margin-left: 0.3125rem;
}
.table-column p {
            margin-bottom: 0rem;
}
.table-column .link,
        .table-column a {
            color: rgb(0, 153, 240);
            font-weight: 600;

            cursor: pointer;
}
.table-column .switch,
        .table-column .switch-input {
            cursor: pointer;
}
.table-column .tag:not(:last-of-type) {
            margin-right: 0.75rem;
}
.table-column .field-validation-message {
            font-size: 0.875rem;
}
.table .ReactVirtualized__Table__rowColumn.wrap {
        overflow: hidden !important;
}
.table-header-column {
        display: flex;
        align-items: center;
        height: 100%;
        padding: 0 0.9375rem;
        margin: 0 !important;

        color: rgb(67, 74, 84);
        font-size: 0.75rem;
        font-weight: 700;
        text-transform: uppercase;

        background-color: rgb(248, 247, 247);
        border-top: 1px solid rgb(221, 220, 220);
        border-bottom: 1px solid rgb(221, 220, 220);
        border-left: none;
}
.table-header-column:last-of-type {
  border-right: none;
}
.table-header-column.grow {
  flex-grow: 1 !important;
}
.table-header-column.center {
  justify-content: center;
  text-align: center;
}
.table-header-column.no-shrink {
  flex-shrink: 0 !important;
}
.table-header-column.no-uppercase {
  text-transform: none !important;
}
.table-header {
        color: rgb(67, 74, 84);
        font-size: 0.875rem;
        font-weight: 400;
        text-transform: none !important;

        border: 1px solid rgb(237, 244, 247);
}
.table-custom-header {
        margin: 0;

        font-size: 2.1875rem;
        font-weight: 400;
}
.table-custom-subheading {
        display: flex;
        justify-content: flex-start;
}
.table-custom-subheading-row {
            padding-right: 1.875rem;

            font-weight: 400
        }
.table-custom-subheading-row:first-child {
  font-weight: 600;
}
.table-grid-row {
        border-right: 1px solid rgb(221, 220, 220);
        border-left: 1px solid rgb(221, 220, 220);
}
.table-grid-row-is-empty-text {
            color: rgb(74, 74, 74);
            font-size: 1rem;
            font-weight: 400;
            line-height: 27px;
        }
.table-grid-row-button-set {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%
        }
.table-grid-row-button-set.end {
  justify-content: flex-end;
}
.table-grid-row-button-set .button {
                margin-right: 0.625rem;
}
.table-grid-row-button-set .button.septenary {
  color: rgb(67, 74, 84);
  font-weight: 400;
}
.table-grid-row-icon {
            display: flex;
            align-items: center;
            padding: 0.625rem;
            margin: 0.75rem;
        }
.table-grid-row-icon .icon {
                min-width: 1.875rem;
                min-height: 1.875rem;
            }
.table-grid-row-icon.round {
  background-color: rgb(244, 235, 255);
  border-radius: 6.1875rem;
}
.table-grid-row:last-of-type .table-column {
                border-bottom: none;
}
.table-grid-row.error {
  background-color: rgb(255, 0, 0, 0.1);
}
.table-grid-row.error .table-column {
                border: 1px solid transparent;
}
.table-grid-row.no-border {
  border: 0;
}
.table-grid-row:first-child {
  border-radius: 2px 2px 0 0;
}
.table-grid-row.is-selected {
  background-color: rgb(244, 252, 255);
}
.table-grid-row.is-disabled {
  opacity: 0.7;
}
.table-grid-row.is-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9.375rem;
}
.table-grid-row.is-empty {
  display: flex;
  align-items: center;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  padding: 1.25rem;
  font-size: 1.125rem;
  text-align: center;
}
.table-grid-row.is-empty .table-grid-row-subtext {
                flex-wrap: wrap;

                max-width: 25rem;

                color: rgb(136, 136, 136);
}
.table-grid-row.is-empty .table-grid-row-icon,
            .table-grid-row.is-empty img {
                margin-bottom: 1.375rem;
}
.table-grid-row.is-empty .heading-1 {
                margin-bottom: 0.75rem;

                font-size: 1.375rem;
}
.table-grid-row.is-empty .button-icon {
                fill: rgb(0, 153, 240);

                color: rgb(0, 153, 240);
}
.table-grid-row.is-empty.row {
  flex-direction: row;
  justify-content: flex-start;
}
.table-custom-grid-row {
        border-right: 1px solid rgb(230, 230, 230);
        border-left: 1px solid rgb(230, 230, 230);
}
.table-custom-grid-row:last-of-type .table-column:last-child {
  border-bottom: none;
}
.table-custom-grid-row.is-selected {
  background-color: rgb(248, 248, 248);
}
.table-custom-grid-row.is-disabled {
  opacity: 0.7;
}
.table-custom-grid-row.is-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 100%;
  border-right: none;
  border-left: none;
}
.table-custom-grid-row.is-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9.375rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  font-size: 1.125rem;
  text-align: center;
}
.table-column-custom {
        position: relative;

        display: flex;
        flex-direction: column;
        flex-grow: 1;
}
.table-column-custom.wrap-content {
  word-wrap: break-word;
  white-space: pre-line;
}
.table-column-custom.row {
  flex-direction: row;
}
.table-column-custom.align-center {
  justify-content: center;
}
.table-column-custom-description {
            font-weight: 400;
}
.table-column-custom-description.small {
  padding-top: 0.3125rem;
  font-size: 0.625rem;
  font-weight: 400;
  text-transform: uppercase;
}
.table-column-custom-description.bold {
  font-weight: 600;
}
.table-column-custom-description.slight_offset {
  margin-bottom: 0.25rem;
}
.table-column-custom-description.light {
  color: rgb(155, 155, 155);
}
.table-column-custom-description .button.bold {
  color: rgb(255, 255, 255);
  font-weight: 600;
  fill: rgb(255, 255, 255);
}
.table-column-custom-date {
            margin-right: 0.75rem;
            margin-bottom: 0rem;
}
.table-column-custom-reminder {
            display: flex;
            justify-content: center;
            width: 100%;
}
.table-column-custom .response-form-content-tag-reminder {
                margin-left: 0rem;
            }
.table-column-custom .yonder-managed-badge {
            position: absolute;
            right: 0;
}
.table-column-custom .icon {
            margin-right: 0.3125rem;
}
.table-column-center {
        position: relative;

        display: flex;
        align-items: center;
        flex-grow: 1;
        justify-content: center;
}
.table-column-center .profile-picture {
            margin-left: 0.9375rem;
        }
.table-column-center.space {
  justify-content: space-between;
}
.table-column-center.start {
  justify-content: flex-start;
}
.table-column-center-tag-container {
            display: flex;
            max-width: 5rem;
            min-width: 5rem;
}
.table-column-text {
        overflow: hidden;

        text-overflow: inherit;
        white-space: pre-wrap;
}
.table-column-ellipsis {
        overflow: hidden;

        text-overflow: ellipsis;
        white-space: nowrap;
}
.table-column-number {
        flex-basis: 100%;

        text-align: center;
}
.table-column-note {
        text-overflow: none;
        white-space: normal;
}
.table-column-warning {
        color: rgb(216, 23, 23);
}
.table .switch {
        margin: 0;
}
.table-row-hidden-action {
        opacity: 0;

        transition: opacity 0.2s ease-in-out;
}
.table-row-hidden-action .button.transparent .icon {
                    fill: rgb(0, 153, 240);
}
.table-row-fixed-action {
        position: absolute;
        top: 50%;
        right: -2.5rem;

        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 100%;

        opacity: 0;

        transform: translateY(-50%);
        transition: opacity 0.2s ease-in-out;
}
.table-row-fixed-action .text-button {
            flex-grow: 1;
        }
.table-row-fixed-action .loader {
            flex-grow: 0;
            width: 2.5rem;
            height: 2.5rem;
        }
.table-row-fixed-action.inbound {
  right: 1.5625rem;
}
.table-row-fixed-action.inbound .icon {
                width: 0.75rem;
                height: 0.75rem;

                color: rgb(0, 153, 240);
                fill: rgb(0, 153, 240);
}
.tab {
    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(230, 230, 230);
}
.tab-list {
        display: flex;
        padding: 0;
        margin: 0;

        list-style: none;
    }
.tab-option {
        padding: 0.625rem 1.25rem;
        margin: 0;

        color: rgb(40, 40, 40);

        cursor: pointer;
        border-bottom: 3px solid transparent;

        transition: background 0.4s ease
    }
.tab-option.is-active {
  font-weight: 700;
  border-bottom-color: rgb(115, 115, 115);
}
.tab-option:hover {
  background-color: rgb(250, 250, 250);
}
/*
    Tag Set
*/
.tag-set {
    display: flex;
    flex-wrap: wrap;
    margin-bottom: 0.75rem;
}
.tag-set-label {
        flex-shrink: 0;
        margin-right: 0.75rem;
        margin-bottom: 0rem;
    }
.tag-set .tag {
        margin-right: 0.75rem;
        margin-bottom: 0.5rem;
    }
.tag-set .link {
        margin-left: 0.75rem;

        text-transform: none;
    }
/*
    Targeted Messages
*/
.targeted-messages {
    height: 100%
}
.targeted-messages.is-loading {
  position: relative;
  z-index: -1;
}
.targeted-messages.is-loading .targeted-messages-content,
        .targeted-messages.is-loading .targeted-messages-footer {
            opacity: 0.6;
}
.targeted-messages-footer {
        position: fixed;
        bottom: 0;
        left: 50%;
        z-index: 1;

        width: 100%;

        background-color: rgb(252, 252, 252);
        border-top: 1px solid rgb(230, 230, 230);

        transform: translateX(-50%);
}
.targeted-messages-footer-inner {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 4.375rem;
        }
.targeted-messages-footer-inner .button {
                width: 10.625rem
            }
.targeted-messages-footer-inner .button.hidden {
  opacity: 0;
}
.targeted-messages-loader {
        position: absolute;
        top: 50%;
        left: 50%;
}
.targeted-messages-status {
        display: flex;
        margin-bottom: 1.875rem;
}
.targeted-messages-status-text {
            margin-right: 0.875rem;

            color: rgb(67, 74, 84);
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 1.1875rem;
            letter-spacing: 0;
        }
.targeted-messages-status * {
            margin-bottom: 0rem;
        }
.targeted-messages-form-fields .field {
            padding-bottom: 0rem
        }
.targeted-messages-form-fields .field:last-of-type {
  margin-bottom: 1.375rem;
}
.targeted-messages .page-header {
        padding-left: 0rem;

        border-bottom: none;
}
.targeted-messages .field.textarea {
  padding-bottom: 0rem;
}
.targeted-messages textarea {
        max-height: 3.75rem;
        min-width: 100%;

        resize: none;
}
/*
    Terms and conditions
*/
.terms h1,
    .terms h2,
    .terms h3,
    .terms h4 {
        margin-bottom: 0.75rem;
    }
.terms p {
        margin-bottom: 0rem;
    }
.timeframe {
    display: flex;
    align-items: center;
    flex-direction: column;
}
.timeframe-title {
        margin-right: 1.25rem;
        margin-bottom: 0;

        font-size: 1.125rem;
    }
.timeframe-info {
        display: flex;
        align-items: center;
        margin-bottom: 1.25rem;
    }
.timeframe-list {
        display: flex;
        align-items: center;
        min-height: 3.75rem;
        overflow: hidden;

        border: 1px solid rgba(0, 0, 0, 0.2);
        border-radius: 0.3125rem;
    }
.timeframe-label {
        padding: 1.25rem;

        cursor: pointer;
        background-color: rgb(243, 243, 243);

        transition: background 400ms ease
    }
.timeframe-label:not(:last-of-type) {
  border-right: 1px solid rgba(0, 0, 0, 0.2);
}
.timeframe-label:hover {
  background-color: rgba(0, 0, 0, 0.2);
}
.timeframe-input {
        display: none
    }
.timeframe-input:checked + .timeframe-label {
  color: rgb(255, 255, 255);
  background-color: rgb(0, 153, 240);
}
.timeframe-description {
        margin-left: auto;
    }
.timeline-item {
        display: flex;
        flex-direction: column;
        padding: 0.625rem 0rem;
    }
.timeline-time {
        max-width: 3.75rem;
        min-width: 3.75rem;
        margin-right: 0.75rem;
        margin-bottom: 0rem;

        color: rgb(180, 188, 194);
    }
.timeline-url {
        margin-bottom: 0rem;

        color: rgb(67, 74, 84);
    }
/*
    Typing
*/
.typing-indicator {
    display: flex;
    padding: 0.4375rem 0.75rem;
    margin-bottom: 0.1875rem;

    border-radius: 0.25rem;

    transform: translateY(0);
    transition: all 0.4s ease;
}
.typing-indicator-inner {
        margin-bottom: 0.3125rem;
        margin-left: auto;

        border-radius: 0.1875rem;
    }
.typing-indicator-bubble {
        display: flex;
        padding: 0.625rem;
        margin-right: 0.625rem;

        background-color: rgb(0, 153, 240);
        border-radius: 0.625rem;
    }
.typing-indicator-image {
        max-width: 100%;
        padding: 0.625rem 0;
    }
.typing-indicator-dot {
        width: 0.5rem;
        height: 0.5rem;

        background-color: rgb(230, 230, 230);
        border-radius: 99em;

        animation-duration: 1.3s;
        animation-iteration-count: infinite;
        animation-name: loading;
        animation-timing-function: linear
    }
.typing-indicator-dot:not(:last-of-type) {
  margin-right: 0.3125rem;
}
.typing-indicator-dot:nth-child(2) {
  animation-delay: -1.1s;
}
.typing-indicator-dot:nth-child(3) {
  animation-delay: -0.9s;
}
@keyframes loading {
    0%,
    20%,
    100% {
        transform: translateY(0);
    }

    10% {
        transform: translateY(-0.3125rem);
    }
}
/*
    User comment input
*/
.user-comment-input {
    display: flex;
    flex-direction: column;
    width: 100%;
}
.user-comment-input .field {
        width: 100%;
        padding-bottom: 0rem
    }
.user-comment-input .field.textarea {
  max-height: 2.8125rem;
  min-width: auto;
}
.user-comment-input-field-wrapper {
        display: flex;
        align-items: flex-start;
    }
.user-comment-input-field {
        position: relative;

        width: 100%;

        min-height: 13.75rem
    }
.user-comment-input-field.is-hidden {
  display: none;
}
.user-comment-input-pre {
        margin: 0;

        visibility: hidden;
    }
.user-comment-input-input {
        position: absolute;
        bottom: 0;
        left: 0;

        resize: none
    }
.user-comment-input-input:focus {
  outline: none;
}
.user-comment-input-input::-webkit-input-placeholder {
  color: rgb(161, 165, 170);
}
.user-comment-input-input::-moz-placeholder {
  color: rgb(161, 165, 170);
}
.user-comment-input-input:-ms-input-placeholder {
  color: rgb(161, 165, 170);
}
.user-comment-input-input::placeholder {
  color: rgb(161, 165, 170);
}
.user-comment-input-input:focus {
  border: 1px solid rgb(0, 153, 240);
  border-color: rgb(0, 153, 240);
  box-shadow: 0 0 0.3125rem 0 rgba(0, 153, 240, 0.5);
}
.user-comment-input-input.focus-visible,
        .user-comment-input-input:focus {
  outline: 1px solid transparent;
}
.user-comment-input-form {
        position: absolute;
        bottom: 0;
        left: 0;

        width: 100%;
        max-height: 12.5rem;
        min-height: 3.125rem;
    }
.user-comment-input-form ::-webkit-scrollbar {
            width: 0;
        }
.user-comment-input-form ::-webkit-scrollbar-thumb {
            background: rgb(230, 230, 230);
        }
.user-comment-input-pre,
    .user-comment-input-input {
        width: 100%;
        height: 100%;
        padding-top: 0.875rem;
        padding-bottom: 0.875rem;
        padding-left: 0.9375rem;
        overflow: auto;

        font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
        font-size: 0.875rem;
        line-height: 1.4;
        word-wrap: break-word;
        white-space: pre-wrap;

        border: 1px solid rgb(230, 230, 230);
        border-radius: 0.3125rem;
    }
.user-comment-input-profile-picture {
        width: 1.5625rem;
        height: 1.5625rem;
        max-width: 1.5625rem;
        max-height: 1.5625rem;
        min-width: 1.5625rem;
        min-height: 1.5625rem;

        margin-top: 0.875rem;
        margin-right: 0.75rem;
        margin-bottom: 0.875rem;

        border-radius: 6.1875rem;
        object-fit: cover;
    }
.user-comment-input-button-set {
        z-index: 109;

        display: none;
        align-items: flex-end;
        justify-content: flex-end;
        width: 100%
    }
.user-comment-input-button-set.is-visible {
  display: flex;
}
.user-comment-input-button-set .button {
            height: 40px;
            padding-right: 14px;
            padding-left: 14px;
}
.user-comment-input-button-set .button:not(:last-of-type) {
  margin-right: 12px;
}
/*
    User comment
*/
.user-comment {
    display: flex;
    padding: 8px 0;
}
.user-comment .field {
        padding-bottom: 0
    }
.user-comment .field.textarea .field-input {
                min-height: 100px;
}
.user-comment-input-field {
        margin-bottom: 0.75rem;
    }
.user-comment-image {
        display: flex;
        min-width: 1.5625rem;
        margin-right: 0.75rem;
    }
.user-comment-image .icon {
            width: 1.5625rem;
            height: 1.5625rem;
            object-fit: cover;

            border-radius: 99px;
        }
.user-comment-content {
        display: flex;
        flex-direction: column;
        width: 100%;
    }
.user-comment-content-title {
            display: flex;

            color: rgb(67, 74, 84);
            font-weight: 600;
        }
.user-comment-content-title * {
                margin-bottom: 4px;
            }
.user-comment-content-time {
            margin-left: 0.75rem;

            color: rgb(170, 170, 170);
            font-weight: 400;
        }
.user-comment-content-comment {
            margin-bottom: 12px;

            white-space: pre-wrap;
        }
.user-comment-content-button-set {
            display: flex;
            justify-content: flex-end;
            width: 100%;
        }
.user-comment-content-button-set .button {
                height: 40px;
                padding-right: 14px;
                padding-left: 14px
            }
.user-comment-content-button-set .button:not(:last-of-type) {
  margin-right: 12px;
}
.user-comment-content-actions {
            display: flex;
        }
.user-comment-content-actions p {
                color: rgb(170, 170, 170);
                font-weight: 600
            }
.user-comment-content-actions p:hover {
  text-decoration: underline;
  cursor: pointer;
}
.user-comment-content-actions p:not(:last-of-type) {
  margin-right: 12px;
}
/*
    Typing
*/
.users-typing {
    display: flex;
    flex-shrink: 0;
    padding: 0.4375rem 0.75rem;
    margin-bottom: 0.1875rem;

    border-radius: 0.25rem;

    transform: translateY(0);
    transition: all 0.4s ease;
}
.users-typing-inner {
        margin-right: auto;

        border-radius: 0.1875rem;
    }
.users-typing-bubble {
        padding: 0.1875rem 0.4375rem;
        margin-bottom: 0;
        margin-left: 0;

        color: rgb(255, 255, 255);
        font-size: 0.625rem;

        background-color: rgb(224, 69, 69);
        border-radius: 0.625rem;
        box-shadow: 0 0 3px 2px rgba(0, 0, 0, 0.2);
    }
.users-typing-image {
        max-width: 100%;
        padding: 0.625rem 0;
    }
.video {
    position: relative;

    width: 100%;
    height: 0;
    min-width: 25rem;
    padding-bottom: 56.25%;
}
.video-frame {
        position: absolute;
        top: 0;
        left: 0;

        width: 100%;
        height: 100%;

        border: none;
    }
/*
    Website Message Preview
*/
.website-message-preview {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
    min-width: 34.375rem;
    padding-top: 8.75rem;

    background-color: rgb(246, 246, 246);
    border-left: 1px solid rgb(219, 218, 218);
}
.conversations-filter {
    position: relative;

    padding: 0.625rem
}
.conversations-filter:focus {
  outline: none;
}
.conversations-filter:hover {
  cursor: pointer;
}
.conversations-filter.is-open .conversations-filter-submenu {
            display: block;
}
.conversations-filter.is-open:hover {
  background-color: transparent;
}
.conversations-filter:hover {
  background-color: rgb(243, 243, 243);
}
.conversations-filter-icon {
        width: 1.25rem;
        height: 1.25rem;
}
.conversations-filter-submenu {
        position: absolute;
        left: -150px;
        z-index: 4;

        display: none;
        width: 12.5rem;
        max-height: 25rem;
        padding: 0.625rem;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;

        background-color: rgb(250, 250, 250);
        border: 1px solid rgb(230, 230, 230);
        border-top: 1px solid rgb(250, 250, 250);
        box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.08);
}
.conversations-filter-submenu .checkbox {
            padding: 0.3125rem 0rem;
            margin-bottom: 0;

            color: rgb(67, 74, 84);
        }
.conversations-filter-submenu .checkbox label {
                flex-grow: 1;
            }
.conversations-filter-submenu .checkbox:hover {
  text-decoration: none;
  background-color: rgb(243, 243, 243);
}
.conversations-filter-submenu .checkbox:hover label,
                .conversations-filter-submenu .checkbox:hover input {
                    cursor: pointer;
}
/*
    Add Faq response input, when someone is creating an FAQ
*/
.add-faq-response {
    width: 100%;

    margin-bottom: 0.75rem;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(230, 230, 230);

    border-radius: 0.5rem;
}
.add-faq-response .checkbox {
        width: 6.25rem;
        margin-bottom: 0.5rem;
    }
.add-faq-response .checkbox .checkbox-label {
            width: 9.375rem;
            overflow: hidden;

            text-overflow: ellipsis;
            white-space: nowrap;
        }
.add-faq-response-content {
        padding: 0.75rem 0.875rem;
    }
.add-faq-response-content .field-adder,
        .add-faq-response-content .field-adder-header-input {
            margin-bottom: 0rem;
        }
.add-faq-response-content .field-adder-item-wrapper {
            margin-top: 0.75rem;
        }
.add-faq-response-header {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;

        border-bottom: 1px solid rgb(230, 230, 230);
        border-radius: 0.5rem 0.5rem 0rem 0rem;
    }
.add-faq-response-header-field {
            width: 100%;
            height: 2.8125rem;
            margin-bottom: 0rem;
        }
.add-faq-response-header-title {
            display: flex;
            align-items: center;
            height: 2.8125rem;
            margin-bottom: 0rem;
            margin-left: 0.75rem;
        }
.add-faq-response-header .field {
            width: 100%
        }
.add-faq-response-header .field.text {
  padding-bottom: 0rem;
}
.add-faq-response-header .field-input {
                width: 100%;

                border: transparent;
                border-radius: 0.5rem 0.5rem 0rem 0rem;
}
.add-faq-response-header .field input:focus {
                box-shadow: none;
                outline: none;
}
.add-faq-response .dynamic-textarea-input {
            border: 0 solid transparent;
            border-radius: 0rem 0rem 0.5rem 0.5rem;
        }
.add-faq-response .response-input.is-active .response-input-text-container {
                border: 0 solid transparent;
}
.add-faq-response .response-input .dynamic-textarea-container {
            border: 0 solid transparent;
}
.add-faq-response .response-input .dynamic-textarea-input:focus {
            border: 0 solid transparent;
}
.add-faq-response .response-input-text-container {
            margin-bottom: 0rem;

            border: 0 solid transparent;
}
.review-table {
    width: 100%
}
.review-table.is-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9.375rem;
}
.review-table.is-empty {
  display: flex;
  align-items: center;
  justify-content: center;
  height: 9.375rem;
  padding-right: 1.25rem;
  padding-left: 1.25rem;
  font-size: 1.125rem;
  text-align: center;
}
.review-table.FIXED {
  height: auto;
  max-width: 100%;
}
.review-table.FIXED .dynamic-height {
            text-overflow: auto;
            white-space: normal;
}
.review-table.FIXED .dynamic-height.pointer {
  cursor: pointer;
}
.review-table.FIXED .dynamic-height:hover {
  background-color: rgb(248, 248, 248);
}
.review-table.FIXED .review-table-header-column {
                height: 3.125rem;
            }
.review-table.FIXED .review-table-row {
                align-items: unset;
            }
.review-table .review-table-header-column,
    .review-table .review-table-row-column {
        min-width: 0rem;
        margin-right: 0.625rem;
}
.review-table .review-table-header-column:first-of-type, .review-table .review-table-row-column:first-of-type {
  margin-left: 0.625rem;
}
.review-table-header-column {
            display: flex;
            align-items: center;
            height: 3.125rem;
            padding: 0 0.9375rem;
            margin: 0;

            color: rgb(67, 74, 84);
            font-size: 0.75rem;
            font-weight: 700;
            text-transform: uppercase;

            background-color: rgb(248, 247, 247);
            border-top: 1px solid rgb(221, 220, 220);
            border-bottom: 1px solid rgb(221, 220, 220);
            border-left: none;
        }
.review-table-header-row {
            -webkit-box-align: center;
            -webkit-box-orient: horizontal;

            display: flex;
            align-items: center;
            -ms-flex-direction: row;
            flex-direction: row;

            font-weight: 700;
            text-transform: uppercase;
            -webkit-box-direction: normal;
            -ms-flex-align: center;
        }
.review-table-header.truncated {
  display: inline-block;
  max-width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}
.review-table-row {
        -webkit-box-align: center;
        -webkit-box-orient: horizontal;
        display: flex;
        align-items: center;
        -ms-flex-direction: row;
        flex-direction: row;
        -webkit-box-direction: normal;
        -ms-flex-align: center;
}
.review-table-row-column {
            margin-right: 0.625rem;

            text-overflow: ellipsis;
            white-space: pre-wrap
        }
.review-table-row-column.bold {
  font-weight: 600;
}
.review-table-tag {
        display: inline-flex;
        align-items: center;
}
.review-table-tag-text {
            color: rgb(115, 115, 115);
            font-size: 0.75rem;
            font-weight: 700;
        }
.review-table-tag .icon {
            width: 1.25rem;
            height: 1.25rem;
            fill: rgb(115, 115, 115);
            margin-left: 0rem !important;
        }
.review-table-grid-row {
        border-right: 1px solid rgb(230, 230, 230);
        border-left: 1px solid rgb(230, 230, 230);
}
.review-table-grid-row.no-border {
  border: none;
}
.review-table-grid-row.is-selected {
  background-color: rgb(244, 252, 255);
}
.review-table-column {
        position: relative;

        display: flex;
        align-items: center;
        height: 100%;
        padding: 0.625rem 0.9375rem;
        margin: 0 !important;

        color: rgb(67, 74, 84);
        font-size: 0.875rem;
        font-weight: 400;
        text-transform: none;

        border-left: none;
}
.review-table-column:hover {
  cursor: pointer;
}
.review-table-column:not(:last-of-type) {
  border-bottom: 1px solid rgb(237, 244, 247);
}
.review-table-column.bold {
  font-weight: 600;
}
.review-table-column.no-border {
  border-bottom: none;
}
.review-table-column p {
            margin-bottom: 0rem;
}
.review-table-column .link,
        .review-table-column a {
            color: rgb(0, 153, 240);
            font-weight: 600;

            cursor: pointer;
}
.review-table-column .tag:not(:last-of-type) {
  margin-right: 0.75rem;
}
/*
    Date Selection
*/
.date-selection {
    position: relative;

    display: flex;
    align-items: center;
    justify-content: space-between;
    width: 100%;
    height: 4.0625rem;
    padding: 0.75rem;
    margin-bottom: 1.375rem;

    background-color: rgb(255, 255, 255);
    border: 0.0625rem solid rgb(219, 218, 218);
    border-radius: 0.25rem;
}
.date-selection .DayPicker {
        top: 1.125rem;
    }
.date-selection .dropdown-content {
            display: flex;
            align-items: center;
            justify-content: center;
        }
.date-selection .dropdown-item {
            min-width: 21.875rem;
        }
.date-selection-reset {
        margin-left: 0.75rem;

        color: rgb(0, 152, 240);
        font-size: 0.875rem;
        font-weight: 700;
        letter-spacing: 0;
        text-transform: uppercase;
    }
.date-selection-navigate {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 2.5rem;
        height: 2.5rem;

        cursor: pointer;
        background-color: rgb(255, 255, 255);
        border: 0.0625rem solid rgb(208, 213, 221);
        border-radius: 0.25rem;
    }
.date-selection-navigate .icon.arrow-left {
            margin-right: 0.1875rem;

            transform: rotate(180deg);
        }
/*
    Faq response input, is an extension of the faq-selector. When a user clicks a row.
*/
.faq-response-input {
    padding: 0.625rem 1.25rem;
    margin: 0.375rem 0.75rem;
    margin-top: 0rem;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(230, 230, 230);
}
/*
    Faq selector for core questions and knowledge base questions
*/
.faq-selector {
    width: 100%;

    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(230, 230, 230);

    border-radius: 0.5rem
}
.faq-selector.is-loading,
    .faq-selector.is-empty {
  padding-bottom: 0rem;
}
.faq-selector .icon-submit {
        right: 0;
        bottom: -1.75rem;
}
.faq-selector-loader {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 11.25rem;
}
.faq-selector-content {
        display: flex;
        flex-direction: column;
        width: 100%;
        margin-bottom: 5px;

        background-color: rgb(252, 252, 252);
}
.faq-selector-content-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: 3.4375rem;
            padding: 0.625rem 1.25rem;
            margin: 0.375rem 0.75rem;
            margin-bottom: 0rem;

            font-size: 0.875rem;

            background-color: rgb(255, 255, 255);
            border: 1px solid rgb(230, 230, 230)
        }
.faq-selector-content-item:first-of-type {
  margin-top: 0.75rem;
}
.faq-selector-content-item-title {
                position: relative;

                display: flex;
                align-items: center;
                height: 2.0625rem;
                max-width: calc(100% - 10rem);
}
.faq-selector-content-item-title-container {
                    position: relative;

                    min-width: 100%;
                }
.faq-selector-content-item-title .field {
                    padding-bottom: 0;
                }
.faq-selector-content-item-title .field-input {
                        height: 1.875rem;

                        text-overflow: ellipsis;

                        border: 1px solid transparent
                    }
.faq-selector-content-item-title .field-input:focus {
  background-color: rgb(243, 243, 243);
  border: 1px solid transparent;
  box-shadow: none;
}
.faq-selector-content-item-title .field-input:hover {
  background-color: rgb(243, 243, 243);
  border: 1px solid transparent;
}
.faq-selector-content-item-title .icon.arrow.is-open {
  transform: rotate(270deg);
}
.faq-selector-content-item-title .icon.star {
  width: 1.125rem;
  height: 1rem;
  min-width: 1.125rem;
  min-height: 1rem;
  margin-bottom: 0.125rem;
  margin-left: 0.75rem;
}
.faq-selector-content-item-title .icon.star {
  margin-right: 0.75rem;
  fill: rgb(74, 74, 74);
}
.faq-selector-content-item-title .icon.arrow {
  width: 0.75rem;
  height: 0.75rem;
  min-width: 0.75rem;
  min-height: 0.75rem;
  margin-right: 0.75rem;
  transform: rotate(180deg);
  transition: all 400ms ease;
  fill: rgb(74, 74, 74);
}
.faq-selector-content-item.is-open {
  margin-bottom: 0rem;
  border-bottom: 0 solid transparent;
}
.faq-selector-content-item:hover {
  cursor: pointer;
}
.faq-selector-content-item p {
                display: flex;
                align-items: center;
                margin-bottom: 0rem;
}
.faq-selector-content-item-container {
                display: flex;
                align-items: center;
}
.faq-selector-content-item-container .icon.star:not(:last-child),
                .faq-selector-content-item-container .faq-selector-content-item-warning {
                    margin-right: 0.75rem;
                }
.faq-selector-content-item-warning {
                display: flex;
                align-items: center;
                margin-right: 3.75rem;

                overflow: hidden;

                white-space: nowrap;
}
.faq-selector-content-item-warning .icon {
                    margin-top: 0.125rem;
                }
.faq-selector-content-item-warning p,
                .faq-selector-content-item-warning .icon {
                    margin-left: 0.375rem;

                    color: rgb(255, 0, 0);
                    fill: rgb(255, 0, 0);
                }
.faq-selector-content.is-empty,
        .faq-selector-content.is-loading {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  padding: 1.25rem;
}
.faq-selector-content.is-empty p, .faq-selector-content.is-loading p {
                margin-bottom: 0rem;
}
.faq-selector-header {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
        padding: 0.625rem 1.25rem;

        border-bottom: 1px solid rgb(230, 230, 230);
}
.faq-selector-header .icon,
        .faq-selector-header-title {
            margin-right: 0.75rem;
            margin-bottom: 0rem;
        }
.faq-selector-header-title {
            position: relative;

            display: flex;
            align-items: center;
            height: 100%;

            color: rgb(74, 74, 74);
            font-weight: 700;
        }
.faq-selector-header-content {
            display: flex;
            align-items: center;
            flex-direction: row;
            width: 100%;
        }
.faq-selector-header-button-set {
            display: flex;
            align-items: center;
            justify-content: flex-end;
            width: 100%;
        }
.faq-selector-header-button-set .button:not(:last-child) {
  margin-right: 0.75rem;
}
.field-adder {
    margin-bottom: 1.875rem;
}
.field-adder .field {
        flex-grow: 1;
        padding-bottom: 0;
    }
.field-adder .field-input {
            padding: 0.625rem;

            border-radius: 0rem;
        }
.field-adder .field.textarea {
  line-height: 1;
}
.field-adder .field-input:focus {
        border-color: rgb(230, 230, 230);
        box-shadow: none;
    }
.field-adder .field-adder-header-input.disabled .field-input {
                opacity: 0.4;
}
.field-adder .field-adder-header-input.disabled .field-adder-button {
                cursor: not-allowed;
                opacity: 0.4;
}
.field-adder .pagination {
        padding-top: 0.75rem;
    }
.field-adder-container {
        display: flex;
        align-items: center;
        flex-direction: row;
        width: 100%;
    }
.field-adder-button {
        display: flex;
        align-items: center;
        margin-left: 0.625rem;

        background-color: rgb(67, 74, 84);
        border-radius: 6.25rem;
    }
.field-adder-button .icon {
            min-width: 2rem;
            min-height: 2rem;
            padding: 0.3125rem;

            color: rgb(255, 255, 255);
            fill: rgb(255, 255, 255);
        }
.field-adder-delete {
        color: rgb(254, 83, 84);
        font-size: 0.875rem;
        font-weight: 600;
        fill: rgb(254, 83, 84);
    }
.field-adder-delete .icon {
            margin-left: 0rem !important;
        }
.field-adder-header-input {
        display: flex;
        align-items: center;
        flex-direction: column;
        margin-bottom: 1.375rem
    }
.field-adder-header-input.highlighted .field-input {
                border-color: rgb(255, 0, 0);
}
.field-adder-item-wrapper {
        position: relative;
    }
.field-adder-item-wrapper .field-input.textarea {
  display: flex;
  flex-direction: column;
  min-height: 2.625rem;
  padding: 0.625rem;
  padding-right: 1.5625rem;
  margin-bottom: -0.125rem;
  overflow: hidden;
  font-size: 0.875rem;
  line-height: 1.3;
}
.field-adder-item-wrapper .field-input.textarea:focus {
  padding-left: 0.5625rem;
  border-left: 2px solid rgb(0, 153, 240);
  outline: none;
}
.field-adder-item-wrapper-item {
            display: flex;
            align-items: center;
            justify-content: space-between;
            height: auto
        }
.field-adder-item-wrapper-item:hover .field-adder-item-wrapper-delete {
                    opacity: 1;
}
.field-adder-item-wrapper-delete {
            position: absolute;
            right: 0;

            opacity: 0;
        }
/*
    Footer
 */
/*
    Header
 */
.header {
    display: flex;
    align-items: center;
    justify-content: flex-end;
    width: 100%;
    height: 50px;
    padding: 0 15px;

    background-color: rgb(250, 250, 250);
    border-bottom: 1px solid rgb(230, 230, 230);
}
.header a {
        color: rgb(67, 74, 84);
    }
.header .logo {
        width: 1.5625rem;
        margin-right: auto;
    }
.jump-logic-title {
        margin-bottom: 1.125rem;

        color: rgb(0, 0, 0);
        font-size: 1rem;
        font-weight: 600;
    }
.jump-logic-subtitle {
        width: 17.5rem;
        margin-bottom: 0.75rem;

        color: rgb(155, 155, 155);
        font-size: 0.75rem;
        font-weight: 600;
        text-transform: uppercase
    }
.jump-logic-subtitle:not(:first-child) {
  margin-left: 0.75rem;
}
.jump-logic-row {
        display: flex;
    }
.jump-logic-column {
        display: flex;
        flex-direction: column
    }
.jump-logic-column.grow {
  flex-grow: 1;
}
.jump-logic-column-response {
            display: flex;
            align-items: center;
            width: 17.5rem;
            height: 2.5rem;
            padding: 0rem 1.25rem;
            margin-right: 0.75rem;
            margin-bottom: 0.625rem;

            font-size: 0.875rem;

            background-color: rgb(246, 246, 246);
            border-radius: 0.375rem;
}
.jump-logic .dropdown-item {
            display: flex;
            height: 2.5rem;
        }
.jump-logic .dropdown-content {
            flex-grow: 1;
        }
.jump-logic .dropdown-content-label {
                max-width: 21.875rem;
            }
.question {
    position: relative;

    display: flex;
    flex-direction: column;
    width: 100%;
    height: auto;
    padding: 1.125rem 1.125rem
}
.question:hover .question-actions,
        .question:hover .question-header-actions {
            visibility: visible;
}
.question .field.text {
  flex-grow: 1;
  padding-bottom: 0rem;
}
.question .field.text .field-status {
                position: absolute;
                bottom: -0.125rem;
                left: 0.3125rem;
}
.question .field > input {
            padding-bottom: 0;
            padding-left: 0.3125rem;
            margin-bottom: 0.75rem;

            font-size: 0.875rem;
}
.question-header {
        position: relative;

        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: flex-start;
        height: 1.875rem;
}
.question-header-actions {
            display: flex;
            flex-direction: row;
            justify-content: flex-end;

            cursor: pointer;
            visibility: hidden;
        }
.question-header-actions .icon {
                min-width: 1.375rem;
                min-height: 1.375rem;
                padding: 0.3125rem;
                margin-right: 0.5rem;

                color: rgb(67, 74, 84);

                border-radius: 0.25rem;
                fill: rgb(67, 74, 84)
            }
.question-header-actions .icon:hover {
  background-color: rgb(230, 230, 230);
}
.question-header-title {
            align-self: center;
            flex-grow: 1;
            width: 100%;
            margin-bottom: 0;

            color: rgb(74, 74, 74);
            font-size: 1rem;

            background: none;
            border: none;
            box-shadow: none
        }
.question-header-title:hover {
  background: linear-gradient(rgb(219, 218, 218), rgb(219, 218, 218)) center bottom 5px /
                    calc(100% - 10px) 1px no-repeat;
  box-shadow: none;
}
.question-header-title:active,
            .question-header-title:focus {
  background: linear-gradient(rgb(74, 144, 226), rgb(74, 144, 226)) center bottom 5px / calc(100% - 10px)
                    1px no-repeat;
  box-shadow: none;
}
.question-header-icon {
            display: flex;
            align-items: center;
            flex-direction: row;
            justify-content: space-evenly;
            height: 1.5625rem;
            min-width: 3.75rem;
            padding: 0.1875rem;

            color: rgb(255, 255, 255);
            font-weight: 600;

            background-color: rgb(74, 184, 129);
            border-radius: 0.3125rem;
            fill: rgb(255, 255, 255);
        }
.question-header-icon svg {
                width: 1.125rem;
            }
.question-header .field {
            flex-grow: 1;
            padding-right: 4.375rem;
            padding-left: 0;
            margin-left: 0.75rem;
        }
.question-content {
        display: flex;
        flex-direction: column;
}
.question-content-image {
            display: flex;
            align-items: center;
            flex-grow: 1;
            height: 3.125rem;
            padding-right: 0.75rem
        }
.question-content-image:last-of-type {
  margin-bottom: 0.5rem;
}
.question-content-image .field.text {
                width: 100%;
}
.question-content-image-close {
                display: flex;
                align-items: center;
                justify-content: center;

                cursor: pointer;
                visibility: hidden;
}
.question-content-image-close:hover {
  visibility: visible;
}
.question-content-image-close:hover .icon {
                        background-color: rgb(236, 234, 234);
}
.question-content-image-close .icon {
                    min-width: 1.125rem;
                    min-height: 1.125rem;
                    padding: 0.25rem;

                    color: rgb(170, 169, 169);
}
.question-content-field {
            display: flex;
            align-items: center;
            flex-direction: row;
            flex-grow: 1
        }
.question-content-field:hover .question-content-image-close {
                    visibility: visible;
}
.question-content-field .icon {
                fill: rgb(190, 190, 190);
}
.question-content-switch {
            display: flex;
            align-items: center;
            flex-direction: row;
            flex-grow: 1;
            margin: 0;
        }
.question-content-choice {
            display: flex;
            align-items: center;
            flex-direction: row;
            flex-grow: 1;
            margin: 0
        }
.question-content-choice:last-of-type {
  margin-bottom: 0.5rem;
}
.question-content-choice:hover .question-content-image-close {
                    visibility: visible;
}
.question-content-choice .field.text > input {
                    height: 2.1875rem;
                    padding-top: 0;
                    margin: 0;
                }
.question-content-action {
            display: flex;
            align-items: center;
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            height: 2.1875rem;
            padding: 0.75rem;

            color: rgb(74, 144, 226);
            font-size: 0.875rem;
            font-weight: 600;

            cursor: pointer;
            background-color: transparent;
            border-radius: 0.25rem
        }
.question-content-action.offset {
  margin-top: 1.125rem;
}
.question-content-action:hover,
            .question-content-action.is-active {
  color: rgb(74, 144, 226);
  background-color: rgb(242, 244, 252);
}
.question-actions {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: flex-end;
        padding-right: 1.75rem;
        margin-bottom: 0.75rem;

        visibility: hidden;
}
.question-actions-logic {
            position: relative;

            display: flex;
            align-items: center;
            height: 1.375rem;
            max-width: 5.3125rem;
            padding: 0rem 0.375rem;

            background-color: rgb(255, 255, 255);
            border: 1px solid rgb(219, 218, 218);
            border-radius: 0.25rem;
            fill: rgb(155, 155, 155);
        }
.question-actions-logic .icon:first-child {
                margin-right: 0.625rem;
            }
.question-actions-logic-icon {
                width: 0.875rem;
                height: 0.875rem;
                padding: 0.125rem;

                color: rgb(255, 255, 255);

                background-color: rgb(74, 184, 129);
                border-radius: 6.1875rem;
            }
.question-actions-logic:hover {
  cursor: pointer;
  background-color: rgb(245, 244, 244);
}
.question-actions-logic > p {
                margin-bottom: 0rem;

                color: rgb(155, 155, 155);
                font-size: 0.75rem;
                font-weight: 700;
                text-transform: uppercase;
}
.question-actions > *:not(:last-child) {
            margin-right: 0.75rem;
        }
.question-actions .switch {
            align-items: flex-end;
            margin-bottom: 0rem;
        }
.question-actions .switch p {
                margin-bottom: 0rem;
            }
.question-actions .file-upload-delete {
            padding: 0.25rem;

            border-radius: 0.25rem
        }
.question-actions .file-upload-delete:hover {
  background-color: rgb(255, 230, 230);
}
.question-actions .file-upload-delete:hover .icon {
                    fill: rgb(248, 133, 133);
}
.question-actions .file-upload-delete .icon {
                color: rgb(190, 190, 190);
                fill: rgb(190, 190, 190);
}
.quick-reply {
    position: relative;
    z-index: 7;

    width: 16.8125rem;
    height: auto;
    min-width: 16.8125rem;
    min-height: 19.8125rem;

    cursor: default;
    background-color: rgb(255, 255, 255);
    border: 0.0625rem solid rgb(219, 218, 218);
    border-radius: 0.3125rem;
    box-shadow: 0 0.125rem 0.625rem 0 rgba(0, 0, 0, 0.13);
}
.quick-reply-container {
        max-height: 19.4375rem;
        overflow-y: scroll;
    }
.quick-reply-nav {
        position: absolute;
        top: 0;
        right: 0;

        display: flex;
        align-items: flex-start;
    }
.quick-reply-nav .icon {
            width: 1.25rem;
            height: 1.25rem;
            padding: 0.1875rem;

            cursor: pointer;
            border-radius: 0.3125rem
        }
.quick-reply-nav .icon:hover {
  background-color: rgb(219, 218, 218);
}
.quick-reply-nav .icon.arrow {
  fill: rgb(0, 153, 240);
}
.quick-reply-nav .icon.arrow.left {
  margin-right: 0.5rem;
  transform: rotate(180deg);
}
.quick-reply-pagination {
        padding: 0.9375rem;
        padding-right: 0.5rem;
    }
.quick-reply-header {
        position: relative;

        display: flex;
        align-items: flex-start;
        flex-direction: column;
        flex-grow: 1;
        padding: 0.9375rem;

        border-bottom: 1px solid rgb(219, 218, 218);
    }
.quick-reply-header-close {
            padding: 0.9375rem;
            padding-left: 0rem;

            color: rgb(151, 151, 151);
            fill: rgb(151, 151, 151);
        }
.quick-reply-header > h4 {
            margin-bottom: 0rem;

            color: rgb(67, 74, 84);
            font-size: 0.875rem;
        }
.quick-reply-header .link {
            color: rgb(84, 105, 212);
            font-size: 0.75rem;
            font-weight: 700;
            line-height: 1.0625rem;
            letter-spacing: 0;
            text-transform: uppercase;
        }
.quick-reply-empty {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 0.9375rem;

        text-align: center;
    }
.quick-reply-item {
        position: relative;

        display: flex;
        align-items: flex-start;
        flex-direction: column;
        flex-grow: 1;
        width: inherit;
        max-width: 16.8125rem;
        padding: 0.3125rem 0.9375rem;
    }
.quick-reply-item-heading {
            display: block;
            width: 12.5rem;
            margin-right: 1.25rem;
            overflow: hidden;

            text-overflow: ellipsis;
            white-space: nowrap;
        }
.quick-reply-item-heading > h4 {
                display: block;
                margin-bottom: 0rem;
                overflow: hidden;

                color: rgb(67, 74, 84);
                font-size: 0.875rem;
                font-weight: 600;
                text-overflow: ellipsis;
                white-space: nowrap;
            }
.quick-reply-item-heading > p {
                margin-bottom: 0rem;

                color: rgb(155, 155, 155);
                font-size: 0.75rem;
            }
.quick-reply-item:hover {
  cursor: pointer;
  background-color: rgb(246, 246, 246);
}
.quick-reply-item:hover .quick-reply-item-add {
                display: block;
}
.quick-reply-item-add {
            position: absolute;
            top: 0;
            right: 0;
            bottom: 0;

            display: none;
            padding: 0rem 0.625rem;

            color: rgb(151, 151, 151);
}
.quick-reply-item-add .icon {
                width: 1.5625rem;
                height: 1.5625rem;

                color: rgb(84, 105, 212);
                fill: rgb(84, 105, 212);
            }
.quick-reply-row {
        display: flex;
        align-items: center;
    }
.quick-reply-ai-response {
        transition: fill 0.3s ease
    }
.quick-reply-ai-response:hover {
  cursor: pointer;
}
.quick-reply-ai-response:hover .icon {
                fill: rgb(0, 153, 240);
}
.quick-reply-ai-response .button {
            padding: 0rem 0.75rem;
}
.quick-reply-ai-response .icon {
            margin: 0;
            fill: rgb(74, 74, 74);
}
/*
    Response Editor
 */
.response-editor.is-editing .response-editor-hint {
            opacity: 0;
}
.response-editor-preview-actions {
        display: flex;
        align-items: center;
        justify-content: flex-end;
        margin-bottom: 1.375rem;
}
.response-editor-preview-actions .field-validation-message {
            padding-right: 0.9375rem;
            margin-bottom: 0;
        }
.response-editor-preview-actions-default {
            max-width: 21.875rem;

            color: rgb(155, 155, 155);
        }
.response-editor-form {
        position: relative;

        display: flex;
        align-items: center;
}
.response-editor-form-inner {
            position: relative;

            width: 100%;
        }
.response-editor-form-section {
            position: absolute;
            top: 50%;

            width: 100%;

            opacity: 0;

            transform: translateY(-45%);
            transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out
        }
.response-editor-form-section.is-active {
  z-index: 1;
  opacity: 1;
  transform: translateY(-50%);
  transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.response-editor-form-section.disabled {
  pointer-events: none;
}
.response-editor-form-section .form-fields {
                padding-bottom: 1.25rem;
}
.response-editor-form-section .remove-button {
                margin-top: 1.875rem;
}
.response-editor-form-section .textarea textarea {
                min-height: 9.375rem;
}
.response-editor-form-actions {
            display: flex;
            align-items: center;
            justify-content: space-between;
        }
.response-editor-hint {
        position: relative;

        display: flex;
        align-items: center;
        justify-content: center;

        pointer-events: none;

        transition: opacity 0.2s ease-in-out, transform 0.2s ease-in-out;
}
.response-editor-hint-arrow {
            position: relative;
            left: -20%;

            color: rgb(213, 213, 213);
        }
.response-editor-hint p {
            color: rgb(60, 67, 76);
            font-weight: 700;
            text-align: center;
        }
.response-editor .dialog-box {
        margin-bottom: 1.875rem;
}
.response-editor-text {
        margin-bottom: 0.875rem;

        color: rgb(74, 74, 74);
}
.response-editor-text-wrapper {
            display: flex;
            align-items: center;
            margin-bottom: 0.875rem;

            color: rgb(74, 74, 74);
            font-weight: 600;
            text-transform: uppercase;
        }
.response-editor-text-wrapper .icon {
                width: 1.125rem;
                height: 1.125rem;
                margin-left: 0.3125rem;
            }
.response-editor-text-wrapper * {
                margin-bottom: 0;
            }
.response-editor-questions-item-wrapper {
            display: flex;
            margin-bottom: 0.625rem
        }
.response-editor-questions-item-wrapper:last-of-type {
  margin-bottom: 1.25rem;
}
.response-editor-questions-item {
            display: block;
            min-height: 2.25rem;
            padding: 0.4375rem 0.5rem 0.4375rem 0.625rem;

            color: rgb(255, 255, 255);
            font-size: 0.875rem;
            line-height: 1.25rem;

            background-color: rgb(0, 153, 240);
            border: 0.0625rem solid transparent;
            border-radius: 0.625rem 0.625rem 0.25rem 0.625rem;
        }
.response-editor-questions-empty {
            margin-bottom: 0.875rem;

            color: rgb(115, 115, 115);
        }
/*
    Rich text editor
    Styles taken from CDN: https://unpkg.com/react-quill@1.3.3/dist/quill.snow.css
 */
.ql-container {
    position: relative;

    box-sizing: border-box;
    margin: 0rem;

    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;
    font-size: 0.8125rem;
}
.ql-container.ql-disabled .ql-tooltip {
    visibility: hidden;
}
.ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
    pointer-events: none;
}
.ql-clipboard {
    position: absolute;
    top: 50%;
    left: -6250rem;

    height: 0.0625rem;
    overflow-y: hidden;
}
.ql-clipboard p {
    padding: 0;
    margin: 0;
}
.ql-editor {
    box-sizing: border-box;
    height: 100%;
    min-height: 12.5rem;
    padding: 0.75rem 0.9375rem;
    overflow-y: auto;

    line-height: 1.42;
    text-align: left;
    word-wrap: break-word;
    white-space: pre-wrap;

    outline: none;
    -moz-tab-size: 4;
         tab-size: 4;
}
.ql-editor > * {
    cursor: text;
}
.ql-editor p,
.ql-editor ol,
.ql-editor ul,
.ql-editor pre,
.ql-editor blockquote,
.ql-editor h1,
.ql-editor h2,
.ql-editor h3,
.ql-editor h4,
.ql-editor h5,
.ql-editor h6 {
    padding: 0;
    margin: 0;
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
        list-9;
}
.ql-editor ol,
.ql-editor ul {
    padding-left: 1.5em;
}
.ql-editor ol > li,
.ql-editor ul > li {
    list-style-type: none;
}
.ql-editor ul > li::before {
    content: '\2022';
}
.ql-editor ul[data-checked='true'],
.ql-editor ul[data-checked='false'] {
    pointer-events: none;
}
.ql-editor ul[data-checked='true'] > li *,
.ql-editor ul[data-checked='false'] > li * {
    pointer-events: all;
}
.ql-editor ul[data-checked='true'] > li::before,
.ql-editor ul[data-checked='false'] > li::before {
    color: rgb(119, 119, 119);

    pointer-events: all;
    cursor: pointer;
}
.ql-editor ul[data-checked='true'] > li::before {
    content: '\2611';
}
.ql-editor ul[data-checked='false'] > li::before {
    content: '\2610';
}
.ql-editor li::before {
    display: inline-block;
    width: 1.2em;

    white-space: nowrap;
}
.ql-editor li:not(.ql-direction-rtl)::before {
    margin-right: 0.3em;
    margin-left: -1.5em;

    text-align: right;
}
.ql-editor li.ql-direction-rtl::before {
    margin-right: -1.5em;
    margin-left: 0.3em;
}
.ql-editor ol li:not(.ql-direction-rtl),
.ql-editor ul li:not(.ql-direction-rtl) {
    padding-left: 1.5em;
}
.ql-editor ol li.ql-direction-rtl,
.ql-editor ul li.ql-direction-rtl {
    padding-right: 1.5em;
}
.ql-editor ol li {
    counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8
        list-9;
    counter-increment: list-0;
}
.ql-editor ol li:before {
    content: counter(list-0, decimal) '. ';
}
.ql-editor ol li.ql-indent-1 {
    counter-increment: list-1;
}
.ql-editor ol li.ql-indent-1:before {
    content: counter(list-1, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-1 {
    counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-2 {
    counter-increment: list-2;
}
.ql-editor ol li.ql-indent-2:before {
    content: counter(list-2, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-2 {
    counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-3 {
    counter-increment: list-3;
}
.ql-editor ol li.ql-indent-3:before {
    content: counter(list-3, decimal) '. ';
}
.ql-editor ol li.ql-indent-3 {
    counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-4 {
    counter-increment: list-4;
}
.ql-editor ol li.ql-indent-4:before {
    content: counter(list-4, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-4 {
    counter-reset: list-5 list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-5 {
    counter-increment: list-5;
}
.ql-editor ol li.ql-indent-5:before {
    content: counter(list-5, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-5 {
    counter-reset: list-6 list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-6 {
    counter-increment: list-6;
}
.ql-editor ol li.ql-indent-6:before {
    content: counter(list-6, decimal) '. ';
}
.ql-editor ol li.ql-indent-6 {
    counter-reset: list-7 list-8 list-9;
}
.ql-editor ol li.ql-indent-7 {
    counter-increment: list-7;
}
.ql-editor ol li.ql-indent-7:before {
    content: counter(list-7, lower-alpha) '. ';
}
.ql-editor ol li.ql-indent-7 {
    counter-reset: list-8 list-9;
}
.ql-editor ol li.ql-indent-8 {
    counter-increment: list-8;
}
.ql-editor ol li.ql-indent-8:before {
    content: counter(list-8, lower-roman) '. ';
}
.ql-editor ol li.ql-indent-8 {
    counter-reset: list-9;
}
.ql-editor ol li.ql-indent-9 {
    counter-increment: list-9;
}
.ql-editor ol li.ql-indent-9:before {
    content: counter(list-9, decimal) '. ';
}
.ql-editor .ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 3em;
}
.ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
    padding-left: 4.5em;
}
.ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 3em;
}
.ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
    padding-right: 4.5em;
}
.ql-editor .ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 6em;
}
.ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
    padding-left: 7.5em;
}
.ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 6em;
}
.ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
    padding-right: 7.5em;
}
.ql-editor .ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 9em;
}
.ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
    padding-left: 10.5em;
}
.ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 9em;
}
.ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
    padding-right: 10.5em;
}
.ql-editor .ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 12em;
}
.ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
    padding-left: 13.5em;
}
.ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 12em;
}
.ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
    padding-right: 13.5em;
}
.ql-editor .ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 15em;
}
.ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
    padding-left: 16.5em;
}
.ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 15em;
}
.ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
    padding-right: 16.5em;
}
.ql-editor .ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 18em;
}
.ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
    padding-left: 19.5em;
}
.ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 18em;
}
.ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
    padding-right: 19.5em;
}
.ql-editor .ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 21em;
}
.ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
    padding-left: 22.5em;
}
.ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 21em;
}
.ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
    padding-right: 22.5em;
}
.ql-editor .ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 24em;
}
.ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
    padding-left: 25.5em;
}
.ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 24em;
}
.ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
    padding-right: 25.5em;
}
.ql-editor .ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 27em;
}
.ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
    padding-left: 28.5em;
}
.ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 27em;
}
.ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
    padding-right: 28.5em;
}
.ql-editor .ql-video {
    display: block;
    max-width: 100%;
}
.ql-editor .ql-video.ql-align-center {
    margin: 0 auto;
}
.ql-editor .ql-video.ql-align-right {
    margin: 0 0 0 auto;
}
.ql-editor .ql-bg-black {
    background-color: rgb(0, 0, 0);
}
.ql-editor .ql-bg-red {
    background-color: rgb(230, 0, 0);
}
.ql-editor .ql-bg-orange {
    background-color: rgb(100, 60, 0);
}
.ql-editor .ql-bg-yellow {
    background-color: rgb(255, 255, 0);
}
.ql-editor .ql-bg-green {
    background-color: rgb(0, 138, 0);
}
.ql-editor .ql-bg-blue {
    background-color: rgb(0, 102, 204);
}
.ql-editor .ql-bg-purple {
    background-color: rgb(153, 51, 255);
}
.ql-editor .ql-color-white {
    color: rgb(255, 255, 255);
}
.ql-editor .ql-color-red {
    color: rgb(230, 0, 0);
}
.ql-editor .ql-color-orange {
    color: rgb(100, 60, 0);
}
.ql-editor .ql-color-yellow {
    color: rgb(255, 255, 0);
}
.ql-editor .ql-color-green {
    color: rgb(0, 138, 0);
}
.ql-editor .ql-color-blue {
    color: rgb(0, 102, 204);
}
.ql-editor .ql-color-purple {
    color: rgb(153, 51, 255);
}
.ql-editor .ql-font-serif {
    font-family: Georgia, Times New Roman, serif;
}
.ql-editor .ql-font-monospace {
    font-family: Monaco, Courier New, monospace;
}
.ql-editor .ql-size-small {
    font-size: 0.75em;
}
.ql-editor .ql-size-large {
    font-size: 1.5em;
}
.ql-editor .ql-size-huge {
    font-size: 2.5em;
}
.ql-editor .ql-direction-rtl {
    text-align: inherit;

    direction: rtl;
}
.ql-editor .ql-align-center {
    text-align: center;
}
.ql-editor .ql-align-justify {
    text-align: justify;
}
.ql-editor .ql-align-right {
    text-align: right;
}
.ql-editor .ql-embed-selected {
    border: 0.0625rem solid rgb(119, 119, 119);

    -webkit-user-select: none;

       -moz-user-select: none;

        -ms-user-select: none;

            user-select: none;
}
.ql-editor.ql-blank::before {
    position: absolute;

    color: rgba(0, 0, 0, 0.6);
    font-style: italic;

    pointer-events: none;
    content: attr(data-placeholder);
}
.ql-snow.ql-toolbar:after,
.ql-snow .ql-toolbar:after {
    display: table;
    clear: both;

    content: '';
}
.ql-snow.ql-toolbar button,
.ql-snow .ql-toolbar button {
    float: left;
    width: 1.75rem;
    height: 1.5rem;
    padding: 0.1875rem 0.3125rem;

    cursor: pointer;
    background: none;
    border: none;
}
.ql-snow.ql-toolbar button svg,
.ql-snow .ql-toolbar button svg {
    float: left;
    height: 100%;
}
.ql-snow.ql-toolbar button:active:hover,
.ql-snow .ql-toolbar button:active:hover {
    outline: none;
}
.ql-snow.ql-toolbar input.ql-image[type='file'],
.ql-snow .ql-toolbar input.ql-image[type='file'] {
    display: none;
}
.ql-snow.ql-toolbar button:hover,
.ql-snow .ql-toolbar button:hover,
.ql-snow.ql-toolbar button:focus,
.ql-snow .ql-toolbar button:focus,
.ql-snow.ql-toolbar button.ql-active,
.ql-snow .ql-toolbar button.ql-active,
.ql-snow.ql-toolbar .ql-picker-label:hover,
.ql-snow .ql-toolbar .ql-picker-label:hover,
.ql-snow.ql-toolbar .ql-picker-label.ql-active,
.ql-snow .ql-toolbar .ql-picker-label.ql-active,
.ql-snow.ql-toolbar .ql-picker-item:hover,
.ql-snow .ql-toolbar .ql-picker-item:hover,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected {
    color: rgb(0, 102, 204);
}
.ql-snow.ql-toolbar button:hover .ql-fill,
.ql-snow .ql-toolbar button:hover .ql-fill,
.ql-snow.ql-toolbar button:focus .ql-fill,
.ql-snow .ql-toolbar button:focus .ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
.ql-snow.ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button:focus .ql-stroke.ql-fill,
.ql-snow.ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar button.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
    fill: rgb(0, 102, 204);
}
.ql-snow.ql-toolbar button:hover .ql-stroke,
.ql-snow .ql-toolbar button:hover .ql-stroke,
.ql-snow.ql-toolbar button:focus .ql-stroke,
.ql-snow .ql-toolbar button:focus .ql-stroke,
.ql-snow.ql-toolbar button.ql-active .ql-stroke,
.ql-snow .ql-toolbar button.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
.ql-snow.ql-toolbar button:hover .ql-stroke-miter,
.ql-snow .ql-toolbar button:hover .ql-stroke-miter,
.ql-snow.ql-toolbar button:focus .ql-stroke-miter,
.ql-snow .ql-toolbar button:focus .ql-stroke-miter,
.ql-snow.ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar button.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
.ql-snow.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
.ql-snow .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
    stroke: rgb(0, 102, 204);
}
@media (pointer: coarse) {
    .ql-snow.ql-toolbar button:hover:not(.ql-active),
    .ql-snow .ql-toolbar button:hover:not(.ql-active) {
        color: rgb(68, 68, 68);
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-fill,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
        fill: rgb(68, 68, 68);
    }

    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
    .ql-snow.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
    .ql-snow .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
        stroke: rgb(68, 68, 68);
    }
}
.ql-snow {
    box-sizing: border-box;
}
.ql-snow * {
    box-sizing: border-box;
}
.ql-snow .ql-hidden {
    display: none;
}
.ql-snow .ql-out-bottom,
.ql-snow .ql-out-top {
    visibility: hidden;
}
.ql-snow .ql-tooltip {
    position: absolute;

    transform: translateY(0.625rem);
}
.ql-snow .ql-tooltip a {
    text-decoration: none;

    cursor: pointer;
}
.ql-snow .ql-tooltip.ql-flip {
    transform: translateY(-0.625rem);
}
.ql-snow .ql-formats {
    display: inline-block;

    vertical-align: middle;
}
.ql-snow .ql-formats:after {
    display: table;
    clear: both;

    content: '';
}
.ql-snow .ql-stroke {
    fill: none;
    stroke: rgb(68, 68, 68);
    stroke-linecap: round;
    stroke-linejoin: round;
    stroke-width: 2;
}
.ql-snow .ql-stroke-miter {
    fill: none;
    stroke: rgb(68, 68, 68);
    stroke-miterlimit: 10;
    stroke-width: 2;
}
.ql-snow .ql-fill,
.ql-snow .ql-stroke.ql-fill {
    fill: rgb(68, 68, 68);
}
.ql-snow .ql-empty {
    fill: none;
}
.ql-snow .ql-even {
    fill-rule: evenodd;
}
.ql-snow .ql-thin,
.ql-snow .ql-stroke.ql-thin {
    stroke-width: 1;
}
.ql-snow .ql-transparent {
    opacity: 0.4;
}
.ql-snow .ql-direction svg:last-child {
    display: none;
}
.ql-snow .ql-direction.ql-active svg:last-child {
    display: inline;
}
.ql-snow .ql-direction.ql-active svg:first-child {
    display: none;
}
.ql-snow .ql-editor h1 {
    font-size: 2em;
}
.ql-snow .ql-editor h2 {
    font-size: 1.5em;
}
.ql-snow .ql-editor h3 {
    font-size: 1.17em;
}
.ql-snow .ql-editor h4 {
    font-size: 1em;
}
.ql-snow .ql-editor h5 {
    font-size: 0.83em;
}
.ql-snow .ql-editor h6 {
    font-size: 0.67em;
}
.ql-snow .ql-editor a {
    text-decoration: underline;
}
.ql-snow .ql-editor blockquote {
    padding-left: 1rem;
    margin-top: 0.3125rem;
    margin-bottom: 0.3125rem;

    border-left: 0.25rem solid rgb(204, 204, 204);
}
.ql-snow .ql-editor code,
.ql-snow .ql-editor pre {
    background-color: rgb(240, 240, 240);
    border-radius: 0.1875rem;
}
.ql-snow .ql-editor pre {
    padding: 0.3125rem 0.625rem;
    margin-top: 0.3125rem;
    margin-bottom: 0.3125rem;

    white-space: pre-wrap;
}
.ql-snow .ql-editor code {
    padding-top: 0.125rem;
    padding-bottom: 0.125rem;

    font-size: 85%;
}
.ql-snow .ql-editor code:before,
.ql-snow .ql-editor code:after {
    letter-spacing: -0.125rem;

    content: '\A0';
}
.ql-snow .ql-editor pre.ql-syntax {
    overflow: visible;

    color: rgb(248, 248, 242);

    background-color: rgb(35, 36, 31);
}
.ql-snow .ql-editor img {
    max-width: 100%;
}
.ql-snow .ql-picker {
    position: relative;

    float: left;

    height: 1.5rem;

    color: rgb(68, 68, 68);
    font-size: 0.875rem;
    font-weight: 500;
    vertical-align: middle;
}
.ql-snow .ql-picker-label {
    position: relative;

    display: inline-block;
    width: 100%;
    height: 100%;
    padding-right: 0.125rem;
    padding-left: 0.5625rem;

    cursor: pointer;
}
.ql-snow .ql-picker-label::before {
    display: inline-block;

    line-height: 1.375rem;
}
.ql-snow .ql-picker-options {
    position: absolute;

    display: none;
    min-width: 100%;
    padding: 0.25rem 0.5rem;

    white-space: nowrap;

    background-color: rgb(255, 255, 255);
}
.ql-snow .ql-picker-options .ql-picker-item {
    display: block;
    padding-top: 0.3125rem;
    padding-bottom: 0.3125rem;

    cursor: pointer;
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    z-index: 2;

    color: rgb(204, 204, 204);
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-fill {
    fill: rgb(204, 204, 204);
}
.ql-snow .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
    stroke: rgb(204, 204, 204);
}
.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    top: 100%;
    z-index: 1;

    display: block;
    margin-top: -0.0625rem;
}
.ql-snow .ql-color-picker,
.ql-snow .ql-icon-picker {
    width: 1.75rem;
}
.ql-snow .ql-color-picker .ql-picker-label,
.ql-snow .ql-icon-picker .ql-picker-label {
    padding: 0.125rem 0.25rem;
}
.ql-snow .ql-color-picker .ql-picker-label svg,
.ql-snow .ql-icon-picker .ql-picker-label svg {
    right: 0.25rem;
}
.ql-snow .ql-icon-picker .ql-picker-options {
    padding: 0.25rem 0rem;
}
.ql-snow .ql-icon-picker .ql-picker-item {
    width: 1.5rem;
    height: 1.5rem;
    padding: 0.125rem 0.25rem;
}
.ql-snow .ql-color-picker .ql-picker-options {
    width: 9.5rem;
    padding: 0.1875rem 0.3125rem;
}
.ql-snow .ql-color-picker .ql-picker-item {
    float: left;
    width: 1rem;
    height: 1rem;
    padding: 0rem;
    margin: 0.125rem;

    border: 0.0625rem solid transparent;
}
.ql-snow .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
    position: absolute;
    top: 50%;
    right: 0;

    width: 1.125rem;
    margin-top: -0.5625rem;
}
.ql-snow /* stylelint-disable-line*/
.ql-picker.ql-header /* stylelint-disable-line*/
.ql-picker-label[data-label]:not([data-label=''])::before /* stylelint-disable-line*/
.ql-snow /* stylelint-disable-line*/
.ql-picker.ql-font /* stylelint-disable-line*/
.ql-picker-label[data-label]:not([data-label=''])::before /* stylelint-disable-line*/
.ql-snow /* stylelint-disable-line*/
.ql-picker.ql-size /* stylelint-disable-line*/
.ql-picker-label[data-label]:not([data-label=''])::before /* stylelint-disable-line*/
.ql-snow /* stylelint-disable-line*/
.ql-picker.ql-header /* stylelint-disable-line*/
.ql-picker-item[data-label]:not([data-label=''])::before /* stylelint-disable-line*/
.ql-snow /* stylelint-disable-line*/
.ql-picker.ql-font /* stylelint-disable-line*/
.ql-picker-item[data-label]:not([data-label=''])::before /* stylelint-disable-line*/
.ql-snow /* stylelint-disable-line*/
.ql-picker.ql-size /* stylelint-disable-line*/
.ql-picker-item[data-label]:not([data-label=''])::before {
    content: attr(data-label);
}
.ql-snow .ql-picker.ql-header {
    width: 6.125rem;
}
.ql-snow .ql-picker.ql-header .ql-picker-label::before,
.ql-snow .ql-picker.ql-header .ql-picker-item::before {
    content: 'Normal';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='1']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
    content: 'Heading 1';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='2']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
    content: 'Heading 2';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='3']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
    content: 'Heading 3';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='4']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
    content: 'Heading 4';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='5']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
    content: 'Heading 5';
}
.ql-snow .ql-picker.ql-header .ql-picker-label[data-value='6']::before,
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
    content: 'Heading 6';
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='1']::before {
    font-size: 2em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='2']::before {
    font-size: 1.5em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='3']::before {
    font-size: 1.17em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='4']::before {
    font-size: 1em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='5']::before {
    font-size: 0.83em;
}
.ql-snow .ql-picker.ql-header .ql-picker-item[data-value='6']::before {
    font-size: 0.67em;
}
.ql-snow .ql-picker.ql-font {
    width: 6.75rem;
}
.ql-snow .ql-picker.ql-font .ql-picker-label::before,
.ql-snow .ql-picker.ql-font .ql-picker-item::before {
    content: 'Sans Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='serif']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
    content: 'Serif';
}
.ql-snow .ql-picker.ql-font .ql-picker-label[data-value='monospace']::before,
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
    content: 'Monospace';
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='serif']::before {
    font-family: Georgia, Times New Roman, serif;
}
.ql-snow .ql-picker.ql-font .ql-picker-item[data-value='monospace']::before {
    font-family: Monaco, Courier New, monospace;
}
.ql-snow .ql-picker.ql-size {
    width: 6.125rem;
}
.ql-snow .ql-picker.ql-size .ql-picker-label::before,
.ql-snow .ql-picker.ql-size .ql-picker-item::before {
    content: 'Normal';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='small']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
    content: 'Small';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='large']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
    content: 'Large';
}
.ql-snow .ql-picker.ql-size .ql-picker-label[data-value='huge']::before,
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
    content: 'Huge';
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='small']::before {
    font-size: 0.625rem;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='large']::before {
    font-size: 1.125rem;
}
.ql-snow .ql-picker.ql-size .ql-picker-item[data-value='huge']::before {
    font-size: 2rem;
}
.ql-snow .ql-color-picker.ql-background .ql-picker-item {
    background-color: rgb(255, 255, 255);
}
.ql-snow .ql-color-picker.ql-color .ql-picker-item {
    background-color: rgb(0, 0, 0);
}
.ql-toolbar.ql-snow {
    box-sizing: border-box;
    padding: 0.5rem;

    font-family: 'Open Sans', 'Helvetica', 'Arial', sans-serif;

    border: 0.0625rem solid rgb(204, 204, 204);
}
.ql-toolbar.ql-snow .ql-formats {
    margin-right: 0.9375rem;
}
.ql-toolbar.ql-snow .ql-picker-label {
    border: 0.0625rem solid transparent;
}
.ql-toolbar.ql-snow .ql-picker-options {
    border: 0.0625rem solid transparent;
    box-shadow: rgba(0, 0, 0, 0.2) 0 0.125rem 0.5rem;
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-label {
    border-color: rgb(204, 204, 204);
}
.ql-toolbar.ql-snow .ql-picker.ql-expanded .ql-picker-options {
    border-color: rgb(204, 204, 204);
}
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item.ql-selected,
.ql-toolbar.ql-snow .ql-color-picker .ql-picker-item:hover {
    border-color: rgb(0, 0, 0);
}
.ql-toolbar.ql-snow + .ql-container.ql-snow {
    height: auto;

    border-top: 0rem;
}
.ql-snow .ql-tooltip {
    padding: 0.3125rem 0.75rem;

    color: rgb(68, 68, 68);
    white-space: nowrap;

    background-color: rgb(255, 255, 255);
    border: 0.0625rem solid rgb(204, 204, 204);
    box-shadow: 0rem 0rem 0.3125rem rgb(221, 221, 221);
}
.ql-snow .ql-tooltip::before {
    margin-right: 0.5rem;

    line-height: 1.625rem;

    content: 'Visit URL:';
}
.ql-snow .ql-tooltip input[type='text'] {
    display: none;
    width: 10.625rem;
    height: 1.625rem;
    padding: 0.1875rem 0.3125rem;
    margin: 0rem;

    font-size: 0.8125rem;

    border: 0.0625rem solid rgb(204, 204, 204);
}
.ql-snow .ql-tooltip a.ql-preview {
    display: inline-block;
    max-width: 12.5rem;
    overflow-x: hidden;

    text-overflow: ellipsis;
    vertical-align: top;
}
.ql-snow .ql-tooltip a.ql-action::after {
    padding-right: 0.5rem;
    margin-left: 1rem;

    border-right: 0.0625rem solid rgb(204, 204, 204);
    content: 'Edit';
}
.ql-snow .ql-tooltip a.ql-remove::before {
    margin-left: 0.5rem;

    content: 'Remove';
}
.ql-snow .ql-tooltip a {
    line-height: 1.625rem;
}
.ql-snow .ql-tooltip.ql-editing a.ql-preview,
.ql-snow .ql-tooltip.ql-editing a.ql-remove {
    display: none;
}
.ql-snow .ql-tooltip.ql-editing input[type='text'] {
    display: inline-block;
}
.ql-snow .ql-tooltip.ql-editing a.ql-action::after {
    padding-right: 0rem;

    border-right: 0rem;
    content: 'Save';
}
.ql-snow .ql-tooltip[data-mode='link']::before {
    content: 'Enter link:';
}
.ql-snow .ql-tooltip[data-mode='formula']::before {
    content: 'Enter formula:';
}
.ql-snow .ql-tooltip[data-mode='video']::before {
    content: 'Enter video:';
}
.ql-snow a {
    color: rgb(0, 102, 204);
}
.ql-container.ql-snow {
    border: 0.0625rem solid rgb(204, 204, 204);
}
.rule {
    flex-grow: 1;
    height: auto;
    padding: 1.125rem;

    background-color: rgb(255, 255, 255);
    border: 0.0625rem solid rgb(231, 230, 230);
    border-radius: 0.25rem;
}
.rule .quiz-option-rule {
        margin-bottom: 0rem;
    }
.rule .dialog-list {
        top: 2.25rem;
    }
.rule .dialog-list .icon {
            width: 0.9375rem;
            height: 0.9375rem;
            margin-left: 0.75rem;
        }
.rule:hover .rule-header-icon {
            visibility: visible;
}
.rule-empty {
        display: flex;
        align-items: center;
}
.rule-empty * {
            margin-bottom: 0rem;

            font-size: 0.875rem;
        }
.rule-option {
        position: relative;

        display: flex;
        align-items: center;
        margin-bottom: 0.75rem;
}
.rule-option-icon {
            position: relative;

            display: flex;
            align-items: center;
            justify-content: center;
            height: 1.875rem;
            padding: 0.375rem;
            margin-left: 0.75rem;

            border-radius: 0.25rem;
        }
.rule-option-icon .icon {
                height: 0.625rem;
                min-width: 0.625rem;

                color: rgb(150, 147, 147);
                fill: rgb(150, 147, 147);
            }
.rule-option-icon:hover {
  cursor: pointer;
  background-color: rgb(246, 246, 246);
}
.rule-option-response {
            padding: 0.375rem 0.625rem;
            margin-bottom: 0;

            font-size: 0.875rem;

            background-color: rgb(248, 247, 247);
            border-radius: 0.25rem;
        }
.rule-option-logic {
            width: 2.5rem;
            padding: 0.375rem;
            margin-right: 0.75rem;
            margin-bottom: 0;

            font-size: 0.8125rem;
        }
.rule-header {
        display: flex;
}
.rule-header-icon {
            position: relative;

            display: flex;
            align-items: center;
            justify-content: center;
            height: 1.5625rem;
            padding: 0.3125rem;

            cursor: pointer;
            border-radius: 0.25rem;
            visibility: hidden;
        }
.rule-header-icon .icon {
                min-width: 0.9375rem;
                min-height: 0.9375rem;
                fill: rgb(155, 155, 155);
            }
.rule-header-icon:hover {
  cursor: pointer;
  background-color: rgb(255, 230, 230);
}
.rule-header-icon:hover .icon {
                    fill: rgb(248, 133, 133);
}
.rule-header-title {
            width: 100%;
            margin-bottom: 0.75rem;

            font-size: 0.875rem;
        }
.rule-dropdown {
        display: flex;
        align-items: center;
        margin-bottom: 0.75rem;
}
.rule-dropdown label {
            margin-right: 3.125rem;
        }
.rule-dropdown .dropdown,
        .rule-dropdown label {
            margin-bottom: 0rem;
        }
/*
    Showcase page
 */
.showcase-page {
    display: flex;
    min-height: 100%;
}
.showcase-page .page-content {
        min-width: 50%;
        padding: 1.875rem;
    }
.showcase-page .showcase {
        max-width: 68.75rem;
    }
.showcase-page .field-input {
        height: 2.8125rem;
        max-width: 15.3125rem;
    }
.showcase-page-content {
        padding: 1.875rem 0.625rem 2.5rem;
        overflow: inherit;
    }
.showcase-page-content-button {
            box-sizing: border-box;
            width: 12.625rem;
            height: 2.25rem;

            color: rgb(74, 74, 74);

            background-color: rgb(255, 255, 255);
            border: 1px solid rgb(219, 218, 218);
            border-radius: 0.375rem
        }
.showcase-page-content-button:hover {
  background-color: rgb(255, 255, 255);
}
.showcase-page-column {
        width: 50%;
    }
.showcase-page-header {
        padding-bottom: 1.25rem;

        border-bottom: 1px solid rgb(219, 218, 218);
    }
.showcase-page-container {
        display: flex;
        align-items: flex-start;
        justify-content: space-between;
        width: 100%;
        min-height: 1.875rem;
        margin-bottom: 0.625rem;
    }
.showcase-page-container-text {
            padding-right: 0.9375rem;
        }
.showcase-page-container-selector {
            padding-left: 0.375rem;
            margin-bottom: 0;
        }
.showcase-page-container-column {
            display: flex;
            flex-direction: column;
            justify-content: flex-end;
        }
.showcase-page-container.justify-end {
  justify-content: flex-end;
}
.showcase-page-container.with-pad {
  padding-top: 1.25rem;
}
.top-menu {
    position: fixed;
    top: 0;
    z-index: 4;

    display: flex;
    flex-direction: column;

    width: 100%;

    background-color: rgb(255, 255, 255);
    border-bottom: 1px solid rgb(230, 230, 230)
}
.top-menu.no-border {
  border-bottom: transparent;
}
.top-menu .tab-navigation {
        padding-left: 1.5625rem;
        margin-left: 12.5rem;
}
.top-menu .tab-navigation-item-text {
                font-weight: 600;
            }
.top-menu .tab-navigation-item.is-active {
  border-bottom-color: rgb(94, 143, 220);
}
.top-menu .tab-navigation-item.is-active .tab-navigation-item-text {
                    color: rgb(94, 143, 220);
}
.top-menu-container {
        display: flex;
        justify-content: space-between;
        height: 3.75rem;
}
.top-menu-title {
        flex-shrink: 0;
        margin-bottom: 0rem;
        margin-left: 12.5rem;

        font-weight: 600;
}
.top-menu-logo {
        display: flex;
        align-items: center;
        width: 8.75rem;

        height: 3.75rem;
}
.top-menu-logo-container {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 6.25rem;
            padding: 0 1.125rem;
        }
.top-menu-logo-container {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 100%;
            height: 6.25rem;
        }
.top-menu-logo .img {
            width: 7.1875rem;
            max-height: 2.8125rem;
        }
.top-menu-image {
        max-height: 2.5rem;
}
.top-menu-navigation {
        display: flex;
        align-items: center;
}
.top-menu-item {
        position: relative;
        z-index: 7;

        display: flex;
        align-items: center;
        justify-content: center;
        height: 100%;
        padding-right: 1.5625rem;
        padding-left: 1.5625rem;

        color: rgb(74, 74, 74);
        font-size: 0.875rem;
        font-weight: 600;
        text-align: center;
}
.top-menu-item:focus {
  outline: none;
}
.top-menu-item:hover {
  cursor: pointer;
}
.top-menu-item.is-open .top-menu-submenu {
                display: block;
}
.top-menu-item.is-open > .icon.arrow {
                color: rgb(74, 74, 74);

                transform: rotate(180deg);
}
.top-menu-item.is-open:hover {
  background-color: transparent;
}
.top-menu-item .icon {
            min-width: 1.25rem;
            min-height: 1.25rem;
}
.top-menu-item .icon.arrow {
  max-width: 0.75rem;
  max-height: 0.75rem;
  min-width: 0.75rem;
  min-height: 0.75rem;
  margin-left: 0.5rem;
  color: rgb(170, 170, 170);
  transition: all 400ms ease;
}
.top-menu-submenu {
        position: absolute;
        top: calc(100% - 1px);
        left: -1px;
        z-index: 4;

        display: none;
        width: 12.5rem;
        max-height: 25rem;
        padding-left: 0;
        margin: 0;
        overflow-x: hidden;
        overflow-y: auto;

        background-color: rgb(250, 250, 250);
        border: 1px solid rgb(230, 230, 230);
        border-top: 1px solid rgb(250, 250, 250);
        box-shadow: 0 0.625rem 1.25rem 0 rgba(0, 0, 0, 0.08);
}
.top-menu-submenu.left {
  right: 0rem;
  left: auto;
}
.top-menu-submenu-item {
            display: flex;
            align-items: center;
            width: inherit;
            height: auto;
            padding-top: 0.9375rem;
            padding-right: 0.9375rem;
            padding-bottom: 0.9375rem;
            padding-left: 0.9375rem;
            margin: 0;

            color: rgb(67, 74, 84);
            font-size: 0.75rem;
            font-weight: 400;
            line-height: 1.5;
            text-align: left;
            white-space: pre-wrap;
}
.top-menu-submenu-item:hover {
  text-decoration: none;
  background-color: rgb(243, 243, 243);
}
.top-menu-submenu-icon {
            width: 1.25rem;
            height: 1.25rem;
            margin-right: 0.75rem;
}
.env-local .top-menu, .env-develop .top-menu {
        border-top: 5px groove rgb(50, 110, 205);
    }
.env-staging .top-menu {
        border-top: 5px groove rgb(255, 127, 80);
    }
.textarea-wrapper {
        position: relative;
    }
.textarea-wrapper .textarea-loader {
            position: absolute;
            top: 0.3125rem;
            left: 0.3125rem;
            z-index: 1;
        }
.textarea-wrapper .field-input.textarea {
            position: relative;
            z-index: 0;
        }
/*
    Chat widget preview
*/
.widget-preview {
    display: flex;
    flex-direction: column;
    width: 25rem;
    height: 100%;
    max-width: 25rem;

    background-color: rgb(255, 255, 255);

    border-radius: 1.25rem;
}
.widget-preview-modal {
        height: 100%;
        padding: 1.875rem;
        overflow-y: auto;
    }
.widget-preview-modal .field {
            padding-bottom: 0.875rem;

            border-radius: 0.5rem;
        }
.widget-preview-modal .field-input {
                height: 3.125rem;
            }
.widget-preview-modal-header {
            margin-top: 1.25rem;
            margin-bottom: 1.875rem;
        }
.widget-preview-modal-header-subtitle {
                color: rgb(65, 65, 65);
                font-size: 1rem;
                font-weight: 400;
                line-height: 1.5rem;
            }
.widget-preview-modal-header-title {
                margin-bottom: 0.25rem;

                color: rgb(0, 0, 0);
                font-size: 1.5rem;
                font-weight: 600;
                line-height: 1.875rem;
            }
.widget-preview-modal-submit {
            width: 100%;

            font-size: 0.75rem;

            border-radius: 0.5rem;
        }
.widget-preview-modal-close {
            display: flex;
            justify-content: flex-end;
            width: 100%;
        }
.widget-preview-modal-close .icon {
                width: 1.25rem;
                height: 1.25rem;
            }
.widget-preview-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
        width: 100%;
        padding: 1.25rem;
    }
.widget-preview-header-title {
            font-size: 1.3125rem;
        }
.widget-preview-header-back .icon {
                transform: rotate(180deg);
            }
.widget-preview-body {
        display: flex;
        flex-direction: column;
        height: 100%;
        padding: 1.25rem;
        overflow-y: auto;
    }
.widget-preview-body-message {
            display: flex;
            margin-bottom: 0.875rem;
        }
.widget-preview-body-message .button {
                width: 100%;

                font-weight: 600;

                border-radius: 0.5rem;
            }
.widget-preview-body-message-buttons {
                display: flex;
                justify-content: space-between;
                width: 100%;
                margin-bottom: 0.5rem;
            }
.widget-preview-body-message-buttons .button:not(:last-child) {
  margin-right: 0.3125rem;
}
.widget-preview-body-message-text {
                margin-bottom: 0.5rem;

                line-height: 1.5rem;
            }
.widget-preview-body-message-name {
                margin-bottom: 0rem;

                font-weight: 600;
            }
.widget-preview-body-message-image {
                min-width: 2.8125rem;
                min-height: 2.8125rem;
                margin-right: 0.75rem;
            }
.widget-preview-body-message-image .icon {
                    min-width: 1.875rem;
                    min-height: 1.875rem
                }
.widget-preview-body-message-image .icon.large {
  min-width: 2.8125rem;
  min-height: 2.8125rem;
}
.widget-preview-body-date {
            display: flex;
            width: 100%;
            padding-bottom: 0.5rem;
            margin-bottom: 1.375rem;

            font-size: 0.75rem;
            font-weight: 700;

            border-bottom: 1px solid rgb(207, 207, 207);
        }
.widget-preview-footer {
        display: flex;
        justify-content: space-between;
        width: 100%;
        height: 3.75rem;

        padding: 1.25rem;

        border-top: 1px solid rgb(207, 207, 207);
        justify-self: flex-end;
    }
.widget-preview-footer p {
            color: rgb(136, 136, 136);
        }
.widget-preview-footer .icon {
            width: 1.875rem;
            height: 1.875rem;
        }
/*
    Add product view
*/
.add-product {
    display: flex;
    width: 100%;
}
.add-product .heading-1 {
        margin-bottom: 3.125rem;

        font-size: 1.875rem;
        font-weight: 600;
        line-height: 2.8125rem;
    }
.add-product .heading-3 {
        margin-bottom: 1.375rem;

        font-size: 1.125rem;
        font-weight: 700;
        line-height: 1.5rem;
    }
.add-product .side-panel-modal {
        position: fixed;
        top: 0;
        right: 0;
        z-index: 99;

        width: 0;

        height: 0;
        padding: 1.875rem 0rem;
        overflow: none;

        background-color: rgba(67, 74, 84, 0.4);

        opacity: 0;

        transition: none;
    }
.add-product .side-panel-modal-view {
            top: 0;
            right: 0;

            width: 0;

            opacity: 0;

            transition: width 0.5s cubic-bezier(0.23, 1, 0.32, 1);
            transition-delay: 0s;
            transition-duration: 0.5s;
            transition-property: width;
        }
.add-product .side-panel-modal.is-open {
  width: 100%;
  height: 100%;
  opacity: 1;
}
.add-product .side-panel-modal.is-open .side-panel-modal-view {
                width: 70%;

                opacity: 1;
}
.add-product .side-panel-modal .detailed-panel-content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            width: 50%;
            height: 100%;
            padding-bottom: 7.5rem;
            margin: auto;
            overflow: auto;
}
.add-product .side-panel-modal .detailed-panel-content.centered {
  align-items: center;
  text-align: center;
}
.add-product .side-panel-modal .detailed-panel-content.table {
  display: flex;
  align-items: center;
  flex-direction: column;
  width: 100%;
  height: auto;
  padding-bottom: 0rem;
}
.add-product .side-panel-modal .detailed-panel-content.table .table {
                    width: 100%;
                    overflow-x: hidden;
}
.add-product .side-panel-modal .detailed-panel-content.table .loader {
                    margin-bottom: 0rem;
}
.add-product .side-panel-modal .detailed-panel-content-empty {
                display: flex;
                align-items: center;
                flex-direction: column;
                margin-bottom: 1.375rem;
}
.add-product .side-panel-modal .detailed-panel-content-empty .loader {
                    margin-bottom: 1.375rem;
                }
.add-product .side-panel-modal .detailed-panel-content .select-button-icon .icon {
                    margin-bottom: 0rem;
                }
.add-product .side-panel-modal .detailed-panel-content svg,
            .add-product .side-panel-modal .detailed-panel-content .icon {
                margin-bottom: 1.375rem;
}
.add-product .side-panel-modal .detailed-panel-content .button {
                width: -webkit-min-content;
                width: -moz-min-content;
                width: min-content;
}
.add-product .chatbot-faq-header,
    .add-product .chatbot-faq-filters {
        margin-bottom: 1.125rem;
    }
.add-product .chatbot-faq-header .icon, .add-product .chatbot-faq-filters .icon {
            fill: rgb(255, 255, 255);
        }
.add-product .page-content {
        width: 100%;
        padding: 1.875rem 1.875rem 2.5rem;
    }
.add-product .table {
        margin-bottom: 1.375rem;
    }
.add-product .page-grid-item {
            height: 100%;
            overflow: visible;
        }
.add-product-submit {
        margin-bottom: 1.375rem;
    }
.add-product-submit .button {
            padding: 0rem;

            fill: rgb(0, 153, 240);
        }
.admin-page {
    display: block;
    height: 100vh;
}
.admin-page .constrain-width,
    .admin-page .page-content {
        height: 100%;
        overflow: visible;
    }
.analytics {
    display: flex;
    flex-direction: row;
    width: 100%;
}
.analytics-column {
        display: flex;
        flex-direction: column;
        width: 50%;
    }
.analytics-column-container {
            position: relative;

            padding: 1.25rem;
            margin-bottom: 1.25rem;

            background-color: rgb(255, 255, 255);
            border: 1px solid rgb(219, 218, 218);
            border-radius: 0.625rem;
        }
.analytics-column-icon-container {
            display: flex;
            align-items: flex-start;
            margin-bottom: 0.75rem;
        }
.analytics-column-icon-container > p {
                margin-bottom: 0;

                font-size: 1rem;
            }
.analytics-column-icon-container .icon {
                min-width: 1.125rem;
                min-height: 1.125rem;
                margin-top: 0.125rem;
                margin-right: 0.3125rem;
            }
.analytics-column-footer {
            display: flex;
            flex-grow: 1;
            justify-content: space-between;
            padding-right: 0.9375rem;
            margin-bottom: 0;

            font-size: 0.875rem;
            font-weight: 600;
        }
.analytics-column-footer > p {
                margin-right: 0.625rem;
            }
.analytics-column-footer-text {
                margin-bottom: 0
            }
.analytics-column-footer-text:last-child {
  margin-left: auto;
}
.analytics-column-footer-text.margin {
  margin-right: 0.9375rem;
}
.analytics-column-footer .legend {
                max-height: 0.875rem;
                min-width: 0.875rem;
                min-height: 0.875rem;
                margin-top: 0.25rem;
                margin-right: 0.3125rem;

                border-radius: 6.25rem
            }
.analytics-column-footer .legend.primary {
  background-color: rgb(169, 222, 165);
}
.analytics-column-footer .legend.secondary {
  background-color: rgb(255, 150, 150);
}
.analytics-column:last-child {
  padding-left: 1.25rem;
}
.analytics-selector {
        width: 9.375rem;
    }
/*
    Billing
*/
.billing-success {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;

        padding: 2.5rem;

        background-color: rgb(255, 255, 255);
        border: 1px solid rgb(230, 230, 230);

        border-radius: 0.5rem;
    }
.billing-success-tip {
            color: rgb(67, 74, 84);
        }
.billing-success-text {
            margin-bottom: 0.625rem;

            color: rgb(67, 74, 84);
            font-size: 1.5rem;
        }
.billing-success-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 4.375rem;
            height: 4.375rem;
            margin-bottom: 1.125rem;

            color: rgb(255, 255, 255);

            background-color: rgb(74, 184, 129);
            border-radius: 6.1875rem;
        }
.billing-success-icon .icon {
                width: 2.5rem;
                height: 2.5rem;
            }
.billing-success-heading {
            margin-bottom: 0.75rem;
        }
.billing-success-heading .heading-2 {
                flex-shrink: 0;
                margin-right: 0.75rem;

                font-weight: 700;
            }
.billing-success-heading p {
                font-weight: 400;
                text-align: center;
            }
.billing-success-heading h1,
            .billing-success-heading h2,
            .billing-success-heading p {
                margin-bottom: 0rem;

                color: rgb(74, 74, 74);
                font-size: 1.5rem;
            }
.billing-success-button-set {
            display: flex;
            align-items: center;
        }
.billing-success-button-set .button:not(:last-of-type) {
  margin-right: 12px;
}
.billing-loader {
        display: flex;
        align-items: center;
        justify-content: center;
        height: 31.25rem;
    }
.billing-content {
        padding-bottom: 1.25rem;
        margin-bottom: 1.375rem;

        border-bottom: 0.0625rem solid rgb(219, 218, 218);
    }
.billing-submit-button-set {
            display: flex;
        }
.billing-submit .button {
            width: 9.375rem;
            margin-right: 0.75rem;
        }
.billing-submit .field-validation-message {
            margin-bottom: 0rem;

            font-size: 0.875rem;
        }
.billing-submit p {
            margin-bottom: 1.625rem;
        }
.billing-submit .link {
            font-weight: 700;
        }
.billing .heading-1,
    .billing .heading-2,
    .billing .heading-3,
    .billing .heading-4 {
        color: rgb(74, 74, 74);
    }
.billing .heading-3 {
        margin-bottom: 0.25rem;

        font-size: 1.125rem;
    }
.billing .heading-4 {
        margin-bottom: 0.375rem;
    }
.billing .heading-1 {
        font-size: 1.5rem;
    }
.billing .heading-2 {
        font-weight: 600;
    }
.billing .checkbox .icon {
            display: none;
        }
.billing .checkbox-label {
            padding-left: 3.125rem;
        }
.billing .checkbox-button {
            width: 1.5625rem;
            height: 1.5625rem;

            border-radius: 6.1875rem;
        }
.billing .checkbox-input {
            width: 1.5625rem;
            height: 1.5625rem
        }
.billing .checkbox-input:checked + .checkbox-button {
                    border: 2px solid rgb(255, 255, 255);
                    outline: 1px solid rgb(203, 203, 203);
}
.billing .downgrade-box {
        display: inline-block;
        max-height: 11.25rem;
        min-height: 11.25rem;
        margin-right: 0.75rem;
        margin-bottom: 0.75rem
    }
.billing .downgrade-box:last-of-type {
  margin-bottom: 2.0625rem;
}
.billing .paragraph-list {
        margin-bottom: 0.75rem;
    }
.billing .paragraph-list-row {
            background-color: rgb(255, 255, 255)
        }
.billing .paragraph-list-row:hover {
  cursor: default;
  background-color: rgb(255, 255, 255);
}
.billing .icon-title:last-of-type {
        margin-bottom: 1.375rem;
    }
.billing-form-heading {
            margin-bottom: 1.125rem;
        }
.chatbot-availability .slider-toggle {
        width: 13.75rem;
        margin-bottom: 1.125rem;
    }
.chatbot-availability .page-content {
        padding-bottom: 0rem
    }
.chatbot-availability .page-content.new-padding {
  overflow: visible;
}
.chatbot-availability .page-grid {
        margin-right: 0rem;
        margin-left: 0rem;
    }
.chatbot-availability .page-grid-item {
            padding-bottom: 0rem
        }
.chatbot-availability .page-grid-item.offset {
  margin-bottom: 1.375rem;
}
.chatbot-availability .page-grid-item.full-flex-basis {
  flex-basis: 100%;
}
.chatbot-availability .page-grid-item.no-flex-basis {
  flex-basis: 0%;
}
.chatbot-availability .page-grid-item-table {
        padding: 0 1.625rem 1.25rem;
    }
.chatbot-availability .table.FIXED .table-column,
            .chatbot-availability .table.FIXED .ReactVirtualized__Table__row,
            .chatbot-availability .table.FIXED .ReactVirtualized__Grid__innerScrollContainer,
            .chatbot-availability .table.FIXED .ReactVirtualized__Table__Grid {
                overflow: visible !important;
}
.chatbot-availability .table .table-column .button.no-pad {
  margin-right: 0.75rem;
}
/*
    View for chatbot faq
*/
.chatbot-faq {
    display: flex;
    width: 100%;
    height: 100%;
}
.chatbot-faq .pagination,
    .chatbot-faq .faq-selector {
        margin-bottom: 1.375rem;
    }
.chatbot-faq .heading-2 {
        margin-bottom: 0.5rem;
    }
.chatbot-faq .page-grid {
        width: 100%;
    }
.chatbot-faq .page-content.visible {
  overflow: visible;
}
.chatbot-faq .table {
        width: 100%;
        margin-bottom: 1.375rem;
    }
.chatbot-faq .table .table-row-hidden-action .button {
                fill: rgb(255, 255, 255);
            }
.chatbot-faq .table .icon-statistic.error .icon {
                    fill: rgb(216, 23, 23);
}
.chatbot-faq .table .icon-statistic .tag {
                font-size: 0.75rem;
                font-weight: 400;
}
.chatbot-faq .table .icon-statistic .tag.error {
  padding: 0rem;
}
.chatbot-faq .table .icon-statistic .icon {
                margin-right: 0.3125rem;
}
.chatbot-faq .table .icon-statistic-text {
                margin-right: 1.25rem;
}
.chatbot-faq .table-button-icon .icon {
                fill: rgb(207, 207, 207);
            }
.chatbot-faq .page-content {
        width: 100%;
        padding: 1.875rem 1.875rem 2.5rem;
    }
.chatbot-faq .chatbot-faq-header,
    .chatbot-faq .chatbot-faq-filters {
        margin-bottom: 1.125rem;
    }
.chatbot-faq .side-panel-modal {
        opacity: 0
    }
.chatbot-faq .side-panel-modal.is-open {
  width: 43.75rem;
  opacity: 1;
}
.chatbot-faq .response-input {
        max-height: -webkit-fit-content;
        max-height: -moz-fit-content;
        max-height: fit-content;
    }
.chatbot-faq .response-input .field.textarea {
            max-height: none;
            max-height: initial;
            min-height: 0;
            min-height: initial;
        }
.chatbot-faq .response-input .field-input textarea {
            min-height: auto;
        }
.chatbot-faq .modal-content .button {
                min-height: 2.5rem;
            }
.chatbot-faq .modal-content-loading,
        .chatbot-faq .modal-success {
            display: flex;
            align-items: center;
            flex-direction: column;
            min-height: 12.5rem;
        }
.chatbot-faq .modal-content-loading .icon, .chatbot-faq .modal-success .icon {
                width: 12.5rem;
                height: 12.5rem;
            }
.chatbot-faq .modal .button.secondary {
  fill: rgb(255, 255, 255);
}
.chatbot-faq .modal-close-button .icon {
            fill: rgb(41, 41, 41, 41);
        }
.chatbot-faq .modal-list {
            margin-bottom: 1.375rem;
        }
.chatbot-faq .modal-list-loading .loader {
                    width: auto;
                    height: auto;
                }
.chatbot-faq .modal-list-title {
                margin-bottom: 0rem;

                color: rgb(135, 135, 135);
                font-size: 0.875rem;

                font-weight: 400;
                line-height: 1.5rem;
            }
.chatbot-faq .modal-list-description {
                font-size: 0.875rem
            }
.chatbot-faq .modal-list-description.inactive {
  color: rgb(135, 135, 135);
}
.chatbot-faq .modal-list-item {
                padding: 0.875rem;

                border-bottom: 1px solid rgb(231, 231, 231)
            }
.chatbot-faq .modal-list-item.space-between {
  display: flex;
  align-items: center;
  justify-content: space-between;
}
.chatbot-faq .modal-list-item-added {
                    display: flex;
                    align-items: center;

                    color: rgb(135, 135, 135);

                    font-style: italic;
}
.chatbot-faq .modal-list-item-added p {
                        margin-right: 0.5rem;
                    }
.chatbot-faq .modal-list-item p {
                    margin-bottom: 0rem;
}
.chatbot-faq .modal-list-item .icon {
                    color: rgb(0, 153, 240);
                    fill: rgb(0, 153, 240);

                    cursor: pointer;
}
.chatbot-faq .modal-list-item .icon.inactive {
  color: rgb(135, 135, 135);
  fill: rgb(135, 135, 135);
  cursor: default;
}
.chatbot-faq-header {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
.chatbot-faq-header .button {
            height: 2.5rem;
            padding: 0.625rem 1.25rem;
        }
.chatbot-faq-header .heading-1,
        .chatbot-faq-header .heading-2 {
            flex-shrink: 0;
            margin-bottom: 0rem;
        }
.chatbot-faq-header .table-search,
        .chatbot-faq-header .dropdown {
            margin-right: 1.375rem;
        }
.chatbot-faq-header .chatbot-faq-filters {
            margin-bottom: 0rem;
        }
.chatbot-faq-header .link {
            margin-right: 0.75rem;
        }
.chatbot-faq-header-button-set {
            display: flex;
            align-items: center;

            margin-bottom: 0.75rem;

            text-decoration: none;
        }
.chatbot-faq-header-button-set .table-search,
            .chatbot-faq-header-button-set .dropdown {
                margin-right: 1.375rem;
            }
.chatbot-faq-header-button-set .button {
                text-decoration: none
            }
.chatbot-faq-header-button-set .button:not(:last-child) {
  margin-right: 0.75rem;
}
.chatbot-faq-header-button-set .button.transparent {
  color: rgb(119, 119, 119);
}
.chatbot-faq-header-button-set .button.transparent:hover {
  background-color: rgb(246, 246, 246);
}
.chatbot-faq-header-button-set .button.transparent .icon {
                        fill: rgb(119, 119, 119);

                        margin-right: 0.75rem;
}
.chatbot-faq-cta {
        background-color: rgb(0, 183, 0);
    }
.chatbot-faq-cta .icon {
            width: 0.875rem;
            height: 0.875rem;

            margin-left: 0.75rem;

            color: rgb(255, 255, 255);
            fill: rgb(255, 255, 255);
        }
.chatbot-faq-cta:hover {
  background-color: rgb(0, 183, 0);
}
.chatbot-faq-table-container {
            display: flex;
            flex-direction: column;
            flex-grow: 1;

            justify-content: space-between;

            margin-bottom: 0.75rem;

            background-color: rgb(252, 252, 252);
            border: 1px solid rgb(230, 230, 230);
            border-radius: 0rem 0rem 0.5rem 0.5rem
        }
.chatbot-faq-table-container.no-pagination {
  border: none;
  border-radius: 0rem;
}
.chatbot-faq-table-container.no-pagination .faq-selector {
                    padding-bottom: 0.75rem;

                    background-color: rgb(255, 255, 255);
                    border: 1px solid rgb(230, 230, 230);

                    border-radius: 0.5rem 0.5rem 0rem 0rem;
}
.chatbot-faq-table-container.no-pagination .faq-selector.is-loading {
  padding-bottom: 0rem;
}
.chatbot-faq-table-container.no-pagination .faq-selector.is-empty {
  background-color: rgb(252, 252, 252);
}
.chatbot-faq-table-container .faq-selector {
                margin-bottom: 0rem;

                border: none;
                border-radius: 0.5rem 0.5rem 0rem 0rem;
}
.chatbot-faq-table-container .faq-selector .faq-selector-content {
                    margin-bottom: 0rem;
                }
.chatbot-faq-table-container .pagination {
                padding: 0.25rem;

                margin: 0rem 0.25rem 0rem 0.25rem;

                background-color: rgb(252, 252, 252);
}
.chatbot-faq-filters {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between
    }
.chatbot-faq-filters.has-margin {
  margin-bottom: 1.375rem;
}
.chatbot-faq-filters .dropdown,
        .chatbot-faq-filters .dropdown-item,
        .chatbot-faq-filters .button {
            height: 2.8125rem;
}
.chatbot-faq-filters .dropdown-set {
            justify-content: flex-end;
}
.chatbot-faq-filters .dropdown-item {
            display: flex;
            align-items: center;
}
.chatbot-faq-filters .table-search {
            width: 21.875rem;
}
.chatbot-faq-filters .table-search .field {
                background-color: rgb(250, 250, 250);
            }
.chatbot-faq-filters-tags {
            display: flex;
            align-items: center;
            justify-content: flex-start;
}
.chatbot-faq-filters-tags .tag {
                margin-right: 0.75rem;

                color: rgb(112, 112, 112);
                font-size: 0.875rem;

                background: rgb(243, 243, 243);
                border-radius: 1.875rem
            }
.chatbot-faq-filters-tags .tag:hover {
  cursor: pointer;
}
.chatbot-faq-filters-tags .tag.active {
  color: rgb(94, 143, 220);
  background: rgb(239, 244, 251);
}
.chatbot-faq-empty {
        display: flex;
        align-items: center;
        flex-direction: column;
        height: 100%;
        max-width: 37.5rem;
        max-height: 37.5rem;
        margin: auto;

        text-align: center;
    }
.chatbot-faq-empty-text {
            color: rgb(136, 136, 136);
        }
.chatbot-faq-empty .heading-2 {
            margin-bottom: 0.75rem;

            font-size: 1.875rem;
        }
.chatbot-faq-empty img,
        .chatbot-faq-empty svg {
            margin-bottom: 1.375rem;
        }
.chatbot-faq-empty .page-content {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            height: 100%;
        }
.chatbot-faq-empty .chatbot-faq-empty-button-set {
            display: flex;
            justify-content: center;
            width: 100%;
        }
.chatbot-faq-empty .chatbot-faq-empty-button-set .button:not(:last-of-type) {
                margin-right: 0.75rem;
            }
.chatbot-faq-loader {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 31.25rem;
    }
/*
    Chatbot history
*/
.chatbot-history {
    display: flex;
    width: 100%;
}
.chatbot-history .chatbot-faq-header {
        justify-content: flex-end;
    }
.chatbot-history .chatbot-faq-header .dropdown {
            margin-right: 0rem;
        }
.chatbot-history .table,
    .chatbot-history .chatbot-faq-header {
        margin-bottom: 1.375rem;
    }
.chatbot-history .table-column-custom .icon-statistic-text {
            white-space: nowrap;
        }
.chatbot-history .page-content {
        width: 100%;
        padding: 1.875rem 1.875rem 2.5rem;
    }
.chatbot-history .side-panel-modal {
        opacity: 0
    }
.chatbot-history .side-panel-modal.is-open {
  width: 25rem;
  opacity: 1;
}
.chatbot-history-message-content .link {
            margin-bottom: 1.375rem;

            font-size: 0.875rem;
            font-weight: 400;

            text-transform: uppercase;
        }
.chatbot-history-message-content-navigate {
            margin-bottom: 1.375rem;
        }
.chatbot-history-message-content-heading {
            margin-bottom: 0.75rem;
        }
.chatbot-history-message-content-bubble {
            padding: 0.9375rem;

            margin-bottom: 0.75rem;

            background-color: rgb(243, 243, 243);
            border-radius: 0.75rem;
        }
.chatbot-history-message-content-bubble p {
                margin-bottom: 0rem;
            }
.chatbot-history-message-content-list {
            display: flex;
            flex-direction: column;
        }
.chatbot-history-message-content-list-item {
                display: flex;
                justify-content: space-between;
                width: 100%;
                padding-bottom: 0.75rem;

                margin-bottom: 0.875rem;

                border-bottom: 1px solid rgb(231, 231, 231)
            }
.chatbot-history-message-content-list-item:hover {
  cursor: pointer;
}
.chatbot-history-message-content-list-item p {
                    margin-bottom: 0rem;
}
.chatbot-history-message-content-list-item .icon {
                    width: 0.9375rem;
                    height: 0.9375rem;
                    min-width: 0.9375rem;
                    min-height: 0.9375rem;
}
.chatbot-history-message-content-header {
            display: flex;
        }
.chatbot-history-message-content-header .chatlog-item-star:hover {
  cursor: pointer;
}
.chatbot-history-message-content-header .chatlog-item-star .icon {
                    fill: rgb(248, 155, 52);

                    width: 1.25rem;
                    height: 1.25rem;
                    margin-left: 0.625rem;
}
.chat-logs-container {
        display: flex;
        overflow-x: hidden;
    }
.chat-logs-container .side-panel-modal {
            position: relative;

            height: calc(100vh - 3.75rem);
        }
.chat-logs .table.has-fixed-actions {
        z-index: 3;
    }
.chat-logs .side-panel-modal {
        z-index: 1;
    }
.chat-logs .page-content.new-padding {
  overflow: visible;
}
.chat-logs .page-content.new-padding .page-grid {
                margin-right: -1rem;
                margin-left: -1rem;
}
.chat-logs .page-grid {
        margin-right: -1rem;
        margin-left: -1rem;
    }
.chat-logs .page-grid-item {
            padding: 0rem 1rem 1.25rem 1rem;
        }
.chat-logs .training-editor-panel {
        max-height: 100%;
        padding-bottom: 1.375rem;
        overflow: hidden;
    }
.chat-logs .training-editor-panel-header {
            display: flex;
            align-items: center;
            flex-direction: row
        }
.chat-logs .training-editor-panel-header.no-pad {
  margin-bottom: 0rem;
}
.chat-logs .modal .detailed-panel:not(.has-border) {
  border-left: transparent;
  box-shadow: none;
}
.chat-logs .modal .dynamic-textarea-input, .chat-logs .modal .field-input {
                background-color: rgb(243, 243, 243);
            }
.chat-logs .modal .dynamic-textarea .textarea, .chat-logs .modal .field .textarea {
                max-height: none;
                padding-bottom: 0.5rem;
                overflow: hidden;
            }
.chat-logs .modal .dropdown {
            width: -webkit-fit-content;
            width: -moz-fit-content;
            width: fit-content;
            margin-bottom: 1.375rem;

            border: 0.0625rem solid rgb(219, 218, 218);
            border-radius: 0.1875rem;
        }
.chat-logs .modal .dropdown-item {
                height: 2.1875rem;

                border: 1px solid transparent;
                border-radius: 0;
            }
.chat-logs .modal .dropdown-content-label {
                    color: rgb(67, 74, 84);
                    font-weight: 400;
                }
.chat-logs .modal .dropdown-item-content, .chat-logs .modal .dropdown-content {
                height: 100%;
            }
.conversation {
    display: flex;
    height: calc(100vh - 3.75rem);
    overflow-y: hidden;
}
.conversation-heading {
        display: flex;
        flex-direction: column;
        height: 100%;
        max-height: 6.5625rem;
        padding: 0.9375rem;
        margin-bottom: 0;

        color: rgb(67, 74, 84);

        background-color: rgb(248, 248, 248);
    }
.conversation-title {
        margin-bottom: 0.625rem;
    }
.conversation-button-filter {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        width: 100%;
    }
.conversation-button-filter .conversation-status {
            margin-right: 0.625rem;
        }
.conversation-status {
        font-weight: 600;

        border-radius: 0.90625rem;
    }
.conversation-thread {
        flex-grow: 1;
        width: 100%;
        min-width: 18.75rem;
    }
.conversation-filter {
        min-width: 6.25rem;
    }
.conversation-list {
        position: relative;

        display: flex;

        flex: 1;
        flex-direction: column;
        height: 100%;
        overflow-y: visible;

        background-color: rgb(255, 255, 255);
        border-right: 1px solid rgb(230, 230, 230);
        border-left: 1px solid rgb(230, 230, 230);
    }
@media (min-width: 801px) {
  .conversation-list {
    flex-basis: 25rem;
    flex-shrink: 0;
  }
}
.conversation-info {
        position: relative;

        display: flex;
        flex-basis: 21.875rem;
        flex-grow: 1;
        flex-shrink: 0;

        background-color: rgb(250, 250, 250);
        border-left: 1px solid rgb(230, 230, 230);
}
.conversation .side-panel-modal {
        z-index: 999;
}
/*
    Fixed View
*/
.fixed-view {
    display: flex;
    flex-direction: column;
    height: 100%;
}
.fixed-view .page-header {
        flex-grow: 0;
        flex-shrink: 0;
    }
.fixed-view .page-content {
        flex-grow: 1;
        overflow: visible
    }
.fixed-view .page-content.hidden {
  overflow: hidden;
}
.fixed-view .page-content.auto {
  overflow-y: auto;
}
/*
    Integrations view
*/
.integrations {
    display: flex;
    justify-content: space-between;
    width: 100%;
    height: 100%;
}
.integrations .helpbox {
        display: flex;
        align-items: flex-start;
        flex-direction: column;
    }
.integrations-container .page-content {
            position: unset !important;

            width: 100%;
            padding: 1.875rem 1.875rem 2.5rem;
            overflow: visible;
        }
.integrations-loader {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 18.75rem;
    }
.integrations-table {
        margin-bottom: 1.375rem;
    }
.integrations-row {
        display: flex;
        justify-content: space-between;
        margin-bottom: 0.75rem;
    }
.integrations-row h2 {
            margin-bottom: 0.5rem;
        }
.integrations-row p {
            margin-bottom: 0.25rem;
        }
.integrations-row img,
        .integrations-row .icon {
            width: auto;
            height: 3.75rem;
        }
.integrations-row-link {
            margin-bottom: 1.25rem;
        }
.integrations-section {
        display: flex;
        align-items: stretch;
        flex-basis: 60%;
        flex-direction: column;
        justify-content: flex-start;
        width: 100%;
        height: auto;
        padding-right: 3.125rem;
    }
.integrations-section-img-container {
            position: relative;

            margin-bottom: 1.25rem;
        }
.integrations-section .helpbox {
            flex-grow: 0;
            height: auto;
        }
.integrations-section .helpbox .link {
                margin-bottom: 12px;
            }
.integrations-section .img {
            width: auto;
            height: auto;
        }
.integrations-section .field.checkbox input {
            margin-left: 10px;
        }
.integrations-section:not(:first-child) {
  flex-basis: 40%;
}
.integrations-content {
        padding-bottom: 0.75rem;
        margin-bottom: 1.125rem
    }
.integrations-content:not(:last-child) {
  border-bottom: 1px solid rgb(219, 218, 218);
}
.integrations-content .table {
            margin-bottom: 1.375rem;
}
.integrations-content .button {
            margin-bottom: 1rem;
}
.integrations-content .link {
            font-size: 0.875rem;
            font-weight: 700;
            line-height: 19px;
            letter-spacing: 0;
            text-transform: uppercase;
}
.integrations-content-modal-button-set {
                justify-content: center;
            }
.integrations-content-modal-image {
                margin-bottom: 1.375rem;
            }
.integrations-content-modal-loader {
                margin-bottom: 0.75rem;
            }
.integrations-title {
        margin: 0;
    }
.integrations-heading-container {
        display: flex;
        align-items: center;
        margin-top: 0;
    }
.integrations-heading {
        margin-top: 1.25rem;
    }
.integrations-tag {
        margin-top: 0;
        margin-right: 0.625rem;
    }
.integrations-description {
        color: rgb(115, 115, 115);
    }
.integrations-sub-heading {
        padding-top: 1.25rem;
    }
.integrations-information {
        padding-bottom: 0.9375rem;
    }
.integrations-highlight {
        color: rgb(0, 153, 240);
        text-decoration: none;

        cursor: default;
    }
.integrations-sub-title {
        font-size: 0.875rem;
    }
.integrations .form {
        width: 100%;
        max-width: 43.75rem;
    }
.integrations .response {
        margin-right: 0.9375rem;

        color: rgb(126, 211, 33)
    }
.integrations .response.error {
  color: rgb(255, 0, 0);
}
.integrations-error {
        margin: 0.75rem 0rem;

        color: rgb(255, 0, 0);
    }
/*
    Login
*/
.login {
    display: flex;
    align-items: center;
    flex-direction: row;
    justify-content: center;
    min-height: 100vh;
}
.login-section {
        display: flex;
        align-items: flex-end;
        flex-basis: 100%;
        justify-content: center;
        max-width: 25rem;
        padding: 0 1.5625rem;
    }
.login-section .error-message {
            margin-bottom: 0.625rem;

            color: rgb(255, 0, 0);
            font-size: 0.75rem;

            border-color: rgb(255, 0, 0);
        }
.login-intro,
    .login-success {
        text-align: center;
    }
.login-intro svg, .login-success svg {
            margin-bottom: 1.875rem;
        }
.login-partner-logo {
            width: 100%;
            max-height: 5.4375rem;
        }
.login .form-buttons {
        justify-content: space-between;
        margin-bottom: 0.875rem;
    }
.login .form-buttons p {
            margin-bottom: 0rem;
        }
.login .form-buttons.align-center {
  align-items: center;
}
.login .artwork {
        display: none;

        background-color: rgb(0, 153, 240);
        background-image: url(/ icons/login-artwork.svg);
        background-position: bottom;
        background-repeat: no-repeat;
        background-size: 100%;
        border-radius: 0 0 0 18.75rem;
    }
.login .artwork .icon {
            display: none;
        }
.login .link {
        font-weight: 700;
    }
.login .form {
        flex-basis: 100%;
        margin-top: auto;
    }
.login-logo {
        display: flex;
        align-items: flex-end;
        justify-content: center;
        width: 70%;
        height: 5.4375rem;
        margin-right: auto;
        margin-bottom: 2.5rem;
        margin-left: auto;
    }
.login-logo svg {
            display: block;
            height: 3.75rem;
        }
.login-downtime {
        display: flex;
        flex-direction: column;
    }
/*
    Metrics
*/
.metrics {
    min-height: calc(100vh - 3.75rem);
}
.metrics .splash {
        min-height: calc(100vh - 11.25rem);
    }
.metrics .page-content,
    .metrics .constrain-width {
        height: 100%;
        min-height: 100%;
    }
.metrics .chatbot-faq-filters {
        margin-bottom: 1.375rem;
    }
.metrics .chatbot-faq-filters .metrics-dropdown-label {
            margin-right: 1.375rem;
        }
.metrics-header {
        display: flex;
        align-items: center;
        justify-content: space-between;
    }
.metrics-header a {
            text-decoration: none;
        }
.metrics-sub-title {
        margin-bottom: 1.125rem;

        font-size: 1.25rem;
        font-weight: 700;
    }
.metrics-dropdown {
        display: flex;
        align-content: center;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        height: 6.25rem;
    }
.metrics-dropdown-title {
            padding-top: 0;
            margin-bottom: 0;

            color: rgb(67, 74, 84);
        }
.metrics-dropdown-label {
            color: rgb(74, 74, 74);
            font-size: 0.9375rem;
            font-weight: 600;
        }
.metrics-dropdown-container {
            position: relative;
            top: 0.75rem;
        }
.metrics-sub-header {
        display: flex;
        align-content: center;
        flex-direction: row;
        height: 6.25rem;
    }
.metrics-title {
        padding-top: 1.875rem;

        color: rgb(67, 74, 84);
    }
.metrics-row {
        display: flex;
    }
.metrics-row .metrics-content:not(:last-of-type) {
  margin-right: 1.875rem;
}
.metrics-column {
        position: relative;

        display: flex;
        flex-direction: column;
        width: 50%
    }
.metrics-column:nth-child(1) {
  margin-right: 0.625rem;
}
.metrics-column.large:nth-child(1) {
  margin-right: 1.875rem;
}
.metrics-column .pagination {
            padding-top: 0.75rem;
}
.metrics-column .tab-navigation {
            margin-bottom: 0.75rem;

            border-bottom: 1px solid rgb(221, 220, 220);
}
.metrics-column .helpbox {
            align-items: flex-start;
            flex-direction: column;
            flex-grow: 0;
            height: auto;
}
.metrics-column .helpbox-text {
                margin-right: 0.75rem;
            }
.metrics-column .helpbox .img {
                height: 12.5rem;
            }
.metrics-column .helpbox p {
                flex-grow: 0;
            }
.metrics-column .direct-feedback {
            border-radius: 0.25rem 0.25rem 0 0;
}
.metrics-column .direct-feedback:not(:first-of-type) {
  margin-top: 0;
  border-top: none;
  border-radius: 0rem;
}
.metrics-column-loader {
            display: flex;
            justify-content: center;
            height: 100%;
}
.metrics-content {
        flex-basis: 100%;
        flex-grow: 1;
        flex-shrink: 1;
    }
.metrics-content-title {
            margin-bottom: 0.9375rem;

            color: rgb(67, 74, 84);
            font-size: 1.25rem;
            font-weight: 700;
        }
.metrics-content-subtitle {
            min-height: 1.375rem;
        }
.metrics-content-inner {
            height: 100%;
            padding: 1.875rem;

            background-color: rgb(255, 255, 255);
            border: 1px solid rgb(230, 230, 230);
            border-radius: 0.75rem;
        }
.metrics-list {
        display: flex;
        justify-content: flex-start;
    }
.metrics-item {
        margin-right: 9.375rem;
    }
.metrics-item-title {
            color: rgb(115, 115, 115);
            font-size: 1.125rem;
            font-weight: 400;
        }
.metrics-item-text {
            display: inline-flex;
            align-items: center;
            justify-content: center;

            font-size: 1.875rem;
        }
.metrics-item .icon {
            width: 2.5rem;
            height: 2.5rem;
            margin-right: 1.875rem;

            color: rgb(216, 23, 23);
        }
/*
    Page
 */
.page-loader {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
    }
.page-not-found {
        display: flex;
        align-items: center;
        justify-content: center;
        min-height: 100vh;
    }
.page-content {
        position: relative;

        padding: 1.875rem 0.625rem 2.5rem;
        overflow: hidden
    }
.page-content.no-pad {
  padding: 0;
}
.page-content.visible {
  overflow: visible;
}
.page-content.no-horizonal-pad {
  padding: 1.875rem 0rem 2.5rem;
}
.page-content.full-height {
  height: 100%;
}
.page-content.new-padding {
  width: 100%;
  padding: 1.875rem 1.5rem 2.5rem;
  overflow-y: auto;
}
.page-content.new-padding .page-grid {
                margin-right: -1.5rem;
                margin-left: -1.5rem;
}
.page-content.new-padding.constrain-width-large {
  max-width: 75rem;
}
.page-table {
        display: flex;
        justify-content: space-between;
        max-width: 75rem;
    }
.page-grid {
        display: flex;
        justify-content: flex-start;
        margin-right: -1.625rem;
        margin-left: -1.625rem
    }
.page-grid.no-margin {
  margin: 0;
}
.page-grid.hidden {
  overflow-y: hidden;
}
.page-grid.full-height {
  height: 100%;
}
.page-grid-item {
            flex-basis: 33.33333%;
            padding: 0 1.625rem 1.25rem;
}
.page-grid-item.is-loading .loader {
                    display: flex;
                    align-items: center;
                    justify-content: center;
                    width: 100%;
                    height: 100%;
}
.page-grid-item.large {
  flex-basis: 66.66667%;
  flex-grow: 0;
  overflow: hidden;
}
.page-grid-item.overflow {
  overflow: visible;
}
.page-grid-item.no-pad {
  padding: 0;
}
.page-grid-item.scrollable {
  overflow-y: auto;
}
.page-grid-item.full-width {
  flex-grow: 1;
}
.page-grid-item-block:not(:last-child) {
  margin-bottom: 2.5rem;
}
.page-grid.no-margin {
  margin-right: 0;
  margin-left: 0;
}
.page-grid.wrap {
  align-items: flex-start;
  flex-direction: inherit;
  flex-wrap: wrap;
  justify-content: center;
  padding: 1.25rem 1.25rem;
}
.page-grid .table + .pagination {
            padding-top: 0.75rem;
}
.page-box {
        padding: 1.875rem 1.875rem 1.5625rem;

        background-color: rgb(255, 255, 255);
        border-radius: 0.25rem;
        box-shadow: 0 0.125rem 0.625rem rgba(0, 0, 0, 0.1)
    }
.page-box.is-loading {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  min-height: 12.5rem;
}
.page-box:not(:first-of-type) {
  margin-top: 1.875rem;
}
.page-box-title {
            display: flex;
            align-items: center;
            margin-bottom: 0.625rem;
}
.page-box-title .status-dot {
                margin-right: 0.5rem;
            }
.page-box-title .badge {
                margin-left: 0.5rem;
            }
.page-box-title h5 {
                margin-bottom: 0;

                color: rgb(110, 110, 110);
                letter-spacing: 0.01em;
                text-transform: uppercase;
            }
.page-box-info {
            color: rgb(110, 110, 110);
}
.page-box-button {
            margin-top: 0.625rem;
            margin-right: 0.625rem;
}
.page-box .number {
            margin-bottom: 0;

            color: rgb(67, 74, 84);
            font-size: 2.8125rem;
}
.page-box p:last-child {
            margin-bottom: 0;

            color: rgb(110, 110, 110);
}
/*
    Print
    - Based on HTML5Boilerplate print styles
 */
@media print {
    * {
        color: rgb(0, 0, 0) !important;
        text-shadow: none !important;

        background: transparent !important;
        box-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: ' (' attr(href) ')';
    }

    abbr[title]:after {
        content: ' (' attr(title) ')';
    }

    /*
     * Don't show links that are fragment identifiers,
     * or use the `javascript:` pseudo protocol
     */

    a[href^='#']:after,
    a[href^='javascript:']:after {
        content: '';
    }

    pre,
    blockquote {
        border: 1px solid rgb(153, 153, 153);

        page-break-inside: avoid;
    }

    thead {
        display: table-header-group;
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}
.quiz {
    display: flex;

    background-color: rgb(255, 255, 255);
}
.quiz .main {
        width: 100%;
    }
.quiz .main-container {
            display: flex;
            height: calc(100vh - 3.8125rem);
            margin-top: 3.8125rem;
            margin-left: 0rem;
        }
.quiz .side-nav {
        height: auto;
    }
.quiz .page-content {
        flex-grow: 1;
        width: 100%;
        padding: 1.875rem 1.5625rem 2.5rem;
        overflow: auto
    }
.quiz .page-content.visible {
  overflow: visible;
}
.quiz .page-content .tab-navigation {
            margin-bottom: 1.375rem;
}
.quiz .table {
        margin-top: 1.25rem;
        margin-bottom: 2.5rem;
    }
.quiz .table-column-description {
            display: flex;
            justify-content: space-between;
            width: 100%;
        }
.quiz .table-column-description > img,
            .quiz .table-column-description > .icon {
                width: 3.125rem;
                height: 3.125rem;
                margin-right: 0.75rem;

                background-color: rgb(246, 246, 246);
                border-radius: 0.625rem;
                object-fit: cover;
                fill: rgb(230, 230, 230);
            }
.quiz .table-column-description .bold {
                font-weight: 600;
            }
.quiz .table-grid-row > img,
            .quiz .table-grid-row h4 {
                margin-bottom: 1.125rem;
            }
.quiz .table-grid-row .button {
                font-weight: 600;
            }
.quiz .table-grid-row > h4 {
                color: rgb(67, 74, 84);
            }
.quiz .tab-navigation {
        align-items: flex-end;
        flex-shrink: 0;
        height: 3.75rem;
    }
.quiz .tab-navigation-item {
            height: 3.25rem;
        }
.quiz .inline-adder .button-icon.right {
            margin: 0rem;
        }
.quiz .inline-adder-button {
            display: flex;
            align-items: center;
            justify-content: center;
            width: 1.375rem;
            height: 1.375rem;
            padding: 0rem;

            color: rgb(67, 74, 84);

            background-color: rgb(255, 255, 255);
            border-radius: 6.1875rem;
            box-shadow: 0 2px 20px 0 rgba(0, 0, 0, 0.08)
        }
.quiz .inline-adder-button:hover {
  color: rgb(255, 255, 255);
  fill: rgb(255, 255, 255);
  background-color: rgb(67, 74, 84);
}
.quiz .inline-adder-button > svg {
                height: 1rem;
}
.quiz .inline-adder-line {
            display: none;

            visibility: hidden;
        }
.quiz .top-menu {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        padding: 0rem 1.25rem;
    }
.quiz .top-menu h3 {
            margin-right: 0.75rem;
            margin-bottom: 0rem;
        }
.quiz .top-menu p {
            min-width: -webkit-fit-content;
            min-width: -moz-fit-content;
            min-width: fit-content;
            margin: 0;

            color: rgb(67, 74, 84);
            font-size: 0.875rem;

            opacity: 0.5;
        }
.quiz .top-menu .field.text {
  padding-bottom: 0;
}
.quiz .top-menu .field > input {
                padding-bottom: 0;
                margin-bottom: 0.625rem;

                color: rgb(67, 74, 84);
                font-size: 1.25rem;
                font-weight: 600;

                background: linear-gradient(rgb(230, 230, 230), rgb(230, 230, 230)) center bottom 0 / calc(100% - 10px)
                    1px no-repeat;
                border: none;
                box-shadow: none;
}
.quiz .top-menu-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0.375rem;
            margin: 0rem 0.75rem;

            color: rgb(119, 119, 119);

            text-decoration: none;

            cursor: pointer;
            border-radius: 0.1875rem;
        }
.quiz .top-menu-icon .status-dot {
                margin-right: 0.5rem;
            }
.quiz .top-menu-icon p {
                margin-right: 0.5rem;
            }
.quiz .top-menu-icon .icon {
                width: 1rem;
                height: 1rem;
                margin: 0rem 0.5rem;

                color: rgb(119, 119, 119);

                opacity: 0.5;
            }
.quiz .top-menu-icon:hover {
  background-color: rgb(246, 246, 246);
}
.quiz .top-menu-crumbs {
            display: flex;
            align-items: center;
            width: 18.75rem;
        }
.quiz .top-menu-crumbs .icon {
                margin-right: 0.75rem;
            }
.quiz .top-menu-actions {
            display: flex;
            align-items: center;
            flex-shrink: 0;
            justify-content: flex-end;
            height: 2.5rem;
        }
.quiz .top-menu-actions .button {
                height: 2.1875rem;
            }
.quiz-option {
        position: relative;

        display: flex;
        align-items: center;
        flex-basis: 21.875rem;
        flex-direction: column;
        flex-grow: 1;
        flex-shrink: 1;
        height: 100%;

        border-left: 1px solid rgb(230, 230, 230)
    }
.quiz-option.hidden {
  overflow-x: hidden;
}
.quiz-option-date-range {
            position: relative;

            display: flex;
            align-items: center;
            flex-grow: 1;
            justify-content: space-between;
            margin-bottom: 1.375rem;
}
.quiz-option-date-range .DayPicker {
                top: 1.375rem;
                right: 0;
            }
.quiz-option-date-range > h1 {
                margin-bottom: 0rem;
            }
.quiz-option-dropdown-set {
            display: flex;
}
.quiz-option-dropdown-set .dropdown:not(:first-child) {
  margin-left: 0.75rem;
}
.quiz-option-loader {
            display: flex;
            align-items: center;
            justify-content: center;
            height: 80%;
}
.quiz-option-rule {
            position: relative;

            display: flex;
            margin-bottom: 1.375rem;
}
.quiz-option-rule-container {
                position: relative;

                flex-grow: 1;
            }
.quiz-option-rule .button {
                height: 2.1875rem;
                padding: 0.75rem;

                color: rgb(67, 74, 84);
                font-weight: 600;

                background-color: transparent;
                border-radius: 0.25rem
            }
.quiz-option-rule .button:hover,
                .quiz-option-rule .button.is-active {
  color: rgb(74, 144, 226);
  background-color: rgb(242, 244, 252);
}
.quiz-option-rule > p {
                min-width: 6.25rem;
                padding-top: 0.3125rem;
                padding-right: 0.9375rem;
                margin-bottom: 0;
            }
.quiz-option-is-empty {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            height: auto;
            min-height: 15.625rem;
            padding: 1.875rem;

            background-color: rgb(243, 243, 243);
            border: 1px dashed rgb(219, 218, 218);
            border-radius: 0.625rem;
}
.quiz-option-is-empty img {
                margin-bottom: 1.375rem;
            }
.quiz-option-is-empty-text {
                display: flex;
                flex-direction: column;
                justify-content: flex-start;
                height: 100%;
                padding: 1.875rem;

                text-align: left;
            }
.quiz-option-is-empty-text .link {
                    margin-top: 0.75rem;

                    font-weight: 600;
                }
.quiz-option-is-empty-text > p {
                    margin-bottom: 0rem;
                }
.quiz-option-is-empty-text > h4 {
                    color: rgb(67, 74, 84);
                }
.quiz-option-hint {
            display: flex;
            align-items: center;
            flex-direction: column;
            justify-content: center;
            min-height: 21.875rem;

            font-weight: 700;
}
.quiz-form {
        width: 100%;
        max-width: 37.5rem;
    }
.quiz-form-description {
            display: flex;
            flex-direction: column;
        }
.quiz-form-description .text-button {
                justify-content: flex-start;

                color: rgb(254, 83, 84);
                font-weight: 600;
                fill: rgb(254, 83, 84);
            }
.quiz-form-description .text-button > p {
                    margin-bottom: 0rem;
                }
.quiz-form-description > p {
                margin-bottom: 0.5rem;

                color: rgb(155, 155, 155)
            }
.quiz-form-description > p:last-child {
  margin-bottom: 1rem;
}
.quiz-form-description-icon {
                display: flex;
                align-items: center;
                margin-bottom: 0.75rem;
            }
.quiz-form-description-icon .icon {
                    width: 1.25rem;
                    height: 1.25rem;

                    color: rgb(67, 74, 84);
                }
.quiz-form-description-icon > p {
                    margin-bottom: 0rem;
                    margin-left: 0.5rem;

                    font-weight: 600;
                }
.quiz-form-submit {
            display: flex;
            justify-content: flex-start;
            padding-top: 1.25rem;
        }
.quiz-form-submit .button {
                width: 9.375rem;
            }
.quiz-form-submit .button .icon {
                    margin-right: 0;
                }
.review-reports .page-content {
        padding: 1.25rem 1.25rem 2.5rem;
    }
.review-reports .filter-options {
        margin-bottom: 1.25rem;
    }
.review-page {
        display: flex;
        flex-direction: column;
        height: calc(100vh - 3.75rem);
        overflow-y: hidden;
    }
.review-page .page-content {
            padding: 1.25rem 1.875rem;
        }
.review-page .table {
            margin-bottom: 1.25rem;
        }
.review-page-table-wrapper {
            flex: 2;
            padding-bottom: 1.25rem;
            overflow-y: auto;
        }
.review-page .modal-footer {
            padding-right: 0rem;
        }
.review-panel {
        display: flex;
        flex-direction: column;
        margin: 0;
    }
/*
    Sign-up
*/
.sign-up {
    -ms-box-orient: horizontal;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    align-items: center;
    flex-direction: row;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    height: 100vh;
}
@media (max-width: 1000px) {
  .sign-up {
    -webkit-box-orient: vertical;
    display: -webkit-box;
    display: -moz-box;
    display: -ms-flexbox;
    display: -moz-flex;
    display: -webkit-flex;
    display: flex;
    display: -webkit-box;
    flex-direction: column;
    height: 100%;
  }
  .sign-up-artwork {
            width: 100% !important;
            height: 100% !important;
  }

            .sign-up-artwork-container {
                padding-right: 1.25rem;
                padding-left: 1.25rem;
            }

            .sign-up-artwork-content {
                margin-right: 0rem !important;
                margin-left: 0rem !important;
            }
}
.sign-up-container {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
        padding: 0 1.5625rem;
}
.sign-up-title {
        color: rgb(67, 74, 84);
        font-weight: 400;
        line-height: 2.5625rem;
        letter-spacing: 0;
}
.sign-up-heading {
        font-size: 1.25rem;
        font-weight: 400;
        line-height: 2.0625rem;
        letter-spacing: 0;
}
.sign-up-sub-heading {
        font-size: 1rem;
        font-weight: 400;
}
.sign-up-loading {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        width: 100%;
        height: 100%;
        margin: auto;
}
.sign-up-artwork {
        position: relative;

        flex-grow: 0;
        flex-shrink: 0;
        width: 34.375rem;
        height: 100%;
        padding: 1.5625rem;

        color: rgb(255, 255, 255);
        font-weight: 400;

        background-color: rgb(242, 244, 252);
}
.sign-up-artwork-content {
            padding-top: 4.6875rem;
            margin-right: 1.25rem;
            margin-left: 3.125rem;
        }
.sign-up-artwork-section {
            display: flex;
            flex-direction: column;
            justify-content: center;
            height: 100%;

            color: rgb(67, 74, 84);
        }
.sign-up-artwork-section .img {
                width: 7rem;
                height: 7rem;
                margin-bottom: 0.75rem;

                -ms-interpolation-mode: nearest-neighbor;
                image-rendering: -moz-crisp-edges;
                image-rendering: -o-crisp-edges;
                image-rendering: -webkit-optimize-contrast
            }
.sign-up-artwork-section .img.large {
  align-self: center;
  width: 16.25rem;
  height: 15.25rem;
}
.sign-up .form-buttons {
        justify-content: space-between;
        padding-bottom: 1.25rem;
}
.sign-up .form {
        width: 100%;
        max-width: 43.75rem;
        padding: 0.625rem;
}
.sign-up .link {
        font-weight: 700;
}
.sign-up .loader {
        width: auto;
        height: 6.25rem;
        margin: auto;
}
/*
    Style Guide
 */
.style-guide {
    margin-bottom: 12.5rem;
}
.style-guide-section {
        margin-bottom: 2.5rem;
    }
.style-guide-section .barchart,
        .style-guide-section .piechart {
            max-width: 18.75rem;
            margin-right: auto;
            margin-left: auto;
        }
.style-guide-sub-heading {
        margin-bottom: 0.625rem;
    }
.style-guide-swatches {
        margin-right: -0.3125rem;
        margin-bottom: 0.625rem;
        margin-left: -0.3125rem;
    }
@media (min-width: 401px) {
  .style-guide-swatches {
    display: flex;
    flex-wrap: wrap;
  }
}
.style-guide-swatches .swatch {
            flex-basis: 100%;
            padding-right: 0.3125rem;
            padding-left: 0.3125rem;
            margin-bottom: 0.625rem;
}
@media (min-width: 601px) {
  .style-guide-swatches .swatch {
    flex-basis: 33.33333%;
    max-width: 33.33333%;
  }
}
@media (min-width: 801px) {
  .style-guide-swatches .swatch {
    flex-basis: 25%;
    max-width: 25%;
  }
}
.style-guide-button-group .button {
            margin-right: 1.25rem;
            margin-bottom: 1.25rem;

            vertical-align: top;
        }
@media (min-width: 801px) {
  .style-guide-line {
    margin-bottom: 1.25rem;
    border-bottom: 0.625rem solid rgb(0, 0, 0);
  }
}
.style-guide-line.x-large::after {
  content: ': ' '1600' 'px';
}
.style-guide-line.large::after {
  content: ': ' '1400' 'px';
}
.style-guide-line.medium::after {
  content: ': ' '740' 'px';
}
.style-guide-line.small::after {
  content: ': ' '600' 'px';
}
.style-guide-line::after {
  content: ': ' '960' 'px';
}
.style-guide-icons {
        padding: 1.25rem;
}
.style-guide-icons .icon {
            width: 2.5rem;
            height: 2.5rem;
            margin-right: 1.25rem;
        }
/*
    Survey Preview
*/
.survey-preview {
    height: 100%;
    max-width: 29.6875rem;
    min-width: 29.6875rem;
    overflow-y: hidden;

    background-color: rgb(255, 255, 255);
    border: 0.125rem solid rgb(101, 101, 101);
    border-radius: 0.9375rem;
}
.survey-preview-subject {
        display: flex;
        padding: 0.625rem;

        background: rgb(251, 251, 251)
    }
.survey-preview-subject:not(:last-of-type) {
  border-bottom: 0.0625rem solid rgb(233, 233, 233);
}
.survey-preview-subject-description {
            flex-shrink: 1;
}
.survey-preview-subject-title {
            flex-shrink: 0;

            width: 5rem;

            font-weight: 700;
}
.survey-preview-subject p {
            margin-bottom: 0rem;

            font-size: 0.75rem;
}
.survey-preview-view {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;

        height: 100%;
        padding: 1.25rem 0rem;

        background: rgb(250, 250, 250);
    }
.survey-preview-view-header {
            display: flex;
            align-items: center;
            justify-content: flex-start;
            width: 100%;
            padding: 0rem 3.75rem;
            margin-bottom: 1.375rem;
        }
.survey-preview-view-header p {
                margin-right: 0.75rem;
                margin-bottom: 0rem;

                color: rgb(136, 136, 136);
            }
.survey-preview-status-bar {
        display: flex;
        align-items: center;
        justify-content: space-between;
        padding: 0.3125rem 0.75rem;

        background-color: rgb(255, 255, 255);
        border-bottom: 0.0625rem solid rgb(233, 233, 233);
    }
.survey-preview-status-bar p {
            margin-bottom: 0rem;

            font-size: 0.75rem;
            font-weight: 600;
        }
.survey-preview-status-bar-icons {
            display: flex;
            align-items: center;
        }
.survey-preview-status-bar-icons .img {
                width: 0.75rem;
                height: 0.75rem
            }
.survey-preview-status-bar-icons .img:not(:last-of-type) {
  margin-right: 0.25rem;
}
.survey-preview-container {
        display: flex;
        flex-direction: column;
        width: 100%;
        height: 100%;
        padding: 2.5rem 5rem;
        overflow-y: auto
    }
.survey-preview-container.center {
  align-items: center;
  text-align: center;
}
.survey-preview-container .star-set,
        .survey-preview-container .number-scale {
            margin-bottom: 1.375rem;
}
.survey-preview-container .field-label {
                font-size: 0.75rem;
                font-weight: 400;
                line-height: 1rem;
            }
.survey-preview-header {
        font-size: 0.875rem;
        font-weight: 700;
        line-height: 1.1875rem;
    }
.survey-preview-subtitle {
        font-size: 1.125rem;
        font-weight: 400;
        line-height: 1.5rem;
        white-space: pre-line;
    }
.survey-preview-logo {
        display: flex;
        align-items: center;
        justify-content: center;
        margin-bottom: 2.5rem;
    }
.survey-preview-logo img {
            max-width: 12.5rem;
            max-height: 7.5rem;
            margin: 0 auto;
        }
.survey-preview-header-nav {
        display: flex;
        justify-content: flex-start;
        margin-bottom: 1rem;
    }
.survey-preview-header-nav .number-scale-content {
            height: auto;
            padding: 0.75rem;
            margin: 0;

            color: rgb(0, 0, 0);

            background-color: rgb(255, 255, 255);
            border: 0.0625rem solid rgb(230, 230, 230);
        }
.survey-preview-text-set {
        display: flex;
        justify-content: space-around;
        width: 100%;
    }
.survey-preview-text-set p {
            margin-bottom: 0rem;
        }
.survey-preview-button {
        display: flex;
        flex-grow: 1;
        justify-content: flex-start;
        width: 100%;
        height: 3.75rem;
        margin-bottom: 0.75rem;

        color: rgb(0, 0, 0);
        font-weight: 400;

        text-align: left;

        cursor: default;
        background-color: rgb(255, 255, 255);
        border-width: 0.0625rem;
        border-radius: 0.125rem;
        box-shadow: rgb(219 218 218) 0 0 0 1px inset
    }
.survey-preview-button:hover {
  background-color: rgb(255, 255, 255);
}
.survey-preview-button.transparent:hover {
  background-color: transparent;
}
.survey-preview-button.no-thanks {
  color: rgb(67, 74, 84);
  background-color: rgb(233, 233, 233);
}
.survey-preview-button.copy {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  height: 5.625rem;
  padding: 0.9375rem 0.9375rem 0.9375rem 1.5625rem;
  border: 0.0625rem dashed rgb(219 218 218);
  box-shadow: none;
}
.survey-preview-button.copy .survey-preview-button-copy {
                display: flex;
                align-items: flex-start;
                flex-direction: column;
                justify-content: flex-start;

                white-space: normal;

                white-space: initial;
}
.survey-preview-button.copy p {
                margin-bottom: 0rem;

                color: rgb(180, 188, 194);
}
.survey-preview-button.copy p:first-of-type {
  color: rgb(111, 119, 130);
  font-size: 0.75rem;
  font-weight: 700;
  text-transform: uppercase;
}
.survey-preview-button.copy .icon {
                min-width: 1rem;
                min-height: 1rem;
                margin-right: 0.5rem;
}
.survey-preview-button-set .button {
                border-radius: 0.5rem;
            }
.survey-preview-list {
        display: flex;
        flex-direction: column;
        margin-bottom: 1.375rem;
    }
.survey-preview-list-item {
            display: flex;

            padding: 0.625rem;

            color: rgb(0, 0, 0);

            background-color: rgb(255, 255, 255);

            border: 0.0625rem solid rgb(67, 74, 84);
            border-radius: 0.5rem
        }
.survey-preview-list-item:not(:last-of-type) {
  margin-bottom: 0.75rem;
}
.survey-preview-team-member-list {
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
    }
.survey-preview-team-member-list-item {
            display: flex;
            align-items: center;
            flex-direction: column;

            text-align: center;
        }
.survey-preview-team-member-list-item h4 {
                margin-bottom: 0.375rem;
            }
.survey-preview-team-member-list-item .profile-picture {
                width: auto;
                margin-bottom: 0.75rem;
            }
.survey-preview-attribute {
        height: 3.125rem;
        padding: 0.75rem;
        margin-right: 0.5rem;

        margin-bottom: 0.75rem;

        color: rgb(0, 0, 0);

        font-weight: 400;

        background-color: rgb(255, 255, 255);

        border-radius: 0.25rem;
        box-shadow: rgb(219 218 218) 0 0 0 1px inset
    }
.survey-preview-attribute:hover {
  background-color: rgb(255, 255, 255);
}
.survey-preview-attribute-set {
            display: flex;
            flex-wrap: wrap;
            margin-bottom: 1.125rem;
}
.survey-preview-submit {
        display: flex;
        justify-content: flex-end;
        width: 100%;
    }
.survey-preview-submit .button {
            font-weight: 600
        }
.survey-preview-submit .button.transparent {
  padding: 0;
  font-weight: 400;
}
.survey-results .dropdown-set {
        margin-bottom: 1.375rem;
    }
.survey-results .splash {
        min-height: 25rem;
    }
/*
    Survey
*/
.survey {
    display: flex;
    width: 100vw;
    height: 100vh;

    background-color: rgb(255, 255, 255);
}
.survey .side-menu {
        min-width: 12.5rem;
    }
.survey .page-content {
        padding: 1.875rem;
    }
.survey .main {
        width: 100vw;
    }
.survey .main-container {
            height: calc(100vh - 3.8125rem);
            margin-left: 0rem;
        }
.survey .top-menu {
        display: flex;
        align-items: center;
        flex-direction: row;
        justify-content: space-between;
        padding: 0rem 1.25rem;
    }
.survey .top-menu .tab-navigation {
            align-items: flex-end;
            flex-shrink: 0;
            height: 3.75rem;
            padding: 0;
            margin: 0;
        }
.survey .top-menu .tab-navigation-item {
                height: 3.25rem;
            }
.survey .top-menu h3 {
            margin-right: 0.75rem;
            margin-bottom: 0rem;

            font-weight: 600;
        }
.survey .top-menu p {
            min-width: -webkit-fit-content;
            min-width: -moz-fit-content;
            min-width: fit-content;
            margin: 0;

            color: rgb(67, 74, 84);
            font-size: 0.875rem;

            opacity: 0.5;
        }
.survey .top-menu-icon {
            display: flex;
            align-items: center;
            justify-content: center;
            padding: 0.375rem;
            margin: 0rem 0.75rem;

            color: rgb(119, 119, 119);

            text-decoration: none;

            cursor: pointer;
            border-radius: 0.1875rem;
        }
.survey .top-menu-icon .status-dot {
                margin-right: 0.5rem;
            }
.survey .top-menu-icon .icon {
                width: 1rem;
                height: 1rem;
                margin: 0rem 0.5rem;

                color: rgb(119, 119, 119);

                opacity: 0.5;
            }
.survey .top-menu-icon:hover {
  background-color: rgb(246, 246, 246);
}
.survey .top-menu-crumbs {
            display: flex;
            align-items: center;
            width: 21.25rem;
        }
.survey .top-menu-crumbs .icon {
                margin-right: 0.75rem;
            }
.survey .top-menu-actions {
            display: flex;
            align-items: center;
            flex-shrink: 0;
            justify-content: flex-end;
            height: 2.5rem;
        }
.survey .top-menu-actions .button {
                height: 2.1875rem;
            }
.survey-grid {
        display: flex;
        width: 100%;
        height: 100%;
    }
.survey-grid-item {
            display: block;
            flex-basis: 50%;
            height: 100%;
            overflow-x: hidden;
            overflow-y: auto
        }
.survey-grid-item.x-small {
  flex-basis: 20%;
}
.survey-grid-item.small {
  flex-basis: 30%;
  min-width: 15.625rem;
}
.survey-grid-item.large {
  flex-basis: 70%;
}
.survey-grid-item.border {
  border-right: 1px solid rgb(207, 207, 207);
}
.survey-grid-item.no-shrink {
  flex-grow: 1;
  flex-shrink: 0;
}
.survey-grid-item.shrink {
  flex-shrink: 1;
}
.survey-grid-item.visible {
  overflow-y: visible;
}
.team-summary-is-empty {
        display: flex;
        align-items: center;
        flex-direction: column;
        justify-content: center;
        padding: 2.5rem;
    }
.team-summary-is-empty .loader {
            height: 6.25rem;
        }
.team-summary-is-empty-title {
            margin-bottom: 0.75rem;

            font-size: 1.5rem;
            font-weight: 600;
            line-height: 1.875rem;
        }
.team-summary-is-empty svg {
            margin-bottom: 3.125rem;
        }
.team-summary-is-empty p {
            color: rgb(74, 74, 74);
            font-size: 1rem;
            font-weight: 400;
            line-height: 1.6875rem;
        }
.team-summary-header {
        display: flex;
        align-content: center;
        align-items: center;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-between;
        width: 100%;
        margin-bottom: 2rem;
    }
.team-summary-title {
        flex-grow: 1;
        margin-bottom: 0rem;

        font-size: 1.5rem;
        font-weight: 600;
        line-height: 1.875rem;
    }
.team-view-column .page-content {
            width: 100%;
            padding: 1.875rem 1.5rem 2.5rem;
        }
.team-view-column.large {
  flex-basis: 66.66667%;
  flex-grow: 0;
  overflow: hidden;
}
.team-view-column.scrollable {
  overflow-y: auto;
}
/*
    Touchpoints viewable area
*/
.touchpoints {
    height: 100%;
}
.touchpoints .splash {
        height: 75%;
        min-height: 100%;
    }
.touchpoints .widget-preview {
        height: calc(100% - 5rem);
        margin: 2.5rem auto;
    }
.touchpoints-seperator {
        height: 0.0625rem;

        margin-bottom: 1.75rem;

        background-color: rgb(207, 207, 207);
    }
.touchpoints .slider-toggle {
        flex-shrink: 1;
        width: auto;
        max-width: 26.25rem;
        margin-bottom: 1.375rem;
    }
.touchpoints .slider-toggle-container-toggle.is-disabled label {
                    color: rgb(0, 153, 240);
}
.touchpoints .page-content {
            width: 100%;
            height: 100%;
            overflow: auto;
        }
.touchpoints .page-grid {
            width: 100%;
            height: 100%;
            margin-right: 0rem;
            margin-left: 0rem;

            background-color: rgb(255, 255, 255);
        }
.touchpoints .page-grid-item {
                padding: 0 1.125rem 1.25rem
            }
.touchpoints .page-grid-item.grow {
  flex-grow: 1;
}
.touchpoints .page-grid-item.dark {
  background-color: rgb(243, 243, 243);
}
.touchpoints .page-grid-item.large {
  flex-basis: 50%;
  overflow: hidden;
}
/*
    Training editor page and panel
*/
.training-editor {
    width: 100%;
    height: 100%;
}
.training-editor .page-grid-item.x-small {
  flex-basis: 16%;
}
.training-editor .page-grid-item.x-small,
            .training-editor .page-grid-item.small {
  min-width: 10.625rem;
}
.training-editor .dropdown {
        width: -webkit-fit-content;
        width: -moz-fit-content;
        width: fit-content;
        margin-bottom: 1.375rem;

        border: 0.0625rem solid rgb(219, 218, 218);
        border-radius: 0.1875rem;
    }
.training-editor .dropdown-item {
            height: 2.1875rem;

            border: 1px solid transparent;
            border-radius: 0;
        }
.training-editor .dropdown-content-label {
                color: rgb(67, 74, 84);
                font-weight: 400;
            }
.training-editor .dropdown-item-content, .training-editor .dropdown-content {
            height: 100%;
        }
.training-editor .slider-toggle {
        width: auto;
        margin-bottom: 1.125rem;
    }
.training-editor .table-search {
        width: 100%;
        margin-bottom: 1.375rem;
    }
.training-editor .modal .modal-title {
            padding: 0rem 1.25rem;
        }
.training-editor-copy {
        display: flex;
        align-items: center;
        margin-bottom: 1.25rem;

        cursor: pointer;
    }
.training-editor-copy p {
            margin-bottom: 0rem;
        }
.training-editor-copy .icon {
            width: 0.75rem;
            height: 0.75rem;
            margin-left: 0.75rem;

            color: rgb(67, 74, 84);
            fill: rgb(67, 74, 84);
        }
.training-editor-tip {
        padding: 0.75rem;

        margin-bottom: 0.75rem;

        color: rgb(75, 88, 113);

        background: rgb(239, 244, 251);

        border-radius: 0.375rem;
    }
.training-editor-tip h4 {
            margin-bottom: 0.625rem;

            font-size: 0.875rem;
        }
.training-editor-tip p {
            margin-bottom: 0rem;
        }
.training-editor-loading {
        display: flex;
        align-items: center;
        justify-content: center;
        width: 100%;
        height: 100%;
    }
.training-editor-navigation {
        display: flex;
        align-items: center;
    }
.training-editor-navigation-next {
            display: flex;
            align-items: center;
            justify-content: space-between;

            padding: 0.5rem;

            border-radius: 6.1875rem;
        }
.training-editor-navigation-next-icon {
                display: flex;
                align-items: center;
                justify-content: center;

                cursor: pointer
            }
.training-editor-navigation-next-icon.disabled {
  cursor: not-allowed;
}
.training-editor-navigation-next-icon.disabled .icon {
                        cursor: not-allowed;
                        opacity: 0.4;
}
.training-editor-navigation-next-icon:not(:last-of-type) {
  margin-right: 0.75rem;
}
.training-editor-navigation-next-icon .icon {
                    width: 0.9375rem;
                    height: 0.9375rem;
                    fill: rgb(0, 153, 240);
}
.training-editor-navigation-next-icon .icon.right {
  transform: rotate(270deg);
}
.training-editor-navigation-next-icon .icon.left {
  transform: rotate(270deg);
}
.training-editor-navigation-back {
            display: flex;

            width: -webkit-fit-content;

            width: -moz-fit-content;

            width: fit-content;
            padding: 0.5rem;

            margin-right: 0.75rem;

            cursor: pointer;

            background-color: rgb(239, 244, 251);
            border-radius: 6.1875rem;
        }
.training-editor-navigation-back .icon {
                width: 1.25rem;
                height: 1.25rem;
                fill: rgb(0, 153, 240);
            }
.training-editor-panel {
        padding: 1.5625rem 1.5625rem 5rem 1.5625rem;

        background-color: rgb(255, 255, 255);

        border: 0.0625rem solid rgb(231, 231, 231);
        border-radius: 0.875rem;
    }
.training-editor-panel .dynamic-textarea-input, .training-editor-panel .field-input {
                background-color: rgb(243, 243, 243);
            }
.training-editor-panel-header {
            display: flex;
            flex-direction: column;
            margin-bottom: 1.375rem;
        }
.training-editor-panel-header .link {
                font-size: 0.875rem;
                font-weight: 600;
            }
.training-editor-panel-header-text {
                display: flex;
                align-items: center;
            }
.training-editor-panel-header-text h4 {
                    font-weight: 600;
                }
.training-editor-panel-header-text h4,
                .training-editor-panel-header-text p {
                    margin-right: 0.75rem;
                    margin-bottom: 0rem;
                }
.training-editor-panel-header-comment {
                color: rgb(67, 74, 84);
                font-size: 0.75rem;
            }
.training-editor-panel-column {
            display: flex;
            flex-direction: column;
        }
.training-editor-panel-column p {
                margin-bottom: 0rem;
            }
.training-editor-panel-row {
            display: flex;
            flex-direction: row;
            justify-content: space-between;
            margin-bottom: 1.375rem
        }
.training-editor-panel-row.center {
  align-items: center;
}
.training-editor-panel-question {
            padding: 0.625rem 1.25rem 1.25rem 1.25rem;

            margin-bottom: 1.375rem;

            border: 0.0625rem solid rgb(231, 231, 231);
            border-radius: 0.5rem;
        }
.training-editor-panel-question .tag {
                color: rgb(67, 74, 84);
            }
.training-editor-panel-question .add-tag {
                margin-bottom: 1.375rem;
            }
.training-editor-panel-question .add-tag .quiz-option-rule {
                    font-weight: 400
                }
.training-editor-panel-question .add-tag .quiz-option-rule.is-active .button {
                            color: rgb(136, 136, 136);

                            background-color: transparent;
}
.training-editor-panel-question .add-tag .quiz-option-rule .button {
                        font-weight: 400;
}
.training-editor-panel-question .add-tag-add-item .quiz-option-rule-search {
                        width: 100%;
                    }
.training-editor-panel-question .add-tag-add-item .quiz-option-rule-search .table-search,
                        .training-editor-panel-question .add-tag-add-item .quiz-option-rule-search .dialog-list {
                            width: 100%;
                        }
.training-editor-panel-question .add-tag-add-item .quiz-option-rule-search .dialog-list {
                            top: 3.125rem;
                        }
.training-editor-panel-question .add-tag .button {
                    width: auto;
                    height: auto;
                    padding: 0rem;

                    color: rgb(136, 136, 136);

                    font-size: 0.8125rem
                }
.training-editor-panel-question .add-tag .button:hover {
  background-color: transparent;
}
.training-editor-panel-question .dynamic-textarea .textarea, .training-editor-panel-question .field .textarea {
                    max-height: none;
                    padding-bottom: 0.5rem;
                    overflow: hidden;
                }
.training-editor-panel-question h4 {
                margin-bottom: 0.5rem;

                font-size: 0.875rem;
                font-weight: 600;
            }
.training-editor-panel-question-skip {
                display: flex;
                justify-content: flex-end;
                margin: 0 0.5rem;
            }
.training-editor-panel-question-skip .button {
                    padding: 0rem;
                }
.training-editor-panel-question-button-set {
                display: flex;
                justify-content: flex-end;
            }
.training-editor-panel-question-button-set .button {
                    font-weight: 400
                }
.training-editor-panel-question-button-set .button.secondary {
  fill: rgb(255, 255, 255);
}
.training-editor-panel-question-button-set .button.septenary {
  fill: rgb(0, 153, 240);
}
.training-editor-panel-question-button-set .button:not(:last-of-type) {
  margin-right: 0.75rem;
}
/*
    Website widget view
*/
.website-widget-view {
    height: 100%;
    overflow-x: hidden;
    overflow-y: auto;
}
.website-widget-view .page-content {
        position: unset !important;

        padding: 1.25rem 1.625rem;

        overflow: visible;
    }
.website-widget-view .page-grid {
        height: auto;
        min-height: 100%;
    }
.website-widget-view .page-grid-item {
            padding-bottom: 0rem;
        }
.website-widget-view .copy-content {
        max-width: 37.5rem;
    }
.website-widget-view-link {
        font-weight: 700;
    }
.website-widget-view-divider {
        padding-top: 0.625rem;

        margin-bottom: 1.25rem;

        border-bottom: 1px solid rgb(207, 207, 207);
    }
.website-widget-view-edit {
        margin-bottom: 0.75rem;
    }
.website-widget-view-edit .button {
            padding: 0rem;
        }
.website-widget-view-edit .button .icon {
                fill: rgb(0, 153, 240);
            }

/* Collection default theme */

.ReactVirtualized__Collection {
}

.ReactVirtualized__Collection__innerScrollContainer {
}

/* Grid default theme */

.ReactVirtualized__Grid {
}

.ReactVirtualized__Grid__innerScrollContainer {
}

/* Table default theme */

.ReactVirtualized__Table {
}

.ReactVirtualized__Table__Grid {
}

.ReactVirtualized__Table__headerRow {
  font-weight: 700;
  text-transform: uppercase;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ReactVirtualized__Table__row {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -webkit-box-direction: normal;
      -ms-flex-direction: row;
          flex-direction: row;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ReactVirtualized__Table__headerTruncatedText {
  display: inline-block;
  max-width: 100%;
  white-space: nowrap;
  text-overflow: ellipsis;
  overflow: hidden;
}

.ReactVirtualized__Table__headerColumn,
.ReactVirtualized__Table__rowColumn {
  margin-right: 10px;
  min-width: 0px;
}

.ReactVirtualized__Table__rowColumn {
  text-overflow: ellipsis;
  white-space: nowrap;
}

.ReactVirtualized__Table__headerColumn:first-of-type,
.ReactVirtualized__Table__rowColumn:first-of-type {
  margin-left: 10px;
}

.ReactVirtualized__Table__sortableHeaderColumn {
  cursor: pointer;
}

.ReactVirtualized__Table__sortableHeaderIconContainer {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
}

.ReactVirtualized__Table__sortableHeaderIcon {
  -webkit-box-flex: 0;
      -ms-flex: 0 0 24px;
          flex: 0 0 24px;
  height: 1em;
  width: 1em;
  fill: currentColor;
}

/* List default theme */

.ReactVirtualized__List {
}

/*# sourceMappingURL=main.c1ad81ed0393c649f0c6.css.map*/