/* base styles */
button._pendo-resource-center-badge-container {
    box-shadow: none !important;
}

._pendo-backdrop {
    background-color: var(--en-theme-color-backdrop-default) !important;
}

#pendo-guide-container,
#pendo-resource-center-container {
    background-color: var(--en-theme-color-background-surface-elevation-1) !important;
    box-shadow: var(--en-theme-box-shadow-md) !important;
    border: var(--en-ag-border-color) !important;
    border-radius: var(--en-theme-border-radius, 4px) !important;
}

[id^="pendo-guide-data-text"],
#pendo-resource-center-container .bb-text {
    color: var(--en-theme-color-content-default) !important;
}

#pendo-guide-container ._pendo-resource-center-module-list-item-title-text {
    font-weight: 500 !important;
}

._pendo-close-guide {
    color: var(--en-theme-color-content-secondary) !important;
}

.pendo-tooltip-caret--top,
.pendo-tooltip-caret--top+.pendo-tooltip-caret-border {
    border-top-color: var(--en-theme-color-background-surface-elevation-1) !important;
}

.pendo-tooltip-caret--right,

.pendo-tooltip-caret--right+.pendo-tooltip-caret-border {
    border-right-color: var(--en-theme-color-background-surface-elevation-1) !important;
}

.pendo-tooltip-caret--bottom {
    border-bottom-color: var(--en-theme-color-background-surface-elevation-1) !important;
}

.pendo-tooltip-caret--left {
    border-left-color: var(--en-theme-color-background-surface-elevation-1) !important;
}

.pendo-tooltip-caret--top+.pendo-tooltip-caret-border {
    border-top-color: none !important;
}

.pendo-tooltip-caret--right+.pendo-tooltip-caret-border {
    border-right-color: none !important;
}

.pendo-tooltip-caret--bottom+.pendo-tooltip-caret-border {
    border-bottom-color: none !important;
}

.pendo-tooltip-caret--left+.pendo-tooltip-caret-border {
    border-left-color: none !important;
}

._pendo-text-paragraph,
._pendo-text-custom,
._pendo-text-subTitle,
._pendo-text-title,
._pendo-text-plain,
._pendo-nps-open-text-poll-question {
    color: var(--en-theme-color-content-default, #333) !important;
}

._pendo-text-paragraph ._pendo-text-link,
._pendo-text-custom ._pendo-text-link,
._pendo-text-subTitle ._pendo-text-link,
._pendo-text-title ._pendo-text-link {
    color: var(--en-theme-color-content-accent-emphasis, #0052cc) !important;
    text-decoration: none !important;
}

._pendo-button {
    border-radius: var(--en-theme-border-radius, 4px) !important;
}

/**
 * Secondary button
 */
._pendo-button-secondaryButton {
    background-color: var(--en-theme-color-background-transparent-default) !important;
    border: var(--en-theme-border-width) solid var(--en-theme-color-background-accent-default) !important;
    color: var(--en-theme-color-content-accent-emphasis) !important;

    /**
     * Hover state
     */
    /* &:hover:not(:active, :disabled) {
      background-color: var(--en-theme-color-background-transparent-default) !important;
      border-color: var(--en-theme-color-content-accent-emphasis) !important;
      color: var(--en-theme-color-content-accent-emphasis) !important;
    } */
}

/**
 * Tertiary button
 */
._pendo-button-tertiaryButton {
    background-color: var(--en-theme-color-background-transparent-default);
    color: var(--en-theme-color-content-accent-emphasis);

    /**
     * Hide the shadow effect
     */
    /* &:after {
      display: none;
    } */

    /**
     * Hover state
     */
    /* &:hover:not(:active, :disabled) {
      background-color: var(--en-theme-color-background-transparent-default);
      color: var(--en-theme-color-content-accent-emphasis);
    }

    &._pendo-button-tertiaryTheme {
      color: var(--en-theme-color-content-accent-emphasis); */

    /**
     * Hover state
     */
    /* &:hover:not(:active, :disabled) {
        color: var(--en-theme-color-content-accent-emphasis);
      }
    } */
}

/* Notes from observing their UI
Primary Buddon:


Secondary Button:
border-color: var() //neutral purle
:hover border-color; // light & dark - accent purple
background-color: transparent; //(light - dark)
*/


._pendo-button-primaryButton {
    background-color: var(--en-theme-color-background-accent-default) !important;
    color: var(--en-theme-color-content-accent-onbackground) !important;
}

._pendo-button-primaryButton:hover {
    background-color: transparent !important;
    background-color: var(--en-theme-color-background-accent-emphasis) !important;
    color: var(--en-theme-color-content-accent-onbackground) !important;
    cursor: pointer !important;
}

._pendo-button-primarybutton {
    /* Originally: @include en-theme-typography-content-md-semibold;
       Replace with your desired font styles, e.g.: */
    font-family: sans-serif;
    font-size: 1rem;
    font-weight: 600;

    display: var(--en-c-button-display, inline-flex);
    justify-content: center;
    align-items: center;
    /* Originally: gap: size(0.5); */
    gap: 0.5rem;
    margin: 0;
    /* Originally: padding: var(--en-button-padding, #{size(1)} #{size(1.5)}); */
    padding: var(--en-button-padding, 1rem 1.5rem);
    border: none;
    border-radius: var(--en-theme-border-radius);
    text-decoration: none;
    cursor: pointer;
    transition: all var(--en-anim-fade-quick) var(--en-anim-ease);
    position: relative;
    height: var(--en-button-height, initial);
    background-color: var(--en-theme-color-background-accent-default);
    color: var(--en-theme-color-content-accent-onbackground);
    width: var(--en-button-width, auto);
}

._pendo-button-primarybutton>._pendo-button-primarybutton__divider {
    width: 1px;
    height: 1rem;
    /* Originally: margin: 0 size(1); */
    margin: 0 1rem;
}

/* Hover glow for button with text */
._pendo-button-primarybutton::after {
    content: '';
    position: absolute;
    inset-block-start: 100%;
    height: 16px;
    width: 100%;
    opacity: 0;
    visibility: hidden;
    z-index: var(--en-z-index-0);
    transition: all var(--en-anim-fade-quick) var(--en-anim-ease);
    overflow: hidden;
    background: linear-gradient(to right,
    var(--en-color-base-purple-5) 0%,
    var(--en-color-base-purple-9) 20%,
    var(--en-color-base-blue-9) 80%,
    var(--en-color-base-blue-5) 100%);
    mask-repeat: no-repeat;
    mask-position: top center;
    mask-size: 100% 100%;
    mask-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='102' height='20' fill='none'%3E%3Cg clip-path='url(%23a)' filter='url(%23b)'%3E%3Cpath fill='url(%23c)' fill-opacity='.64' d='M60.356 6c-12.876 0-27.778 4-38.593 4C10.947 10 5-.146 5-6h92c0 3.035-2.729 14.439-13.254 14.439C74.476 8.439 73.232 6 60.356 6Z'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='c' x1='13.576' x2='91.153' y1='1.024' y2='1.024' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%234B449B'/%3E%3Cstop offset='.214' stop-color='%238981E5'/%3E%3Cstop offset='.745' stop-color='%23518EE7'/%3E%3Cstop offset='1' stop-color='%231C4E98'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h102v20H0z'/%3E%3C/clipPath%3E%3Cfilter id='b' width='110' height='34' x='-4' y='-15' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeBlend in='SourceGraphic' in2='BackgroundImageFix' result='shape'/%3E%3CfeGaussianBlur result='effect1_foregroundBlur_4233_7369' stdDeviation='4.5'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
}

/* Hover state */
._pendo-button-primarybutton:hover:not(:active, :disabled) {
    background-color: var(--en-theme-color-background-accent-emphasis);
}

._pendo-button-primarybutton:hover:not(:active, :disabled)::after {
    opacity: 1;
    visibility: visible;
}

/* Focus outline for A11y */
._pendo-button-primarybutton:focus-visible {
    /* Originally: @include focus;
       Replace with your own focus styles, e.g.: */
    outline: 2px solid currentColor;
    outline-offset: 2px;
}

/* Disabled state */
._pendo-button-primarybutton:disabled {
    cursor: not-allowed;
    opacity: var(--en-theme-opacity-disabled);
}


#pendo-guide-container div[class*="_pendo-number-scale-poll"] {
    color: var(--en-theme-color-content-default) !important;
}

._pendo-multi-choice-poll-select-border {
    background-color: transparent !important;
    /* border-width: var(, 0px) !important; */
}

._pendo-multi-choice-poll-select {
    /* background-color: var() !important; */
    cursor: pointer;
    color: var(--en-theme-color-content-default, #42526e) !important;
    box-sizing: border-box;
    /* background: var() !important; */
    /* border-radius: var() !important; */
    /* padding-inline-start: var() !important; */
    /* padding-inline-end: var() !important; */
}

[id^=pendo-radio-select-] label.pendo-radio {
    color: var(--en-theme-color-content-default) !important;
    margin-top: 2px !important;
}

._pendo-open-text-poll-input {
    /* background-color: var() !important; */
    /* border: 1px solid var() !important; */
    border-radius: var(--en-theme-border-radius, 4px) !important;
    color: var(--en-theme-color-content-default, #091E42) !important;
}

*:not([theme-light]) ._pendo-open-text-poll-input {
    color: var(--en-theme-color-data-viz-neutral-dark-1, rgb(34, 34, 34)) !important;
}

#pendo-guide-container [id^=pendo-radio-select] input[type=radio] {
    /* display: flex !important;
    width: 24px !important;
    height: 24px !important;
    margin: var(--ds-space-0, 0px) !important;
    position: relative !important;
    -moz-box-align: center !important;
    align-items: center !important;
    -moz-box-pack: center !important;
    justify-content: center !important;
    flex-shrink: 0 !important;
    background-color: var(--radio-background-color);
    border: var(--ds-border-width, 1px) solid var(--radio-border-color);
    border-radius: var(--ds-border-radius-circle, 50%);
    outline: none;
    --radio-background-color: var();
    --radio-border-color: var();
    --radio-dot-color: var() !important;
    --radio-dot-opacity: 0 !important;
    transform: scale(calc(0.583333)) !important;
    transition: border-color 0.2s ease-in-out, background-color 0.2s ease-in-out !important;
    vertical-align: top !important;
    appearance: none !important;
    -moz-appearance: none !important; */
}

._pendo-required-indicator {
    /* color: var(--text-danger, #DE350B) !important;
    font-family: var(--font-family-body, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Ubuntu, system-ui, "Helvetica Neue", sans-serif) !important;
    padding-inline-start: var(--space-025, 2px) !important; */
}

/* pseudo styles */
#pendo-guide-container:focus-visible {
    outline: none !important;
}

/* #pendo-guide-container *:focus-visible::-moz-focus-inner:not(.pendo-start-focus-bumper:focus-visible::-moz-focus-inner, .pendo-end-focus-bumper:focus-visible::-moz-focus-inner) {
  border-radius: var(--en-theme-border-radius, 4px) !important;
} */
#pendo-guide-container *:focus-visible:not(.pendo-start-focus-bumper:focus-visible, .pendo-end-focus-bumper:focus-visible, .pendo-radio:focus-visible, ._pendo-open-text-poll-input:focus-visible, ._pendo-close-guide:focus-visible) {
    /* outline-color: var(--ds-border-focused, #2684FF) !important;
    outline-width: var(--ds-border-width-outline, 2px) !important;
    outline-style: solid !important;
    outline-offset: var(--ds-space-025, 2px) !important;
    border-radius: var(--en-theme-border-radius, 4px) !important; */
}

#pendo-guide-container ._pendo-close-guide:focus-visible {
    /* outline-offset: 0px !important; */
}

#pendo-guide-container [id^=pendo-radio-select] input[type=radio]:checked {
    /* --radio-background-color: var(--ds-background-selected-bold, #0052CC) !important;
    --radio-border-color: var(--ds-background-selected-bold, #0052CC) !important;
    --radio-dot-opacity: 1 !important; */
}

#pendo-guide-container [id^=pendo-radio-select] input[type=radio]::after {
    /* width: calc(6.85714px);
    height: calc(6.85714px);
    position: absolute;
    background: var(--radio-dot-color);
    border-radius: var(--ds-border-radius-circle, 50%);
    content: "";
    opacity: var(--radio-dot-opacity);
    transition: background-color 0.2s ease-in-out, opacity 0.2s ease-in-out; */
}

.pendo-radio:focus-visible {
    /* outline: var(--ds-border-width-outline, 3px) solid var(--ds-border-focused, #2684FF) !important;
    outline-offset: var(--ds-border-width-indicator, 3px) !important; */
}

._pendo-open-text-poll-input:focus-visible {
    /* outline-color: var(--ds-border-focused, #2684FF) !important;
    outline-width: var(--ds-border-width-outline, 2px) !important; */
    outline-style: solid !important;
    border-radius: var(--en-theme-border-radius, 4px) !important;
}

._pendo-text-paragraph ._pendo-text-link:hover,
._pendo-text-custom ._pendo-text-link:hover,
._pendo-text-subTitle ._pendo-text-link:hover,
._pendo-text-title ._pendo-text-link:hover {
    color: var(--en-theme-color-content-accent-emphasis, #0052cc) !important;
    text-decoration: underline !important;
}

._pendo-button:disabled._pendo-button[disabled] {
    /* border-color: currentcolor !important;
    border-radius: var(--ds-border-radius-100, 3px) !important;
    border-width: var(--ds-border-width-0, 0px) !important;
    padding-inline-end: var(--ds-space-150, 12px) !important;
    padding-inline-start: var(--ds-space-150, 12px) !important;
    text-align: center !important;
    transition: background 0.1s ease-out, box-shadow 0.15s cubic-bezier(0.47, 0.03, 0.49, 1.38) !important;
    text-decoration: none !important;
    background-color: var(--ds-background-disabled, rgba(9, 30, 66, 0.04)) !important;
    color: var(--ds-text-disabled, #091E424F) !important; */
    cursor: not-allowed !important;
    pointer-events: auto !important;
}

._pendo-open-text-poll-input::placeholder {
    /* color: var(--ds-text-subtlest, #6B778C) !important; */
}

.pendo-notification-bubble-unread-count, ._pendo-home-view-bubble > div, [data-pendo-announcement-guide-id] .bb-text{
    color: var(--en-theme-color-content-default) !important;
}

[data-pendo-announcement-guide-id] ._pendo-step-container-styles{
    background-color: var(--en-theme-color-background-surface-elevation-2) !important;
    /* box-shadow: var(--en-theme-box-shadow-md) !important; */
    border: var(--en-ag-border-color) !important;
    border-radius: var(--en-theme-border-radius, 4px) !important;

}

/* defaults selectors below */

/* ------------------------------
* -- Main Global Styling -------
* ------------------------------ */

._pendo-guide_ {
    /* -- Overarching settings for all guides -- */
}

._pendo-guide-container_ {
    /* -- Guide border, shadow, background, etc. -- */
}

._pendo-guide-container_ ._pendo-guide-content_ {
    /* -- Content area -- use for font attributes, padding, etc. */
}

/* ------------------------------
* -- Lightbox Specific Styling -
* ------------------------------ */

._pendo-guide-lb_ {
    /* -- Overarching settings for Lightbox -- */
}

._pendo-guide-lb_ ._pendo-guide-container_ {
    /* -- Guide border, shadow, background, etc. -- */
}

._pendo-guide-lb_ ._pendo-guide-container_ ._pendo-guide-content_ {
    /* -- Content area -- use for font attributes, padding, etc. */
}

._pendo-backdrop_ {
    /* The backdrop displayed behind lightboxes */
}

/* ------------------------------
* -- Tooltip Specific Styling --
* ------------------------------ */

._pendo-guide-tt_ {
    /* Overarching settings for tooltip */
}

._pendo-guide-tt_ ._pendo-guide-container_ {
    /* -- Guide border, shadow, background, etc. -- */
}

._pendo-guide-tt_ ._pendo-guide-container_ ._pendo-guide-content_ {
    /* -- Content area -- use for font attributes, padding, etc. */
}

/* -- Pointer on the edge of the tooltip -- */
._pendo-guide-arrow_ {}

._pendo-guide-arrow-top_ {}

._pendo-guide-arrow-left_ {}

._pendo-guide-arrow-right_ {}

._pendo-guide-arrow-bottom_ {}

._pendo-guide-arrow-border-top_ {}

._pendo-guide-arrow-border-left_ {}

._pendo-guide-arrow-border-right_ {}

._pendo-guide-arrow-border-bottom_ {}

/* ------------------------------
* -- Mobile Lightbox Styling ---
* ------------------------------ */

._pendo-guide-mobile-lb_ {
    /* Overarching settings for Mobile Lightbox */
}

._pendo-guide-mobile-lb_ ._pendo-guide-container_ {
    /* -- Guide border, shadow, background, etc. -- */
}

._pendo-guide-mobile-lb_ ._pendo-guide-container_ ._pendo-guide-content_ {
    /* -- Content area -- use for font attributes, padding, etc. */
}

/* ------------------------------
* -- Mobile Tooltip Styling ---
* ------------------------------ */
._pendo-guide-mobile-tt_ {
    /* Overarching settings for mobile tooltip */
}

._pendo-guide-mobile-tt_ ._pendo-guide-container_ {
    /* -- Guide border, shadow, background, etc. -- */
}

._pendo-guide-mobile-tt_ ._pendo-guide-container_ ._pendo-guide-content_ {
    /* -- Content area -- use for font attributes, padding, etc. */
}

/* ------------------------------
* -- Launcher Styling ----------
* ------------------------------ */

._pendo-launcher_ {
    /* Overarching settings for Launcher */
}

._pendo-launcher_ ._pendo-guide-container_ {
    /* -- Launcher border, shadow, background, etc. -- */
    /* -- (uses tooltip styles by default) -- */
}

._pendo-launcher_ ._pendo-launcher-content_ {
    /* -- Content area -- use for font attributes, padding, etc. */
}

._pendo-launcher_ ._pendo-launcher-header_ {
    /* -- Launcher header area -- */
}

._pendo-launcher_ ._pendo-launcher-header_ img {
    /* -- Launcher header area image styles -- */
}

._pendo-launcher_ ._pendo-launcher-header_ ._pendo-launcher-title_ {
    /* -- Launcher header area text styles -- */
}

._pendo-launcher_ ._pendo-launcher-header_ ._pendo-launcher-search-box_ {
    /* -- Launcher search area (if enabled) -- */
}

._pendo-launcher_ ._pendo-launcher-header_ ._pendo-launcher-search-box_ input[type="text"] {
    /* -- Launcher search area text box -- */
}

._pendo-launcher_ ._pendo-launcher-guide-listing_ {
    /* -- Launcher guide listing area -- */
}

._pendo-launcher_ ._pendo-launcher-guide-listing_ ._pendo-launcher-item_ {
    /* -- An individual item in the launcher guide listing -- */
}

._pendo-launcher_ ._pendo-launcher-footer_ {
    /* -- Launcher footer area -- */
}

._pendo-launcher-badge_ {
    /* -- Styles for the launcher badge -- */
}

/* -- Styles for launcher badge orientations -- */
._pendo-launcher-badge-bottom-right_ {}

._pendo-launcher-badge-bottom-left_ {}

._pendo-launcher-badge-top-right_ {}

._pendo-launcher-badge-top-left_ {}

/* -- Styles for launcher orientations -- */
._pendo-launcher-bottom-right_ {}

._pendo-launcher-bottom-left_ {}

._pendo-launcher-top-right_ {}

._pendo-launcher-top-left_ {}

/* ------------------------------
* -- Poll Styling --------------
* ------------------------------ */

._pendo-guide-container_ ._pendo-poll_ {
    /* -- Poll container -- */
}

._pendo-guide-container_ ._pendo-poll-question_ {
    /* -- Question and answer container (everything but the submit button) -- */
}

._pendo-guide-container_ ._pendo-poll-question-prompt_ {
    /* -- Question text -- */
}

._pendo-guide-container_ ._pendo-poll-question_ label {
    /* -- Number Scale Poll positioning and styles for radio button text and inputs -- */
}

._pendo-guide-container_ ._pendo-poll-question_ select {
    /* -- Dropdown styling -- */
}

._pendo-guide-container_ ._pendo-poll-question_ ._pendo-poll-npsrating-choices_ {
    /* -- NPS Poll ratings container -- */
}

._pendo-guide-container_ ._pendo-poll-question_ ._pendo-poll-npsrating-choices_ label {
    /* -- NPS Poll individual rating - the number scale items -- */
}

._pendo-guide-container_ ._pendo-poll-question_ ._pendo-poll-npsrating-choices_ label span {
    /* -- NPS Poll individual rating - accompanying text for number scale items -- */
}

._pendo-guide-container_ ._pendo-poll-npsreason_ {
    /* -- NPS Poll optional user-provided explanation container -- */
}

._pendo-guide-container_ ._pendo-poll-npsreason_ ._pendo-poll-question-prompt_ {
    /* -- NPS Poll optional user-provided explanation text -- */
}

._pendo-guide-container_ ._pendo-poll-question_ button {
    /* -- Yes/No Poll buttons styles -- */
}

._pendo-guide-container_ ._pendo-poll-submit_ {
    /* -- Submit button styles -- */
}

._pendo-guide-container_ ._pendo-poll-message_ {
    /* -- "Success message" styles -- */
}

/* ------------------------------
* -- Additional Global Styling -
* ------------------------------ */

._pendo-close-guide_ {
    /* -- The dismiss guide button displayed in the corner of every guide -- */
}

._pendo-badge_ {
    /* -- Styles for badges -- */
}

/* ------------------------------
* -- Your Custom Classes/IDs ---
------------------------------ */