.helpdotcom-widget .helpdotcom-form-add,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>a,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>button,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-slide .helpdotcom-popover-heading button,
.helpdotcom-widget .helpdotcom-reply .helpdotcom-options,
.helpdotcom-widget .helpdotcom-reply .helpdotcom-emoji,
.helpdotcom-widget .helpdotcom-reply .helpdotcom-send,
.helpdotcom-widget .helpdotcom-proactive .helpdotcom-proactive-toggle,
.helpdotcom-widget .helpdotcom-scroll-bottom,
.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options button,
.helpdotcom-widget .helpdotcom-header .helpdotcom-actions button {
    padding: 0;
    background: none;
    border: 0;
    border-radius: 0;
    -webkit-appearance: none;
    -moz-appearance: none
}

.helpdotcom-widget .helpdotcom-button,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>a,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>button,
.helpdotcom-widget .helpdotcom-reply .helpdotcom-send span,
.helpdotcom-widget .helpdotcom-proactive .helpdotcom-proactive-toggle,
.helpdotcom-widget .helpdotcom-header .helpdotcom-actions button,
.helpdotcom-widget a {
    transition: text-shadow 200ms ease-in-out, color 200ms ease-in-out, background-color 200ms ease-in-out, border-color 200ms ease-in-out, box-shadow 200ms ease-in-out, opacity 200ms ease-in-out, visibility 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-content:after,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-options:after,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-description ul:after,
.helpdotcom-widget .helpdotcom-rate-star:after,
.helpdotcom-widget .helpdotcom-rate-thumb:after,
.helpdotcom-widget .helpdotcom-rate-radio-scale:after,
.helpdotcom-widget .helpdotcom-row .helpdotcom-login-options:after,
.helpdotcom-widget .helpdotcom-section .helpdotcom-picker:after,
.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-heading:after,
.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-list:after,
.helpdotcom-widget .helpdotcom-finished-actions:after,
.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-pages:after,
.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-more:after,
.helpdotcom-widget .helpdotcom-slides:after,
.helpdotcom-widget .helpdotcom-header .helpdotcom-actions:after {
    display: table;
    clear: both;
    content: ""
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-thumbnail,
.helpdotcom-widget .helpdotcom-rate-star label::after {
    background-size: cover;
    background-position: center center
}

.helpdotcom-widget .helpdotcom-dropzone,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>a.helpdotcom-clr,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>button.helpdotcom-clr,
.helpdotcom-widget .helpdotcom-holder,
.helpdotcom-widget .helpdotcom-vertical-center {
    display: -webkit-box;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flexbox;
    display: flex
}

.helpdotcom-widget .helpdotcom-button,
.helpdotcom-widget .helpdotcom-button.helpdotcom-load *[class*="load"] img,
.helpdotcom-widget .helpdotcom-button.helpdotcom-load *[class*="load"] svg,
.helpdotcom-widget .helpdotcom-check+label,
.helpdotcom-widget .helpdotcom-check+label:not(:empty)::before,
.helpdotcom-widget .helpdotcom-form-append svg,
.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-buttons li,
.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-specification li,
.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-addon .helpdotcom-rated,
.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-end-chat li,
.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-dots,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-options .helpdotcom-popover-speaker img,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-options .helpdotcom-popover-speaker svg,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-description ul,
.helpdotcom-widget .helpdotcom-rate-feel li,
.helpdotcom-widget .helpdotcom-rate-thumb,
.helpdotcom-widget .helpdotcom-rate-thumb svg,
.helpdotcom-widget .helpdotcom-rate-word li,
.helpdotcom-widget .helpdotcom-reply .helpdotcom-options i,
.helpdotcom-widget .helpdotcom-reply .helpdotcom-emoji svg,
.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback .helpdotcom-rate-star,
.helpdotcom-widget .helpdotcom-switch+label,
.helpdotcom-widget .helpdotcom-icon,
.helpdotcom-widget .helpdotcom-scroll-bottom svg,
.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-more button i,
.helpdotcom-widget .helpdotcom-footer .helpdotcom-logo,
.helpdotcom-widget .helpdotcom-header .helpdotcom-actions button svg {
    display: inline-block;
    vertical-align: middle
}

.helpdotcom-widget .helpdotcom-button {
    font-weight: 700;
    font-size: 16px;
    text-align: center;
    padding: 0 30px;
    border: 0;
    border-radius: 3px;
    cursor: pointer;
    -webkit-font-smoothing: antialiased
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-size-26 {
    height: 26px;
    font-size: 13px;
    line-height: 26px;
    padding: 0 10px
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-size-26.helpdotcom-load-spinner *[class*="load"][class*="text"],
.helpdotcom-widget .helpdotcom-button.helpdotcom-size-26.helpdotcom-load-check *[class*="load"][class*="text"] {
    top: -26px
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-size-26.helpdotcom-outline {
    line-height: 24px
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-size-30 {
    height: 30px;
    font-size: 13px;
    line-height: 30px;
    padding: 0 15px
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-size-30.helpdotcom-load-spinner *[class*="load"][class*="text"],
.helpdotcom-widget .helpdotcom-button.helpdotcom-size-30.helpdotcom-load-check *[class*="load"][class*="text"] {
    top: -30px
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-size-30.helpdotcom-outline {
    line-height: 28px
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-size-36 {
    height: 36px;
    font-size: 14px;
    line-height: 36px;
    padding: 0 20px
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-size-36.helpdotcom-load-spinner *[class*="load"][class*="text"],
.helpdotcom-widget .helpdotcom-button.helpdotcom-size-36.helpdotcom-load-check *[class*="load"][class*="text"] {
    top: -36px
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-size-36.helpdotcom-outline {
    line-height: 34px
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-size-46 {
    height: 46px;
    font-size: 14px;
    line-height: 46px;
    padding: 0 30px
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-size-46.helpdotcom-load-spinner *[class*="load"][class*="text"],
.helpdotcom-widget .helpdotcom-button.helpdotcom-size-46.helpdotcom-load-check *[class*="load"][class*="text"] {
    top: -46px
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-size-46.helpdotcom-outline {
    line-height: 44px
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-load {
    position: relative;
    overflow: hidden
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-load.helpdotcom-load-spinner *[class*="load"][class*="spinner"] {
    top: 0
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-load.helpdotcom-load-check *[class*="load"][class*="spinner"] {
    top: -100%
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-load.helpdotcom-load-check *[class*="load"][class*="check"] {
    top: 0
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-load.helpdotcom-load-reload *[class*="load"][class*="spinner"] {
    display: none
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-load *[class*="load"] {
    display: block;
    position: relative;
    line-height: inherit;
    transition: top 500ms cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-load *[class*="load"][class*="text"] {
    top: 0;
    font-weight: inherit
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-load *[class*="load"][class*="spinner"],
.helpdotcom-widget .helpdotcom-button.helpdotcom-load *[class*="load"][class*="check"] {
    position: absolute;
    right: 0;
    left: 0
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-load *[class*="load"][class*="spinner"] {
    top: 100%
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-load *[class*="load"][class*="check"] {
    top: 100%
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-load *[class*="load"] img,
.helpdotcom-widget .helpdotcom-button.helpdotcom-load *[class*="load"] svg {
    position: relative;
    top: -1px
}

.helpdotcom-widget .helpdotcom-button.helpdotcom-outline {
    border: 1px solid transparent
}

.helpdotcom-widget .helpdotcom-button[disabled]:not(.helpdotcom-load) {
    opacity: 0.5;
    cursor: default
}

.helpdotcom-widget .helpdotcom-check {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.helpdotcom-widget .helpdotcom-check[type="checkbox"]+label::before {
    border-radius: 3px
}

.helpdotcom-widget .helpdotcom-check[type="checkbox"]+label::after {
    top: 0;
    left: 0;
    width: 16px;
    font-weight: 700;
    text-align: center;
    content: "✓"
}

.helpdotcom-widget .helpdotcom-check[type="radio"]+label::before {
    border-radius: 50%
}

.helpdotcom-widget .helpdotcom-check[type="radio"]+label::after {
    top: 5px;
    left: 5px;
    width: 8px;
    height: 8px;
    content: "";
    border-radius: 50%
}

.helpdotcom-widget .helpdotcom-check+label {
    position: relative;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
    cursor: pointer
}

.helpdotcom-widget .helpdotcom-check+label:not(:empty)::before {
    position: relative;
    top: -1px;
    margin: 0 10px 0 0
}

.helpdotcom-widget .helpdotcom-check+label::before {
    position: absolute;
    top: 0;
    left: 0;
    width: 18px;
    height: 18px;
    content: "";
    background: #fff;
    border: 2px solid transparent
}

.helpdotcom-widget .helpdotcom-check+label::after {
    position: absolute;
    opacity: 0;
    transition: opacity 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-check+label:hover::after {
    opacity: 0.5
}

.helpdotcom-widget .helpdotcom-check:checked+label {
    font-weight: 700;
    color: #333
}

.helpdotcom-widget .helpdotcom-check:checked+label::after {
    opacity: 1
}

.helpdotcom-widget .helpdotcom-dropzone {
    position: absolute;
    top: 15px;
    right: 15px;
    bottom: 15px;
    left: 15px;
    min-height: 150px;
    text-align: center;
    background: #fff;
    border: 1px dashed transparent;
    border-radius: 3px;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.helpdotcom-widget .helpdotcom-dropzone::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    border-radius: 3px
}

.helpdotcom-widget .helpdotcom-dropzone .helpdotcom-note {
    position: relative;
    font-weight: 700;
    font-size: 20px;
    color: #333;
    margin: auto 0
}

.helpdotcom-widget .helpdotcom-dropzone .helpdotcom-note .helpdotcom-files {
    position: relative;
    margin: 0 0 10px 0
}

.helpdotcom-widget .helpdotcom-dropzone .helpdotcom-note .helpdotcom-files.helpdotcom-animate svg:nth-child(1) {
    transform: scale(0.8) rotate(-15deg) translateX(-40px) translateY(-5px)
}

.helpdotcom-widget .helpdotcom-dropzone .helpdotcom-note .helpdotcom-files.helpdotcom-animate svg:nth-child(2) {
    transform: scale(0.8) rotate(15deg) translateX(40px) translateY(-5px)
}

.helpdotcom-widget .helpdotcom-dropzone .helpdotcom-note .helpdotcom-files svg {
    display: block;
    margin: 0 auto
}

.helpdotcom-widget .helpdotcom-dropzone .helpdotcom-note .helpdotcom-files svg:nth-child(1),
.helpdotcom-widget .helpdotcom-dropzone .helpdotcom-note .helpdotcom-files svg:nth-child(2) {
    position: absolute;
    top: 0;
    left: 50%;
    margin: 0 0 0 -25px;
    opacity: 0.6;
    z-index: 1;
    transition: all 500ms ease-in-out
}

.helpdotcom-widget .helpdotcom-dropzone .helpdotcom-note .helpdotcom-files svg:nth-child(3) {
    position: relative;
    z-index: 2
}

.helpdotcom-widget .helpdotcom-form {
    display: block;
    width: 100%;
    height: 36px;
    font-weight: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: 32px;
    padding: 2px 10px 0 10px;
    background: none;
    border: 0;
    border-bottom: 2px solid transparent;
    border-radius: 0;
    -webkit-font-smoothing: antialiased;
    -webkit-appearance: none;
    -moz-appearance: none;
    transition: color 200ms ease-in-out, border-color 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-form::-webkit-input-placeholder {
    color: rgba(85, 85, 85, 0.5);
    opacity: 1
}

.helpdotcom-widget .helpdotcom-form:-ms-input-placeholder {
    color: rgba(85, 85, 85, 0.5);
    opacity: 1
}

.helpdotcom-widget .helpdotcom-form::-moz-placeholder {
    color: rgba(85, 85, 85, 0.5);
    opacity: 1
}

.helpdotcom-widget .helpdotcom-form.helpdotcom-placeholder {
    color: rgba(85, 85, 85, 0.5)
}

.helpdotcom-widget .helpdotcom-form[disabled="disabled"] {
    color: rgba(85, 85, 85, 0.5)
}

.helpdotcom-widget .helpdotcom-form:-webkit-autofill {
    box-shadow: 0 0 0 1000px #fff inset
}

.helpdotcom-widget textarea {
    font-size: inherit;
    font-family: inherit
}

.helpdotcom-widget textarea.helpdotcom-form {
    line-height: 20px;
    padding: 7px 10px
}

.helpdotcom-widget select.helpdotcom-form {
    background-repeat: no-repeat;
    background-position: right center;
    background-image: url("/assets/images/common/icon/triangle.svg")
}

.helpdotcom-widget select::-ms-expand {
    display: none
}

.helpdotcom-widget .helpdotcom-form-edit {
    position: absolute;
    top: 0;
    right: 0
}

.helpdotcom-widget .helpdotcom-form-edit li {
    float: left;
    font-size: 12px
}

.helpdotcom-widget .helpdotcom-form-edit li:not(:last-child) {
    padding: 0 10px 0 0
}

.helpdotcom-widget .helpdotcom-form-append {
    position: absolute;
    top: 12px;
    right: 0;
    font-size: 12px;
    line-height: 32px;
    padding: 0 10px;
    background: #fff
}

.helpdotcom-widget .helpdotcom-form-append:not(a) {
    color: #999
}

.helpdotcom-widget .helpdotcom-form-append.helpdotcom-button {
    padding: 0 10px
}

.helpdotcom-widget .helpdotcom-form-append.helpdotcom-domain {
    font-size: 14px
}

.helpdotcom-widget .helpdotcom-form-prepend-slash,
.helpdotcom-widget .helpdotcom-form-prepend-hashtag {
    display: none;
    position: absolute;
    top: 14px;
    left: 10px;
    line-height: 30px;
    pointer-events: none
}

.helpdotcom-active .helpdotcom-widget .helpdotcom-form-prepend-slash,
.helpdotcom-focus .helpdotcom-widget .helpdotcom-form-prepend-slash,
.helpdotcom-active .helpdotcom-widget .helpdotcom-form-prepend-hashtag,
.helpdotcom-focus .helpdotcom-widget .helpdotcom-form-prepend-hashtag {
    display: block
}

.helpdotcom-widget .helpdotcom-form-prepend-slash:not(a),
.helpdotcom-widget .helpdotcom-form-prepend-hashtag:not(a) {
    color: #999
}

.helpdotcom-widget .helpdotcom-form-prepend-slash+* {
    padding-left: 18px
}

.helpdotcom-widget .helpdotcom-form-prepend-hashtag+* {
    padding-left: 20px
}

.helpdotcom-widget .helpdotcom-form-add {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 12px;
    transition: color 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-form-hex {
    top: 16px;
    right: 10px;
    width: 24px;
    height: 24px;
    line-height: 24px;
    padding: 0;
    background: none;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px
}

.helpdotcom-widget .helpdotcom-form-error {
    display: block;
    font-size: 12px;
    line-height: 15px;
    color: #e31300;
    padding: 5px 10px 0 10px
}

.helpdotcom-widget .helpdotcom-field {
    position: relative;
    padding: 10px 0 0 0
}

.helpdotcom-widget .helpdotcom-field.helpdotcom-focus label,
.helpdotcom-widget .helpdotcom-field.helpdotcom-active label {
    top: 0;
    font-size: 12px;
    line-height: 15px
}

.helpdotcom-widget .helpdotcom-field.helpdotcom-focus label+.helpdotcom-form::-webkit-input-placeholder,
.helpdotcom-widget .helpdotcom-field.helpdotcom-active label+.helpdotcom-form::-webkit-input-placeholder {
    opacity: 1
}

.helpdotcom-widget .helpdotcom-field.helpdotcom-focus label+.helpdotcom-form:-ms-input-placeholder,
.helpdotcom-widget .helpdotcom-field.helpdotcom-active label+.helpdotcom-form:-ms-input-placeholder {
    opacity: 1
}

.helpdotcom-widget .helpdotcom-field.helpdotcom-focus label+.helpdotcom-form::-moz-placeholder,
.helpdotcom-widget .helpdotcom-field.helpdotcom-active label+.helpdotcom-form::-moz-placeholder {
    opacity: 1
}

.helpdotcom-widget .helpdotcom-field.helpdotcom-active label {
    color: #999
}

.helpdotcom-widget .helpdotcom-field label {
    position: absolute;
    top: 19px;
    left: 10px;
    pointer-events: none;
    color: rgba(85, 85, 85, 0.5);
    transition: all 150ms ease-in-out
}

.helpdotcom-widget .helpdotcom-field label+.helpdotcom-form::-webkit-input-placeholder {
    opacity: 0;
    transition: opacity 150ms ease-in-out
}

.helpdotcom-widget .helpdotcom-field label+.helpdotcom-form:-ms-input-placeholder {
    opacity: 0;
    transition: opacity 150ms ease-in-out
}

.helpdotcom-widget .helpdotcom-field label+.helpdotcom-form::-moz-placeholder {
    opacity: 0;
    transition: opacity 150ms ease-in-out
}

.helpdotcom-widget .helpdotcom-form-textarea {
    display: block;
    width: 100%;
    padding: 10px;
    border: 2px solid transparent;
    border-radius: 3px
}

.helpdotcom-widget .helpdotcom-form-textarea.helpdotcom-transparent {
    background: none
}

.helpdotcom-widget .helpdotcom-form-textarea.helpdotcom-size-100 {
    height: 100px
}

.helpdotcom-widget .helpdotcom-form-textarea.helpdotcom-size-150 {
    height: 150px
}

.helpdotcom-widget .helpdotcom-form-textarea.helpdotcom-size-200 {
    height: 200px
}

.helpdotcom-field .helpdotcom-widget .helpdotcom-form-textarea {
    margin: 12px 0 0 0
}

.helpdotcom-widget .helpdotcom-form-divider {
    height: 1px;
    padding: 0;
    margin: 30px 0;
    border: 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message {
    position: relative;
    padding: 15px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message::before {
    position: absolute;
    top: 0;
    right: 15px;
    left: 15px;
    height: 1px;
    background: rgba(0, 0, 0, 0.06)
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message:first-child+.helpdotcom-message:not(.helpdotcom-background)::before {
    content: ""
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message:last-child .helpdotcom-addons .helpdotcom-note {
    border-bottom: 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message.helpdotcom-left+.helpdotcom-left:not(.helpdotcom-background)::before {
    content: ""
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message.helpdotcom-left .helpdotcom-message-content {
    padding-left: 50px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message.helpdotcom-left .helpdotcom-message-content .helpdotcom-thumbnail {
    left: 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message.helpdotcom-right .helpdotcom-message-content {
    text-align: right;
    padding-right: 50px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message.helpdotcom-right .helpdotcom-message-content .helpdotcom-thumbnail {
    right: 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message.helpdotcom-right .helpdotcom-message-resend {
    text-align: right
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message.helpdotcom-right .helpdotcom-time {
    right: auto;
    left: 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message.helpdotcom-right .helpdotcom-addons .helpdotcom-time {
    right: 0;
    left: auto
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message.helpdotcom-right .helpdotcom-message-align {
    float: right;
    text-align: left
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message.helpdotcom-timestamp.helpdotcom-left .helpdotcom-message-content {
    padding-right: 50px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message.helpdotcom-timestamp.helpdotcom-right .helpdotcom-message-content {
    padding-left: 50px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-content {
    position: relative;
    word-break: break-word
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-content:not(:last-child) {
    margin-bottom: 5px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-content.helpdotcom-message-event {
    padding-right: 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-content p:not(:last-child) {
    margin-bottom: 15px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-thumbnail {
    display: block;
    width: 60px;
    height: 60px;
    margin: 0 auto 15px auto;
    border-radius: 50%
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-thumbnail.helpdotcom-section-avatar {
    position: absolute;
    top: 0;
    width: 40px;
    height: 40px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-name {
    font-weight: 700
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-name:not(a) {
    color: #333
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-name+span {
    font-size: 12px;
    color: #999
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-time {
    position: absolute;
    top: 0;
    right: 0;
    font-size: 11px;
    color: #999
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-update-info {
    font-size: 12px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-resend {
    position: relative;
    padding-right: 70px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-resend+.helpdotcom-message-resend {
    margin-top: 10px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-resend .helpdotcom-icon {
    position: absolute;
    top: 4px;
    right: 50px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-resend .helpdotcom-resend-link::before {
    content: "-";
    margin: 0 1px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-resend .helpdotcom-message-options {
    padding-top: 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-options {
    font-size: 12px;
    word-break: break-word;
    color: #999
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-options:not(:first-child) {
    margin: 15px 0 0 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-options.helpdotcom-inserted {
    padding: 10px;
    margin: 15px -15px;
    background: #fff
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-options.helpdotcom-inserted:first-child {
    margin-top: -15px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-options.helpdotcom-inserted:last-child {
    margin-bottom: -15px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-options+.helpdotcom-buttons {
    margin-top: 15px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-options li {
    position: relative
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-options li:not(:last-child) {
    margin: 0 0 5px 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-message-options .helpdotcom-icon {
    top: -1px;
    margin: 0 3px 0 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-buttons li {
    padding: 0 5px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-speaking-to {
    text-align: center;
    padding: 15px 0 0 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-subheading {
    display: block;
    font-size: 14px;
    font-weight: 700;
    color: #333
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-specification {
    padding: 10px 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-specification li {
    font-size: 12px;
    line-height: 14px;
    padding: 0 2px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-specification li:not(:last-child) {
    opacity: 0.3
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-specification .fa {
    font-size: 14px;
    line-height: 1
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-uploaded {
    position: relative;
    font-size: 12px;
    color: #999;
    padding: 10px 10px 10px 45px;
    margin: 5px 0 0 0;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 3px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-uploaded svg {
    position: absolute;
    top: 10px;
    left: 10px;
    width: 26px;
    height: 32px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-offline {
    font-size: 12px;
    text-align: center;
    padding: 10px 15px;
    margin: 15px -15px -15px -15px;
    background-color: rgba(227, 19, 0, 0.15);
    background-image: url("/assets/images/common/loading.svg");
    animation: loading 250ms linear infinite;
    -webkit-animation: loading 250ms linear infinite
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-offline strong {
    color: #333
}

@keyframes loading {
    to {
        background-position: 5px 0
    }
}

@-webkit-keyframes loading {
    to {
        background-position: 5px 0
    }
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-break {
    display: block;
    height: 1px;
    padding: 0;
    margin: 15px 0 15px 0;
    background: rgba(0, 0, 0, 0.06);
    border: 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-section {
    padding: 15px 0 0 0;
    margin: 15px 0 0 0;
    border-top: 1px solid rgba(0, 0, 0, 0.06)
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-rate-star {
    margin: 15px auto 0 auto
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-rate-thumb {
    margin: 15px auto 0 auto
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons {
    position: relative;
    margin: 0 -15px;
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    z-index: 1
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons:not(:first-child) {
    margin-top: 15px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons:last-child {
    margin-bottom: -16px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-addon {
    clear: both;
    position: relative;
    font-size: 12px;
    line-height: 26px;
    color: #999;
    padding: 0 160px 0 0;
    margin: 15px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-addon+.helpdotcom-addon {
    margin-top: -10px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-addon li {
    float: left;
    margin: 0 0 5px 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-addon li:not(:last-child) {
    margin-right: 5px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-addon .helpdotcom-button.helpdotcom-white:hover {
    background: #fff
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-addon .helpdotcom-button.helpdotcom-disabled {
    opacity: 0.5
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-addon .helpdotcom-button:not(.helpdotcom-link) {
    padding: 0 10px;
    cursor: auto
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-addon .helpdotcom-button .helpdotcom-link {
    position: relative;
    top: -1px;
    line-height: 13px;
    color: #999
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-addon .helpdotcom-button .helpdotcom-link:hover {
    color: #555
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-addon .helpdotcom-removed {
    text-decoration: line-through;
    color: #555
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-addon .helpdotcom-rated {
    line-height: 26px;
    color: #555;
    padding: 0 10px;
    border-radius: 3px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-note {
    color: #999;
    padding: 15px;
    background: rgba(255, 255, 191, 0.6);
    border-top: 1px solid rgba(0, 0, 0, 0.06);
    border-bottom: 1px solid rgba(0, 0, 0, 0.06)
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-note:first-child {
    margin-top: -1px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-note+.helpdotcom-note {
    margin-top: -1px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-addons .helpdotcom-note .helpdotcom-title {
    position: relative;
    font-size: 12px;
    margin: 0 0 5px 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-leave-chat {
    padding: 15px 0 0 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-leave-chat ul ul {
    padding: 10px 0 0 25px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-leave-chat ul ul .helpdotcom-field-wrapper {
    max-width: 400px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-leave-chat li:not(:first-child) {
    padding: 10px 0 0 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-leave-chat li .helpdotcom-actions {
    padding: 10px 0 0 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-leave-chat li .helpdotcom-actions li {
    float: left;
    font-size: 14px;
    line-height: 46px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-leave-chat li .helpdotcom-actions li:not(:first-child) {
    padding: 0 0 0 10px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-leave-chat li .helpdotcom-actions li .helpdotcom-button.helpdotcom-link {
    font-size: inherit;
    line-height: inherit
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-leave-chat .helpdotcom-field {
    margin: 10px 0 0 28px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-end-chat {
    text-align: center;
    padding: 15px 0 0 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-end-chat li {
    padding: 0 5px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-end-chat .helpdotcom-button {
    width: 70px;
    padding: 0
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-dots i {
    font-style: normal;
    -webkit-animation: dots 1400ms infinite both;
    animation: dots 1400ms infinite both
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-dots i:nth-child(2) {
    -webkit-animation-delay: 200ms;
    animation-delay: 200ms
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-dots i:nth-child(3) {
    -webkit-animation-delay: 400ms;
    animation-delay: 400ms
}

@-webkit-keyframes dots {
    0% {
        opacity: 0.2
    }
    20% {
        opacity: 1
    }
    100% {
        opacity: 0.2
    }
}

@keyframes dots {
    0% {
        opacity: 0.2
    }
    20% {
        opacity: 1
    }
    100% {
        opacity: 0.2
    }
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-predictive {
    display: inline-block;
    font-size: 14px;
    padding: 5px 0 0 0;
    margin: 0 50px
}

.helpdotcom-widget .helpdotcom-messages .helpdotcom-message .helpdotcom-predictive::after {
    content: "|";
    -webkit-animation: pipe 1s steps(5, start) infinite;
    animation: pipe 1s steps(5, start) infinite
}

@-webkit-keyframes pipe {
    to {
        visibility: hidden
    }
}

@keyframes pipe {
    to {
        visibility: hidden
    }
}

.helpdotcom-widget .helpdotcom-popover {
    display: none;
    position: absolute;
    max-width: 380px;
    min-width: 180px;
    padding: 10px;
    z-index: 98;
    pointer-events: none
}

.helpdotcom-widget .helpdotcom-popover.fade {
    display: block
}

.helpdotcom-widget .helpdotcom-popover[class*="top"]>[class*=arrow] {
    top: 100%;
    margin-top: -11px;
    border-top-color: rgba(0, 0, 0, 0.1)
}

.helpdotcom-widget .helpdotcom-popover[class*="top"]>[class*=arrow]::after {
    top: -9px;
    border-top-color: #fff
}

.helpdotcom-widget .helpdotcom-popover[class*="bottom"]>[class*=arrow] {
    bottom: 100%;
    margin-bottom: -11px;
    border-bottom-color: rgba(0, 0, 0, 0.1)
}

.helpdotcom-widget .helpdotcom-popover[class*="bottom"]>[class*=arrow]::after {
    top: -7px;
    border-bottom-color: #fff
}

.helpdotcom-widget .helpdotcom-popover[class*="right"]>[class*=arrow] {
    right: 100%;
    margin-right: -11px;
    border-right-color: rgba(0, 0, 0, 0.1)
}

.helpdotcom-widget .helpdotcom-popover[class*="right"]>[class*=arrow]::after {
    left: -7px;
    border-right-color: #fff
}

.helpdotcom-widget .helpdotcom-popover[class*="left"]>[class*=arrow] {
    left: 100%;
    margin-left: -11px;
    border-left-color: rgba(0, 0, 0, 0.1)
}

.helpdotcom-widget .helpdotcom-popover[class*="left"]>[class*=arrow]::after {
    left: -9px;
    border-left-color: #fff
}

.helpdotcom-widget .helpdotcom-popover[class*="top"]>[class*=arrow],
.helpdotcom-widget .helpdotcom-popover[class*="bottom"]>[class*=arrow] {
    margin-left: -8px
}

.helpdotcom-widget .helpdotcom-popover[class*="top"]>[class*=arrow]::after,
.helpdotcom-widget .helpdotcom-popover[class*="bottom"]>[class*=arrow]::after {
    left: -8px
}

.helpdotcom-widget .helpdotcom-popover[class*="right"]>[class*=arrow],
.helpdotcom-widget .helpdotcom-popover[class*="left"]>[class*=arrow] {
    margin-top: -8px
}

.helpdotcom-widget .helpdotcom-popover[class*="right"]>[class*=arrow]::after,
.helpdotcom-widget .helpdotcom-popover[class*="left"]>[class*=arrow]::after {
    top: -8px
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-margin-top-minus-5 {
    margin-top: -5px
}

.helpdotcom-widget .helpdotcom-popover>[class*=arrow] {
    position: absolute;
    border: 8px solid transparent;
    z-index: 1
}

.helpdotcom-widget .helpdotcom-popover>[class*=arrow]::after {
    position: absolute;
    content: "";
    border: 8px solid transparent
}

.helpdotcom-widget .helpdotcom-popover [class*=popover-content] {
    position: relative;
    font-size: 13px;
    line-height: 20px;
    background: #fff;
    border: 1px solid rgba(0, 0, 0, 0.2);
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3);
    pointer-events: auto
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-reply-options {
    right: 0;
    bottom: 100%;
    min-width: 320px;
    margin: 0 0 -10px 0
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-reply-options .helpdotcom-arrow {
    top: 100%;
    right: 20px;
    margin-top: -11px;
    border-top-color: rgba(0, 0, 0, 0.1)
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-reply-options .helpdotcom-arrow::after {
    top: -9px;
    left: -8px;
    border-top-color: #fff
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-predefined {
    right: 0;
    left: 0;
    max-width: none;
    bottom: 100%;
    margin: 0 0 -10px 0
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-predefined .helpdotcom-arrow {
    top: 100%;
    left: 20px;
    margin-top: -11px;
    border-top-color: rgba(0, 0, 0, 0.1)
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-predefined .helpdotcom-arrow::after {
    top: -9px;
    left: -8px;
    border-top-color: #fff
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-status-options .helpdotcom-popover-content {
    padding: 0;
    background: none;
    box-shadow: none;
    border: 0;
    border-radius: 0
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-status-options .helpdotcom-popover-content>* {
    background: #fff;
    border-radius: 3px;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.3)
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-status-options .helpdotcom-popover-content>*:last-child {
    margin: 10px 0 0 0
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-status-options .helpdotcom-popover-list li>a,
.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-status-options .helpdotcom-popover-list li>button {
    font-size: 14px;
    text-align: center;
    padding: 10px 15px
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji {
    right: 0;
    bottom: 100%;
    max-width: 390px;
    margin: 0 0 -10px 0
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-arrow {
    top: 100%;
    right: 123px;
    margin-top: -11px;
    border-top-color: rgba(0, 0, 0, 0.1)
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-arrow::after {
    top: -9px;
    left: -8px;
    border-top-color: #fff
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div {
    width: auto!important;
    font-size: 14px!important;
    font-family: "Open Sans", "Arial"!important;
    line-height: 1.4!important;
    color: #555!important;
    background: none!important;
    box-shadow: none!important;
    border: 0!important;
    border-radius: 0!important
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div>div:first-of-type {
    padding: 5px 10px 0 10px!important;
    border-color: transparent!important
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div>div:first-of-type *[style*="cursor: pointer"] {
    padding: 6px 4px!important;
    margin-right: 5px!important;
    border-radius: 0!important
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div>div:first-of-type *[style*="font-family: Slack"] {
    width: 18px!important;
    height: 18px!important;
    font-size: 18px!important;
    line-height: 18px!important;
    transition: all 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div>div:first-of-type+div {
    padding: 10px 5px 10px 10px!important;
    background: 0!important
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div>div:first-of-type+div>* {
    max-height: 234px!important;
    padding: 0 5px 0 0!important
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div>div:first-of-type+div>*::-webkit-scrollbar:vertical {
    width: 4px!important
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div>div:first-of-type+div>*::-webkit-scrollbar-track {
    border-radius: 4px!important
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div>div:first-of-type+div>*::-webkit-scrollbar-thumb {
    border-radius: 4px!important;
    box-shadow: 0 0 2px #fff!important
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div>div:first-of-type+div>*>*:not(:last-child) {
    padding: 0 0 10px 0;
    margin: 0 0 10px 0;
    border-bottom: 1px solid rgba(0, 0, 0, 0.06)
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div>div:first-of-type+div>*>*>*:first-child {
    font-weight: 400!important;
    font-size: 14px!important;
    color: #333!important
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div>div:first-of-type+div *[style*="width: 36px"] {
    width: 33px!important
}

.helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div>div:first-of-type+div *[style*="line-height: 26px"] {
    line-height: 22px!important
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-overflow {
    position: relative;
    overflow: hidden
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list {
    max-height: 305px;
    color: #333;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li:not(:last-child) {
    border-bottom: 1px solid transparent
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li.helpdotcom-title {
    padding: 15px
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>a,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>button {
    display: block;
    position: relative;
    width: 100%;
    line-height: 20px;
    text-align: left;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: inherit;
    padding: 15px;
    cursor: pointer;
    overflow: hidden
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>a[data-helpdotcom-trigger-popover-slide],
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>button[data-helpdotcom-trigger-popover-slide] {
    padding-right: 40px
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>a[data-helpdotcom-trigger-popover-slide]::after,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>button[data-helpdotcom-trigger-popover-slide]::after {
    position: absolute;
    top: 14px;
    right: 15px;
    font-size: 20px;
    line-height: 20px;
    content: "›"
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>a .fa-square,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>button .fa-square {
    position: relative;
    top: 1px;
    font-size: 16px;
    margin-top: -2px;
    margin-bottom: -2px
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>a.helpdotcom-clr [class*="float"],
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>button.helpdotcom-clr [class*="float"] {
    display: block;
    float: none;
    max-width: 100%;
    min-width: 0;
    text-overflow: ellipsis;
    overflow: hidden
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>a.helpdotcom-clr .helpdotcom-float-left,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>button.helpdotcom-clr .helpdotcom-float-left {
    padding: 0 10px 0 0;
    margin: 0 auto 0 0;
    -webkit-box-flex: 1;
    -webkit-flex: 1 0 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 0 auto;
    -ms-flex: 1 0 auto;
    flex: 1 0 auto
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>a.helpdotcom-clr .helpdotcom-float-right,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-list li>button.helpdotcom-clr .helpdotcom-float-right {
    margin: 0 0 0 auto;
    -webkit-box-flex: 0;
    -webkit-flex: 0 1 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 1 auto;
    -ms-flex: 0 1 auto;
    flex: 0 1 auto
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-options {
    padding: 10px
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-options .helpdotcom-popover-speaker {
    float: left;
    width: 30px;
    padding: 0
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-options .helpdotcom-popover-speaker img,
.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-options .helpdotcom-popover-speaker svg {
    position: relative;
    top: -2px
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-options .helpdotcom-popover-action {
    float: right
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-slide {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 50px 0 0 0;
    background: #fff;
    border-radius: 3px
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-slide .helpdotcom-popover-heading {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    line-height: 20px;
    text-align: center;
    padding: 15px;
    border-bottom: 1px solid transparent
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-slide .helpdotcom-popover-heading span {
    margin: 0 5px 0 0
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-slide .helpdotcom-popover-heading button {
    position: absolute;
    top: 15px;
    left: 15px;
    line-height: 20px;
    cursor: pointer
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-popover-slide .helpdotcom-popover-list {
    height: 100%;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-description {
    padding: 15px
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-description p:not(:last-child) {
    margin: 0 0 10px 0
}

.helpdotcom-widget .helpdotcom-popover .helpdotcom-description ul li {
    float: left;
    padding: 0 5px
}

.helpdotcom-widget .helpdotcom-progress {
    display: block;
    position: relative;
    height: 3px;
    margin: 5px 0
}

.helpdotcom-widget .helpdotcom-progress i {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0
}

.helpdotcom-widget .helpdotcom-rate-feel {
    text-align: center
}

.helpdotcom-widget .helpdotcom-rate-feel li {
    margin: 5px 3px 0 3px
}

.helpdotcom-widget .helpdotcom-rate-feel img {
    display: block;
    width: 34px;
    height: 34px;
    border-radius: 50%
}

.helpdotcom-widget .helpdotcom-rate-star {
    width: 160px
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-rate-star-scale {
    width: 260px;
    font-size: 12px;
    text-align: center
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-rate-star-scale label {
    width: 20px;
    height: auto;
    padding: 25px 0 0 0
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-rate-star-scale label::after {
    height: 20px;
    bottom: auto
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-rate-star-scale label svg {
    width: 20px;
    height: 20px
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-result label {
    cursor: default
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-result label::after {
    content: none
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-result .helpdotcom-checked label::after {
    content: "";
    opacity: 1
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-result .helpdotcom-checked~li label::after {
    content: "";
    opacity: 1
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-will-animate .helpdotcom-checked label::after {
    opacity: 0
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-will-animate .helpdotcom-checked~li label::after {
    opacity: 0
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-animate li:nth-child(5) label::after {
    animation: star 500ms cubic-bezier(0.7, 0, 0.175, 1) forwards
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-animate li:nth-child(4) label::after {
    animation: star 500ms 125ms cubic-bezier(0.7, 0, 0.175, 1) forwards
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-animate li:nth-child(3) label::after {
    animation: star 500ms 250ms cubic-bezier(0.7, 0, 0.175, 1) forwards
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-animate li:nth-child(2) label::after {
    animation: star 500ms 375ms cubic-bezier(0.7, 0, 0.175, 1) forwards
}

.helpdotcom-widget .helpdotcom-rate-star.helpdotcom-animate li:nth-child(1) label::after {
    animation: star 500ms 500ms cubic-bezier(0.7, 0, 0.175, 1) forwards
}

@-webkit-keyframes star {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: scale(1.5)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

@keyframes star {
    0% {
        opacity: 0;
        transform: scale(0)
    }
    50% {
        opacity: 1;
        transform: scale(1.5)
    }
    100% {
        opacity: 1;
        transform: scale(1)
    }
}

.helpdotcom-widget .helpdotcom-rate-star li {
    float: right;
    margin: 0 3px
}

.helpdotcom-widget .helpdotcom-rate-star:not(.helpdotcom-result) li:hover label svg polygon {
    fill: rgba(255, 207, 0, 0.3);
    stroke: #ffcf00
}

.helpdotcom-widget .helpdotcom-rate-star:not(.helpdotcom-result) li:hover~li label svg polygon {
    fill: rgba(255, 207, 0, 0.3);
    stroke: #ffcf00
}

.helpdotcom-widget .helpdotcom-rate-star label {
    display: block;
    position: relative;
    width: 26px;
    height: 26px;
    cursor: pointer
}

.helpdotcom-widget .helpdotcom-rate-star label::after {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    opacity: 0;
    background-image: url("/assets/images/common/star.svg");
    transition: opacity 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-rate-star label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.helpdotcom-widget .helpdotcom-rate-star label svg {
    position: absolute
}

.helpdotcom-widget .helpdotcom-rate-star label img {
    position: absolute
}

.helpdotcom-widget .helpdotcom-rate-star svg {
    display: block;
    top: 0;
    left: 0
}

.helpdotcom-widget .helpdotcom-rate-star svg polygon {
    transition: fill 200ms ease-in-out, stroke 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-rate-star img {
    display: block
}

.helpdotcom-widget .helpdotcom-rate-thumb li {
    float: left;
    margin: 0 5px
}

.helpdotcom-widget .helpdotcom-rate-thumb label {
    display: block;
    position: relative;
    width: 54px;
    height: 54px;
    line-height: 54px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer;
    transition: background 200ms ease-in-out, -webkit-transform 200ms ease-in-out, transform 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-up.helpdotcom-active,
.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-up:hover {
    background: rgba(131, 174, 0, 0.2)
}

.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-up.helpdotcom-active svg path,
.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-up:hover svg path {
    stroke: #83ae00
}

.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-up.helpdotcom-checked {
    background: none
}

.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-up.helpdotcom-checked svg path {
    fill: #83ae00;
    stroke: #83ae00
}

.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-down.helpdotcom-active,
.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-down:hover {
    background: rgba(178, 0, 0, 0.2)
}

.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-down.helpdotcom-active svg path,
.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-down:hover svg path {
    stroke: #b20000
}

.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-down.helpdotcom-checked {
    background: none
}

.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-down.helpdotcom-checked svg path {
    fill: #b20000;
    stroke: #b20000
}

.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-down svg {
    transform: rotate(180deg)
}

.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-active {
    cursor: default
}

.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-checked {
    cursor: default
}

.helpdotcom-widget .helpdotcom-rate-thumb label.helpdotcom-animate {
    animation: grow 250ms cubic-bezier(0.7, 0, 0.175, 1)
}

.helpdotcom-widget .helpdotcom-rate-thumb label input {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

@-webkit-keyframes grow {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(1.1)
    }
}

@keyframes grow {
    0% {
        transform: scale(1)
    }
    100% {
        transform: scale(1.1)
    }
}

.helpdotcom-widget .helpdotcom-rate-thumb svg {
    position: relative;
    top: -2px
}

.helpdotcom-widget .helpdotcom-rate-thumb svg path {
    fill: #fff;
    transition: all 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-rate-word {
    margin: 0 0 -10px 0
}

.helpdotcom-widget .helpdotcom-rate-word li {
    padding: 0 5px 10px 5px
}

.helpdotcom-widget .helpdotcom-rate-word .helpdotcom-button {
    width: 96px;
    line-height: 42px;
    padding: 0;
    background: none;
    border: 2px solid transparent
}

.helpdotcom-widget .helpdotcom-rate-radio-scale {
    width: 260px;
    font-size: 12px;
    text-align: center;
    margin: 0 auto
}

.helpdotcom-widget .helpdotcom-rate-radio-scale li {
    float: left;
    width: 18px;
    margin: 0 4px
}

.helpdotcom-widget .helpdotcom-rate-radio-scale .helpdotcom-check+label {
    display: block;
    height: auto
}

.helpdotcom-widget .helpdotcom-rate-radio-scale .helpdotcom-check+label:not(:empty)::before {
    top: 0;
    margin: 0 0 5px 0
}

.helpdotcom-widget .helpdotcom-reply {
    position: relative;
    padding: 10px 54px 0 10px;
    border-top: 1px solid transparent
}

.helpdotcom-widget .helpdotcom-reply .helpdotcom-post {
    width: 100%;
    height: 44px;
    max-height: 74px;
    font-size: inherit;
    font-family: inherit;
    line-height: 20px;
    color: inherit;
    padding: 12px 90px 12px 10px;
    background: #fff;
    border: 0;
    border-radius: 3px
}

.helpdotcom-widget .helpdotcom-reply .helpdotcom-post[disabled] {
    opacity: 0.5
}

.helpdotcom-widget .helpdotcom-reply .helpdotcom-options {
    display: block;
    position: absolute;
    top: 10px;
    right: 10px;
    width: 34px;
    height: 44px;
    line-height: 42px;
    text-align: center;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer;
    transition: background 200ms ease-in-out, border-color 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-reply .helpdotcom-options i {
    position: relative;
    top: -1px;
    width: 18px;
    height: 3px;
    margin: 0 auto
}

.helpdotcom-widget .helpdotcom-reply .helpdotcom-options i::before,
.helpdotcom-widget .helpdotcom-reply .helpdotcom-options i::after {
    position: absolute;
    left: 0;
    right: 0;
    height: 3px;
    content: "";
    background: inherit
}

.helpdotcom-widget .helpdotcom-reply .helpdotcom-options i::before {
    bottom: 6px
}

.helpdotcom-widget .helpdotcom-reply .helpdotcom-options i::after {
    top: 6px
}

.helpdotcom-widget .helpdotcom-reply .helpdotcom-emoji {
    position: absolute;
    top: 15px;
    right: 120px;
    line-height: 34px;
    opacity: 0.5;
    cursor: pointer;
    transition: opacity 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-reply .helpdotcom-emoji:hover {
    opacity: 1
}

.helpdotcom-widget .helpdotcom-reply .helpdotcom-send {
    position: absolute;
    top: 15px;
    right: 59px;
    width: 55px;
    height: 34px;
    background: #fff;
    border-radius: 3px
}

.helpdotcom-widget .helpdotcom-reply .helpdotcom-send span {
    display: block;
    line-height: 34px;
    padding: 0 10px;
    border-radius: 3px;
    cursor: pointer
}

.helpdotcom-widget .helpdotcom-row {
    position: relative
}

.helpdotcom-widget .helpdotcom-row:not(:last-child) {
    margin-bottom: 15px
}

.helpdotcom-widget .helpdotcom-row .helpdotcom-label {
    display: block;
    font-size: 12px;
    color: #999;
    padding: 0 0 0 10px
}

.helpdotcom-widget .helpdotcom-row .helpdotcom-login-options {
    position: absolute;
    top: 10px;
    right: 0;
    line-height: 34px;
    color: #999;
    padding: 0 10px;
    background: #fff
}

.helpdotcom-widget .helpdotcom-row .helpdotcom-login-options li {
    float: left
}

.helpdotcom-widget .helpdotcom-row .helpdotcom-login-options li:not(:last-child) {
    margin: 0 6px 0 0
}

.helpdotcom-widget .helpdotcom-row .helpdotcom-switch-option {
    position: relative;
    line-height: 22px;
    padding: 0 75px 0 10px
}

.helpdotcom-widget .helpdotcom-row .helpdotcom-switch-option label {
    position: absolute;
    top: 0;
    right: 10px
}

.helpdotcom-widget .helpdotcom-row .helpdotcom-switch-option small {
    display: block;
    line-height: 1.4
}

.helpdotcom-widget .helpdotcom-section {
    padding: 15px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-heading {
    font-weight: 700;
    font-size: 16px;
    color: #333;
    padding: 0 0 10px 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-animation {
    padding: 15px 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-animation img {
    display: block;
    margin: 0 auto;
    border-radius: 50%
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-estimated {
    position: absolute;
    right: 0;
    bottom: 15px;
    left: 0;
    text-align: center
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-picker {
    line-height: 36px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-picker li {
    float: left
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-picker li:not(:last-child) {
    margin: 0 10px 0 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-picker .helpdotcom-button {
    padding: 0 15px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-rate-star,
.helpdotcom-widget .helpdotcom-section .helpdotcom-rate-thumb {
    margin: 0 auto
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-rate-star:not(:last-child),
.helpdotcom-widget .helpdotcom-section .helpdotcom-rate-thumb:not(:last-child) {
    margin-bottom: 15px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-heading {
    font-size: 12px;
    color: #999
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-heading li:first-child {
    float: left
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-heading li:last-child {
    float: right
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-rating {
    font-weight: 700;
    font-size: 48px;
    line-height: 1;
    padding: 0 0 10px 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-list {
    margin: 0 -1px 0 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-list li {
    float: left;
    width: 10%;
    padding: 0 1px 0 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-list li:first-child label {
    border-radius: 3px 0 0 3px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-list li:last-child label {
    border-radius: 0 3px 3px 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-list label {
    display: block;
    position: relative;
    height: 26px;
    line-height: 26px;
    text-align: center;
    color: #333;
    cursor: pointer;
    transition: color 200ms ease-in-out, background 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-list label:hover,
.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-list label.helpdotcom-checked {
    color: #fff
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-list label input {
    position: absolute;
    opacity: 0;
    visibility: hidden
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-list+.helpdotcom-scale-heading {
    padding-top: 5px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-scale-heading+.helpdotcom-scale-list {
    padding-top: 5px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-list li:not(:first-child) {
    margin: 10px 0 0 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-dropzone {
    position: relative;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 15px 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-dropzone .helpdotcom-note {
    font-size: 18px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-dropzone .helpdotcom-note span {
    display: block;
    font-weight: 400;
    font-size: 14px;
    color: #555;
    padding: 5px 0 10px 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback {
    padding: 15px 0 0 15px;
    border-top: 1px solid rgba(0, 87, 143, 0.1)
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback>li {
    list-style: decimal
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback>li:not(:last-child) {
    padding: 0 0 30px 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback .helpdotcom-feedback-question {
    margin: 0 0 15px 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback .helpdotcom-feedback-answer {
    margin: 0 0 0 -15px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback .helpdotcom-rate-star {
    width: 125px;
    margin: 0 10px 0 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback .helpdotcom-rate-star li {
    margin: 0 0 0 5px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback .helpdotcom-rate-star label {
    width: 20px;
    height: 20px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback .helpdotcom-rate-star label::after {
    width: 20px;
    height: 20px;
    background-size: contain
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback .helpdotcom-rate-star label svg {
    width: 20px;
    height: 20px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback .helpdotcom-rate-thumb {
    margin: 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback .helpdotcom-rate-thumb li {
    margin: 0 10px 0 0
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback .helpdotcom-rate-thumb label {
    width: 44px;
    height: 44px;
    line-height: 44px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback .helpdotcom-rate-thumb svg {
    width: 25px;
    height: 25px
}

.helpdotcom-widget .helpdotcom-section .helpdotcom-feedback-submit {
    text-align: center;
    padding: 15px 0 0 0
}

.helpdotcom-widget .helpdotcom-section p:not(:last-child) {
    margin-bottom: 15px
}

.helpdotcom-widget .helpdotcom-section ul:not([class]):not(:last-child) {
    margin-bottom: 15px
}

.helpdotcom-widget .helpdotcom-section ul:not([class]) li {
    position: relative;
    padding: 0 0 0 15px
}

.helpdotcom-widget .helpdotcom-section ul:not([class]) li:not(:first-child) {
    margin-top: 5px
}

.helpdotcom-widget .helpdotcom-section ul:not([class]) li::before {
    position: absolute;
    top: 8px;
    left: 0;
    width: 4px;
    height: 4px;
    content: "";
    border-radius: 50%;
    opacity: 0.2
}

.helpdotcom-widget .helpdotcom-switch {
    position: absolute;
    top: 0;
    left: 0;
    opacity: 0;
    visibility: hidden
}

.helpdotcom-widget .helpdotcom-switch+label {
    position: relative;
    width: 55px;
    height: 22px;
    cursor: pointer
}

.helpdotcom-widget .helpdotcom-switch+label::before {
    position: absolute;
    top: 0;
    right: 0;
    width: 55px;
    height: 22px;
    font-size: 12px;
    font-weight: 700;
    line-height: 22px;
    text-align: right;
    content: "Off";
    padding: 0 10px;
    border-radius: 22px
}

.helpdotcom-widget .helpdotcom-switch+label::after {
    position: absolute;
    top: 3px;
    right: 36px;
    width: 16px;
    height: 16px;
    content: "";
    background: #fff;
    border-radius: 50%
}

.helpdotcom-widget .helpdotcom-switch:checked+label::before {
    text-align: left;
    color: #fff;
    content: "On";
    background: #83ae00
}

.helpdotcom-widget .helpdotcom-switch:checked+label::after {
    right: 3px
}

.helpdotcom-widget .helpdotcom-align-right {
    text-align: right
}

.helpdotcom-widget .helpdotcom-align-center {
    text-align: center
}

.helpdotcom-widget .helpdotcom-align-left {
    text-align: left
}

.helpdotcom-widget .helpdotcom-float-right {
    float: right
}

.helpdotcom-widget .helpdotcom-float-left {
    float: left
}

.helpdotcom-widget .helpdotcom-hidden {
    display: none
}

.helpdotcom-widget .helpdotcom-icon {
    position: relative
}

.helpdotcom-widget .helpdotcom-icon-warning {
    width: 12px;
    height: 12px;
    background: url("/assets/images/common/icon/warning.svg")
}

.helpdotcom-widget .helpdotcom-icon-google {
    width: 14px;
    height: 14px;
    background: url("/assets/images/common/icon/google.svg")
}

.helpdotcom-widget .helpdotcom-icon-facebook {
    width: 14px;
    height: 14px;
    background: url("/assets/images/common/icon/facebook.svg")
}

.helpdotcom-widget .helpdotcom-margin-5-top {
    margin-top: 5px
}

.helpdotcom-widget .helpdotcom-margin-5-right {
    margin-right: 5px
}

.helpdotcom-widget .helpdotcom-margin-5-bottom {
    margin-bottom: 5px
}

.helpdotcom-widget .helpdotcom-margin-5-left {
    margin-left: 5px
}

.helpdotcom-widget .helpdotcom-margin-10-top {
    margin-top: 10px
}

.helpdotcom-widget .helpdotcom-margin-10-right {
    margin-right: 10px
}

.helpdotcom-widget .helpdotcom-margin-10-bottom {
    margin-bottom: 10px
}

.helpdotcom-widget .helpdotcom-margin-10-left {
    margin-left: 10px
}

.helpdotcom-widget .helpdotcom-margin-15-top {
    margin-top: 15px
}

.helpdotcom-widget .helpdotcom-margin-15-right {
    margin-right: 15px
}

.helpdotcom-widget .helpdotcom-margin-15-bottom {
    margin-bottom: 15px
}

.helpdotcom-widget .helpdotcom-margin-15-left {
    margin-left: 15px
}

.helpdotcom-widget .helpdotcom-margin-20-top {
    margin-top: 20px
}

.helpdotcom-widget .helpdotcom-margin-20-right {
    margin-right: 20px
}

.helpdotcom-widget .helpdotcom-margin-20-bottom {
    margin-bottom: 20px
}

.helpdotcom-widget .helpdotcom-margin-20-left {
    margin-left: 20px
}

.helpdotcom-widget .helpdotcom-margin-25-top {
    margin-top: 25px
}

.helpdotcom-widget .helpdotcom-margin-25-right {
    margin-right: 25px
}

.helpdotcom-widget .helpdotcom-margin-25-bottom {
    margin-bottom: 25px
}

.helpdotcom-widget .helpdotcom-margin-25-left {
    margin-left: 25px
}

.helpdotcom-widget .helpdotcom-margin-30-top {
    margin-top: 30px
}

.helpdotcom-widget .helpdotcom-margin-30-right {
    margin-right: 30px
}

.helpdotcom-widget .helpdotcom-margin-30-bottom {
    margin-bottom: 30px
}

.helpdotcom-widget .helpdotcom-margin-30-left {
    margin-left: 30px
}

.helpdotcom-widget .helpdotcom-margin-35-top {
    margin-top: 35px
}

.helpdotcom-widget .helpdotcom-margin-35-right {
    margin-right: 35px
}

.helpdotcom-widget .helpdotcom-margin-35-bottom {
    margin-bottom: 35px
}

.helpdotcom-widget .helpdotcom-margin-35-left {
    margin-left: 35px
}

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

@-webkit-keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

@keyframes spin {
    0% {
        -webkit-transform: rotate(0deg);
        transform: rotate(0deg)
    }
    100% {
        -webkit-transform: rotate(359deg);
        transform: rotate(359deg)
    }
}

*,
*::before,
*::after {
    box-sizing: border-box;
    -moz-box-sizing: border-box
}

*:focus {
    outline: none
}

html {
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%
}

body {
    margin: 0
}

a {
    background: transparent;
    cursor: pointer
}

a:active,
a:hover {
    outline: 0
}

p {
    margin: 0
}

small {
    font-size: 80%
}

img {
    border: 0
}

ul,
ol,
dl,
dt,
dd {
    padding: 0;
    margin: 0
}

li {
    list-style: none
}

form {
    margin: 0
}

button {
    font-family: inherit;
    font-size: inherit;
    font-family: inherit;
    line-height: inherit;
    overflow: visible
}

input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none
}

input[type="number"] {
    -moz-appearance: textfield
}

input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-decoration {
    -webkit-appearance: none
}

input[type="checkbox"],
input[type="radio"] {
    padding: 0
}

textarea {
    vertical-align: top;
    overflow: auto;
    resize: vertical
}

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

table th,
table td {
    padding: 0
}

.helpdotcom-widget .helpdotcom-finished-actions {
    line-height: 36px;
    text-align: center;
    padding: 10px;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.helpdotcom-widget .helpdotcom-finished-actions li {
    float: left;
    width: calc(50% - 15px)
}

.helpdotcom-widget .helpdotcom-finished-actions li:nth-child(2) {
    width: 30px
}

.helpdotcom-widget .helpdotcom-finished-actions li:last-child .helpdotcom-button {
    background: #fff
}

.helpdotcom-widget .helpdotcom-finished-actions li:last-child .helpdotcom-button:hover {
    background: #fafafa
}

.helpdotcom-widget .helpdotcom-finished-actions .helpdotcom-button {
    width: 100%;
    padding: 0
}

.helpdotcom-widget .helpdotcom-global-notification-floating {
    position: absolute;
    top: 0;
    right: 0;
    left: 0;
    background: #fff;
    z-index: 1
}

.helpdotcom-widget .helpdotcom-global-notification {
    position: relative;
    font-size: 12px;
    text-align: center;
    padding: 10px 15px;
    background-image: url("/assets/images/common/loading.svg")
}

.helpdotcom-widget .helpdotcom-global-notification.helpdotcom-error {
    background-color: rgba(227, 19, 0, 0.1)
}

.helpdotcom-widget .helpdotcom-global-notification.helpdotcom-warning {
    background-color: #ffffbf
}

.helpdotcom-widget .helpdotcom-global-notification.helpdotcom-success {
    background-color: #dfffbf
}

.helpdotcom-widget .helpdotcom-global-notification .helpdotcom-title {
    display: block
}

.helpdotcom-widget .helpdotcom-global-notification .helpdotcom-close {
    position: absolute;
    top: 10px;
    right: 10px;
    font-size: 12px;
    color: #555;
    background: none;
    padding: 0;
    border: 0
}

.helpdotcom-widget .helpdotcom-global-notification .helpdotcom-close:hover {
    color: #333
}

.helpdotcom-widget .helpdotcom-global-notification .helpdotcom-close i {
    font-style: normal;
    cursor: pointer
}

.helpdotcom-widget .helpdotcom-holder {
    height: 100%;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.helpdotcom-widget .helpdotcom-holder .helpdotcom-top {
    position: relative;
    overflow: hidden;
    -webkit-box-flex: 1;
    -webkit-flex: 1 1 auto;
    -moz-box-flex: 1;
    -moz-flex: 1 1 auto;
    -ms-flex: 1 1 auto;
    flex: 1 1 auto
}

.helpdotcom-widget .helpdotcom-holder .helpdotcom-bottom {
    position: relative;
    -webkit-box-flex: 0;
    -webkit-flex: 0 0 auto;
    -moz-box-flex: 0;
    -moz-flex: 0 0 auto;
    -ms-flex: 0 0 auto;
    flex: 0 0 auto
}

.helpdotcom-widget .helpdotcom-holder .helpdotcom-scrollable {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    transition: left 200ms ease-in-out, -webkit-transform 200ms ease-in-out, transform 200ms ease-in-out
}

@media (max-width: 480px),
(max-height: 464px) {
    .helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji {
        max-width: 100%
    }
}

@media (max-width: 480px),
(max-height: 464px) {
    .helpdotcom-widget .helpdotcom-popover.helpdotcom-popover-emoji .helpdotcom-popover-content>div>div:first-of-type+div>* {
        max-height: calc(100vh - 189px)!important
    }
}

.helpdotcom-widget .helpdotcom-proactive .helpdotcom-proactive-toggle {
    display: block;
    width: 100%;
    height: 36px;
    line-height: 36px;
    text-align: center;
    color: #333;
    cursor: pointer
}

.helpdotcom-widget .helpdotcom-proactive .helpdotcom-proactive-form {
    display: none
}

.helpdotcom-widget .helpdotcom-proactive .helpdotcom-row {
    padding: 0 15px
}

.helpdotcom-widget .helpdotcom-proactive .helpdotcom-row:first-child {
    padding-top: 15px
}

.helpdotcom-widget .helpdotcom-proactive .helpdotcom-row:last-child {
    padding-bottom: 15px
}

.helpdotcom-widget .helpdotcom-proactive .helpdotcom-login-options {
    top: 15px;
    right: 10px;
    background: #fff;
    z-index: 1
}

.helpdotcom-widget .helpdotcom-proactive .helpdotcom-login-options::before {
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    content: "";
    z-index: -1
}

.helpdotcom-widget .helpdotcom-scroll-bottom {
    position: absolute;
    left: 50%;
    bottom: 100%;
    width: 150px;
    height: 32px;
    line-height: 31px;
    text-align: center;
    margin: 0 0 0 -75px;
    background: #fff;
    border: 1px solid transparent;
    border-bottom: 0;
    border-radius: 3px 3px 0 0;
    cursor: pointer
}

.helpdotcom-widget .helpdotcom-scroll-bottom svg {
    margin: 0 5px 0 0;
    transform: rotate(180deg)
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-status {
    position: relative;
    height: 3px
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-status i {
    display: block;
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    width: 0;
    transition: width 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options {
    position: relative;
    text-align: center;
    border-top: 1px solid transparent;
    border-bottom: 1px solid transparent
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-pages {
    position: absolute;
    top: 5px;
    left: 5px
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-pages li {
    float: left
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-pages li:not(:last-child) {
    padding: 0 5px 0 0
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-pages button {
    position: relative
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-pages button::after {
    position: absolute;
    top: 50%;
    left: 50%;
    content: "";
    border: 4px solid transparent
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-pages .helpdotcom-previous::after {
    margin: -4px 0 0 -6px
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-pages .helpdotcom-next::after {
    margin: -4px 0 0 -2px
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-more {
    position: absolute;
    top: 5px;
    right: 5px
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-more button i {
    position: relative;
    top: -1px;
    width: 14px;
    height: 2px;
    margin: 0 auto
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-more button i::before,
.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-more button i::after {
    position: absolute;
    left: 0;
    right: 0;
    height: 2px;
    content: "";
    background: inherit
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-more button i::before {
    bottom: 5px
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options .helpdotcom-more button i::after {
    top: 5px
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options p {
    line-height: 36px
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options button {
    width: 26px;
    height: 26px;
    background: #fff;
    border: 1px solid transparent;
    border-radius: 3px;
    cursor: pointer
}

.helpdotcom-widget .helpdotcom-slides-actions .helpdotcom-options button * {
    cursor: pointer
}

.helpdotcom-widget .helpdotcom-slides {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    transition: -webkit-transform 250ms cubic-bezier(0.6, -0.1, 0.735, 0.045), transform 250ms cubic-bezier(0.6, -0.1, 0.735, 0.045)
}

.helpdotcom-widget .helpdotcom-slides .helpdotcom-slide {
    position: relative;
    float: left;
    height: 100%
}

.helpdotcom-widget .helpdotcom-vertical-center {
    height: 100%;
    -webkit-flex-flow: column nowrap;
    -moz-flex-flow: column nowrap;
    -ms-flex-flow: column nowrap;
    flex-flow: column nowrap
}

.helpdotcom-widget .helpdotcom-vertical-center>* {
    margin: auto 0
}

.helpdotcom-widget .helpdotcom-vertical-center .helpdotcom-animation {
    padding-top: 0
}

.helpdotcom-widget .helpdotcom-body {
    display: none;
    position: relative;
    height: calc(100% - 38px - 26px);
    overflow-y: auto;
    -webkit-overflow-scrolling: touch
}

.helpdotcom-open.helpdotcom-widget .helpdotcom-body {
    display: block
}

.helpdotcom-widget .helpdotcom-footer {
    display: none;
    font-size: 10px;
    line-height: 26px;
    text-align: center
}

.helpdotcom-open.helpdotcom-widget .helpdotcom-footer {
    display: block
}

.helpdotcom-widget .helpdotcom-footer .helpdotcom-logo {
    width: 62px;
    height: 13px;
    margin: 0 0 0 5px;
    background: url("//cdn2.hubspot.net/hubfs/2511087/help%20(1).svg")
}

.helpdotcom-widget .helpdotcom-header {
    height: 38px;
    font-size: 16px;
    line-height: 38px;
    text-overflow: ellipsis;
    white-space: nowrap;
    padding: 0 15px;
    cursor: pointer;
    overflow: hidden
}

.helpdotcom-open.helpdotcom-widget .helpdotcom-header {
    padding-right: 75px
}

.helpdotcom-close.helpdotcom-widget .helpdotcom-header {
    font: 0/0 a
}

.helpdotcom-close.helpdotcom-widget .helpdotcom-header .helpdotcom-actions button svg {
    top: 0
}

.helpdotcom-widget .helpdotcom-header .helpdotcom-actions {
    position: absolute;
    top: 6px;
    right: 6px
}

.helpdotcom-widget .helpdotcom-header .helpdotcom-actions li {
    float: left;
    position: relative
}

.helpdotcom-widget .helpdotcom-header .helpdotcom-actions li:not(:first-child) {
    margin: 0 0 0 6px
}

.helpdotcom-close.helpdotcom-widget .helpdotcom-header .helpdotcom-actions li:not(:first-child) {
    display: none
}

.helpdotcom-widget .helpdotcom-header .helpdotcom-actions button {
    display: block;
    width: 26px;
    height: 26px;
    line-height: 26px;
    text-align: center;
    border-radius: 3px;
    cursor: pointer
}

.helpdotcom-open.helpdotcom-widget .helpdotcom-header .helpdotcom-actions button[data-helpdotcom-toggle-widget] svg {
    transform: rotate(180deg)
}

.helpdotcom-widget .helpdotcom-header .helpdotcom-actions button svg {
    position: relative;
    top: -2px;
    transition: fill 200ms ease-in-out
}

.helpdotcom-widget .helpdotcom-color-emperor {
    color: #555
}

.helpdotcom-widget .helpdotcom-color-dusty-gray {
    color: #999
}

.helpdotcom-stack {
    top: 0;
    right: 0;
    bottom: 0;
    left: 0;
    width: auto
}

.helpdotcom-stack .helpdotcom-body {
    display: block;
    height: calc(100vh - 26px)
}

.helpdotcom-stack .helpdotcom-footer {
    display: block
}

.helpdotcom-stack .helpdotcom-horizontal-center {
    position: relative;
    width: 360px;
    height: 400px;
    margin: auto
}

@media (max-width: 480px),
(max-height: 560px) {
    .helpdotcom-stack .helpdotcom-horizontal-center {
        width: 100%;
        height: 100%
    }
}

.helpdotcom-stack .helpdotcom-slides {
    width: 100%;
    transition: none
}

.helpdotcom-stack .helpdotcom-slides .helpdotcom-slide {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    background: #fff;
    box-shadow: 0 0 6px rgba(0, 0, 0, 0.1);
    transition: top 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55), z-index 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55), -webkit-transform 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55), transform 400ms cubic-bezier(0.68, -0.55, 0.265, 1.55)
}

@media (max-width: 480px),
(max-height: 560px) {
    .helpdotcom-stack .helpdotcom-slides .helpdotcom-slide {
        transition: none
    }
}

.helpdotcom-stack .helpdotcom-slides .helpdotcom-slide:not(.helpdotcom-current) {
    pointer-events: none
}

.helpdotcom-stack .helpdotcom-slides .helpdotcom-slide:not(.helpdotcom-current):not(.helpdotcom-first-stack):not(.helpdotcom-second-stack) {
    opacity: 0.3;
    -webkit-transform: scale(0.85);
    transform: scale(0.85)
}

.helpdotcom-stack .helpdotcom-slides .helpdotcom-slide.helpdotcom-second-stack~*:not(.helpdotcom-first-stack):not(.helpdotcom-second-stack) {
    top: 60px;
    opacity: 0
}

@media (max-width: 480px),
(max-height: 560px) {
    .helpdotcom-stack .helpdotcom-slides .helpdotcom-slide.helpdotcom-second-stack~*:not(.helpdotcom-first-stack):not(.helpdotcom-second-stack) {
        top: 0
    }
}

.helpdotcom-stack .helpdotcom-slides .helpdotcom-slide.helpdotcom-current {
    z-index: 4
}

.helpdotcom-stack .helpdotcom-slides .helpdotcom-slide.helpdotcom-first-stack {
    top: 20px;
    z-index: 2;
    -webkit-transform: scale(0.95);
    transform: scale(0.95)
}

@media (max-width: 480px),
(max-height: 560px) {
    .helpdotcom-stack .helpdotcom-slides .helpdotcom-slide.helpdotcom-first-stack {
        top: 0
    }
}

.helpdotcom-stack .helpdotcom-slides .helpdotcom-slide.helpdotcom-second-stack {
    top: 40px;
    z-index: 1;
    -webkit-transform: scale(0.9);
    transform: scale(0.9)
}

@media (max-width: 480px),
(max-height: 560px) {
    .helpdotcom-stack .helpdotcom-slides .helpdotcom-slide.helpdotcom-second-stack {
        top: 0
    }
}

.helpdotcom-stack .helpdotcom-holder .helpdotcom-scrollable {
    overflow-x: hidden
}

@media (max-width: 480px),
(max-height: 560px) {
    .helpdotcom-stack .helpdotcom-holder .helpdotcom-top {
        background: #fff
    }
}

.helpdotcom-stack .helpdotcom-holder .helpdotcom-bottom .helpdotcom-slides-actions button {
    width: 38px;
    height: 38px
}

.helpdotcom-stack .helpdotcom-holder .helpdotcom-bottom .helpdotcom-slides-actions p {
    font-size: 16px;
    line-height: 48px
}

@media (max-width: 480px),
(max-height: 560px) {
    .helpdotcom-stack .helpdotcom-holder .helpdotcom-bottom .helpdotcom-slides-actions .helpdotcom-status {
        background: #fff
    }
}

.helpdotcom-stack .helpdotcom-section {
    padding: 30px
}

@media (max-width: 480px),
(max-height: 560px) {
    .helpdotcom-stack .helpdotcom-section {
        max-width: 400px;
        padding: 15px;
        margin: 0 auto
    }
}

.helpdotcom-widget {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    font-weight: 400;
    font-size: 14px;
    font-family: "Open Sans", "Arial";
    line-height: 1.4;
    background: #fff;
    -webkit-font-smoothing: antialiased
}

.helpdotcom-widget a {
    text-decoration: none
}

.helpdotcom-widget a:hover {
    text-decoration: none
}